fix(web): load worker via Blob URL in VS Code Web

Web Workers cannot load scripts from vscode-vfs:// URIs directly.
Use vsc.workspace.fs to read the worker script content and create
a Blob URL for Worker instantiation.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: zknpr

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 1.2.7
+
+### Bug Fixes
+
+- **VS Code Web Worker Loading**: Fixed database files not loading in VS Code Web. Web Workers cannot load scripts from `vscode-vfs://` URIs directly. Now uses the VS Code workspace.fs API to read the worker script and creates a Blob URL for Worker instantiation.
+
 ## 1.2.6
 
 ### Bug Fixes

package.json

@@ -3,7 +3,7 @@
   "name": "sqlite-explorer",
   "displayName": "SQLite Explorer",
   "description": "A powerful SQLite database viewer and editor for VS Code",
-  "version": "1.2.6",
+  "version": "1.2.7",
   "publisher": "zknpr",
   "license": "MIT",
   "repository": {

src/workerFactory.ts

@@ -174,13 +174,24 @@ async function createWasmDatabaseConnection(
   extensionUri: vsc.Uri,
   _reporter?: TelemetryReporter
 ): Promise<DatabaseConnectionBundle> {
-  // Determine worker script path based on environment
-  const workerScriptPath = import.meta.env.VSCODE_BROWSER_EXT
-    ? vsc.Uri.joinPath(extensionUri, 'out', 'worker-browser.js').toString()
-    : path.resolve(__dirname, './worker.cjs');
-
   // Spawn worker thread
-  const workerThread = new Worker(workerScriptPath);
+  // Browser: Web Workers can't load from vscode-vfs:// URIs directly.
+  // Use fetch to load the worker script as a Blob and create a Blob URL.
+  // Node.js: Use require path directly.
+  let workerThread: InstanceType<typeof Worker>;
+
+  if (import.meta.env.VSCODE_BROWSER_EXT) {
+    // Browser environment: fetch worker script and create Blob URL
+    const workerScriptUri = vsc.Uri.joinPath(extensionUri, 'out', 'worker-browser.js');
+    const workerContent = await vsc.workspace.fs.readFile(workerScriptUri);
+    const blob = new Blob([workerContent], { type: 'application/javascript' });
+    const blobUrl = URL.createObjectURL(blob);
+    workerThread = new Worker(blobUrl);
+  } else {
+    // Node.js environment: use file path directly
+    const workerScriptPath = path.resolve(__dirname, './worker.cjs');
+    workerThread = new Worker(workerScriptPath);
+  }
 
   // Create IPC proxy for worker communication
   // Browser Workers use addEventListener, Node.js Workers use .on()