fix: correctly bundle sql.js

Author: mtdvlpr

.gitignore

@@ -29,3 +29,6 @@ coverage/
 # Playwright
 playwright-report/
 test-results/
+
+# Generated files
+public/sql-wasm.wasm

nuxt.config.ts

@@ -1,3 +1,7 @@
+import { join } from "node:path";
+import { normalizePath } from "vite";
+import { viteStaticCopy } from "vite-plugin-static-copy";
+
 /* eslint-disable perfectionist/sort-objects */
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
@@ -19,4 +23,18 @@ export default defineNuxtConfig({
     storage: "localStorage",
     debug: true,
   },
+  vite: {
+    plugins: [
+      viteStaticCopy({
+        targets: [
+          {
+            src: normalizePath(
+              join(__dirname, "node_modules/sql.js/dist/sql-wasm.wasm"),
+            ),
+            dest: normalizePath(join(__dirname, "public")),
+          },
+        ],
+      }),
+    ],
+  },
 });

package.json

@@ -61,6 +61,8 @@
     "lint-staged": "^16.2.7",
     "playwright-core": "^1.58.1",
     "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vite-plugin-static-copy": "^3.2.0",
     "vitest": "^3.2.4",
     "vue-tsc": "^3.2.4"
   },

pnpm-lock.yaml

@@ -9,7 +9,10 @@ export const loadDatabase = async (
   data: ArrayLike<number> | Buffer,
 ): Promise<Database> => {
   console.debug(`Loading database from data...`);
-  const SQL = await initSqlJs();
+  const SQL = await initSqlJs({
+    locateFile: () =>
+      new URL("./../../public/sql-wasm.wasm", import.meta.url).toString(),
+  });
   const db = new SQL.Database(data);
   return db;
 };