feat: add watch script

Use the chokidar lib to watch files.

Author: ricardochl

package-lock.json

@@ -6,12 +6,16 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "zx tools/build.mjs",
+    "start": "zx tools/watch.mjs",
     "update-origin": "zx tools/update-origin.mjs"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "dependencies": {
     "zx": "^7.2.3"
+  },
+  "devDependencies": {
+    "chokidar": "^3.6.0"
   }
 }

package.json

@@ -1,3 +1,4 @@
+import { watch } from 'chokidar';
 import { resolve } from 'node:path';
 import { $, cd, chalk, glob, within } from 'zx';
 import { initDir, cpRf, exists } from './fileutiles.mjs';
@@ -29,6 +30,14 @@ export async function buildADEV() {
   });
 }
 
+export async function watchADEV() {
+  await within(async () => {
+    cd(`${outDir}`);
+    await $`yarn install`;
+    await $`yarn docs`;
+  });
+}
+
 /**
  * glob patterns of localized files in adev-es
  */
@@ -45,6 +54,18 @@ export async function copyLocalizedFiles() {
   }
 }
 
+export async function watchLocalizedFiles(signal) {
+  const watcher = watch(localizedFilePatterns, {
+    cwd: adevEsDir,
+  });
+  watcher.on('change', (path) => {
+    const src = resolve(adevEsDir, path);
+    const dest = resolve(outDir, 'adev', path);
+    cpRf(src, dest);
+  });
+  signal.addEventListener('abort', () => watcher.close());
+}
+
 export async function syncSubmodule() {
   await within(async () => {
     cd(rootDir);

tools/lib/common.mjs

@@ -0,0 +1,47 @@
+import { argv, chalk } from 'zx';
+import { copyLocalizedFiles, resetBuildDir, watchADEV, watchLocalizedFiles } from './lib/common.mjs';
+
+try {
+  const { init = false } = argv;
+
+  console.log(chalk.green('==== setup ===='));
+  await setup({ init });
+  console.log(chalk.green('==== preWatch ===='));
+  await preWatch({ init });
+  console.log(chalk.green('==== watch ===='));
+  await watch();
+} catch (e) {
+  console.error(chalk.red(e));
+  process.exit(1);
+}
+
+async function setup({ init }) {
+  console.log('');
+  console.log(chalk.white('The targets of change monitoring are the files in adev-es and the source code in build/adev.'));
+  if (init) {
+    console.log(chalk.yellow('Initialize the build directory and discard the cache.'));
+  } else {
+    console.log(chalk.white('Specify the --init option to initialize the build directory.'));
+  }
+
+  await resetBuildDir({ init });
+}
+
+async function preWatch({ init }) {
+  if (init) {
+    // copy translated files
+    console.log(chalk.cyan('Copy localized files...'));
+    await copyLocalizedFiles();
+  }
+}
+
+async function watch() {
+  const ctrl = new AbortController();
+  await watchLocalizedFiles(ctrl.signal);
+  try {
+    await watchADEV();
+  } finally {
+    console.log(chalk.cyan('Abort watching...'));
+    ctrl.abort();
+  }
+}