Guidelines for Establishing a JavaScript Development Environment

Currently, I am working on a JavaScript framework that consists of N modules. Each module has its own GitHub repository. ModuleA is dependent on ModuleB, so whenever there is an update in ModuleB, the following steps need to be taken:

  • Commit changes to the GitHub repository and create a new release

  • Publish an updated package on npm

  • Run 'jspm install' for ModuleA and all other dependent modules

  • ...

This process seems like a nightmare.

I am looking for suggestions on how to set up a development infrastructure to streamline this workflow. Perhaps creating a 'dev' version of the 'package.json' file that links to local packages instead of using npm/GitHub could be a solution? Any recommendations on the proper way to handle this would be greatly appreciated.

javascriptgitnpm

Answer №1

One possible workflow could be:

  1. Make changes and commit them
  2. Notify the build server to compile the project
  3. If the compilation is successful, have the build server generate a release using the Github API for releases
  4. If the compilation is successful, publish the npm package to the npm hub via the build server

Regarding the jspm install command, you may consider setting up additional builds that trigger after the initial build completes successfully. These subsequent builds can clone the repository, run the jspm install/update command, and then push the changes back to the repository.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the best way to establish a global database connection in express 4 router using express.Router()?

Is there a way to pass a global variable in Node.js from a file to a module? I have been attempting to do so with a 'db' variable that represents a MongoDB connection. I tried copying the content of my file for the connections, but it didn't ...

javascriptnode.jsmongodb

After refreshing, the other items stored locally are lost once a new item is added

After refreshing the page, only the item added remains and the rest are lost. How can I make sure all items persist? Here is my code snippet: let buttonsDom = document.querySelectorAll(elementsStr.itemsBtn) const buttons = [... buttonsDom] window.addEven ...

javascriptnode.jsexpress

Mobile website scroll assistant

Seeking a solution to aid mobile users in scrolling through a lengthy article page. Typically in mobile apps, an alphabetical index assists users in navigating long lists. How can I incorporate a similar feature into a webapp? For context, my tech stack i ...

javascriptangularjscordovaweb-applicationsscroll

Using JS and d3.js to eliminate or combine duplicate connections in a d3.js node diagram

Hey there! Hello, I am new to working with js/d3.js and tackling a small project. Here are some of my previous inquiries: D3.js: Dynamically create source and target based on identical JSON values JS / d3.js: Steps for highlighting adjacent links My cu ...

javascriptarraysjsond3.js

The malfunction of Angular's tree component

After installing and importing the Angular tree component, I followed the basic example provided in order to set it up. However, upon following the steps outlined on , I encountered an issue where only the root node is visible without expanding. Could some ...

javascriptangulartypescriptangular-tree-component

WebdriverIO and Cucumber: Make sure the promise resolves in under 10 seconds for function timeout

Currently, I am working on developing an application that involves a series of page navigations for users to complete information. To facilitate navigation to specific parts of the page, I attempted to create a generic step definition as a "background" ste ...

javascripttestingselenium-webdrivere2e-testingwebdriver-io

What advantages does event delegation in JavaScript offer compared to using jQuery's event handling?

Vanilla JavaScript: parentNode.addEventListener("click", function(event) { if (event.target === childNode) { code here } }); versus jQuery: $(parentNode).on("click", childNode, function() {}); ...

javascriptjqueryperformance

Difficulty encountered while implementing the if-else statement in raycasting operations

Currently, I am experimenting with raycasting to determine if my mouse is pointing at an object. The function seems to be working fine when the object is not being touched - it correctly prints out "didnt touch". However, when the object is touched, it s ...

javascriptthree.jsraycasting

Access the current page's URL using JavaScript

I have a unique URL structure that looks like this: index.html#page:page.php As I am loading my pages dynamically using AJAX, I want to create hotlinks to load specific pages. Currently, I am using the following function: function getdata(file){ $ ...

javascriptjqueryurlvariables

Is it within the realm of possibility for a user to access and peruse the contents of this

I have taken measures to protect the contents of "x.txt" on my server from being viewed by any users. Here is what I have done so far: Blocked direct access to the file using .htaccess Implemented an ajax request on one of my pages to retrieve and s ...

javascriptajaxhtml.htaccesssecurity

Best practices for efficiently updating state in React components

Currently, I am in the process of learning React and trying to grasp its concepts by practicing. One exercise I decided to tackle involves deleting an element from an array when a user clicks on it in the UI. Below is the code snippet that I have been work ...

javascriptreactjs

Updating state in React is not possible

I am having trouble updating my state (specifically with setCoords). The API request is returning a 200 status code and the elements I need are present: https://i.stack.imgur.com/a8QzN.png Below is the code I am working with: const App = () => { co ...

javascriptreactjsreact-hooksreact-state

Storing a PDF created with Laravel in a queue

I have a tool that converts HTML to PDF and saves it locally. I also use a live URL to fetch another PDF and save it on my local machine. Then, I utilize a Laravel library to merge both PDFs into a single file through embedding. Previously, this process ...

javascriptphplaravellaravel-5

Encountering Issues with Accessing Property

Upon trying to run my code, the console is displaying an error that I am unable to resolve. The error specifically states: "TypeError: Cannot read property 'author' of undefined." View the StackBlitz project here The error seems to be coming fr ...

javascriptangularrxjsangular-forms

What could be causing the shadow casting issue with a 3D model in three.js?

I am working with 3D models that are structured like this: https://i.sstatic.net/osXTl.png My goal is to incorporate a cast shadow similar to this: https://i.sstatic.net/DBrRr.png Here is the code snippet responsible for handling the model: var ambLigh ...

javascriptthree.js3dmapbox-gl-jsgltf

Having trouble getting the finally clause to work properly in Angular JS version 1.7

In my current project, I am utilizing Angular JS 1.7. Recently, I encountered an issue while using the finally clause within a promise: $http.put( url, null, { headers: { 'Content-Type': 'application/json' } } ).then( ...

javascriptangularjs

There seems to be an issue with JavaScript functionality when implementing Bootstrap 5.3

Struggling with building a website on Visual Studio Code using Bootstrap 5.3. The functions like buttons not expanding and carousel not rolling are not working. Being a beginner, I'm finding it hard to understand why :( Has anyone encountered this is ...

javascriptbootstrap-5

What is the best way to toggle button visibility upon clicking in AngularJS?

I have 4 buttons in total. Initially, only one button will be visible while the remaining three should be hidden. I attempted to create this scenario using an example fiddle, but the code was not ideal. I am looking to utilize a ternary operator and simp ...

javascripthtmlangularjs

"JavaScript: An In-Depth Guide on Iterating Over Objects Using

I am trying to iterate through the req.body payload object in a nodejs application and extract the array object with SplitType = 'FLAT'. However, when I attempt to loop through the array object, I encounter an error stating that SplitType is unde ...

javascriptnode.jsjsonloopsexpress

How do you vertically span a grid element across 3 rows using Material UI?

This particular scenario may appear to be straightforward, but the official documentation of Material UI lacks a clear example on how to achieve this. Even after attempting to nest the grid elements, I encountered an issue where the grid element on the ri ...

javascripthtmlreactjsmaterial-ui