1 files changed, 40 insertions, 6 deletions
diff --git a/packages/taler-wallet-webextension/dev.mjs b/packages/taler-wallet-webextension/dev.mjs
index 94df79f3d..1ded20c7f 100755
--- a/packages/taler-wallet-webextension/dev.mjs
+++ b/packages/taler-wallet-webextension/dev.mjs
@@ -15,18 +15,52 @@
  GNU Taler; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
  */
 
+import linaria from "@linaria/esbuild";
 import { serve } from "@gnu-taler/web-util/node";
-import esbuild from "esbuild";
-import { buildConfig } from "./build-fast-with-linaria.mjs";
+import { initializeDev, getFilesInDirectory } from "@gnu-taler/web-util/build";
 
-buildConfig.inject = ["./node_modules/@gnu-taler/web-util/lib/live-reload.mjs"];
+const allStaticFiles = getFilesInDirectory("static");
+
+const devEntryPoints = [
+  "src/popupEntryPoint.tsx",
+  "src/walletEntryPoint.tsx",
+  "src/background.ts",
+  "src/taler-wallet-interaction-loader.ts",
+  "src/taler-wallet-interaction-support.ts",
+  "src/browserWorkerEntry.ts",
+  "src/stories.tsx",
+];
+
+const build = initializeDev({
+  source: {
+    js: devEntryPoints,
+    assets: allStaticFiles,
+  },
+  destination: "./dist/dev",
+  public: "/app",
+  css: "linaria",
+  linariaPlugin: () => {
+    // linaria has a bug if this run in web-util library
+    return linaria({
+      babelOptions: {
+        presets: [
+          "@babel/preset-typescript",
+          "@babel/preset-react",
+          "@linaria",
+        ],
+      },
+      sourceMap: true,
+    });
+  },
+});
+
+await build();
 
 serve({
-  folder: "./dist",
+  folder: "./dist/dev",
   port: 8080,
   source: "./src",
-  development: true,
-  onUpdate: async () => esbuild.build(buildConfig),
+  onSourceUpdate: build,
 });
 
 // FIXME: create a mocha test in the browser as it was before