Function executeCommandCallback

scripts/dev-watch.mjs:124–162

(filepath = '')

  }

  function executeCommandCallback(filepath = '') {
    return new Promise(async (resolve) => {
      if (!processing) {
        processing = true;
        changedFiles.delete(filepath);

        if (filepath.endsWith('.js') || filepath.endsWith('.ts')) {
          // 1. ESM requires is always a full build because it ends up being bundled into a single "index.js" file
          await executeCjsEsmBuilds();

          // 2. for iife format, we can rebuild each separate file (unless it's the initial build, if so execute a full rebuild)
          await (initialBuild
            ? buildAllIifeFiles()
            : buildIifeFile(filepath)
          );
        } else if (filepath.endsWith('.css') || filepath.endsWith('.scss')) {
          // CSS/SCSS files
          if (filepath.endsWith('.scss')) {
            await buildSassFile(filepath);
          }
        }
        // ELSE, reaching outside of the conditions above (i.e.: .html)
        // will simply perform the common action, of reloading all connected browsers

        // in every case, we want to reload the web page
        bsync.reload('*.html');
        processing = false;
        if (initialBuild) {
          initialBuild = false;
        }

        // we might still have other packages that have changes though, so re-execute the command callback process if any were found
        if (hasQueuedChanges()) {
          executeCommandCallback(Array.from(changedFiles).pop());
        }
      }
      resolve(true);
    });
  }

  async function destroy() {
    console.log('Exiting the dev file watch...');