1 files changed, 27 insertions, 17 deletions

diff --git a/scripts/watch.js b/scripts/watch.js
index d4229e9..82a8feb 100644
--- a/scripts/watch.js
+++ b/scripts/watch.js
@@ -1,20 +1,20 @@
-// @ts-check
+import { build as esbuildBuild } from 'esbuild';
+import { spawn } from 'child_process';
+import { watch } from 'chokidar';
+import electronPath from 'electron';
+import { join } from 'path';
+import { createServer } from 'vite';
 
-const esbuild = require('esbuild');
-const { spawn } = require('child_process');
-const chokidar = require('chokidar');
-const electronPath = require('electron');
-const { join } = require('path');
-const { createServer } = require('vite');
+import { fileURLToDirname } from '../config/build-common.js';
 
-process.env.MODE = 'development';
-process.env.NODE_ENV = 'development';
+/** @type {string} */
+const thisDir = fileURLToDirname(import.meta.url);
 
 /** @type {string} */
-const sharedModule = join(__dirname, '../packages/shared/dist/index.mjs');
+const sharedModule = join(thisDir, '../packages/shared/dist/index.mjs');
 
 /** @type {string} */
-const serviceSharedModule = join(__dirname, '../packages/service-shared/dist/index.mjs');
+const serviceSharedModule = join(thisDir, '../packages/service-shared/dist/index.mjs');
 
 /** @type {RegExp[]} */
 const stderrIgnorePatterns = [
@@ -34,15 +34,17 @@ const stderrIgnorePatterns = [
  * @return {Promise<void>}
  */
 async function setupEsbuildWatcher(packageName, extraPaths, callback) {
-  const config = require(`../packages/${packageName}/esbuild.config.js`);
+  /** @type {{ default: import('esbuild').BuildOptions }} */
+  const { default: config } = await import(`../packages/${packageName}/esbuild.config.js`);
   config.logLevel = 'info';
   config.incremental = true;
-  const incrementalBuild = await esbuild.build(config);
+
+  const incrementalBuild = await esbuildBuild(config);
   const paths = [
-    join(__dirname, `../packages/${packageName}/src`),
+    join(thisDir, `../packages/${packageName}/src`),
     ...(extraPaths || []),
   ];
-  const watcher = chokidar.watch(paths, {
+  const watcher = watch(paths, {
     ignored: /(^|[\/\\])\.|__(tests|mocks)__|\.(spec|test)\.[jt]sx?$/,
     ignoreInitial: true,
     persistent: true,
@@ -51,7 +53,7 @@ async function setupEsbuildWatcher(packageName, extraPaths, callback) {
     callback();
   }
   watcher.on('change', () => {
-    incrementalBuild.rebuild().then(() => {
+    incrementalBuild.rebuild?.().then(() => {
       if (callback) {
         console.log(`\u26a1 Reloading package ${packageName}`);
         callback();
@@ -81,7 +83,7 @@ async function setupDevServer(packageName) {
         clearScreen: false,
       },
     },
-    configFile: join(__dirname, `../packages/${packageName}/vite.config.js`),
+    configFile: join(thisDir, `../packages/${packageName}/vite.config.js`),
   });
   await viteDevServer.listen();
   return viteDevServer;
@@ -158,6 +160,9 @@ function setupMainPackageWatcher(viteDevServer) {
  * @returns {Promise<void>}
  */
 async function setupDevEnvironment() {
+  process.env.MODE = 'development';
+  process.env.NODE_ENV = 'development';
+
   /** @type {import('vite').ViteDevServer | null} */
   let viteDevServer = null;
   /** @type {(event: import('vite').HMRPayload) => void} */
@@ -182,6 +187,11 @@ async function setupDevEnvironment() {
     ])),
   ]);
 
+  if (viteDevServer === null) {
+    console.error('Failed to create vite dev server');
+    return;
+  }
+
   console.log('\ud83c\udf80 Sophie is starting up')
   return setupMainPackageWatcher(viteDevServer);
 }