BETA release post. (#2108)

https://deploy-preview-2108--electric-next.netlify.app/blog/2024/12/09/electric-beta-release --------- Co-authored-by: Kyle Mathews <mathews.kyle@gmail.com> Co-authored-by: Valter Balegas <balegas@electric-sql.com> Co-authored-by: msfstef <msfstef@gmail.com> Co-authored-by: Garry Hill <garry@electric-sql.com> Co-authored-by: Sam Willis <sam.willis@gmail.com>
electric-sql · Dec 10, 2024 · ade15b9 · ade15b9
1 parent e267c28
commit ade15b9
Show file tree

Hide file tree

Showing 182 changed files with 1,979 additions and 213 deletions.
diff --git a/.changeset/beige-snails-brush.md b/.changeset/beige-snails-brush.md
@@ -0,0 +1,5 @@
+---
+"@electric-sql/client": patch
+---
+
+Expose `shape.stream` as public readonly property.
diff --git a/.changeset/modern-poets-film.md b/.changeset/modern-poets-film.md
@@ -0,0 +1,7 @@
+---
+"@electric-sql/client": patch
+---
+
+Use "get" instead of "has" for checking searchParams
+
+Not all implementations of JS have the has(name, value) syntax e.g. Expo.
diff --git a/.changeset/tender-seas-stare.md b/.changeset/tender-seas-stare.md
@@ -0,0 +1,5 @@
+---
+"@electric-sql/react": patch
+---
+
+Expose `stream` in the useShape result data. This allows React components to easily access the stream to match on.
diff --git a/examples/bash-client/bash-client.bash → examples/bash/client.bash b/examples/bash-client/bash-client.bash → examples/bash/client.bash
diff --git a/examples/bash-client/package.json → examples/bash/package.json b/examples/bash-client/package.json → examples/bash/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@electric-examples/bash-client",
+  "name": "@electric-examples/bash",
   "version": "0.0.1",
   "private": true,
   "author": "ElectricSQL",

diff --git a/examples/encryption/README.md b/examples/encryption/README.md
@@ -28,7 +28,7 @@ pnpm run -r build
 Navigate back to this directory:
 
 ```shell
-cd examples/basic-example
+cd examples/encryption
 ```
 
 Start the example backend services using [Docker Compose](https://docs.docker.com/compose/):

diff --git a/examples/encryption/package.json b/examples/encryption/package.json
@@ -6,8 +6,8 @@
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
-    "backend:up": "PROJECT_NAME=basic-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
-    "backend:down": "PROJECT_NAME=basic-example pnpm -C ../../ run example-backend:down",
+    "backend:up": "PROJECT_NAME=encryption-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
+    "backend:down": "PROJECT_NAME=encryption-example pnpm -C ../../ run example-backend:down",
     "db:migrate": "dotenv -e ../../.env.dev -- pnpm exec pg-migrations apply --directory ./db/migrations",
     "dev": "concurrently \"vite\" \"node backend/api.js\"",
     "build": "vite build",

diff --git a/examples/gatekeeper-auth/README.md b/examples/gatekeeper-auth/README.md
@@ -1,7 +1,7 @@
 
 # Electric - Gatekeeper auth example
 
-This example demonstrates a number of ways of implementing the [gatekeeper auth](https://electric-sql.com/docs/guides/auth#gatekeeper-auth) pattern for [securing access](https://electric-sql.com/docs/guides/auth) to the [Electric sync service](https://electric-sql.com/product/sync).
+This example demonstrates a number of ways of implementing the [gatekeeper auth](https://electric-sql.com/docs/guides/auth#gatekeeper-auth) pattern for [securing access](https://electric-sql.com/docs/guides/auth) to the [Electric sync service](https://electric-sql.com/product/electric).
 
 It includes:
 

diff --git a/examples/nextjs-example/.sst/platform/config.d.ts b/examples/nextjs-example/.sst/platform/config.d.ts
diff --git a/examples/basic-example/.eslintignore → examples/nextjs/.eslintignore b/examples/basic-example/.eslintignore → examples/nextjs/.eslintignore
diff --git a/examples/basic-example/.eslintrc.cjs → examples/nextjs/.eslintrc.cjs b/examples/basic-example/.eslintrc.cjs → examples/nextjs/.eslintrc.cjs
diff --git a/examples/nextjs-example/.gitignore → examples/nextjs/.gitignore b/examples/nextjs-example/.gitignore → examples/nextjs/.gitignore
diff --git a/examples/basic-example/.prettierrc → examples/nextjs/.prettierrc b/examples/basic-example/.prettierrc → examples/nextjs/.prettierrc
diff --git a/examples/nextjs-example/README.md → examples/nextjs/README.md b/examples/nextjs-example/README.md → examples/nextjs/README.md
@@ -22,7 +22,7 @@ pnpm run -r build
 Navigate back to this directory:
 
 ```shell
-cd examples/nextjs-example
+cd examples/nextjs
 ```
 
 Start the example backend services using [Docker Compose](https://docs.docker.com/compose/):

diff --git a/examples/basic-example/src/App.css → examples/nextjs/app/App.css b/examples/basic-example/src/App.css → examples/nextjs/app/App.css
diff --git a/examples/basic-example/src/Example.css → examples/nextjs/app/Example.css b/examples/basic-example/src/Example.css → examples/nextjs/app/Example.css
diff --git a/...les/nextjs-example/app/api/items/route.ts → examples/nextjs/app/api/items/route.ts b/...les/nextjs-example/app/api/items/route.ts → examples/nextjs/app/api/items/route.ts
diff --git a/examples/nextjs-example/app/db.ts → examples/nextjs/app/db.ts b/examples/nextjs-example/app/db.ts → examples/nextjs/app/db.ts
diff --git a/examples/nextjs-example/app/layout.tsx → examples/nextjs/app/layout.tsx b/examples/nextjs-example/app/layout.tsx → examples/nextjs/app/layout.tsx
diff --git a/examples/nextjs-example/app/match-stream.ts → examples/nextjs/app/match-stream.ts b/examples/nextjs-example/app/match-stream.ts → examples/nextjs/app/match-stream.ts
diff --git a/examples/nextjs-example/app/page.tsx → examples/nextjs/app/page.tsx b/examples/nextjs-example/app/page.tsx → examples/nextjs/app/page.tsx
diff --git a/...s/nextjs-example/app/shape-proxy/route.ts → examples/nextjs/app/shape-proxy/route.ts b/...s/nextjs-example/app/shape-proxy/route.ts → examples/nextjs/app/shape-proxy/route.ts
diff --git a/examples/nextjs-example/app/style.css → examples/nextjs/app/style.css b/examples/nextjs-example/app/style.css → examples/nextjs/app/style.css
diff --git a/...e/db/migrations/01-create_items_table.sql → ...s/db/migrations/01-create_items_table.sql b/...e/db/migrations/01-create_items_table.sql → ...s/db/migrations/01-create_items_table.sql
diff --git a/examples/nextjs-example/index.html → examples/nextjs/index.html b/examples/nextjs-example/index.html → examples/nextjs/index.html
diff --git a/examples/nextjs-example/next.config.js → examples/nextjs/next.config.js b/examples/nextjs-example/next.config.js → examples/nextjs/next.config.js
diff --git a/examples/nextjs-example/package.json → examples/nextjs/package.json b/examples/nextjs-example/package.json → examples/nextjs/package.json
@@ -1,17 +1,18 @@
 {
-  "name": "@electric-examples/nextjs-example",
+  "name": "@electric-examples/nextjs",
   "private": true,
   "version": "0.0.1",
   "author": "ElectricSQL",
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
-    "backend:up": "PROJECT_NAME=nextjs-basic-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
-    "backend:down": "PROJECT_NAME=nextjs-basic-example pnpm -C ../../ run example-backend:down",
+    "backend:up": "PROJECT_NAME=nextjs-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
+    "backend:down": "PROJECT_NAME=nextjs-example pnpm -C ../../ run example-backend:down",
     "db:migrate": "dotenv -e ../../.env.dev -- pnpm exec pg-migrations apply --directory ./db/migrations",
     "dev": "next dev --turbo -p 5173",
     "build": "next build",
     "start": "next start",
+    "format": "eslint . --fix",
     "stylecheck": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "typecheck": "tsc --noEmit"
   },

diff --git a/examples/basic-example/public/favicon.ico → examples/nextjs/public/favicon.ico b/examples/basic-example/public/favicon.ico → examples/nextjs/public/favicon.ico
diff --git a/examples/basic-example/src/assets/logo.svg → examples/nextjs/public/logo.svg b/examples/basic-example/src/assets/logo.svg → examples/nextjs/public/logo.svg
diff --git a/examples/basic-example/public/robots.txt → examples/nextjs/public/robots.txt b/examples/basic-example/public/robots.txt → examples/nextjs/public/robots.txt
diff --git a/examples/nextjs-example/sst-env.d.ts → examples/nextjs/sst-env.d.ts b/examples/nextjs-example/sst-env.d.ts → examples/nextjs/sst-env.d.ts
diff --git a/examples/nextjs-example/sst.config.ts → examples/nextjs/sst.config.ts b/examples/nextjs-example/sst.config.ts → examples/nextjs/sst.config.ts
diff --git a/examples/nextjs-example/tsconfig.json → examples/nextjs/tsconfig.json b/examples/nextjs-example/tsconfig.json → examples/nextjs/tsconfig.json
diff --git a/examples/proxy-auth/README.md b/examples/proxy-auth/README.md
@@ -1,6 +1,6 @@
 # Electric - Proxy auth example
 
-This example implements the [proxy auth](https://electric-sql.com/docs/guides/auth#gatekeeper-auth) pattern for [securing access](https://electric-sql.com/docs/guides/auth) to the [Electric sync service](https://electric-sql.com/product/sync).
+This example implements the [proxy auth](https://electric-sql.com/docs/guides/auth#gatekeeper-auth) pattern for [securing access](https://electric-sql.com/docs/guides/auth) to the [Electric sync service](https://electric-sql.com/product/electric).
 
 It demonstrates how an API can proxy and authorise shape requests, by either:
 

diff --git a/examples/proxy-auth/package.json b/examples/proxy-auth/package.json
@@ -6,8 +6,8 @@
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
-    "backend:up": "PROJECT_NAME=proxy-auth pnpm -C ../../ run example-backend:up && pnpm db:migrate",
-    "backend:down": "PROJECT_NAME=proxy-auth pnpm -C ../../ run example-backend:down",
+    "backend:up": "PROJECT_NAME=proxy-auth-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
+    "backend:down": "PROJECT_NAME=proxy-auth-example pnpm -C ../../ run example-backend:down",
     "db:migrate": "dotenv -e ../../.env.dev -- pnpm exec pg-migrations apply --directory ./db/migrations",
     "dev": "next dev --turbo -p 5173",
     "start": "next start",

diff --git a/examples/nextjs-example/.eslintignore → examples/react/.eslintignore b/examples/nextjs-example/.eslintignore → examples/react/.eslintignore
diff --git a/examples/nextjs-example/.eslintrc.cjs → examples/react/.eslintrc.cjs b/examples/nextjs-example/.eslintrc.cjs → examples/react/.eslintrc.cjs
diff --git a/examples/basic-example/.gitignore → examples/react/.gitignore b/examples/basic-example/.gitignore → examples/react/.gitignore
diff --git a/examples/nextjs-example/.prettierrc → examples/react/.prettierrc b/examples/nextjs-example/.prettierrc → examples/react/.prettierrc
diff --git a/examples/basic-example/README.md → examples/react/README.md b/examples/basic-example/README.md → examples/react/README.md
@@ -22,7 +22,7 @@ pnpm run -r build
 Navigate back to this directory:
 
 ```shell
-cd examples/basic-example
+cd examples/react
 ```
 
 Start the example backend services using [Docker Compose](https://docs.docker.com/compose/):

diff --git a/...e/db/migrations/01-create_items_table.sql → ...t/db/migrations/01-create_items_table.sql b/...e/db/migrations/01-create_items_table.sql → ...t/db/migrations/01-create_items_table.sql
diff --git a/examples/basic-example/index.html → examples/react/index.html b/examples/basic-example/index.html → examples/react/index.html
diff --git a/examples/basic-example/package.json → examples/react/package.json b/examples/basic-example/package.json → examples/react/package.json
@@ -1,13 +1,13 @@
 {
-  "name": "@electric-examples/basic-example",
+  "name": "@electric-examples/react",
   "private": true,
   "version": "0.0.1",
   "author": "ElectricSQL",
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
-    "backend:up": "PROJECT_NAME=basic-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
-    "backend:down": "PROJECT_NAME=basic-example pnpm -C ../../ run example-backend:down",
+    "backend:up": "PROJECT_NAME=react-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
+    "backend:down": "PROJECT_NAME=react-example pnpm -C ../../ run example-backend:down",
     "db:migrate": "dotenv -e ../../.env.dev -- pnpm exec pg-migrations apply --directory ./db/migrations",
     "dev": "vite",
     "build": "vite build",

diff --git a/examples/nextjs-example/public/favicon.ico → examples/react/public/favicon.ico b/examples/nextjs-example/public/favicon.ico → examples/react/public/favicon.ico
diff --git a/examples/nextjs-example/public/robots.txt → examples/react/public/robots.txt b/examples/nextjs-example/public/robots.txt → examples/react/public/robots.txt
diff --git a/examples/nextjs-example/app/App.css → examples/react/src/App.css b/examples/nextjs-example/app/App.css → examples/react/src/App.css
diff --git a/examples/basic-example/src/App.tsx → examples/react/src/App.tsx b/examples/basic-example/src/App.tsx → examples/react/src/App.tsx
diff --git a/examples/nextjs-example/app/Example.css → examples/react/src/Example.css b/examples/nextjs-example/app/Example.css → examples/react/src/Example.css
diff --git a/examples/basic-example/src/Example.tsx → examples/react/src/Example.tsx b/examples/basic-example/src/Example.tsx → examples/react/src/Example.tsx
diff --git a/examples/nextjs-example/public/logo.svg → examples/react/src/assets/logo.svg b/examples/nextjs-example/public/logo.svg → examples/react/src/assets/logo.svg
diff --git a/examples/basic-example/src/main.tsx → examples/react/src/main.tsx b/examples/basic-example/src/main.tsx → examples/react/src/main.tsx
diff --git a/examples/basic-example/src/style.css → examples/react/src/style.css b/examples/basic-example/src/style.css → examples/react/src/style.css
diff --git a/examples/basic-example/src/vite-env.d.ts → examples/react/src/vite-env.d.ts b/examples/basic-example/src/vite-env.d.ts → examples/react/src/vite-env.d.ts
diff --git a/examples/basic-example/tsconfig.json → examples/react/tsconfig.json b/examples/basic-example/tsconfig.json → examples/react/tsconfig.json
diff --git a/examples/basic-example/vite.config.ts → examples/react/vite.config.ts b/examples/basic-example/vite.config.ts → examples/react/vite.config.ts
diff --git a/examples/redis-sync/.eslintrc.js → examples/redis/.eslintrc.js b/examples/redis-sync/.eslintrc.js → examples/redis/.eslintrc.js
diff --git a/examples/redis-sync/.prettierignore → examples/redis/.prettierignore b/examples/redis-sync/.prettierignore → examples/redis/.prettierignore
diff --git a/examples/redis-sync/.prettierrc → examples/redis/.prettierrc b/examples/redis-sync/.prettierrc → examples/redis/.prettierrc
diff --git a/examples/redis-sync/README.md → examples/redis/README.md b/examples/redis-sync/README.md → examples/redis/README.md
@@ -24,7 +24,7 @@ pnpm run -r build
 Navigate back to this directory:
 
 ```shell
-cd examples/redis-sync
+cd examples/redis
 ```
 
 Start the example backend services using [Docker Compose](https://docs.docker.com/compose/):

diff --git a/...c/db/migrations/01-create_items_table.sql → ...s/db/migrations/01-create_items_table.sql b/...c/db/migrations/01-create_items_table.sql → ...s/db/migrations/01-create_items_table.sql
diff --git a/examples/redis-sync/package.json → examples/redis/package.json b/examples/redis-sync/package.json → examples/redis/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@electric-examples/redis-sync",
+  "name": "@electric-examples/redis",
   "version": "0.0.1",
   "description": "An example Redis client for ElectricSQL",
   "main": "dist/index.js",
@@ -10,8 +10,8 @@
   "private": true,
   "scripts": {
     "dev": "tsx src/index.ts",
-    "backend:up": "PROJECT_NAME=redis-sync pnpm -C ../../ run example-backend:up && pnpm db:migrate",
-    "backend:down": "PROJECT_NAME=redis-sync pnpm -C ../../ run example-backend:down",
+    "backend:up": "PROJECT_NAME=redis-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
+    "backend:down": "PROJECT_NAME=redis-example pnpm -C ../../ run example-backend:down",
     "db:migrate": "dotenv -e ../../.env.dev -- pnpm exec pg-migrations apply --directory ./db/migrations",
     "typecheck": "tsc -p tsconfig.json",
     "stylecheck": "eslint './*.{ts,js,tsx,jsx}' './tests/**/*.{ts,tsx}' './examples/**/*.{ts,tsx}' --no-error-on-unmatched-pattern"

diff --git a/examples/redis-sync/src/index.ts → examples/redis/src/index.ts b/examples/redis-sync/src/index.ts → examples/redis/src/index.ts
diff --git a/examples/redis-sync/tsconfig.build.json → examples/redis/tsconfig.build.json b/examples/redis-sync/tsconfig.build.json → examples/redis/tsconfig.build.json
diff --git a/examples/redis-sync/tsconfig.json → examples/redis/tsconfig.json b/examples/redis-sync/tsconfig.json → examples/redis/tsconfig.json
diff --git a/examples/remix-basic/.eslintrc.cjs → examples/remix/.eslintrc.cjs b/examples/remix-basic/.eslintrc.cjs → examples/remix/.eslintrc.cjs
diff --git a/examples/remix-basic/.gitignore → examples/remix/.gitignore b/examples/remix-basic/.gitignore → examples/remix/.gitignore
diff --git a/examples/remix-basic/.prettierrc → examples/remix/.prettierrc b/examples/remix-basic/.prettierrc → examples/remix/.prettierrc
diff --git a/examples/remix-basic/README.md → examples/remix/README.md b/examples/remix-basic/README.md → examples/remix/README.md
@@ -22,7 +22,7 @@ pnpm run -r build
 Navigate back to this directory:
 
 ```shell
-cd examples/remix-basic
+cd examples/remix
 ```
 
 Start the example backend services using [Docker Compose](https://docs.docker.com/compose/):

diff --git a/examples/remix-basic/app/App.css → examples/remix/app/App.css b/examples/remix-basic/app/App.css → examples/remix/app/App.css
diff --git a/examples/remix-basic/app/Example.css → examples/remix/app/Example.css b/examples/remix-basic/app/Example.css → examples/remix/app/Example.css
diff --git a/examples/remix-basic/app/db.ts → examples/remix/app/db.ts b/examples/remix-basic/app/db.ts → examples/remix/app/db.ts
diff --git a/examples/remix-basic/app/match-stream.ts → examples/remix/app/match-stream.ts b/examples/remix-basic/app/match-stream.ts → examples/remix/app/match-stream.ts
diff --git a/examples/remix-basic/app/root.tsx → examples/remix/app/root.tsx b/examples/remix-basic/app/root.tsx → examples/remix/app/root.tsx
diff --git a/examples/remix-basic/app/routes/_index.tsx → examples/remix/app/routes/_index.tsx b/examples/remix-basic/app/routes/_index.tsx → examples/remix/app/routes/_index.tsx
diff --git a/examples/remix-basic/app/routes/api.items.ts → examples/remix/app/routes/api.items.ts b/examples/remix-basic/app/routes/api.items.ts → examples/remix/app/routes/api.items.ts
diff --git a/...les/remix-basic/app/routes/shape-proxy.ts → examples/remix/app/routes/shape-proxy.ts b/...les/remix-basic/app/routes/shape-proxy.ts → examples/remix/app/routes/shape-proxy.ts
diff --git a/examples/remix-basic/app/style.css → examples/remix/app/style.css b/examples/remix-basic/app/style.css → examples/remix/app/style.css
diff --git a/...c/db/migrations/01-create_items_table.sql → ...x/db/migrations/01-create_items_table.sql b/...c/db/migrations/01-create_items_table.sql → ...x/db/migrations/01-create_items_table.sql
diff --git a/examples/remix-basic/index.html → examples/remix/index.html b/examples/remix-basic/index.html → examples/remix/index.html
diff --git a/examples/remix-basic/package.json → examples/remix/package.json b/examples/remix-basic/package.json → examples/remix/package.json
@@ -1,13 +1,13 @@
 {
-  "name": "@electric-examples/remix-basic",
+  "name": "@electric-examples/remix",
   "private": true,
   "version": "0.0.1",
   "author": "ElectricSQL",
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
-    "backend:up": "PROJECT_NAME=remix-basic-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
-    "backend:down": "PROJECT_NAME=remix-basic-example pnpm -C ../../ run example-backend:down",
+    "backend:up": "PROJECT_NAME=remix-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
+    "backend:down": "PROJECT_NAME=remix-example pnpm -C ../../ run example-backend:down",
     "db:migrate": "dotenv -e ../../.env.dev -- pnpm exec pg-migrations apply --directory ./db/migrations",
     "dev": "vite",
     "build": "vite build",

diff --git a/examples/remix-basic/public/favicon.ico → examples/remix/public/favicon.ico b/examples/remix-basic/public/favicon.ico → examples/remix/public/favicon.ico
diff --git a/examples/remix-basic/public/logo.svg → examples/remix/public/logo.svg b/examples/remix-basic/public/logo.svg → examples/remix/public/logo.svg
diff --git a/examples/remix-basic/public/robots.txt → examples/remix/public/robots.txt b/examples/remix-basic/public/robots.txt → examples/remix/public/robots.txt
diff --git a/examples/remix-basic/tsconfig.json → examples/remix/tsconfig.json b/examples/remix-basic/tsconfig.json → examples/remix/tsconfig.json
diff --git a/examples/remix-basic/vite.config.ts → examples/remix/vite.config.ts b/examples/remix-basic/vite.config.ts → examples/remix/vite.config.ts
diff --git a/examples/tanstack-example/.eslintrc.cjs → examples/tanstack/.eslintrc.cjs b/examples/tanstack-example/.eslintrc.cjs → examples/tanstack/.eslintrc.cjs
diff --git a/examples/tanstack-example/.gitignore → examples/tanstack/.gitignore b/examples/tanstack-example/.gitignore → examples/tanstack/.gitignore
diff --git a/examples/tanstack-example/.prettierrc → examples/tanstack/.prettierrc b/examples/tanstack-example/.prettierrc → examples/tanstack/.prettierrc
diff --git a/examples/tanstack-example/README.md → examples/tanstack/README.md b/examples/tanstack-example/README.md → examples/tanstack/README.md
@@ -24,7 +24,7 @@ pnpm run -r build
 Navigate back to this directory:
 
 ```shell
-cd examples/tanstack-example
+cd examples/tanstack
 ```
 
 Start the example backend services using [Docker Compose](https://docs.docker.com/compose/):

diff --git a/...e/db/migrations/01-create_items_table.sql → ...k/db/migrations/01-create_items_table.sql b/...e/db/migrations/01-create_items_table.sql → ...k/db/migrations/01-create_items_table.sql
diff --git a/examples/tanstack-example/index.html → examples/tanstack/index.html b/examples/tanstack-example/index.html → examples/tanstack/index.html
diff --git a/examples/tanstack-example/package.json → examples/tanstack/package.json b/examples/tanstack-example/package.json → examples/tanstack/package.json
@@ -1,13 +1,13 @@
 {
-  "name": "@electric-examples/tanstack-example",
+  "name": "@electric-examples/tanstack",
   "private": true,
   "version": "0.0.1",
   "author": "ElectricSQL",
   "license": "Apache-2.0",
   "type": "module",
   "scripts": {
-    "backend:up": "PROJECT_NAME=tanstack-basic-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
-    "backend:down": "PROJECT_NAME=tanstack-basic-example pnpm -C ../../ run example-backend:down",
+    "backend:up": "PROJECT_NAME=tanstack-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
+    "backend:down": "PROJECT_NAME=tanstack-example pnpm -C ../../ run example-backend:down",
     "db:migrate": "dotenv -e ../../.env.dev -- pnpm exec pg-migrations apply --directory ./db/migrations",
     "dev": "concurrently \"vite\" \"node src/server/app.js\"",
     "build": "vite build",

diff --git a/examples/tanstack-example/public/favicon.ico → examples/tanstack/public/favicon.ico b/examples/tanstack-example/public/favicon.ico → examples/tanstack/public/favicon.ico
diff --git a/examples/tanstack-example/public/robots.txt → examples/tanstack/public/robots.txt b/examples/tanstack-example/public/robots.txt → examples/tanstack/public/robots.txt
diff --git a/examples/tanstack-example/src/App.css → examples/tanstack/src/App.css b/examples/tanstack-example/src/App.css → examples/tanstack/src/App.css
diff --git a/examples/tanstack-example/src/App.tsx → examples/tanstack/src/App.tsx b/examples/tanstack-example/src/App.tsx → examples/tanstack/src/App.tsx
diff --git a/examples/tanstack-example/src/Example.css → examples/tanstack/src/Example.css b/examples/tanstack-example/src/Example.css → examples/tanstack/src/Example.css
diff --git a/examples/tanstack-example/src/Example.tsx → examples/tanstack/src/Example.tsx b/examples/tanstack-example/src/Example.tsx → examples/tanstack/src/Example.tsx
diff --git a/...ples/tanstack-example/src/assets/logo.svg → examples/tanstack/src/assets/logo.svg b/...ples/tanstack-example/src/assets/logo.svg → examples/tanstack/src/assets/logo.svg
diff --git a/examples/tanstack-example/src/main.tsx → examples/tanstack/src/main.tsx b/examples/tanstack-example/src/main.tsx → examples/tanstack/src/main.tsx
diff --git a/...ples/tanstack-example/src/match-stream.ts → examples/tanstack/src/match-stream.ts b/...ples/tanstack-example/src/match-stream.ts → examples/tanstack/src/match-stream.ts
diff --git a/examples/tanstack-example/src/server/app.js → examples/tanstack/src/server/app.js b/examples/tanstack-example/src/server/app.js → examples/tanstack/src/server/app.js
diff --git a/examples/tanstack-example/src/style.css → examples/tanstack/src/style.css b/examples/tanstack-example/src/style.css → examples/tanstack/src/style.css
diff --git a/examples/tanstack-example/src/vite-env.d.ts → examples/tanstack/src/vite-env.d.ts b/examples/tanstack-example/src/vite-env.d.ts → examples/tanstack/src/vite-env.d.ts
diff --git a/examples/tanstack-example/tsconfig.json → examples/tanstack/tsconfig.json b/examples/tanstack-example/tsconfig.json → examples/tanstack/tsconfig.json
diff --git a/examples/tanstack-example/vite.config.ts → examples/tanstack/vite.config.ts b/examples/tanstack-example/vite.config.ts → examples/tanstack/vite.config.ts
diff --git a/examples/todo-app/package.json b/examples/todo-app/package.json
@@ -59,8 +59,8 @@
     "url": "git+https://github.com/KyleAMathews/vite-react-router-electric-sql-starter.git"
   },
   "scripts": {
-    "backend:up": "PROJECT_NAME=todo-app pnpm -C ../../ run example-backend:up && pnpm db:migrate",
-    "backend:down": "PROJECT_NAME=todo-app pnpm -C ../../ run example-backend:down",
+    "backend:up": "PROJECT_NAME=todo-app-example pnpm -C ../../ run example-backend:up && pnpm db:migrate",
+    "backend:down": "PROJECT_NAME=todo-app-example pnpm -C ../../ run example-backend:down",
     "build": "vite build",
     "db:migrate": "dotenv -e ../../.env.dev -- pnpm exec pg-migrations apply --directory ./db/migrations",
     "dev": "dotenv -e .env -- concurrently \"vite\" \"node server.js\"",

diff --git a/examples/write-patterns/README.md b/examples/write-patterns/README.md
@@ -16,7 +16,7 @@ https://write-patterns.examples.electric-sql.com
 
 The main code is in the [`./patterns`](./patterns) folder, which has a subfolder for each pattern. There's also some shared code, including an API server and some app boilerplate in [`./shared`](./shared).
 
-All of the patterns use [Electric](https://electric-sql.com/product/sync) for the read-path (i.e.: syncing data from Postgres into the local app) and implement a different approach to the write-path (i.e.: how they handle local writes and get data from the local app back into Postgres).
+All of the patterns use [Electric](https://electric-sql.com/product/electric) for the read-path (i.e.: syncing data from Postgres into the local app) and implement a different approach to the write-path (i.e.: how they handle local writes and get data from the local app back into Postgres).
 
 ### [1. Online writes](./patterns/1-online-writes)
 

diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
     "dotenv-cli": "^7.4.2"
   },
   "engines": {
-    "node": "^22.0.0"
+    "node": "^20.0.0"
   },
   "packageManager": "pnpm@9.15.0",
   "private": true,

diff --git a/packages/typescript-client/README.md b/packages/typescript-client/README.md
@@ -143,7 +143,7 @@ Runtime errors:
 
 See the [typescript client docs on the website](https://electric-sql.com/docs/api/clients/typescript#error-handling) for more details on error handling.
 
-And in general, see the [docs website](https://electric-sql.com) and [examples folder](https://electric-sql.com/examples/basic) for more information.
+And in general, see the [docs website](https://electric-sql.com) and [examples](https://electric-sql.com/demos) for more information.
 
 ## Develop