Expo background sync demo

.changeset/fix-comlink-dispose-listener.md

@@ -0,0 +1,5 @@
+---
+"@powersync/web": patch
+---
+
+Avoid binding `this` when disposing table change listeners in the web adapter to prevent Comlink serialization errors on close.

.changeset/neat-bears-listen.md

@@ -0,0 +1,5 @@
+---
+'@powersync/node': patch
+---
+
+DB operations will now throw a dedicated `ConnectionClosed` error when an attempt to perform an operation on a closed connection is made.

.changeset/rare-windows-argue.md

@@ -0,0 +1,7 @@
+---
+'@powersync/web': minor
+---
+
+- Fixed some edge cases where multiple tabs with OPFS can cause sync deadlocks.
+- Fixed issue where calling `powerSync.close()` would cause a disconnect if using multiple tabs (the default should not be to disconnect if using multiple tabs)
+- Improved shared sync implementation database delegation and opening strategy.

.changeset/witty-steaks-worry.md

@@ -0,0 +1,5 @@
+---
+'@powersync/common': minor
+---
+
+- Improved serializing of upload and download errors for SyncStatus events. Some JS `Error`s are not cloneable, the JSON representation of a SyncStatus should now always be cloneable.

.github/workflows/build-packages.yaml

@@ -43,3 +43,6 @@ jobs:
 
       - name: Build
         run: pnpm build:packages
+
+      - name: Build (prod)
+        run: pnpm build:packages:prod

.github/workflows/test-isolated.yaml

@@ -19,6 +19,15 @@ jobs:
         with:
           node-version-file: '.nvmrc'
 
+      - name: Set up JDK 17
+        uses: actions/setup-java@v4
+        with:
+          java-version: '21'
+          distribution: 'temurin'
+
+      - name: Set up Gradle
+        uses: gradle/actions/setup-gradle@v4
+
       - uses: pnpm/action-setup@v2
         name: Install pnpm
         with:
@@ -43,6 +52,9 @@ jobs:
       - name: Install
         run: pnpm install
 
+      - name: Version Packages
+        run: pnpm changeset:version
+
       - name: Build Packages
         run: pnpm build:packages
 

.gitignore

@@ -6,6 +6,13 @@ dist
 .DS_STORE
 .idea
 .fleet
+
 # Useful if running repository in VSCode dev container
 .pnpm-store
 __screenshots__
+
+# Adds a lot of noise to commits
+demos/**/pnpm-lock.yaml
+
+# Useful for local development
+demos/**/.pnpmfile.cjs

.prettierignore

@@ -12,5 +12,9 @@
 **/assets/**
 **/bin/**
 **/ios/**
+**/coverage/**
+**/routeTree.gen.ts
+
+demos/**/.pnpmfile.cjs
 
 pnpm-lock.yaml

README.md

@@ -2,7 +2,7 @@
   <a href="https://www.powersync.com" target="_blank"><img src="https://github.com/powersync-ja/.github/assets/7372448/d2538c43-c1a0-4c47-9a76-41462dba484f"/></a>
 </p>
 
