watcher npm run dev

package.json

@@ -57,6 +57,7 @@
   "homepage": "https://tapis-project.github.io/tapis-ui",
   "scripts": {
     "start": "vite --config ./vite/vite.local.config.mts",
+    "dev": "npm run watcher & npm run start",
     "deploy": "vite --config ./vite/vite.config.mts",
     "build": "tsc && vite build --config ./vite/vite.config.mts",
     "watcher": "node ./scripts/watcher.js",

scripts/watcher.js

@@ -14,36 +14,39 @@ const libsToWatch = [
   'lib/tapisui-common',
   'lib/tapisui-extensions-core',
   'lib/tapisui-api',
-  'lib/icicle-tapisui-extensions'
+  'lib/icicle-tapisui-extensions',
   // Add other libraries you want watched and rebuilt here
 ];
 
-libsToWatch.forEach(libPath => {
+libsToWatch.forEach((libPath) => {
   console.log(`Watching:   ${libPath}`);
   const watcher = chokidar.watch(`${libPath}/src`, { ignoreInitial: true });
 
   watcher.on('all', (event, filePath) => {
     if (filePath.endsWith('.css') || filePath.endsWith('.scss')) {
       // Handle CSS and SCSS files separately
       const destPath = filePath.replace('/src/', '/dist/');
-      fs.copyFile(filePath, destPath, err => {
+      fs.copyFile(filePath, destPath, (err) => {
         if (err) {
           console.error(`Error copying file ${filePath}: ${err}`);
           return;
         }
         console.log(`Copying:    ${filePath}`);
       });
     } else {
-      // rebuild is incremental due to the lib/libname/tsconfig.json > compilerOptions 
+      // rebuild is incremental due to the lib/libname/tsconfig.json > compilerOptions
       // > incremental: true, meaning only changed files are recompiled
       console.log(`Rebuilding: ${libPath}`);
-      exec(`cd ${libPath} && npx tsc --build ./tsconfig.json`, (error, stdout, stderr) => {
-        if (error) {
-          console.error(`Error rebuilding ${libPath}: ${error}\n${stdout}`);
-          return;
+      exec(
+        `cd ${libPath} && npx tsc --build ./tsconfig.json`,
+        (error, stdout, stderr) => {
+          if (error) {
+            console.error(`Error rebuilding ${libPath}: ${error}\n${stdout}`);
+            return;
+          }
+          console.log(`Changed:    ${filePath}`);
         }
-        console.log(`Changed:    ${filePath}`);
-      });
+      );
     }
   });
-});
+});