fix safari

Author: rbbydotdev

playground/e2e/sqlite-compat.spec.ts

@@ -0,0 +1,17 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('SQLite cross-browser compatibility', () => {
+  test('worker initializes and generates data', async ({ page }) => {
+    await page.goto('/');
+
+    // Worker should become ready
+    await expect(page.locator('.status.ready')).toBeVisible({ timeout: 30000 });
+
+    // Generate data
+    await page.getByRole('button', { name: 'Generate' }).click();
+    await expect(page.locator('.status')).toContainText('orders', { timeout: 30000 });
+
+    // Results table should appear (auto-runs query after generate)
+    await expect(page.locator('.results-table')).toBeVisible({ timeout: 10000 });
+  });
+});

playground/playwright.config.ts

@@ -1,4 +1,4 @@
-import { defineConfig } from '@playwright/test';
+import { defineConfig, devices } from '@playwright/test';
 
 export default defineConfig({
   testDir: './e2e',
@@ -8,6 +8,11 @@ export default defineConfig({
     baseURL: 'http://localhost:3848',
     headless: true,
   },
+  projects: [
+    { name: 'chromium', use: { ...devices['Desktop Chrome'] } },
+    { name: 'webkit', use: { ...devices['Desktop Safari'] } },
+    { name: 'firefox', use: { ...devices['Desktop Firefox'] } },
+  ],
   webServer: {
     command: 'pnpm dev --port 3848',
     port: 3848,

playground/src/sqlite/worker.ts

@@ -1,6 +1,9 @@
 /// <reference lib="webworker" />
 
 import type { WorkerInMessage, WorkerOutMessage, DataPools } from './types';
+// Static import prevents WebKit from re-evaluating the worker module
+// when a dynamic import chunk loads (which resets module-level state).
+import initSqlJs from 'sql.js';
 
 declare const self: DedicatedWorkerGlobalScope;
 
@@ -81,8 +84,6 @@ async function doInit(msg: { type: 'init'; wasmExecText: string; wasmBytes: Arra
     return r as string;
   };
 
-  // Load sql.js from installed package (Vite bundles this into the worker)
-  const initSqlJs = (await import('sql.js')).default;
   const SQL: SqlJsStatic = await initSqlJs({
     locateFile: (f: string) => 'https://cdn.jsdelivr.net/npm/sql.js@1/dist/' + f,
   });