Fix more demos

Author: simolus3

demos/angular-supabase-todolist/src/app/powersync.service.ts

@@ -3,8 +3,10 @@ import {
   AbstractPowerSyncDatabase,
   Column,
   ColumnType,
+  createPowerSyncLogger,
   Index,
   IndexedColumn,
+  LogLevels,
   PowerSyncBackendConnector,
   PowerSyncDatabase,
   Schema,
@@ -69,7 +71,9 @@ export class PowerSyncService {
       dbFilename: 'test.db',
       vfs: WASQLiteVFS.OPFSCoopSyncVFS,
       // Specify the path to the worker script
-      worker: 'assets/@powersync/worker/WASQLiteDB.umd.js'
+      worker: 'assets/@powersync/worker/WASQLiteDB.umd.js',
+      logLevel: LogLevels.debug,
+      logger: createPowerSyncLogger({ prefix: 'powersync' })
     });
 
     this.db = new PowerSyncDatabase({

demos/example-nextjs/src/library/powersync/powersync-provider.tsx

@@ -3,22 +3,27 @@
 import { AppSchema } from '@/library/powersync/schema';
 import { BackendConnector } from '@/library/powersync/connector';
 import { PowerSyncContext } from '@powersync/react';
-import { PowerSyncDatabase, WASQLiteOpenFactory } from '@powersync/web';
+import { createPowerSyncLogger, LogLevels, PowerSyncDatabase, WASQLiteOpenFactory } from '@powersync/web';
 import React, { Suspense } from 'react';
 
 let dbInstance: PowerSyncDatabase | null = null;
 
+const logger = createPowerSyncLogger({ minLevel: LogLevels.debug });
+
 function getDB(): PowerSyncDatabase {
   if (dbInstance) return dbInstance;
 
   dbInstance = new PowerSyncDatabase({
     database: new WASQLiteOpenFactory({
       dbFilename: 'powersync-nextjs.db',
-      worker: '/@powersync/worker/WASQLiteDB.umd.js'
+      worker: '/@powersync/worker/WASQLiteDB.umd.js',
+      logger,
+      logLevel: LogLevels.debug
     }),
     schema: AppSchema,
     flags: { disableSSRWarning: true },
-    sync: { worker: '/@powersync/worker/SharedSyncImplementation.umd.js' }
+    sync: { worker: '/@powersync/worker/SharedSyncImplementation.umd.js' },
+    logger
   });
 
   dbInstance.connect(new BackendConnector());

demos/react-supabase-todolist-tanstackdb/vite.config.mts

@@ -82,7 +82,7 @@ export default defineConfig({
       enabled: true,
       isolate: true,
       provider: 'playwright',
-      headless: true,
+      headless: false,
       instances: [
         {
           browser: 'chromium'

scripts/isolated-demo-test.ts

@@ -118,6 +118,11 @@ const main = async () => {
 
     const demoNames = await fs.readdir(demosDir);
     for (const demoName of demoNames) {
+      if (demoName === 'react-supabase-todolist-tanstackdb') {
+        // This demo imports the tanstack db integration, which does not support v2 of PowerSync yet.
+        continue;
+      }
+
       try {
         results.push(await processDemo(demoName));
       } catch (ex) {