Merge pull request #3 from sysdevrun/claude/github-actions-deploy-01Ndqm3jHvw6xyDbq5K6uDuv

fix: Load sql.js WASM from CDN to fix WebAssembly error

Author: chtitux

package-lock.json

@@ -26,6 +26,7 @@
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.3",
+    "@types/sql.js": "^1.4.9",
     "@vitejs/plugin-react": "^5.1.1",
     "autoprefixer": "^10.4.22",
     "eslint": "^9.39.1",

package.json

@@ -1,4 +1,6 @@
 import * as Comlink from 'comlink';
+import initSqlJs from 'sql.js';
+import type { SqlJsStatic } from 'sql.js';
 import { GtfsSqlJs } from 'gtfs-sqljs';
 import type {
   Stop,
@@ -26,6 +28,18 @@ interface ProgressInfo {
 }
 
 let gtfsInstance: GtfsSqlJs | null = null;
+let sqlInstance: SqlJsStatic | null = null;
+
+// Initialize SQL.js with CDN WASM file
+async function getSql(): Promise<SqlJsStatic> {
+  if (!sqlInstance) {
+    sqlInstance = await initSqlJs({
+      locateFile: (file: string) =>
+        `https://sql.js.org/dist/${file}`,
+    });
+  }
+  return sqlInstance;
+}
 
 const gtfsApi = {
   async initialize(
@@ -38,8 +52,12 @@ const gtfsApi = {
       gtfsInstance = null;
     }
 
+    // Get SQL.js instance (loads WASM from CDN)
+    const SQL = await getSql();
+
     gtfsInstance = await GtfsSqlJs.fromZip(url, {
       onProgress: Comlink.proxy(onProgress),
+      SQL,
     });
   },