-_[PowerSync](https://www.powersync.com) is a sync engine for building local-first apps with instantly-responsive UI/UX and simplified state transfer. Syncs between SQLite on the client-side and Postgres, MongoDB or MySQL on the server-side._
+_[PowerSync](https://www.powersync.com) is a sync engine for building local-first apps with instantly-responsive UI/UX and simplified state transfer. Syncs between SQLite on the client-side and Postgres, MongoDB, MySQL or SQL Server on the server-side._
 
 # PowerSync JavaScript SDKs
 
@@ -36,7 +36,7 @@ _[PowerSync](https://www.powersync.com) is a sync engine for building local-firs
 
 - [packages/attachments](./packages/attachments/README.md)
 
-  - Attachments helper package for React Native and JavaScript/TypeScript projects. 
+  - Attachments helper package for React Native and JavaScript/TypeScript projects.
 
 - [packages/kysely-driver](./packages/kysely-driver/README.md)
 
@@ -67,6 +67,7 @@ Demo applications are located in the [`demos/`](./demos/) directory. Also see ou
 ### Web
 
 - [demos/react-supabase-todolist](./demos/react-supabase-todolist/README.md): A React to-do list example app using the PowerSync Web SDK and a Supabase backend.
+- [demos/react-supabase-todolist-tanstackdb](./demos/react-supabase-todolist-tanstackdb/README.md): A React to-do list example app using the PowerSync Web SDK and a Supabase backend + [TanStackDB](https://tanstack.com/db/latest) collections.
 - [demos/react-multi-client](./demos/react-multi-client/README.md): A React widget that illustrates how data flows from one PowerSync client to another.
 - [demos/yjs-react-supabase-text-collab](./demos/yjs-react-supabase-text-collab/README.md): A React real-time text editing collaboration example app powered by [Yjs](https://github.com/yjs/yjs) CRDTs and [Tiptap](https://tiptap.dev/), using the PowerSync Web SDK and a Supabase backend.
 - [demos/vue-supabase-todolist](./demos/vue-supabase-todolist/README.md): A Vue to-do list example app using the PowerSync Web SDK and a Supabase backend.

demos/angular-supabase-todolist/extra-webpack.config.js

@@ -18,7 +18,7 @@ module.exports = (config, options, targetOptions) => {
       ...config.plugins,
       new webpack.DefinePlugin({
         // Embed environment variables starting with `WEBPACK_PUBLIC_`
-        'process.env': JSON.stringify(
+        env: JSON.stringify(
           Object.fromEntries(Object.entries(process.env).filter(([key]) => key.startsWith('WEBPACK_PUBLIC_')))
         )
       })

demos/angular-supabase-todolist/package.json

@@ -15,16 +15,15 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "^19.2.4",
-    "@angular/common": "^19.2.4",
     "@angular/compiler": "^19.2.4",
     "@angular/core": "^19.2.4",
     "@angular/forms": "^19.2.4",
     "@angular/platform-browser": "^19.2.4",
     "@angular/platform-browser-dynamic": "^19.2.4",
     "@angular/router": "^19.2.4",
     "@angular/service-worker": "^19.2.4",
-    "@journeyapps/wa-sqlite": "^1.3.2",
-    "@powersync/web": "workspace:*",
+    "@journeyapps/wa-sqlite": "^1.4.1",
+    "@powersync/web": "^1.30.0",
     "@supabase/supabase-js": "^2.44.4",
     "rxjs": "~7.8.1",
     "tslib": "^2.6.3",

demos/angular-supabase-todolist/pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+packages:
+  - .

demos/angular-supabase-todolist/src/environment.ts

@@ -1,5 +1,5 @@
 export const environment = {
-  supabaseUrl: process.env.WEBPACK_PUBLIC_SUPABASE_URL,
-  supabaseKey: process.env.WEBPACK_PUBLIC_SUPABASE_ANON_KEY,
-  powersyncUrl: process.env.WEBPACK_PUBLIC_POWERSYNC_URL
+  supabaseUrl: env.WEBPACK_PUBLIC_SUPABASE_URL,
+  supabaseKey: env.WEBPACK_PUBLIC_SUPABASE_ANON_KEY,
+  powersyncUrl: env.WEBPACK_PUBLIC_POWERSYNC_URL
 };

demos/angular-supabase-todolist/src/global.d.ts

@@ -0,0 +1,12 @@
+// Ambient declarations for webpack-injected environment variables.
+// webpack's DefinePlugin injects `env` at build time.
+
+declare global {
+  const env: {
+    WEBPACK_PUBLIC_SUPABASE_URL: string;
+    WEBPACK_PUBLIC_SUPABASE_ANON_KEY: string;
+    WEBPACK_PUBLIC_POWERSYNC_URL: string;
+  };
+}
+
+export {};

demos/django-react-native-todolist/.npmrc

@@ -1 +1,2 @@
-@journeyapps:registry=https://registry.npmjs.org/
+@journeyapps:registry=https://registry.npmjs.org/
+node-linker=hoisted