fix: got to no zod errors

.changeset/config.json

@@ -2,8 +2,8 @@
   "$schema": "https://unpkg.com/@changesets/config@2.3.1/schema.json",
   "changelog": "@changesets/cli/changelog",
   "commit": false,
-  "linked": [],
-  "fixed": [
+  "fixed": [],
+  "linked": [
     [
       "cojson",
       "cojson-storage",
@@ -27,8 +27,6 @@
       "jazz-react-native-core",
       "jazz-react-native",
       "jazz-react-native-media-images",
-      "jazz-richtext-prosemirror",
-      "jazz-richtext-tiptap",
       "jazz-run",
       "jazz-svelte",
       "jazz-tools",

.github/workflows/build-examples.yaml

@@ -10,9 +10,15 @@ jobs:
     strategy:
       matrix:
         example: [
-          "passkey-svelte",
-          "chat-svelte",
-          "file-share-svelte",
+          "chat",
+          "clerk",
+          "passkey",
+          "inspector",
+          "music-player",
+          "password-manager",
+          "pets",
+          "reactions",
+          "todo",
         ]
 
     steps:

.github/workflows/build-starters.yaml

@@ -0,0 +1,26 @@
+name: Build Starters
+
+on:
+  push:
+    branches: ["main"]
+
+jobs:
+  build-starters:
+    runs-on: blacksmith-4vcpu-ubuntu-2204
+    strategy:
+      matrix:
+        starter: ["react-passkey-auth"]
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: true
+
+      - name: Setup Source Code
+        uses: ./.github/actions/source-code/
+
+      - name: Pnpm Build
+        run: |
+          pnpm install
+          pnpm turbo build;
+        working-directory: ./starters/${{ matrix.starter }}

.github/workflows/e2e-rn-test.yml

@@ -38,6 +38,7 @@ jobs:
       - name: chat-rn-expo App Pre Build
         working-directory: ./examples/chat-rn-expo
         run: |
+          pnpm build
           pnpm expo prebuild --clean
 
       - name: Install Maestro

.github/workflows/playwright-homepage.yml

@@ -1,49 +0,0 @@
-name: Playwright Tests
-
-on:
-  push:
-    branches: ["main"]
-  pull_request:
-    types: [opened, synchronize, reopened]
-
-jobs:
-  test:
-    timeout-minutes: 60
-    runs-on: blacksmith-4vcpu-ubuntu-2204
-    strategy:
-      matrix:
-        project: ["homepage/homepage"]
-
-    steps:
-      - uses: actions/checkout@v4
-        with:
-          submodules: true
-
-      - name: Setup Source Code
-        uses: ./.github/actions/source-code/
-
-      - name: Install root dependencies
-        run: pnpm install && pnpm turbo build
-
-      - name: Install project dependencies
-        run: pnpm install
-        working-directory: ./${{ matrix.project }}
-
-      - name: Pnpm Build
-        run: pnpm turbo build
-        working-directory: ./${{ matrix.project }}
-
-      - name: Install Playwright Browsers
-        run: pnpm exec playwright install
-        working-directory: ./${{ matrix.project }}
-
-      - name: Run Playwright tests
-        run: pnpm exec playwright test
-        working-directory: ./${{ matrix.project }}
-
-      - uses: actions/upload-artifact@v4
-        if: failure()
-        with:
-          name: ${{ hashFiles(format('{0}/package.json', matrix.project)) }}-playwright-report
-          path: ./${{ matrix.project }}/playwright-report/
-          retention-days: 30

.github/workflows/playwright.yml

@@ -13,21 +13,7 @@ jobs:
     continue-on-error: true
     strategy:
       matrix:
-        project: [
-          "tests/e2e",
-          "examples/chat",
-          "examples/clerk",
-          "examples/betterauth",
-          "examples/file-share-svelte",
-          "examples/form",
-          "examples/inspector",
-          "examples/music-player",
-          "examples/organization",
-          "examples/pets",
-          "starters/react-passkey-auth",
-          "starters/svelte-passkey-auth",
-          "packages/jazz-svelte"
-        ]
+        project: ["tests/e2e", "examples/chat",  "examples/clerk", "examples/betterauth", "examples/file-share-svelte", "examples/form", "examples/music-player", "examples/organization", "examples/pets", "starters/react-passkey-auth"]
 
     steps:
       - uses: actions/checkout@v4
@@ -38,11 +24,7 @@ jobs:
         uses: ./.github/actions/source-code/
 
       - name: Pnpm Build
-        run: |
-          if [ -f .env.test ]; then
-            cp .env.test .env
-          fi
-          pnpm turbo build
+        run: pnpm turbo build
         working-directory: ./${{ matrix.project }}
 
       - name: Install Playwright Browsers

.gitignore

@@ -20,9 +20,6 @@ __screenshots__
 # Playwright
 test-results
 
-# Java
-.java-version
-
 .husky
 
 .vscode/*

biome.json

@@ -13,7 +13,6 @@
       "**/android/**",
       "packages/jazz-svelte/**",
       "examples/*svelte*/**",
-      "starters/*svelte*/**",
       "examples/jazz-paper-scissors/src/routeTree.gen.ts",
       "homepage/homepage/**",
       "**/package.json"
@@ -65,7 +64,7 @@
       }
     },
     {
-      "include": ["**/tests/**"],
+      "include": ["packages/**/src/tests/**"],
       "linter": {
         "rules": {
           "correctness": {

examples/betterauth/.gitignore

@@ -36,10 +36,8 @@ yarn-error.log*
 .pnpm-debug.log*
 
 # env files (can opt-in for committing if needed)
-.env
-.env.*
-!.env.example
-!.env.test
+.env*
+!.env
 
 # vercel
 .vercel

examples/betterauth/CHANGELOG.md

@@ -1,234 +1,5 @@
 # betterauth
 
-## 0.1.25
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-betterauth-server-plugin@0.14.22
-  - jazz-inspector@0.14.22
-  - jazz-react@0.14.22
-  - jazz-react-auth-betterauth@0.14.22
-  - jazz-betterauth-client-plugin@0.14.22
-
-## 0.1.24
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-betterauth-server-plugin@0.14.21
-  - jazz-inspector@0.14.21
-  - jazz-react@0.14.21
-  - jazz-react-auth-betterauth@0.14.21
-  - jazz-betterauth-client-plugin@0.14.21
-
-## 0.1.23
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-betterauth-server-plugin@0.14.20
-  - jazz-inspector@0.14.20
-  - jazz-react@0.14.20
-  - jazz-react-auth-betterauth@0.14.20
-  - jazz-betterauth-client-plugin@0.14.20
-
-## 0.1.22
-
-### Patch Changes
-
-- jazz-betterauth-client-plugin@0.14.19
-- jazz-betterauth-server-plugin@0.14.19
-- jazz-react-auth-betterauth@0.14.19
-- jazz-inspector@0.14.19
-- jazz-react@0.14.19
-- jazz-tools@0.14.19
-
-## 0.1.21
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-betterauth-server-plugin@0.14.18
-  - jazz-inspector@0.14.18
-  - jazz-react@0.14.18
-  - jazz-react-auth-betterauth@0.14.18
-  - jazz-betterauth-client-plugin@0.14.18
-
-## 0.1.20
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-betterauth-server-plugin@0.14.17
-  - jazz-tools@0.14.17
-  - jazz-betterauth-client-plugin@0.14.17
-  - jazz-inspector@0.14.17
-  - jazz-react@0.14.17
-  - jazz-react-auth-betterauth@0.14.17
-
-## 0.1.19
-
-### Patch Changes
-
-- jazz-betterauth-server-plugin@0.14.16
-- jazz-inspector@0.14.16
-- jazz-react@0.14.16
-- jazz-react-auth-betterauth@0.14.16
-- jazz-tools@0.14.16
-- jazz-betterauth-client-plugin@0.14.16
-
-## 0.1.18
-
-### Patch Changes
-
-- Updated dependencies [f9590f9]
-  - jazz-react@0.14.15
-  - jazz-betterauth-server-plugin@0.14.15
-  - jazz-inspector@0.14.15
-  - jazz-react-auth-betterauth@0.14.15
-  - jazz-tools@0.14.15
-  - jazz-betterauth-client-plugin@0.14.15
-
-## 0.1.17
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-betterauth-server-plugin@0.14.14
-  - jazz-inspector@0.14.14
-  - jazz-react@0.14.14
-  - jazz-react-auth-betterauth@0.14.14
-  - jazz-betterauth-client-plugin@0.14.14
-
-## 0.1.16
-
-### Patch Changes
-
-- jazz-inspector@0.14.13
-- jazz-react@0.14.13
-- jazz-react-auth-betterauth@0.14.13
-
-## 0.1.15
-
-### Patch Changes
-
-- jazz-inspector@0.14.12
-- jazz-react@0.14.12
-- jazz-react-auth-betterauth@0.14.12
-
-## 0.1.14
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-react-auth-betterauth@0.14.10
-  - jazz-inspector@0.14.10
-  - jazz-react@0.14.10
-  - jazz-tools@0.14.10
-  - jazz-betterauth-server-plugin@0.14.10
-  - jazz-betterauth-client-plugin@0.14.10
-
-## 0.1.13
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-betterauth-server-plugin@0.14.9
-  - jazz-inspector@0.14.9
-  - jazz-react@0.14.9
-  - jazz-react-auth-betterauth@0.14.9
-  - jazz-betterauth-client-plugin@0.14.9
-
-## 0.1.12
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-betterauth-server-plugin@0.14.8
-  - jazz-inspector@0.14.8
-  - jazz-react@0.14.8
-  - jazz-react-auth-betterauth@0.14.8
-  - jazz-betterauth-client-plugin@0.14.8
-
-## 0.1.11
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-betterauth-server-plugin@0.14.7
-  - jazz-inspector@0.14.7
-  - jazz-react@0.14.7
-  - jazz-react-auth-betterauth@0.14.7
-  - jazz-betterauth-client-plugin@0.14.7
-
-## 0.1.10
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-betterauth-server-plugin@0.14.6
-  - jazz-inspector@0.14.6
-  - jazz-react@0.14.6
-  - jazz-react-auth-betterauth@0.14.6
-  - jazz-betterauth-client-plugin@0.14.6
-
-## 0.1.9
-
-### Patch Changes
-
-- Updated dependencies [91cbb2f]
-- Updated dependencies [20b3d88]
-  - jazz-tools@0.14.5
-  - jazz-betterauth-server-plugin@0.14.5
-  - jazz-inspector@0.14.5
-  - jazz-react@0.14.5
-  - jazz-react-auth-betterauth@0.14.5
-  - jazz-betterauth-client-plugin@0.14.5
-
-## 0.1.8
-
-### Patch Changes
-
-- Updated dependencies [011af55]
-  - jazz-tools@0.14.4
-  - jazz-betterauth-server-plugin@0.14.4
-  - jazz-inspector@0.14.4
-  - jazz-react@0.14.4
-  - jazz-react-auth-betterauth@0.14.4
-  - jazz-betterauth-client-plugin@0.14.4
-
-## 0.1.7
-
-### Patch Changes
-
-- Updated dependencies [3d1027f]
-- Updated dependencies [c240eed]
-  - jazz-tools@0.14.2
-  - jazz-betterauth-server-plugin@0.14.2
-  - jazz-inspector@0.14.2
-  - jazz-react@0.14.2
-  - jazz-react-auth-betterauth@0.14.2
-  - jazz-betterauth-client-plugin@0.14.2
-
 ## 0.1.6
 
 ### Patch Changes

examples/betterauth/README.md

@@ -5,12 +5,10 @@ This example demonstrates how to integrate [Better Auth](https://www.better-auth
 ## Getting started
 
 To run this example, you may either:
-
-- Clone the Jazz monorepo and run this example from within.
-- Create a new Jazz project using this example as a template, and run that new project.
+* Clone the Jazz monorepo and run this example from within.
+* Create a new Jazz project using this example as a template, and run that new project.
 
 ### Setting environment variables
-
 - `NEXT_PUBLIC_AUTH_BASE_URL`: A URL to a Better Auth server. If undefined, the example will self-host a Better Auth server.
 - `BETTER_AUTH_SECRET`: The encryption secret used by the self-hosted Better Auth server (required only if `NEXT_PUBLIC_AUTH_BASE_URL` is undefined)
 - `GITHUB_CLIENT_ID`: The client ID for the GitHub OAuth provider used by the self-hosted Better Auth server (required only if `NEXT_PUBLIC_AUTH_BASE_URL` is undefined)
@@ -19,64 +17,38 @@ To run this example, you may either:
 ### Using this example as a template
 
 1. Create a new Jazz project, and use this example as a template.
-
 ```sh
 npx create-jazz-app@latest betterauth-app --example betterauth
 ```
-
-2. Navigate to the new project and install dependencies.
-
+2. Navigate to the new project and start the development server.
 ```sh
 cd betterauth-app
 pnpm install
-```
-
-3. Create a .env file (don't forget to set your [BETTER_AUTH_SECRET](https://www.better-auth.com/docs/installation#set-environment-variables)!)
-
-```sh
-mv .env.example .env
-```
-
-4. Start the development server
-
-```sh
 pnpm dev
 ```
 
-https://www.better-auth.com/docs/installation#set-environment-variables
-
 ### Using the monorepo
 
 This requires `pnpm` to be installed, see [https://pnpm.io/installation](https://pnpm.io/installation).
 
 Clone the jazz repository.
-
 ```bash
 git clone https://github.com/garden-co/jazz.git
 ```
 
 Install and build dependencies.
-
 ```bash
 pnpm i && npx turbo build
 ```
 
 Go to the example directory.
-
 ```bash
 cd jazz/examples/betterauth/
 ```
 
-Create a .env file (don't forget to set your [BETTER_AUTH_SECRET](https://www.better-auth.com/docs/installation#set-environment-variables)!)
-
-```sh
-mv .env.example .env
-```
-
 Start the dev server.
-
 ```bash
 pnpm dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

examples/betterauth/package.json

@@ -1,5 +1,6 @@
 {
 	"name": "betterauth",
+	"version": "0.1.6",
 	"private": true,
 	"type": "module",
 	"scripts": {

examples/chat-rn-expo-clerk/.env

@@ -0,0 +1 @@
+EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_ZXZpZGVudC1kYW5lLTg5LmNsZXJrLmFjY291bnRzLmRldiQ

examples/chat-rn-expo-clerk/.env.example

@@ -1 +0,0 @@
-EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=

examples/chat-rn-expo-clerk/.gitignore

@@ -15,9 +15,3 @@ web-build/
 
 ios
 android
-
-# Env
-.env
-.env.*
-!.env.example
-!.env.test

examples/chat-rn-expo-clerk/CHANGELOG.md

@@ -1,187 +1,5 @@
 # chat-rn-expo-clerk
 
-## 1.0.145
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-expo@0.14.22
-  - jazz-react-native-media-images@0.14.22
-
-## 1.0.144
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [cfb6786]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-expo@0.14.21
-  - jazz-react-native-media-images@0.14.21
-
-## 1.0.143
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-expo@0.14.20
-  - jazz-react-native-media-images@0.14.20
-
-## 1.0.142
-
-### Patch Changes
-
-- Updated dependencies [061ec99]
-  - jazz-expo@0.14.19
-  - jazz-react-native-media-images@0.14.19
-  - jazz-tools@0.14.19
-
-## 1.0.141
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-expo@0.14.18
-  - jazz-react-native-media-images@0.14.18
-
-## 1.0.140
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-expo@0.14.17
-  - jazz-react-native-media-images@0.14.17
-
-## 1.0.139
-
-### Patch Changes
-
-- jazz-expo@0.14.16
-- jazz-tools@0.14.16
-- jazz-react-native-media-images@0.14.16
-
-## 1.0.138
-
-### Patch Changes
-
-- jazz-expo@0.14.15
-- jazz-tools@0.14.15
-- jazz-react-native-media-images@0.14.15
-
-## 1.0.137
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-expo@0.14.14
-  - jazz-react-native-media-images@0.14.14
-
-## 1.0.136
-
-### Patch Changes
-
-- jazz-expo@0.14.13
-
-## 1.0.135
-
-### Patch Changes
-
-- jazz-expo@0.14.12
-
-## 1.0.134
-
-### Patch Changes
-
-- Updated dependencies [98d697f]
-  - jazz-expo@0.14.11
-
-## 1.0.133
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-react-native-media-images@0.14.10
-  - jazz-tools@0.14.10
-  - jazz-expo@0.14.10
-
-## 1.0.132
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-expo@0.14.9
-  - jazz-react-native-media-images@0.14.9
-
-## 1.0.131
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-expo@0.14.8
-  - jazz-react-native-media-images@0.14.8
-
-## 1.0.130
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-expo@0.14.7
-  - jazz-react-native-media-images@0.14.7
-
-## 1.0.129
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-expo@0.14.6
-  - jazz-react-native-media-images@0.14.6
-
-## 1.0.128
-
-### Patch Changes
-
-- Updated dependencies [91cbb2f]
-- Updated dependencies [20b3d88]
-  - jazz-tools@0.14.5
-  - jazz-expo@0.14.5
-  - jazz-react-native-media-images@0.14.5
-
-## 1.0.127
-
-### Patch Changes
-
-- Updated dependencies [011af55]
-  - jazz-tools@0.14.4
-  - jazz-expo@0.14.4
-  - jazz-react-native-media-images@0.14.4
-
-## 1.0.126
-
-### Patch Changes
-
-- Updated dependencies [3d1027f]
-- Updated dependencies [c240eed]
-  - jazz-tools@0.14.2
-  - jazz-expo@0.14.2
-  - jazz-react-native-media-images@0.14.2
-
 ## 1.0.125
 
 ### Patch Changes

examples/chat-rn-expo-clerk/README.md

@@ -8,12 +8,9 @@ First, install dependencies and build the project:
 
 ```bash
 pnpm i
-mv .env.example .env
 pnpm run build
 ```
 
-Don't forget to update `VITE_CLERK_PUBLISHABLE_KEY` in `.env` with your [Publishable Key](https://clerk.com/docs/deployments/clerk-environment-variables#clerk-publishable-and-secret-keys) from Clerk.
-
 ### 2. Inside the `examples/chat-rn-expo-clerk` Directory
 
 Next, navigate to the specific example project and run the following commands:

examples/chat-rn-expo-clerk/package.json

@@ -1,6 +1,7 @@
 {
   "name": "chat-rn-expo-clerk",
   "main": "index.js",
+  "version": "1.0.125",
   "scripts": {
     "build": "expo export -p ios",
     "start": "expo start",
@@ -16,6 +17,7 @@
     "@bacons/text-decoder": "0.0.0",
     "@bam.tech/react-native-image-resizer": "^3.0.11",
     "@clerk/clerk-expo": "^2.2.21",
+    "@craftzdog/react-native-buffer": "6.0.5",
     "@expo/vector-icons": "^14.1.0",
     "@react-native-community/netinfo": "11.4.1",
     "@react-navigation/native": "7.0.19",

examples/chat-rn-expo-clerk/polyfills.js

@@ -3,6 +3,9 @@
 // @ts-expect-error - @types/react-native doesn't cover this file
 import { polyfillGlobal } from "react-native/Libraries/Utilities/PolyfillFunctions";
 
+import { Buffer } from "@craftzdog/react-native-buffer";
+polyfillGlobal("Buffer", () => Buffer);
+
 // @ts-expect-error - @types/readable-stream doesn't have ReadableStream type
 import { ReadableStream } from "readable-stream";
 polyfillGlobal("ReadableStream", () => ReadableStream);

examples/chat-rn-expo/.gitignore

@@ -7,10 +7,8 @@ node_modules/
 .expo/
 dist/
 web-build/
-expo-env.d.ts
 
 # Native
-.kotlin/
 *.orig.*
 *.jks
 *.p8
@@ -35,10 +33,6 @@ yarn-error.*
 
 # typescript
 *.tsbuildinfo
-android/
-ios/
-# env files
-.env
-.env.*
-!.env.example
-!.env.test
+
+ios
+android

examples/chat-rn-expo/CHANGELOG.md

@@ -1,107 +1,934 @@
 # chat-rn-expo
 
+## 1.0.112
+
+### Patch Changes
+
+- Updated dependencies [cdfc105]
+  - jazz-tools@0.14.1
+  - jazz-expo@0.14.1
+
+## 1.0.111
+
+### Patch Changes
+
+- Updated dependencies [5835ed1]
+  - jazz-tools@0.14.0
+  - jazz-expo@0.14.0
+
+## 1.0.110
+
+### Patch Changes
+
+- jazz-expo@0.13.32
+
+## 1.0.109
+
+### Patch Changes
+
+- Updated dependencies [e5b170f]
+  - jazz-tools@0.13.31
+  - jazz-expo@0.13.31
+
+## 1.0.108
+
+### Patch Changes
+
+- jazz-expo@0.13.30
+- jazz-tools@0.13.30
+
+## 1.0.107
+
+### Patch Changes
+
+- jazz-expo@0.13.29
+- jazz-tools@0.13.29
+
+## 1.0.106
+
+### Patch Changes
+
+- jazz-expo@0.13.28
+- jazz-tools@0.13.28
+
+## 1.0.105
+
+### Patch Changes
+
+- jazz-expo@0.13.27
+- jazz-tools@0.13.27
+
+## 1.0.104
+
+### Patch Changes
+
+- Updated dependencies [ff846d9]
+  - jazz-tools@0.13.26
+  - jazz-expo@0.13.26
+
+## 1.0.103
+
+### Patch Changes
+
+- jazz-expo@0.13.25
+- jazz-tools@0.13.25
+
+## 1.0.102
+
+### Patch Changes
+
+- Updated dependencies [02a240c]
+  - jazz-tools@0.13.23
+  - jazz-expo@0.13.23
+
+## 1.0.101
+
+### Patch Changes
+
+- jazz-expo@0.13.22
+
+## 1.0.100
+
+### Patch Changes
+
+- jazz-expo@0.13.21
+- jazz-tools@0.13.21
+
+## 1.0.99
+
+### Patch Changes
+
+- Updated dependencies [439f0fe]
+  - jazz-tools@0.13.20
+  - jazz-expo@0.13.20
+
+## 1.0.98
+
+### Patch Changes
+
+- Updated dependencies [80530a4]
+  - jazz-tools@0.13.19
+  - jazz-expo@0.13.19
+
+## 1.0.97
+
+### Patch Changes
+
+- Updated dependencies [761759c]
+  - jazz-tools@0.13.18
+  - jazz-expo@0.13.18
+
+## 1.0.96
+
+### Patch Changes
+
+- jazz-expo@0.13.17
+- jazz-tools@0.13.17
+
+## 1.0.95
+
+### Patch Changes
+
+- jazz-expo@0.13.16
+- jazz-tools@0.13.16
+
+## 1.0.94
+
+### Patch Changes
+
+- jazz-expo@0.13.15
+- jazz-tools@0.13.15
+
+## 1.0.93
+
+### Patch Changes
+
+- Updated dependencies [bd94012]
+  - jazz-expo@0.13.14
+  - jazz-tools@0.13.14
+
+## 1.0.92
+
+### Patch Changes
+
+- jazz-expo@0.13.13
+- jazz-tools@0.13.13
+
+## 1.0.91
+
+### Patch Changes
+
+- Updated dependencies [4547525]
+  - jazz-tools@0.13.12
+  - jazz-expo@0.13.12
+
+## 1.0.90
+
+### Patch Changes
+
+- Updated dependencies [17273a6]
+  - jazz-tools@0.13.11
+  - jazz-expo@0.13.11
+
+## 1.0.89
+
+### Patch Changes
+
+- jazz-expo@0.13.10
+- jazz-tools@0.13.10
+
+## 1.0.88
+
+### Patch Changes
+
+- Updated dependencies [a6cf01f]
+  - jazz-tools@0.13.9
+  - jazz-expo@0.13.9
+
+## 1.0.87
+
+### Patch Changes
+
+- jazz-expo@0.13.8
+
+## 1.0.86
+
+### Patch Changes
+
+- Updated dependencies [bc3d7bb]
+  - jazz-tools@0.13.7
+  - jazz-expo@0.13.7
+
+## 1.0.85
+
+### Patch Changes
+
+- Updated dependencies [fe6f561]
+  - jazz-tools@0.13.5
+  - jazz-expo@0.13.5
+
+## 1.0.84
+
+### Patch Changes
+
+- Updated dependencies [3129982]
+- Updated dependencies [3129982]
+  - jazz-expo@0.13.4
+  - jazz-tools@0.13.4
+
+## 1.0.83
+
+### Patch Changes
+
+- Updated dependencies [12f8bfa]
+- Updated dependencies [bd57177]
+  - jazz-tools@0.13.3
+  - jazz-expo@0.13.3
+
+## 1.0.82
+
+### Patch Changes
+
+- jazz-expo@0.13.2
+- jazz-tools@0.13.2
+
+## 1.0.81
+
+### Patch Changes
+
+- Updated dependencies [63a7aa0]
+  - jazz-expo@0.13.1
+
+## 1.0.80
+
+### Patch Changes
+
+- Updated dependencies [bce3bcc]
+- Updated dependencies [afd1374]
+  - jazz-expo@0.13.0
+  - jazz-tools@0.13.0
+
+## 1.0.88
+
+### Patch Changes
+
+- jazz-react-native@0.12.2
+- jazz-tools@0.12.2
+
+## 1.0.87
+
+### Patch Changes
+
+- jazz-react-native@0.12.1
+- jazz-tools@0.12.1
+
+## 1.0.86
+
+### Patch Changes
+
+- Updated dependencies [01523dc]
+- Updated dependencies [4ea87dc]
+- Updated dependencies [1e6da19]
+- Updated dependencies [b6c6a0a]
+  - jazz-tools@0.12.0
+  - jazz-react-native@0.12.0
+
+## 1.0.85
+
+### Patch Changes
+
+- jazz-react-native@0.11.8
+- jazz-tools@0.11.8
+
+## 1.0.84
+
+### Patch Changes
+
+- Updated dependencies [a140f55]
+- Updated dependencies [2b0d1b0]
+  - jazz-tools@0.11.7
+  - jazz-react-native@0.11.7
+
+## 1.0.83
+
+### Patch Changes
+
+- Updated dependencies [e7c85b7]
+  - jazz-react-native@0.11.6
+  - jazz-tools@0.11.6
+
+## 1.0.82
+
+### Patch Changes
+
+- jazz-react-native@0.11.5
+- jazz-tools@0.11.5
+
+## 1.0.81
+
+### Patch Changes
+
+- Updated dependencies [57a3dbe]
+- Updated dependencies [a717754]
+- Updated dependencies [a91f343]
+  - jazz-tools@0.11.4
+  - jazz-react-native@0.11.4
+
+## 1.0.80
+
+### Patch Changes
+
+- jazz-react-native@0.11.3
+- jazz-tools@0.11.3
+
+## 1.0.79
+
+### Patch Changes
+
+- Updated dependencies [6892dc6]
+  - jazz-tools@0.11.2
+  - jazz-react-native@0.11.2
+
+## 1.0.78
+
+### Patch Changes
+
+- jazz-react-native@0.11.1
+
+## 1.0.77
+
+### Patch Changes
+
+- Updated dependencies [6a96d8b]
+- Updated dependencies [a35249a]
+- Updated dependencies [b9d194a]
+- Updated dependencies [a4713df]
+- Updated dependencies [34cbdc3]
+- Updated dependencies [f039e8f]
+- Updated dependencies [e22de9f]
+  - jazz-tools@0.11.0
+  - jazz-react-native@0.11.0
+
+## 1.0.76
+
+### Patch Changes
+
+- Updated dependencies [2f99de0]
+  - jazz-tools@0.10.15
+  - jazz-react-native@0.10.15
+
+## 1.0.75
+
+### Patch Changes
+
+- Updated dependencies [75211e3]
+  - jazz-tools@0.10.14
+  - jazz-react-native@0.10.14
+
+## 1.0.74
+
+### Patch Changes
+
+- Updated dependencies [07feedd]
+  - jazz-tools@0.10.13
+  - jazz-react-native@0.10.13
+
+## 1.0.73
+
+### Patch Changes
+
+- Updated dependencies [4612e05]
+  - jazz-tools@0.10.12
+  - jazz-react-native@0.10.12
+
+## 1.0.72
+
+### Patch Changes
+
+- Updated dependencies [5a54e4a]
+  - jazz-react-native@0.10.11
+
+## 1.0.71
+
+### Patch Changes
+
+- Updated dependencies [3405d8f]
+  - jazz-react-native@0.10.10
+
+## 1.0.70
+
+### Patch Changes
+
+- Updated dependencies [2fb6428]
+  - jazz-tools@0.10.8
+  - jazz-react-native@0.10.8
+
+## 1.0.69
+
+### Patch Changes
+
+- Updated dependencies [1136d9b]
+- Updated dependencies [0eed228]
+  - jazz-react-native@0.10.7
+  - jazz-tools@0.10.7
+
+## 1.0.68
+
+### Patch Changes
+
+- Updated dependencies [ada802b]
+  - jazz-tools@0.10.6
+  - jazz-react-native@0.10.6
+
+## 1.0.67
+
+### Patch Changes
+
+- Updated dependencies [59ff77e]
+  - jazz-tools@0.10.5
+  - jazz-react-native@0.10.5
+
+## 1.0.66
+
+### Patch Changes
+
+- jazz-react-native@0.10.4
+- jazz-tools@0.10.4
+
+## 1.0.65
+
+### Patch Changes
+
+- Updated dependencies [d8582fc]
+  - jazz-tools@0.10.3
+  - jazz-react-native@0.10.3
+
+## 1.0.64
+
+### Patch Changes
+
+- jazz-react-native@0.10.2
+- jazz-tools@0.10.2
+
+## 1.0.63
+
+### Patch Changes
+
+- Updated dependencies [5a63cba]
+  - jazz-tools@0.10.1
+  - jazz-react-native@0.10.1
+
+## 1.0.62
+
+### Patch Changes
+
+- Updated dependencies [498954f]
+- Updated dependencies [d42c2aa]
+- Updated dependencies [dd03464]
+- Updated dependencies [b426342]
+  - jazz-react-native@0.10.0
+  - jazz-tools@0.10.0
+
+## 1.0.61
+
+### Patch Changes
+
+- jazz-react-native@0.9.23
+- jazz-tools@0.9.23
+
+## 1.0.60
+
+### Patch Changes
+
+- jazz-react-native@0.9.22
+
+## 1.0.59
+
+### Patch Changes
+
+- Updated dependencies [1be017d]
+  - jazz-tools@0.9.21
+  - jazz-react-native@0.9.21
+
+## 1.0.58
+
+### Patch Changes
+
+- Updated dependencies [b01cc1f]
+  - jazz-tools@0.9.20
+  - jazz-react-native@0.9.20
+
+## 1.0.57
+
+### Patch Changes
+
+- jazz-react-native@0.9.19
+- jazz-tools@0.9.19
+
+## 1.0.56
+
+### Patch Changes
+
+- jazz-react-native@0.9.18
+- jazz-tools@0.9.18
+
+## 1.0.55
+
+### Patch Changes
+
+- Updated dependencies [c2ca1fe]
+- Updated dependencies [1227047]
+  - jazz-tools@0.9.17
+  - jazz-react-native@0.9.17
+
+## 1.0.54
+
+### Patch Changes
+
+- Updated dependencies [24b3b6a]
+  - jazz-tools@0.9.16
+  - jazz-react-native@0.9.16
+
+## 1.0.53
+
+### Patch Changes
+
+- Updated dependencies [7491711]
+  - jazz-tools@0.9.15
+  - jazz-react-native@0.9.15
+
+## 1.0.52
+
+### Patch Changes
+
+- Updated dependencies [3df93cc]
+  - jazz-tools@0.9.14
+  - jazz-react-native@0.9.14
+
+## 1.0.51
+
+### Patch Changes
+
+- jazz-react-native@0.9.13
+- jazz-tools@0.9.13
+
+## 1.0.50
+
+### Patch Changes
+
+- jazz-react-native@0.9.12
+- jazz-tools@0.9.12
+
+## 1.0.49
+
+### Patch Changes
+
+- jazz-react-native@0.9.11
+- jazz-tools@0.9.11
+
+## 1.0.48
+
+### Patch Changes
+
+- Updated dependencies [f76274c]
+- Updated dependencies [5e83864]
+  - jazz-react-native@0.9.10
+  - jazz-tools@0.9.10
+
+## 1.0.47
+
+### Patch Changes
+
+- Updated dependencies [8eb9247]
+  - jazz-tools@0.9.9
+  - jazz-react-native@0.9.9
+
+## 1.0.46
+
+### Patch Changes
+
+- Updated dependencies [d1d773b]
+  - jazz-tools@0.9.8
+  - jazz-react-native@0.9.8
+
+## 1.0.45
+
+### Patch Changes
+
+- Updated dependencies [8a390d2]
+  - jazz-react-native@0.9.6
+
+## 1.0.44
+
+### Patch Changes
+
+- Updated dependencies [c871912]
+  - jazz-react-native@0.9.5
+
+## 1.0.43
+
+### Patch Changes
+
+- jazz-react-native@0.9.4
+
+## 1.0.42
+
+### Patch Changes
+
+- Updated dependencies [7cd691f]
+  - jazz-react-native@0.9.3
+
+## 1.0.41
+
+### Patch Changes
+
+- Updated dependencies [80fd3e9]
+  - jazz-react-native@0.9.2
+
+## 1.0.40
+
+### Patch Changes
+
+- Updated dependencies [1b71969]
+  - jazz-tools@0.9.1
+  - jazz-react-native@0.9.1
+
+## 1.0.39
+
+### Patch Changes
+
+- Updated dependencies [1da4d55]
+- Updated dependencies [8eda792]
+- Updated dependencies [1e5e3a1]
+  - jazz-react-native@0.9.0
+  - jazz-tools@0.9.0
+
+## 1.0.38
+
+### Patch Changes
+
+- Updated dependencies [dc62b95]
+- Updated dependencies [1de26f8]
+  - jazz-tools@0.8.51
+  - jazz-react-native@0.8.51
+
+## 1.0.37
+
+### Patch Changes
+
+- jazz-react-native@0.8.50
+- jazz-tools@0.8.50
+
+## 1.0.36
+
+### Patch Changes
+
+- jazz-react-native@0.8.49
+- jazz-tools@0.8.49
+
+## 1.0.35
+
+### Patch Changes
+
+- Updated dependencies [635e824]
+- Updated dependencies [0a85982]
+  - jazz-tools@0.8.48
+  - jazz-react-native@0.8.48
+
+## 1.0.34
+
+### Patch Changes
+
+- Updated dependencies [33ef9c4]
+  - jazz-react-native@0.8.47
+
+## 1.0.33
+
+### Patch Changes
+
+- Updated dependencies [ab4ffbd]
+  - jazz-react-native@0.8.46
+
+## 1.0.32
+
+### Patch Changes
+
+- Updated dependencies [7701307]
+- Updated dependencies [fa41f8e]
+- Updated dependencies [88d7d9a]
+- Updated dependencies [60e35ea]
+  - jazz-react-native@0.8.45
+  - jazz-tools@0.8.45
+
+## 1.0.31
+
+### Patch Changes
+
+- jazz-react-native@0.8.44
+- jazz-tools@0.8.44
+
+## 1.0.30
+
+### Patch Changes
+
+- jazz-react-native@0.8.41
+- jazz-tools@0.8.41
+
+## 1.0.29
+
+### Patch Changes
+
+- Updated dependencies [0c6b0f3]
+- Updated dependencies [249eecb]
+  - jazz-react-native@0.8.39
+  - jazz-tools@0.8.39
+
+## 1.0.28
+
+### Patch Changes
+
+- jazz-react-native@0.8.38
+- jazz-tools@0.8.38
+
+## 1.0.27
+
+### Patch Changes
+
+- jazz-react-native@0.8.37
+- jazz-tools@0.8.37
+
+## 1.0.26
+
+### Patch Changes
+
+- Updated dependencies [c84764a]
+- Updated dependencies [441fe27]
+  - jazz-react-native@0.8.36
+  - jazz-tools@0.8.36
+
+## 1.0.25
+
+### Patch Changes
+
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.35
+  - jazz-react-native@0.8.35
+
+## 1.0.24
+
+### Patch Changes
+
+- jazz-react-native@0.8.34
+- jazz-tools@0.8.34
+
+## 1.0.23
+
+### Patch Changes
+
+- Updated dependencies [df42b2b]
+  - jazz-tools@0.8.32
+  - jazz-react-native@0.8.32
+
+## 1.0.22
+
+### Patch Changes
+
+- jazz-react-native@0.8.31
+- jazz-tools@0.8.31
+
+## 1.0.21
+
+### Patch Changes
+
+- jazz-react-native@0.8.30
+- jazz-tools@0.8.30
+
+## 1.0.20
+
+### Patch Changes
+
+- jazz-react-native@0.8.29
+- jazz-tools@0.8.29
+
+## 1.0.19
+
+### Patch Changes
+
+- jazz-react-native@0.8.28
+- jazz-tools@0.8.28
+
+## 1.0.18
+
+### Patch Changes
+
+- jazz-react-native@0.8.27
+- jazz-tools@0.8.27
+
+## 1.0.17
+
+### Patch Changes
+
+- Updated dependencies [d348c2d]
+- Updated dependencies [6902b5b]
+- Updated dependencies [1a0cd3d]
+  - jazz-tools@0.8.23
+  - jazz-react-native@0.8.23
+
+## 1.0.16
+
+### Patch Changes
+
+- Updated dependencies [149ca97]
+  - jazz-tools@0.8.21
+  - jazz-react-native@0.8.21
+
+## 1.0.15
+
+### Patch Changes
+
+- Updated dependencies [3ef3ff3]
+  - jazz-react-native@0.8.20
+
+## 1.0.14
+
+### Patch Changes
+
+- jazz-react-native@0.8.19
+- jazz-tools@0.8.19
+
 ## 1.0.13
 
 ### Patch Changes
 
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-expo@0.14.22
+- jazz-react-native@0.8.18
+- jazz-tools@0.8.18
 
 ## 1.0.12
 
 ### Patch Changes
 
-- Updated dependencies [e7e505e]
-- Updated dependencies [cfb6786]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-expo@0.14.21
+- jazz-react-native@0.8.17
+- jazz-tools@0.8.17
 
 ## 1.0.11
 
 ### Patch Changes
 
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-expo@0.14.20
+- jazz-react-native@0.8.16
+- jazz-tools@0.8.16
 
 ## 1.0.10
 
 ### Patch Changes
 
-- Updated dependencies [061ec99]
-  - jazz-expo@0.14.19
-  - jazz-tools@0.14.19
+- Updated dependencies [cce679b]
+  - jazz-tools@0.8.15
+  - jazz-react-native@0.8.15
 
 ## 1.0.9
 
 ### Patch Changes
 
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-expo@0.14.18
+- Updated dependencies [36273b3]
+  - jazz-tools@0.8.14
+  - jazz-react-native@0.8.14
 
 ## 1.0.8
 
 ### Patch Changes
 
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-expo@0.14.17
+- Updated dependencies [fd011d7]
+  - jazz-tools@0.8.13
+  - jazz-react-native@0.8.13
 
 ## 1.0.7
 
 ### Patch Changes
 
-- jazz-expo@0.14.16
-- jazz-tools@0.14.16
+- jazz-react-native@0.8.12
+- jazz-tools@0.8.12
 
 ## 1.0.6
 
 ### Patch Changes
 
-- jazz-expo@0.14.15
-- jazz-tools@0.14.15
+- jazz-react-native@0.8.11
+- jazz-tools@0.8.11
 
 ## 1.0.5
 
 ### Patch Changes
 
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-expo@0.14.14
+- b7639cf: feat(react-native): replaced react-native-mmkv with expo-secure-store and initialize it by default as kvStore in createJazzRNApp() (BREAKING)
+- Updated dependencies [b7639cf]
+  - jazz-react-native@0.8.8
 
 ## 1.0.4
 
 ### Patch Changes
 
-- jazz-expo@0.14.13
+- Updated dependencies [32b05b6]
+  - jazz-react-native@0.8.7
 
 ## 1.0.3
 
 ### Patch Changes
 
-- jazz-expo@0.14.12
+- jazz-react-native@0.8.6
 
 ## 1.0.2
 
 ### Patch Changes
 
-- Updated dependencies [98d697f]
-  - jazz-expo@0.14.11
+- Updated dependencies [c3f4e6b]
+- Updated dependencies [d9152ed]
+  - jazz-react-native@0.8.5
+  - jazz-tools@0.8.5
 
 ## 1.0.1
 
 ### Patch Changes
 
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-tools@0.14.10
-  - jazz-expo@0.14.10
+- Updated dependencies
+  - jazz-react-native@0.8.3
+  - jazz-tools@0.8.3

examples/chat-rn-expo/README.md

@@ -0,0 +1,24 @@
+# 🎷 Jazz + Expo + `react-navigation` + Demo Auth
+
+## 🚀 How to Run
+
+### 1. Inside the Workspace Root
+
+First, install dependencies and build the project:
+
+```bash
+pnpm i
+pnpm run build
+```
+
+### 2. Inside the `examples/chat-rn-expo` Directory
+
+Next, navigate to the specific example project and run the following commands:
+
+```bash
+pnpm expo prebuild
+pnpx pod-install
+pnpm expo run:ios
+```
+
+This will set up and launch the app on iOS. For Android, you can replace the last command with `pnpm expo run:android`.

examples/chat-rn-expo/app.config.js

@@ -0,0 +1,55 @@
+const { withBuildProperties } = require("expo-build-properties");
+const { withDangerousMod } = require("@expo/config-plugins");
+const fs = require("fs/promises");
+const path = require("path");
+
+/**
+ *  https://github.com/mrousavy/nitro/issues/422#issuecomment-2545988256
+ */
+function withCustomIosMod(config) {
+  // Use expo-build-properties to bump iOS deployment target
+  config = withBuildProperties(config, { ios: { deploymentTarget: "16.0" } });
+  // Patch the generated Podfile fallback to ensure platform is always 16.0
+  config = withDangerousMod(config, [
+    "ios",
+    async (modConfig) => {
+      const podfilePath = path.join(
+        modConfig.modRequest.platformProjectRoot,
+        "Podfile",
+      );
+      let contents = await fs.readFile(podfilePath, "utf-8");
+
+      // Check if the IPHONEOS_DEPLOYMENT_TARGET setting is already present
+      // We search for the key being assigned, e.g., config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] =
+      const deploymentTargetSettingExists =
+        /\.build_settings\s*\[\s*['"]IPHONEOS_DEPLOYMENT_TARGET['"]\s*\]\s*=/.test(
+          contents,
+        );
+
+      if (!deploymentTargetSettingExists) {
+        // IPHONEOS_DEPLOYMENT_TARGET setting not found, proceed to add it.
+        contents = contents.replace(
+          /(post_install\s+do\s+\|installer\|[\s\S]*?)(\r?\n\s  end\s*)$/m,
+          `$1
+
+    # Expo Build Properties: force deployment target
+    # https://github.com/mrousavy/nitro/issues/422#issuecomment-2545988256
+    installer.pods_project.targets.each do |target|
+      target.build_configurations.each do |config|
+        config.build_settings['IPHONEOS_DEPLOYMENT_TARGET'] = '16.0'
+      end
+    end
+$2`,
+        );
+      }
+
+      await fs.writeFile(podfilePath, contents);
+      return modConfig;
+    },
+  ]);
+  return config;
+}
+
+module.exports = ({ config }) => {
+  return withCustomIosMod(config);
+};

examples/chat-rn-expo/app.json

@@ -1,32 +1,39 @@
 {
   "expo": {
-    "name": "chat-rn-expo",
-    "slug": "chat-rn-expo",
+    "name": "jazz-chat-rn-expo",
+    "scheme": "jazz-chat-rn-expo",
+    "slug": "jazz-chat-rn-expo",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "userInterfaceStyle": "light",
-    "newArchEnabled": true,
     "splash": {
-      "image": "./assets/splash-icon.png",
+      "image": "./assets/splash.png",
       "resizeMode": "contain",
       "backgroundColor": "#ffffff"
     },
     "ios": {
       "supportsTablet": true,
-      "bundleIdentifier": "tools.jazz.chatrnexpo"
+      "bundleIdentifier": "com.jazz.chatrn"
     },
     "android": {
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
       },
-      "edgeToEdgeEnabled": true,
-      "package": "tools.jazz.chatrnexpo"
+      "package": "com.jazz.chatrn"
     },
-    "web": {
-      "favicon": "./assets/favicon.png"
+    "plugins": [
+      "expo-secure-store",
+      "expo-sqlite",
+      "expo-build-properties",
+      "expo-web-browser"
+    ],
+    "extra": {
+      "eas": {
+        "projectId": "e0e61872-1906-4c84-b9d8-9be77355cad0"
+      }
     },
-    "plugins": ["expo-secure-store", "expo-sqlite"]
+    "owner": "paxx"
   }
 }

examples/chat-rn-expo/babel-plugin-transform-zod.js

@@ -0,0 +1,81 @@
+// Custom Babel plugin to transform Zod's dynamic class generation
+// This makes it more compatible with Hermes
+
+module.exports = function (babel) {
+  const { types: t } = babel;
+
+  return {
+    name: "transform-zod-multi-fixes",
+    visitor: {
+      FunctionDeclaration(path) {
+        // Part 1: Target Zod's $constructor function
+        if (path.node.id?.name === "$constructor") {
+          path.traverse({
+            CallExpression(callPath) {
+              const { node } = callPath;
+              const callee = node.callee;
+              if (
+                t.isMemberExpression(callee) &&
+                t.isIdentifier(callee.object, { name: "Object" }) &&
+                t.isIdentifier(callee.property, { name: "defineProperty" }) &&
+                node.arguments.length >= 3 &&
+                t.isIdentifier(node.arguments[0]) &&
+                node.arguments[0].name === "_" &&
+                t.isStringLiteral(node.arguments[1], { value: "name" })
+              ) {
+                callPath.remove();
+              }
+            },
+            ClassDeclaration(classPath) {
+              // Ensure we're targeting the class '_' inside $constructor
+              if (classPath.node.id?.name === "_") {
+                classPath.traverse({
+                  ClassMethod(methodPath) {
+                    const { node: methodNode } = methodPath; // Renamed to avoid conflict with outer 'node'
+                    if (
+                      methodNode.static &&
+                      methodNode.computed &&
+                      t.isMemberExpression(methodNode.key) &&
+                      t.isIdentifier(methodNode.key.object, {
+                        name: "Symbol",
+                      }) &&
+                      t.isIdentifier(methodNode.key.property, {
+                        name: "hasInstance",
+                      })
+                    ) {
+                      methodPath.remove();
+                    }
+                  },
+                });
+              }
+            },
+          });
+        }
+
+        // Part 2: Target Zod's setFunctionName utility (Temporarily Disabled)
+        /* if (path.node.id?.name === 'setFunctionName') {
+          const fnParam = path.node.params[0]; // First parameter, typically 'fn'
+          if (fnParam && t.isIdentifier(fnParam)) {
+            const fnParamName = fnParam.name;
+            path.traverse({
+              CallExpression(callPath) {
+                const { node } = callPath;
+                const callee = node.callee;
+                if (
+                  t.isMemberExpression(callee) &&
+                  t.isIdentifier(callee.object, { name: 'Object' }) &&
+                  t.isIdentifier(callee.property, { name: 'defineProperty' }) &&
+                  node.arguments.length >= 3 &&
+                  t.isIdentifier(node.arguments[0], { name: fnParamName }) && // Target is the 'fn' param
+                  t.isStringLiteral(node.arguments[1], { value: 'name' })
+                ) {
+                  callPath.remove();
+                }
+              }
+            });
+          }
+        } */
+      },
+    },
+  };
+};

examples/chat-rn-expo/babel.config.js

@@ -0,0 +1,20 @@
+module.exports = function (api) {
+  api.cache(true);
+
+  return {
+    presets: [
+      [
+        "babel-preset-expo",
+        {
+          "@babel/plugin-transform-classes": {
+            loose: false,
+          },
+        },
+      ],
+    ],
+    plugins: [
+      // Custom Zod transformer
+      "./babel-plugin-transform-zod.js",
+    ],
+  };
+};

examples/chat-rn-expo/eas.json

@@ -0,0 +1,27 @@
+{
+  "cli": {
+    "version": ">= 12.5.1",
+    "appVersionSource": "remote"
+  },
+  "build": {
+    "development": {
+      "developmentClient": true,
+      "distribution": "internal"
+    },
+    "ios-simulator": {
+      "extends": "development",
+      "ios": {
+        "simulator": true
+      }
+    },
+    "preview": {
+      "distribution": "internal"
+    },
+    "production": {
+      "autoIncrement": true
+    }
+  },
+  "submit": {
+    "production": {}
+  }
+}

examples/chat-rn-expo/index.js

@@ -0,0 +1,20 @@
+// // --- Zod Test Block ---
+// import { z } from "zod/v4";
+
+// try {
+//   console.log("Attempting Zod operation in index.js...");
+//   const schema = z.string();
+//   const result = schema.parse("test");
+//   console.log("Zod operation in index.js successful:", result);
+// } catch (e) {
+//   console.error("Zod operation in index.js FAILED:");
+//   console.error(e.stack || e);
+//   // Optionally, re-throw to ensure it's visible if it doesn't crash already
+//   // throw e;
+// }
+// // --- End Zod Test Block ---
+
+import "./polyfills";
+import { registerRootComponent } from "expo";
+import App from "./src/App";
+registerRootComponent(App);

examples/chat-rn-expo/index.ts

@@ -1,9 +0,0 @@
-import { registerRootComponent } from "expo";
-import "./polyfills";
-
-import App from "./src/App";
-
-// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
-// It also ensures that whether you load the app in Expo Go or in a native build,
-// the environment is set up appropriately
-registerRootComponent(App);

examples/chat-rn-expo/metro.config.js

@@ -0,0 +1,57 @@
+// Learn more https://docs.expo.dev/guides/monorepos
+const { getDefaultConfig } = require("expo/metro-config");
+const { withNativeWind } = require("nativewind/metro");
+const { FileStore } = require("metro-cache");
+const path = require("path");
+
+// eslint-disable-next-line no-undef
+const projectRoot = __dirname;
+const workspaceRoot = path.resolve(projectRoot, "../..");
+
+const config = getDefaultConfig(projectRoot, { isCSSEnabled: true });
+
+// Since we are using pnpm, we have to setup the monorepo manually for Metro
+// #1 - Watch all files in the monorepo
+config.watchFolders = [workspaceRoot];
+// #2 - Try resolving with project modules first, then workspace modules
+config.resolver.nodeModulesPaths = [
+  path.resolve(projectRoot, "node_modules"),
+  path.resolve(workspaceRoot, "node_modules"),
+];
+config.resolver.sourceExts = ["mjs", "js", "json", "ts", "tsx"];
+// even though this is true by default, it seems to help zod
+// TODO: revisit if we find a smoking gun, and remove if we can
+config.resolver.unstable_enablePackageExports = true;
+
+config.resolver.requireCycleIgnorePatterns = [
+  /(^|\/|\\)node_modules($|\/|\\)/,
+  /(^|\/|\\)packages($|\/|\\)/,
+];
+
+// --- START: Added/Modified section to transpile Zod ---
+// Ensure Zod is transformed by Babel along with other necessary React Native packages.
+// The pattern below is a common one, with 'zod' added to the list of packages
+// that SHOULD be transformed (i.e., not ignored by the transformer).
+config.transformer = {
+  ...config.transformer, // Preserve existing transformer settings if any from getDefaultConfig
+  getTransformOptions: async () => ({
+    transform: {
+      experimentalImportSupport: false,
+      inlineRequires: true, // Recommended for React Native for performance
+    },
+  }),
+  // This pattern tells Metro to transform Zod and other common RN/Expo packages.
+  transformIgnorePatterns: [
+    "node_modules/(?!(react-native|@react-native|@react-native-community|expo|@expo|zod)/)",
+  ],
+};
+// --- END: Added/Modified section to transpile Zod ---
+
+// Use turborepo to restore the cache when possible
+config.cacheStores = [
+  new FileStore({
+    root: path.join(projectRoot, "node_modules", ".cache", "metro"),
+  }),
+];
+
+module.exports = withNativeWind(config, { input: "./global.css" });

examples/chat-rn-expo/nativewind-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="nativewind/types" />

examples/chat-rn-expo/package.json

@@ -1,34 +1,54 @@
 {
   "name": "chat-rn-expo",
-  "main": "index.ts",
+  "version": "1.0.112",
+  "main": "index.js",
   "scripts": {
-    "build": "expo prebuild",
+    "build": "tsc --noEmit && expo export -p ios",
     "start": "expo start",
+    "format-and-lint": "biome check .",
+    "format-and-lint:fix": "biome check . --write",
     "android": "expo run:android",
-    "ios": "expo run:ios",
+    "ios": "expo prebuild && pnpx pod-install && expo run:ios",
     "web": "expo start --web"
   },
   "dependencies": {
     "@azure/core-asynciterator-polyfill": "^1.0.2",
-    "@bacons/text-decoder": "^0.0.0",
-    "@bam.tech/react-native-image-resizer": "^3.0.11",
+    "@bacons/text-decoder": "0.0.0",
+    "@craftzdog/react-native-buffer": "6.0.5",
     "@react-native-community/netinfo": "11.4.1",
-    "expo": "~53.0.9",
-    "expo-clipboard": "^7.1.4",
+    "@react-navigation/native": "7.0.19",
+    "@react-navigation/native-stack": "7.2.1",
+    "clsx": "^2.0.0",
+    "expo": "53.0.8",
+    "expo-build-properties": "~0.14.6",
+    "expo-clipboard": "~7.1.4",
+    "expo-constants": "~17.1.6",
+    "expo-dev-client": "~5.1.8",
+    "expo-linking": "~7.1.4",
     "expo-secure-store": "~14.2.3",
-    "expo-sqlite": "~15.2.10",
+    "expo-sqlite": "15.2.9",
     "expo-status-bar": "~2.2.3",
+    "expo-web-browser": "~14.1.6",
     "jazz-expo": "workspace:*",
     "jazz-tools": "workspace:*",
+    "nativewind": "^4.1.21",
     "react": "19.0.0",
+    "react-dom": "19.0.0",
     "react-native": "0.79.2",
     "react-native-get-random-values": "^1.11.0",
-    "readable-stream": "^4.7.0"
+    "react-native-nitro-modules": "0.25.2",
+    "react-native-quick-crypto": "1.0.0-beta.15",
+    "react-native-safe-area-context": "5.4.0",
+    "react-native-screens": "4.10.0",
+    "react-native-url-polyfill": "^2.0.0",
+    "readable-stream": "4.7.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
-    "@types/react": "~19.0.10",
-    "typescript": "~5.8.3"
+    "@babel/plugin-transform-runtime": "^7.27.1",
+    "@types/react": "~19.0.14",
+    "tailwindcss": "^3.4.17",
+    "typescript": "5.8.3"
   },
   "private": true
 }

examples/chat-rn-expo/polyfills.js

@@ -3,6 +3,9 @@
 // @ts-expect-error - @types/react-native doesn't cover this file
 import { polyfillGlobal } from "react-native/Libraries/Utilities/PolyfillFunctions";
 
+import { Buffer } from "@craftzdog/react-native-buffer";
+polyfillGlobal("Buffer", () => Buffer);
+
 // @ts-expect-error - @types/readable-stream doesn't have ReadableStream type
 import { ReadableStream } from "readable-stream";
 polyfillGlobal("ReadableStream", () => ReadableStream);

examples/chat-rn-expo/src/App.tsx

@@ -1,18 +1,74 @@
+import "../global.css";
+
+import {
+  NavigationContainer,
+  useNavigationContainerRef,
+} from "@react-navigation/native";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import * as Linking from "expo-linking";
+import { RNQuickCrypto } from "jazz-expo/crypto";
+import React, { StrictMode, useEffect, useState } from "react";
+import HandleInviteScreen from "./invite";
+
 import { JazzProvider } from "jazz-expo";
-import React, { StrictMode } from "react";
 import { apiKey } from "./apiKey";
 import ChatScreen from "./chat";
 
-export default function App() {
+const Stack = createNativeStackNavigator();
+
+const prefix = Linking.createURL("/");
+
+const linking = {
+  prefixes: [prefix],
+  config: {
+    screens: {
+      HandleInviteScreen: {
+        path: "router/invite/:valueHint?/:valueID/:inviteSecret",
+      },
+    },
+  },
+};
+
+function App() {
+  const [initialRoute, setInitialRoute] = useState<
+    "ChatScreen" | "HandleInviteScreen"
+  >("ChatScreen");
+  const navigationRef = useNavigationContainerRef();
+  useEffect(() => {
+    Linking.getInitialURL().then((url) => {
+      if (url) {
+        if (url && url.includes("invite")) {
+          setInitialRoute("HandleInviteScreen");
+        }
+      }
+    });
+  }, []);
+
   return (
     <StrictMode>
       <JazzProvider
+        CryptoProvider={RNQuickCrypto}
         sync={{
           peer: `wss://cloud.jazz.tools/?key=${apiKey}`,
         }}
       >
-        <ChatScreen />
+        <NavigationContainer linking={linking} ref={navigationRef}>
+          <Stack.Navigator initialRouteName={initialRoute}>
+            <Stack.Screen
+              options={{ title: "Jazz Chat" }}
+              name="ChatScreen"
+              // @ts-ignore
+              component={ChatScreen}
+            />
+            <Stack.Screen
+              name="HandleInviteScreen"
+              component={HandleInviteScreen}
+            />
+          </Stack.Navigator>
+        </NavigationContainer>
       </JazzProvider>
     </StrictMode>
   );
 }
+
+export default App;

examples/chat-rn-expo/src/chat.tsx

@@ -1,6 +1,7 @@
+import clsx from "clsx";
 import * as Clipboard from "expo-clipboard";
-import { Account, Group } from "jazz-tools";
-import { useState } from "react";
+import { Group, ID, Loaded, Profile } from "jazz-tools";
+import { useEffect, useState } from "react";
 import React, {
   Button,
   FlatList,
@@ -11,38 +12,54 @@ import React, {
   TouchableOpacity,
   View,
   Alert,
-  StyleSheet,
 } from "react-native";
 
 import { useAccount, useCoState } from "jazz-expo";
 import { Chat, Message } from "./schema";
 
-export default function ChatScreen() {
-  const { me, logOut } = useAccount(Account, { resolve: { profile: true } });
+export default function ChatScreen({ navigation }: { navigation: any }) {
+  const { me, logOut } = useAccount();
   const [chatId, setChatId] = useState<string>();
   const [chatIdInput, setChatIdInput] = useState<string>();
   const loadedChat = useCoState(Chat, chatId, { resolve: { $each: true } });
   const [message, setMessage] = useState("");
+  const profile = useCoState(Profile, me._refs.profile?.id, {});
 
   function handleLogOut() {
     setChatId(undefined);
     logOut();
   }
 
+  useEffect(() => {
+    navigation.setOptions({
+      headerRight: () => <Button onPress={handleLogOut} title="Logout" />,
+      headerLeft: () =>
+        loadedChat ? (
+          <Button
+            onPress={() => {
+              if (loadedChat?.id) {
+                Clipboard.setStringAsync(
+                  `https://chat.jazz.tools/#/chat/${loadedChat.id}`,
+                );
+                Alert.alert("Copied to clipboard", `Chat ID: ${loadedChat.id}`);
+              }
+            }}
+            title="Share"
+          />
+        ) : null,
+    });
+  }, [navigation, loadedChat]);
+
   const createChat = () => {
-    const group = Group.create();
+    const group = Group.create({ owner: me });
     group.addMember("everyone", "writer");
-    const chat = Chat.create([], group);
+    const chat = Chat.create([], { owner: group });
     setChatId(chat.id);
   };
 
   const joinChat = () => {
     if (chatIdInput) {
-      if (chatIdInput.startsWith("https://chat.jazz.tools/#/chat/")) {
-        setChatId(chatIdInput.split("/").pop());
-      } else {
-        setChatId(chatIdInput);
-      }
+      setChatId(chatIdInput);
     } else {
       Alert.alert("Error", "Chat ID cannot be empty.");
     }
@@ -58,28 +75,41 @@ export default function ChatScreen() {
     }
   };
 
-  const renderMessageItem = ({ item }: { item: Message }) => {
+  const renderMessageItem = ({ item }: { item: Loaded<typeof Message> }) => {
     const isMe = item._edits?.text?.by?.isMe;
     return (
       <View
-        style={[
-          styles.messageContainer,
-          isMe ? styles.myMessage : styles.otherMessage,
-        ]}
+        className={clsx(
+          `rounded-lg p-1 px-1.5 max-w-[80%] `,
+
+          isMe ? `bg-gray-200 self-end text-right` : `bg-gray-300 self-start `,
+        )}
       >
         {!isMe ? (
           <Text
-            style={[
-              styles.messageSender,
-              { textAlign: isMe ? "right" : "left" },
-            ]}
+            className={clsx(
+              `text-xs text-gray-500`,
+              isMe ? "text-right" : "text-left",
+            )}
           >
             {item?._edits?.text?.by?.profile?.name}
           </Text>
         ) : null}
-        <View style={styles.messageContent}>
-          <Text style={styles.messageText}>{item.text}</Text>
-          <Text style={[styles.messageTime, { marginTop: !isMe ? 8 : 4 }]}>
+        <View
+          className={clsx(
+            "flex relative items-end justify-between",
+            isMe ? "flex-row" : "flex-row",
+          )}
+        >
+          <Text className={clsx(`text-black text-md max-w-[85%]`)}>
+            {item.text}
+          </Text>
+          <Text
+            className={clsx(
+              "text-[10px] text-gray-500 text-right ml-2",
+              !isMe ? "mt-2" : "mt-1",
+            )}
+          >
             {item?._edits?.text?.madeAt?.getHours().toString().padStart(2, "0")}
             :
             {item?._edits?.text?.madeAt
@@ -93,28 +123,31 @@ export default function ChatScreen() {
   };
 
   return (
-    <View style={styles.container}>
+    <View className="flex flex-col h-full">
       {!loadedChat ? (
-        <View style={styles.welcomeContainer}>
-          <Text style={styles.usernameTitle}>Username</Text>
+        <View className="flex flex-col h-full items-center justify-center">
+          <Text className="text-m font-bold mb-6">Username</Text>
           <TextInput
-            style={styles.usernameInput}
-            value={me?.profile.name ?? ""}
+            className="rounded h-12 p-2 mb-12 w-40 border border-gray-200 block"
+            value={profile?.name ?? ""}
             onChangeText={(value) => {
-              if (me?.profile) {
-                me.profile.name = value;
+              if (profile) {
+                profile.name = value;
               }
             }}
             textAlignVertical="center"
             onSubmitEditing={sendMessage}
             testID="username-input"
           />
-          <TouchableOpacity onPress={createChat} style={styles.newChatButton}>
-            <Text style={styles.newChatButtonText}>Start new chat</Text>
+          <TouchableOpacity
+            onPress={createChat}
+            className="bg-blue-500 p-4 rounded-md"
+          >
+            <Text className="text-white font-semibold">Start new chat</Text>
           </TouchableOpacity>
-          <Text style={styles.joinChatTitle}>Join existing chat</Text>
+          <Text className="text-m font-bold mt-6">Join existing chat</Text>
           <TextInput
-            style={styles.chatIdInput}
+            className="rounded h-12 p-2 m-2 mt-4 w-80 border border-gray-200 block"
             placeholder="Chat ID"
             value={chatIdInput ?? ""}
             onChangeText={(value) => {
@@ -129,41 +162,21 @@ export default function ChatScreen() {
             testID="chat-id-input"
           />
           <TouchableOpacity
-            testID="join-chat-button"
             onPress={joinChat}
-            style={styles.joinChatButton}
+            className="bg-green-500 p-4 rounded-md"
           >
-            <Text style={styles.newChatButtonText}>Join chat</Text>
+            <Text className="text-white font-semibold">Join chat</Text>
           </TouchableOpacity>
         </View>
       ) : (
         <>
-          <View style={styles.chatHeader}>
-            <Button
-              onPress={() => {
-                if (loadedChat?.id) {
-                  Clipboard.setStringAsync(
-                    `https://chat.jazz.tools/#/chat/${loadedChat.id}`,
-                  );
-                  Alert.alert(
-                    "Copied to clipboard",
-                    `Chat ID: ${loadedChat.id}`,
-                  );
-                }
-              }}
-              title="Share"
-            />
-            <Text style={{ fontWeight: "bold", fontSize: 18 }}>Jazz chat</Text>
-            <Button onPress={handleLogOut} title="Logout" />
-          </View>
           <FlatList
             contentContainerStyle={{
               flexGrow: 1,
               gap: 6,
               padding: 8,
-              justifyContent: "flex-end",
             }}
-            style={styles.messageList}
+            className="flex"
             data={loadedChat}
             keyExtractor={(item) => item.id}
             renderItem={renderMessageItem}
@@ -172,11 +185,11 @@ export default function ChatScreen() {
           <KeyboardAvoidingView
             keyboardVerticalOffset={110}
             behavior="padding"
-            style={styles.inputContainer}
+            className="p-3 bg-white border-t border-gray-300"
           >
-            <SafeAreaView style={styles.inputRow}>
+            <SafeAreaView className="flex flex-row items-center gap-2">
               <TextInput
-                style={styles.messageInput}
+                className="rounded-full h-8 py-0 px-2  border border-gray-200 block flex-1"
                 value={message}
                 onChangeText={setMessage}
                 placeholder="Type a message..."
@@ -186,7 +199,7 @@ export default function ChatScreen() {
               />
               <TouchableOpacity
                 onPress={sendMessage}
-                style={styles.sendButton}
+                className="bg-gray-300 text-white rounded-full h-8 w-8 items-center justify-center"
                 testID="send-button"
               >
                 <Text>↑</Text>
@@ -198,133 +211,3 @@ export default function ChatScreen() {
     </View>
   );
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    flexDirection: "column",
-    height: "100%",
-  },
-  chatHeader: {
-    flexDirection: "row",
-    justifyContent: "space-between",
-    alignItems: "center",
-    padding: 8,
-    paddingTop: 48,
-    backgroundColor: "#f0f0f0",
-  },
-  welcomeContainer: {
-    flex: 1,
-    flexDirection: "column",
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  usernameTitle: {
-    fontSize: 16,
-    fontWeight: "bold",
-    marginBottom: 24,
-  },
-  usernameInput: {
-    borderRadius: 4,
-    height: 48,
-    padding: 8,
-    marginBottom: 48,
-    width: 160,
-    borderWidth: 1,
-    borderColor: "#e5e5e5",
-  },
-  newChatButton: {
-    backgroundColor: "#3b82f6",
-    padding: 16,
-    borderRadius: 6,
-  },
-  newChatButtonText: {
-    color: "white",
-    fontWeight: "600",
-  },
-  joinChatTitle: {
-    fontSize: 16,
-    fontWeight: "bold",
-    marginTop: 24,
-  },
-  chatIdInput: {
-    borderRadius: 4,
-    height: 48,
-    padding: 8,
-    margin: 8,
-    marginTop: 16,
-    width: 320,
-    borderWidth: 1,
-    borderColor: "#e5e5e5",
-  },
-  joinChatButton: {
-    backgroundColor: "#22c55e",
-    padding: 16,
-    borderRadius: 6,
-  },
-  messageList: {
-    display: "flex",
-  },
-  messageContainer: {
-    borderRadius: 8,
-    padding: 4,
-    paddingHorizontal: 6,
-    maxWidth: "80%",
-  },
-  myMessage: {
-    backgroundColor: "#e5e5e5",
-    alignSelf: "flex-end",
-  },
-  otherMessage: {
-    backgroundColor: "#d4d4d4",
-    alignSelf: "flex-start",
-  },
-  messageSender: {
-    fontSize: 12,
-    color: "#6b7280",
-  },
-  messageContent: {
-    flexDirection: "row",
-    alignItems: "flex-end",
-    justifyContent: "space-between",
-  },
-  messageText: {
-    color: "black",
-    fontSize: 16,
-    maxWidth: "85%",
-  },
-  messageTime: {
-    fontSize: 10,
-    color: "#6b7280",
-    marginLeft: 8,
-  },
-  inputContainer: {
-    padding: 12,
-    backgroundColor: "white",
-    borderTopWidth: 1,
-    borderTopColor: "#d4d4d4",
-  },
-  inputRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-  },
-  messageInput: {
-    borderRadius: 9999,
-    height: 32,
-    paddingVertical: 0,
-    paddingHorizontal: 8,
-    borderWidth: 1,
-    borderColor: "#e5e5e5",
-    flex: 1,
-  },
-  sendButton: {
-    backgroundColor: "#d4d4d4",
-    borderRadius: 9999,
-    height: 32,
-    width: 32,
-    alignItems: "center",
-    justifyContent: "center",
-  },
-});

examples/chat-rn-expo/src/invite.tsx

@@ -0,0 +1,18 @@
+import { useAcceptInvite } from "jazz-expo";
+import React, { Text } from "react-native";
+import { Chat } from "./schema";
+
+export default function HandleInviteScreen({
+  navigation,
+}: {
+  navigation: any;
+}) {
+  useAcceptInvite({
+    invitedObjectSchema: Chat,
+    onAccept: async (chatId) => {
+      navigation.navigate("ChatScreen", { chatId });
+    },
+  });
+
+  return <Text>Accepting invite...</Text>;
+}

examples/chat-rn-expo/src/schema.ts

@@ -3,7 +3,5 @@ import { co, z } from "jazz-tools";
 export const Message = co.map({
   text: z.string(),
 });
-export type Message = co.loaded<typeof Message>;
 
 export const Chat = co.list(Message);
-export type Chat = co.loaded<typeof Chat>;

examples/chat-rn-expo/tailwind.config.js

@@ -0,0 +1,14 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  // NOTE: Update this to include the paths to all of your component files.
+  content: [
+    "./app/**/*.{js,jsx,ts,tsx}",
+    "./components/**/*.{js,jsx,ts,tsx}",
+    "./src/**/*.{js,jsx,ts,tsx}",
+  ],
+  presets: [require("nativewind/preset")],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

examples/chat-rn-expo/test/e2e/erase_text.yml

@@ -2,7 +2,7 @@
 # fully erased.  The tap into the input field hits the middle, and clears all
 # text to the left.  If there's more to the right, it slides left, and thus we
 # repeat this step.  https://maestro.mobile.dev/api-reference/commands/erasetext
-appId: tools.jazz.chatrnexpo
+appId: com.jazz.chatrn
 ---
 - copyTextFrom:
    id: ${id}

examples/chat-rn-expo/test/e2e/flow.yml

@@ -1,4 +1,4 @@
-appId: tools.jazz.chatrnexpo
+appId: com.jazz.chatrn
 ---
 - launchApp
 
@@ -8,7 +8,10 @@ appId: tools.jazz.chatrnexpo
 # - assertVisible: "Reload"
 # - tapOn: "Reload"
 
-- assertVisible: "Username"
+# login
+- assertVisible: "Logout"
+- tapOn: "Logout"
+- assertVisible: "Anonymous user"
 - runFlow:
     label: "Erase existing username"
     file: erase_text.yml
@@ -40,18 +43,12 @@ appId: tools.jazz.chatrnexpo
 
 # logout
 - tapOn: "Logout"
-- assertVisible: "Username"
+- assertVisible: "Anonymous user"
 
-- extendedWaitUntil:
-    visible: "Anonymous user"
-    timeout: 10000
-# join chat 
-
-## Commented because it fails on CI
-# - tapOn:
-#     id: "chat-id-input"
-# - inputText: "co_zFs6KFyhxPw4xtw83tcEMzeHUNv" # Use a static id because maestro doesn't have access to the system clipboard
-# - tapOn:
-#     id: "join-chat-button"
-# - assertVisible: "boorad"
-# - assertVisible: "bro, low key, it do be like that tho"
+# join chat
+- tapOn:
+    id: "chat-id-input"
+- inputText: "co_zFs6KFyhxPw4xtw83tcEMzeHUNv" # Use a static id because maestro doesn't have access to the system clipboard
+- tapOn: "Join chat"
+- assertVisible: "boorad"
+- assertVisible: "bro, low key, it do be like that tho"

examples/chat-rn-expo/test/e2e/run.sh

@@ -5,15 +5,11 @@
 
 set -e
 
-OUTPUT_FILE=~/output/android-install.log
-mkdir -p ~/output
-touch $OUTPUT_FILE
-
 # build and install the app
 echo "Building and installing Android app."
 echo "If it fails, its output will be in artifact: android-install.log..."
 cd ./android/
-./gradlew installRelease >> $OUTPUT_FILE 2>&1
+./gradlew installRelease >> ~/output/android-install.log 2>&1
 cd ..
 
 # run the e2e tests

examples/chat-rn-expo/test/e2e/runLocal.sh

@@ -1,13 +0,0 @@
-#!/bin/bash
-
-# This script is necessary, because unlike ios, the android emulator action
-# accepts a script, runs it as your tests, then terminates.
-
-set -e
-
-# run the e2e tests
-export PATH="$PATH":"$HOME/.maestro/bin"
-export MAESTRO_DRIVER_STARTUP_TIMEOUT=300000 # setting to 5 mins 👀
-export MAESTRO_CLI_NO_ANALYTICS=1
-export MAESTRO_CLI_ANALYSIS_NOTIFICATION_DISABLED=true
-maestro test test/e2e/flow.yml

examples/chat-rn-expo/tsconfig.json

@@ -1,6 +1,8 @@
 {
   "extends": "expo/tsconfig.base",
   "compilerOptions": {
-    "strict": true
-  }
+    "strict": true,
+    "moduleResolution": "bundler"
+  },
+  "exclude": ["src/tests"]
 }

examples/chat-rn/.gitignore

@@ -73,9 +73,3 @@ yarn-error.log
 !.yarn/releases
 !.yarn/sdks
 !.yarn/versions
-
-# env files
-.env
-.env.*
-!.env.example
-!.env.test

examples/chat-rn/CHANGELOG.md

@@ -1,188 +1,5 @@
 # chat-rn
 
-## 1.0.140
-
-### Patch Changes
-
-- Updated dependencies [57fb69f]
-- Updated dependencies [048ac1d]
-  - cojson@0.14.22
-  - jazz-tools@0.14.22
-  - cojson-transport-ws@0.14.22
-  - jazz-react-native@0.14.22
-
-## 1.0.139
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [c3d8779]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - cojson@0.14.21
-  - jazz-react-native@0.14.21
-  - cojson-transport-ws@0.14.21
-
-## 1.0.138
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-react-native@0.14.20
-  - cojson@0.14.20
-  - cojson-transport-ws@0.14.20
-
-## 1.0.137
-
-### Patch Changes
-
-- Updated dependencies [061ec99]
-  - jazz-react-native@0.14.19
-  - cojson@0.14.19
-  - cojson-transport-ws@0.14.19
-  - jazz-tools@0.14.19
-
-## 1.0.136
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [0d5ee3e]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - cojson@0.14.18
-  - jazz-react-native@0.14.18
-  - cojson-transport-ws@0.14.18
-
-## 1.0.135
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-react-native@0.14.17
-
-## 1.0.134
-
-### Patch Changes
-
-- Updated dependencies [5e253cc]
-  - cojson@0.14.16
-  - cojson-transport-ws@0.14.16
-  - jazz-react-native@0.14.16
-  - jazz-tools@0.14.16
-
-## 1.0.133
-
-### Patch Changes
-
-- Updated dependencies [23daa7c]
-  - cojson@0.14.15
-  - jazz-react-native@0.14.15
-  - cojson-transport-ws@0.14.15
-  - jazz-tools@0.14.15
-
-## 1.0.132
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-react-native@0.14.14
-
-## 1.0.131
-
-### Patch Changes
-
-- jazz-react-native@0.14.13
-
-## 1.0.130
-
-### Patch Changes
-
-- jazz-react-native@0.14.12
-
-## 1.0.129
-
-### Patch Changes
-
-- Updated dependencies [98d697f]
-  - jazz-react-native@0.14.11
-
-## 1.0.128
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-react-native@0.14.10
-  - jazz-tools@0.14.10
-
-## 1.0.127
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-react-native@0.14.9
-
-## 1.0.126
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-react-native@0.14.8
-
-## 1.0.125
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-react-native@0.14.7
-
-## 1.0.124
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-react-native@0.14.6
-
-## 1.0.123
-
-### Patch Changes
-
-- Updated dependencies [91cbb2f]
-- Updated dependencies [20b3d88]
-  - jazz-tools@0.14.5
-  - jazz-react-native@0.14.5
-
-## 1.0.122
-
-### Patch Changes
-
-- Updated dependencies [011af55]
-  - jazz-tools@0.14.4
-  - jazz-react-native@0.14.4
-
-## 1.0.121
-
-### Patch Changes
-
-- Updated dependencies [3d1027f]
-- Updated dependencies [c240eed]
-  - jazz-tools@0.14.2
-  - jazz-react-native@0.14.2
-
 ## 1.0.120
 
 ### Patch Changes

examples/chat-rn/README.md

@@ -26,7 +26,7 @@ This will set up and launch the app on iOS. For Android, you can skip `pnpm pods
 This was created using the following command:
 
 ```bash
-pnpx @react-native-community/cli init chat-rn --version 0.76.9 --install-pods true --skip-git-init true --package-name com.chatrn --directory chat-rn
+pnpx @react-native-community/cli init chat-rn --version 0.76.7 --install-pods true --skip-git-init true --package-name com.chatrn --directory chat-rn
 ```
 
 Then change package name in `package.json`, and begin build instructions above.

examples/chat-rn/app.json

@@ -2,9 +2,9 @@
   "name": "ChatRN",
   "displayName": "ChatRN",
   "android": {
-    "package": "tools.jazz.chatrn"
+    "package": "com.anonymous.ChatRN"
   },
   "ios": {
-    "bundleIdentifier": "tools.jazz.chatrn"
+    "bundleIdentifier": "com.anonymous.ChatRN"
   }
 }

examples/chat-rn/metro.config.js

@@ -26,7 +26,7 @@ module.exports = makeMetroConfig({
     resolveRequest: MetroSymlinksResolver(),
     extraNodeModules,
     nodeModulesPaths,
-    sourceExts: ["mjs", "js", "json", "ts", "tsx"],
   },
+  sourceExts: ["mjs", "js", "json", "ts", "tsx"],
   watchFolders,
 });

examples/chat-rn/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-rn",
-  "private": true,
+  "version": "1.0.120",
   "main": "index.js",
   "scripts": {
     "android": "react-native run-android",
@@ -12,6 +12,7 @@
   "dependencies": {
     "@azure/core-asynciterator-polyfill": "^1.0.2",
     "@bacons/text-decoder": "0.0.0",
+    "@craftzdog/react-native-buffer": "6.0.5",
     "@op-engineering/op-sqlite": "^11.4.8",
     "@react-native-clipboard/clipboard": "1.16.1",
     "@react-native-community/netinfo": "11.4.1",
@@ -22,7 +23,7 @@
     "cojson-transport-ws": "workspace:*",
     "jazz-react-native": "workspace:*",
     "jazz-tools": "workspace:*",
-    "react": "19.0.0",
+    "react": "18.3.1",
     "react-native": "0.79.2",
     "react-native-get-random-values": "^1.11.0",
     "react-native-mmkv": "^3.2.0",
@@ -39,10 +40,10 @@
     "@react-native-community/cli": "15.0.1",
     "@react-native-community/cli-platform-android": "15.0.1",
     "@react-native-community/cli-platform-ios": "15.0.1",
-    "@react-native/babel-preset": "0.76.9",
-    "@react-native/eslint-config": "0.76.9",
-    "@react-native/metro-config": "0.76.9",
-    "@react-native/typescript-config": "0.76.9",
+    "@react-native/babel-preset": "0.76.7",
+    "@react-native/eslint-config": "0.76.7",
+    "@react-native/metro-config": "0.76.7",
+    "@react-native/typescript-config": "0.76.7",
     "@rnx-kit/metro-config": "^2.0.1",
     "@rnx-kit/metro-resolver-symlinks": "^0.2.1",
     "@types/react": "^18.3.12",

examples/chat-rn/src/chat.tsx

@@ -3,6 +3,7 @@ import { useAccount, useCoState } from "jazz-react-native";
 import { CoPlainText, Group, ID, Loaded, Profile } from "jazz-tools";
 import { useEffect, useState } from "react";
 import {
+  Alert,
   Button,
   FlatList,
   KeyboardAvoidingView,
@@ -18,7 +19,6 @@ import { Chat, Message } from "./schema";
 export function ChatScreen({ navigation }: { navigation: any }) {
   const { me, logOut } = useAccount();
   const [chatId, setChatId] = useState<string>();
-  const [chatIdInput, setChatIdInput] = useState<string>();
   const loadedChat = useCoState(Chat, chatId, { resolve: { $each: true } });
   const [message, setMessage] = useState("");
   const profile = useCoState(Profile, me._refs.profile?.id, {});
@@ -36,8 +36,10 @@ export function ChatScreen({ navigation }: { navigation: any }) {
           <Button
             onPress={() => {
               if (loadedChat?.id) {
-                Clipboard.setString(loadedChat.id);
-                console.log("Copied to clipboard", `Chat ID: ${loadedChat.id}`);
+                Clipboard.setString(
+                  `https://chat.jazz.tools/#/chat/${loadedChat.id}`,
+                );
+                Alert.alert("Copied to clipboard", `Chat ID: ${loadedChat.id}`);
               }
             }}
             title="Share"
@@ -54,11 +56,27 @@ export function ChatScreen({ navigation }: { navigation: any }) {
   };
 
   const joinChat = () => {
-    if (chatIdInput) {
-      setChatId(chatIdInput as ID<Chat>);
-    } else {
-      console.warn("Error: Chat ID cannot be empty.");
-    }
+    Alert.prompt(
+      "Join Chat",
+      "Enter the Chat ID (example: co_zBGEHYvRfGuT2YSBraY3njGjnde)",
+      [
+        {
+          text: "Cancel",
+          style: "cancel",
+        },
+        {
+          text: "Join",
+          onPress: (chatId) => {
+            if (chatId) {
+              setChatId(chatId);
+            } else {
+              Alert.alert("Error", "Chat ID cannot be empty.");
+            }
+          },
+        },
+      ],
+      "plain-text",
+    );
   };
 
   const sendMessage = () => {
@@ -135,16 +153,6 @@ export function ChatScreen({ navigation }: { navigation: any }) {
           <TouchableOpacity onPress={createChat} style={styles.newChatButton}>
             <Text style={styles.buttonText}>Start new chat</Text>
           </TouchableOpacity>
-          <Text style={styles.usernameLabel}>Join existing chat</Text>
-          <TextInput
-            style={styles.chatIdInput}
-            placeholder="Chat ID"
-            value={chatIdInput ?? ""}
-            onChangeText={setChatIdInput}
-            textAlignVertical="center"
-            onSubmitEditing={joinChat}
-            testID="chat-id-input"
-          />
           <TouchableOpacity onPress={joinChat} style={styles.joinChatButton}>
             <Text style={styles.buttonText}>Join chat</Text>
           </TouchableOpacity>
@@ -197,91 +205,27 @@ export function ChatScreen({ navigation }: { navigation: any }) {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-  },
-  welcomeContainer: {
-    flex: 1,
-    alignItems: "center",
-    justifyContent: "center",
-    padding: 16,
-  },
-  usernameLabel: {
-    fontSize: 16,
-    fontWeight: "bold",
-    marginBottom: 16,
-  },
-  usernameInput: {
-    width: 160,
-    height: 48,
-    borderWidth: 1,
-    borderColor: "#ddd",
-    borderRadius: 8,
-    paddingHorizontal: 8,
-    marginBottom: 24,
-  },
-  chatIdInput: {
-    width: 320,
-    height: 48,
-    borderWidth: 1,
-    borderColor: "#ddd",
-    borderRadius: 8,
-    paddingHorizontal: 8,
-    marginBottom: 24,
-    marginTop: 8,
-  },
-  newChatButton: {
-    backgroundColor: "#3B82F6",
-    padding: 16,
-    borderRadius: 8,
-    marginBottom: 24,
-  },
-  joinChatButton: {
-    backgroundColor: "#10B981",
-    padding: 16,
-    borderRadius: 8,
-  },
-  buttonText: {
-    color: "white",
-    fontSize: 16,
-    fontWeight: "bold",
-    textAlign: "center",
-  },
-  messageList: {
-    flex: 1,
-  },
-  inputContainer: {
-    padding: 12,
-  },
-  inputWrapper: {
-    flexDirection: "row",
-    alignItems: "center",
-    borderWidth: 1,
-    borderColor: "#ddd",
-    borderRadius: 8,
-    paddingHorizontal: 12,
-  },
-  messageInput: {
-    flex: 1,
-    height: 32,
-    paddingHorizontal: 8,
-  },
-  sendButton: {
-    paddingHorizontal: 16,
+    flexDirection: "column",
+    height: "100%",
   },
   messageContainer: {
-    flexDirection: "column",
-    alignItems: "flex-start",
-    marginBottom: 8,
+    borderRadius: 8,
+    paddingVertical: 4,
+    paddingHorizontal: 6,
+    maxWidth: "80%",
   },
   myMessage: {
+    backgroundColor: "#e5e7eb", // gray-200
     alignSelf: "flex-end",
+    textAlign: "right",
   },
   otherMessage: {
+    backgroundColor: "#d1d5db", // gray-300
     alignSelf: "flex-start",
   },
   senderName: {
     fontSize: 12,
-    color: "#666",
-    marginBottom: 4,
+    color: "#6b7280", // gray-500
   },
   textRight: {
     textAlign: "right",
@@ -290,27 +234,92 @@ const styles = StyleSheet.create({
     textAlign: "left",
   },
   messageContent: {
-    backgroundColor: "#f0f0f0",
-    borderRadius: 8,
-    padding: 8,
+    position: "relative",
+    flexDirection: "row",
+    alignItems: "flex-end",
+    justifyContent: "space-between",
   },
   messageText: {
+    color: "#000000",
     fontSize: 16,
+    maxWidth: "85%",
   },
   timestamp: {
     fontSize: 10,
-    color: "#666",
-    marginTop: 4,
+    color: "#6b7280", // gray-500
+    textAlign: "right",
+    marginLeft: 8,
   },
   timestampOther: {
-    textAlign: "left",
     marginTop: 8,
   },
   timestampMy: {
-    textAlign: "right",
     marginTop: 4,
   },
-  avatar: {
+  welcomeContainer: {
+    flex: 1,
+    flexDirection: "column",
+    height: "100%",
+    alignItems: "center",
+    justifyContent: "center",
+  },
+  usernameLabel: {
+    fontSize: 16,
+    fontWeight: "bold",
+    marginBottom: 24,
+  },
+  usernameInput: {
+    borderRadius: 4,
+    height: 48,
+    padding: 8,
+    marginBottom: 48,
+    width: 160,
+    borderWidth: 1,
+    borderColor: "#e5e7eb", // gray-200
+  },
+  newChatButton: {
+    backgroundColor: "#3b82f6", // blue-500
+    padding: 16,
+    borderRadius: 6,
+  },
+  joinChatButton: {
+    backgroundColor: "#10b981", // green-500
+    padding: 16,
+    borderRadius: 6,
+    marginTop: 16,
+  },
+  buttonText: {
+    color: "white",
+    fontWeight: "600",
+  },
+  messageList: {
+    flex: 1,
+  },
+  inputContainer: {
+    paddingVertical: 16,
+    paddingHorizontal: 10,
+    backgroundColor: "white",
+    borderTopWidth: 1,
+    borderTopColor: "#d1d5db", // gray-300
+  },
+  inputWrapper: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    margin: 5,
+  },
+  messageInput: {
+    borderRadius: 20,
+    height: 32,
+    paddingVertical: 0,
+    paddingHorizontal: 8,
+    borderWidth: 1,
+    borderColor: "#e5e7eb", // gray-200
+    flex: 1,
+  },
+  sendButton: {
+    marginLeft: 10,
+    backgroundColor: "#d1d5db", // gray-300
     borderRadius: 16,
     height: 32,
     width: 32,

examples/chat-rn/src/polyfills.ts

@@ -4,6 +4,9 @@
 import { polyfillGlobal } from "react-native/Libraries/Utilities/PolyfillFunctions";
 // import 'react-native-polyfill-globals/auto';
 
+import { Buffer } from "@craftzdog/react-native-buffer";
+polyfillGlobal("Buffer", () => Buffer);
+
 // @ts-expect-error - @types/readable-stream doesn't have ReadableStream type
 import { ReadableStream } from "readable-stream";
 polyfillGlobal("ReadableStream", () => ReadableStream);

examples/chat-svelte/.gitignore

@@ -1,21 +0,0 @@
-node_modules
-
-# Output
-.output
-.vercel
-/.svelte-kit
-/build
-
-# OS
-.DS_Store
-Thumbs.db
-
-# Env
-.env
-.env.*
-!.env.example
-!.env.test
-
-# Vite
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*

examples/chat-svelte/.npmrc

@@ -1 +0,0 @@
-engine-strict=true

examples/chat-svelte/.prettierignore

@@ -1,4 +0,0 @@
-# Package Managers
-package-lock.json
-pnpm-lock.yaml
-yarn.lock

examples/chat-svelte/.prettierrc

@@ -1,16 +0,0 @@
-{
-  "useTabs": false,
-  "tabWidth": 2,
-  "singleQuote": true,
-  "trailingComma": "none",
-  "printWidth": 100,
-  "plugins": ["prettier-plugin-svelte"],
-  "overrides": [
-    {
-      "files": "*.svelte",
-      "options": {
-        "parser": "svelte"
-      }
-    }
-  ]
-}

examples/chat-svelte/CHANGELOG.md

@@ -1,554 +0,0 @@
-# passkey-svelte
-
-## 0.0.86
-
-### Patch Changes
-
-- Updated dependencies [e35a380]
-  - jazz-svelte@0.14.26
-  - jazz-tools@0.14.26
-  - jazz-browser-media-images@0.14.26
-
-## 0.0.85
-
-### Patch Changes
-
-- Updated dependencies [99a2d9b]
-  - jazz-tools@0.14.25
-  - jazz-browser-media-images@0.14.25
-  - jazz-svelte@0.14.25
-
-## 0.0.84
-
-### Patch Changes
-
-- jazz-svelte@0.13.30
-- jazz-tools@0.13.30
-
-## 0.0.83
-
-### Patch Changes
-
-- jazz-svelte@0.13.29
-- jazz-tools@0.13.29
-
-## 0.0.82
-
-### Patch Changes
-
-- jazz-svelte@0.13.28
-- jazz-tools@0.13.28
-
-## 0.0.81
-
-### Patch Changes
-
-- jazz-svelte@0.13.27
-- jazz-tools@0.13.27
-
-## 0.0.80
-
-### Patch Changes
-
-- Updated dependencies [ff846d9]
-  - jazz-tools@0.13.26
-  - jazz-svelte@0.13.26
-
-## 0.0.79
-
-### Patch Changes
-
-- jazz-svelte@0.13.25
-- jazz-tools@0.13.25
-
-## 0.0.78
-
-### Patch Changes
-
-- Updated dependencies [ec546b4]
-  - jazz-svelte@0.13.24
-
-## 0.0.77
-
-### Patch Changes
-
-- Updated dependencies [3431076]
-- Updated dependencies [02a240c]
-  - jazz-svelte@0.13.23
-  - jazz-tools@0.13.23
-
-## 0.0.76
-
-### Patch Changes
-
-- jazz-svelte@0.13.21
-- jazz-tools@0.13.21
-
-## 0.0.75
-
-### Patch Changes
-
-- Updated dependencies [439f0fe]
-  - jazz-tools@0.13.20
-  - jazz-svelte@0.13.20
-
-## 0.0.74
-
-### Patch Changes
-
-- Updated dependencies [80530a4]
-  - jazz-tools@0.13.19
-  - jazz-svelte@0.13.19
-
-## 0.0.73
-
-### Patch Changes
-
-- Updated dependencies [761759c]
-  - jazz-tools@0.13.18
-  - jazz-svelte@0.13.18
-
-## 0.0.72
-
-### Patch Changes
-
-- jazz-svelte@0.13.17
-- jazz-tools@0.13.17
-
-## 0.0.71
-
-### Patch Changes
-
-- jazz-svelte@0.13.16
-- jazz-tools@0.13.16
-
-## 0.0.70
-
-### Patch Changes
-
-- jazz-svelte@0.13.15
-- jazz-tools@0.13.15
-
-## 0.0.69
-
-### Patch Changes
-
-- jazz-svelte@0.13.14
-- jazz-tools@0.13.14
-
-## 0.0.68
-
-### Patch Changes
-
-- jazz-svelte@0.13.13
-- jazz-tools@0.13.13
-
-## 0.0.67
-
-### Patch Changes
-
-- Updated dependencies [4547525]
-  - jazz-tools@0.13.12
-  - jazz-svelte@0.13.12
-
-## 0.0.66
-
-### Patch Changes
-
-- Updated dependencies [17273a6]
-  - jazz-tools@0.13.11
-  - jazz-svelte@0.13.11
-
-## 0.0.65
-
-### Patch Changes
-
-- jazz-svelte@0.13.10
-- jazz-tools@0.13.10
-
-## 0.0.64
-
-### Patch Changes
-
-- Updated dependencies [a6cf01f]
-  - jazz-tools@0.13.9
-  - jazz-svelte@0.13.9
-
-## 0.0.63
-
-### Patch Changes
-
-- jazz-svelte@0.13.7
-
-## 0.0.62
-
-### Patch Changes
-
-- jazz-svelte@0.13.5
-
-## 0.0.61
-
-### Patch Changes
-
-- jazz-svelte@0.13.4
-
-## 0.0.60
-
-### Patch Changes
-
-- jazz-svelte@0.13.3
-
-## 0.0.59
-
-### Patch Changes
-
-- jazz-svelte@0.13.2
-
-## 0.0.58
-
-### Patch Changes
-
-- jazz-svelte@0.13.0
-
-## 0.0.57
-
-### Patch Changes
-
-- jazz-svelte@0.12.2
-
-## 0.0.56
-
-### Patch Changes
-
-- jazz-svelte@0.12.1
-
-## 0.0.55
-
-### Patch Changes
-
-- jazz-svelte@0.12.0
-
-## 0.0.54
-
-### Patch Changes
-
-- jazz-svelte@0.11.8
-
-## 0.0.53
-
-### Patch Changes
-
-- jazz-svelte@0.11.7
-
-## 0.0.52
-
-### Patch Changes
-
-- 1bfa9bb: Removed when="singedUp" from examples apps' Jazz providers. This is a really niche use-case option and can lead to broken-feeling experiences when anonymous users try to load something.
-  - jazz-svelte@0.11.6
-
-## 0.0.51
-
-### Patch Changes
-
-- jazz-svelte@0.11.5
-
-## 0.0.50
-
-### Patch Changes
-
-- jazz-svelte@0.11.4
-
-## 0.0.49
-
-### Patch Changes
-
-- jazz-svelte@0.11.3
-
-## 0.0.48
-
-### Patch Changes
-
-- jazz-svelte@0.11.2
-
-## 0.0.47
-
-### Patch Changes
-
-- jazz-svelte@0.11.0
-
-## 0.0.46
-
-### Patch Changes
-
-- jazz-svelte@0.10.15
-
-## 0.0.45
-
-### Patch Changes
-
-- jazz-svelte@0.10.14
-
-## 0.0.44
-
-### Patch Changes
-
-- jazz-svelte@0.10.13
-
-## 0.0.43
-
-### Patch Changes
-
-- Updated dependencies [4612e05]
-  - jazz-svelte@0.10.12
-
-## 0.0.42
-
-### Patch Changes
-
-- jazz-svelte@0.10.9
-
-## 0.0.41
-
-### Patch Changes
-
-- jazz-svelte@0.10.8
-
-## 0.0.40
-
-### Patch Changes
-
-- Updated dependencies [1136d9b]
-  - jazz-svelte@0.10.7
-
-## 0.0.39
-
-### Patch Changes
-
-- jazz-svelte@0.10.6
-
-## 0.0.38
-
-### Patch Changes
-
-- jazz-svelte@0.10.5
-
-## 0.0.37
-
-### Patch Changes
-
-- jazz-svelte@0.10.4
-
-## 0.0.36
-
-### Patch Changes
-
-- jazz-svelte@0.10.3
-
-## 0.0.35
-
-### Patch Changes
-
-- jazz-svelte@0.10.2
-
-## 0.0.34
-
-### Patch Changes
-
-- jazz-svelte@0.10.1
-
-## 0.0.33
-
-### Patch Changes
-
-- Updated dependencies [b426342]
-  - jazz-svelte@0.10.0
-
-## 0.0.32
-
-### Patch Changes
-
-- jazz-svelte@0.9.23
-
-## 0.0.31
-
-### Patch Changes
-
-- jazz-svelte@0.9.22
-
-## 0.0.30
-
-### Patch Changes
-
-- jazz-svelte@0.9.21
-
-## 0.0.29
-
-### Patch Changes
-
-- jazz-svelte@0.9.20
-
-## 0.0.28
-
-### Patch Changes
-
-- jazz-svelte@0.9.19
-
-## 0.0.27
-
-### Patch Changes
-
-- jazz-svelte@0.9.18
-
-## 0.0.26
-
-### Patch Changes
-
-- jazz-svelte@0.9.17
-
-## 0.0.25
-
-### Patch Changes
-
-- jazz-svelte@0.9.16
-
-## 0.0.24
-
-### Patch Changes
-
-- jazz-svelte@0.9.15
-
-## 0.0.23
-
-### Patch Changes
-
-- jazz-svelte@0.9.14
-
-## 0.0.22
-
-### Patch Changes
-
-- jazz-svelte@0.9.13
-
-## 0.0.21
-
-### Patch Changes
-
-- jazz-svelte@0.9.12
-
-## 0.0.20
-
-### Patch Changes
-
-- jazz-svelte@0.9.11
-
-## 0.0.19
-
-### Patch Changes
-
-- jazz-svelte@0.9.10
-
-## 0.0.18
-
-### Patch Changes
-
-- jazz-svelte@0.9.9
-
-## 0.0.17
-
-### Patch Changes
-
-- jazz-svelte@0.9.8
-
-## 0.0.16
-
-### Patch Changes
-
-- jazz-svelte@0.9.1
-
-## 0.0.15
-
-### Patch Changes
-
-- Updated dependencies [9dd8d95]
-  - jazz-svelte@0.9.0
-
-## 0.0.14
-
-### Patch Changes
-
-- jazz-svelte@0.8.51
-
-## 0.0.13
-
-### Patch Changes
-
-- jazz-svelte@0.8.50
-
-## 0.0.12
-
-### Patch Changes
-
-- jazz-svelte@0.8.49
-
-## 0.0.11
-
-### Patch Changes
-
-- jazz-svelte@0.8.48
-
-## 0.0.10
-
-### Patch Changes
-
-- jazz-svelte@0.8.45
-
-## 0.0.9
-
-### Patch Changes
-
-- jazz-svelte@0.8.44
-
-## 0.0.8
-
-### Patch Changes
-
-- jazz-svelte@0.8.41
-
-## 0.0.7
-
-### Patch Changes
-
-- jazz-svelte@0.8.40
-
-## 0.0.6
-
-### Patch Changes
-
-- Updated dependencies [aa21072]
-  - jazz-svelte@0.8.39
-
-## 0.0.5
-
-### Patch Changes
-
-- jazz-svelte@0.8.38
-
-## 0.0.4
-
-### Patch Changes
-
-- jazz-svelte@0.0.4
-
-## 0.0.3
-
-### Patch Changes
-
-- jazz-svelte@0.0.3
-
-## 0.0.2
-
-### Patch Changes
-
-- Updated dependencies [0e59e65]
-  - jazz-svelte@0.0.2

examples/chat-svelte/README.md

@@ -1,68 +0,0 @@
-# Chat example with Jazz and Svelte
-
-## Getting started
-
-You can either
-
-1. Clone the jazz repository, and run the app within the monorepo.
-2. Or create a new Jazz project using this example as a template.
-
-### Using the example as a template
-
-Create a new Jazz project, and use this example as a template.
-
-```bash
-npx create-jazz-app@latest chat-app --example chat-svelte
-```
-
-Go to the new project directory.
-
-```bash
-cd chat-app
-```
-
-Run the dev server.
-
-```bash
-npm run dev
-```
-
-### Using the monorepo
-
-This requires `pnpm` to be installed, see [https://pnpm.io/installation](https://pnpm.io/installation).
-
-Clone the jazz repository.
-
-```bash
-git clone https://github.com/garden-co/jazz.git
-```
-
-Install and build dependencies.
-
-```bash
-pnpm i && npx turbo build
-```
-
-Go to the example directory.
-
-```bash
-cd jazz/examples/chat-svelte/
-```
-
-Start the dev server.
-
-```bash
-pnpm dev
-```
-
-Open [http://localhost:5173](http://localhost:5173) with your browser to see the result.
-
-## Questions / problems / feedback
-
-If you have feedback, let us know on [Discord](https://discord.gg/utDMjHYg42) or open an issue or PR to fix something that seems wrong.
-
-## Configuration: sync server
-
-By default, the example app uses [Jazz Cloud](https://jazz.tools/cloud) (`wss://cloud.jazz.tools`) - so cross-device use, invites and collaboration should just work.
-
-You can also run a local sync server by running `npx jazz-run sync`, and setting the `sync` parameter of `JazzProvider` in [./src/routes/+layout.svelte](./src/routes/+layout.svelte) to `{ peer: "ws://localhost:4200" }`.

examples/chat-svelte/eslint.config.js

@@ -1,33 +0,0 @@
-import prettier from 'eslint-config-prettier';
-import js from '@eslint/js';
-import svelte from 'eslint-plugin-svelte';
-import globals from 'globals';
-import ts from 'typescript-eslint';
-
-export default ts.config(
-  js.configs.recommended,
-  ...ts.configs.recommended,
-  ...svelte.configs['flat/recommended'],
-  prettier,
-  ...svelte.configs['flat/prettier'],
-  {
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        ...globals.node
-      }
-    }
-  },
-  {
-    files: ['**/*.svelte'],
-
-    languageOptions: {
-      parserOptions: {
-        parser: ts.parser
-      }
-    }
-  },
-  {
-    ignores: ['build/', '.svelte-kit/', 'dist/']
-  }
-);

examples/chat-svelte/package.json

@@ -1,44 +0,0 @@
-{
-  "name": "chat-svelte",
-  "version": "0.0.86",
-  "type": "module",
-  "private": true,
-  "scripts": {
-    "dev": "vite dev",
-    "build": "vite build",
-    "preview": "vite preview",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-    "format": "prettier --write .",
-    "lint": "prettier --check . && eslint .",
-    "format-and-lint": "pnpm run format && pnpm run lint",
-    "format-and-lint:fix": "pnpm run format --write && pnpm run lint --fix",
-    "test:e2e": "playwright test",
-    "test:e2e:ui": "playwright test --ui"
-  },
-  "devDependencies": {
-    "@sveltejs/adapter-auto": "^3.3.1",
-    "@sveltejs/kit": "^2.21.1",
-    "@sveltejs/vite-plugin-svelte": "^5.0.3",
-    "@types/eslint": "^9.6.1",
-    "eslint": "^9.27.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.46.1",
-    "globals": "^15.15.0",
-    "jazz-inspector-element": "workspace:*",
-    "prettier": "^3.5.3",
-    "prettier-plugin-svelte": "^3.4.0",
-    "svelte": "^5.31.1",
-    "svelte-check": "^4.2.1",
-    "typescript": "5.6.2",
-    "typescript-eslint": "^8.32.1",
-    "vite": "6.0.11"
-  },
-  "dependencies": {
-    "@tailwindcss/vite": "^4.1.7",
-    "jazz-browser-media-images": "workspace:*",
-    "jazz-svelte": "workspace:*",
-    "jazz-tools": "workspace:*",
-    "tailwindcss": "^4.1.7"
-  }
-}

examples/chat-svelte/playwright.config.ts

@@ -1,54 +0,0 @@
-import { defineConfig, devices } from '@playwright/test';
-
-import isCI from 'is-ci';
-
-/**
- * Read environment variables from file.
- * https://github.com/motdotla/dotenv
- */
-// import dotenv from 'dotenv';
-// dotenv.config({ path: path.resolve(__dirname, '.env') });
-
-/**
- * See https://playwright.dev/docs/test-configuration.
- */
-export default defineConfig({
-  testDir: './tests',
-  /* Run tests in files in parallel */
-  fullyParallel: true,
-  /* Fail the build on CI if you accidentally left test.only in the source code. */
-  forbidOnly: isCI,
-  /* Retry on CI only */
-  retries: isCI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: isCI ? 1 : undefined,
-  /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: 'html',
-
-  /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
-  use: {
-    /* Base URL to use in actions like `await page.goto('/')`. */
-    baseURL: 'http://localhost:5173/',
-
-    /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
-    trace: 'on-first-retry',
-    permissions: ['clipboard-read', 'clipboard-write']
-  },
-
-  /* Configure projects for major browsers */
-  projects: [
-    {
-      name: 'chromium',
-      use: { ...devices['Desktop Chrome'] }
-    }
-  ],
-
-  /* Run your local dev server before starting the tests */
-  webServer: [
-    {
-      command: 'pnpm preview --port 5173',
-      url: 'http://localhost:5173/',
-      reuseExistingServer: !isCI
-    }
-  ]
-});

examples/chat-svelte/src/apiKey.ts

@@ -1 +0,0 @@
-export const apiKey = 'svelte-chat-example@garden.co';

examples/chat-svelte/src/app.css

@@ -1,21 +0,0 @@
-@import 'tailwindcss';
-@theme {
-  --color-stone-50: oklch(0.988281 0.002 75);
-  --color-stone-75: oklch(0.980563 0.002 75);
-  --color-stone-100: oklch(0.964844 0.002 75);
-  --color-stone-200: oklch(0.917969 0.002 75);
-  --color-stone-300: oklch(0.853516 0.002 75);
-  --color-stone-400: oklch(0.789063 0.002 75);
-  --color-stone-500: oklch(0.726563 0.002 75);
-  --color-stone-600: oklch(0.613281 0.002 75);
-  --color-stone-700: oklch(0.523438 0.002 75);
-  --color-stone-800: oklch(0.412109 0.002 75);
-  --color-stone-900: oklch(0.302734 0.002 75);
-  --color-stone-925: oklch(0.22 0.002 75);
-  --color-stone-950: oklch(0.193359 0.002 75);
-  --color-blue: oklch(0.57 0.2346 261.2);
-}
-
-:focus {
-  @apply outline-hidden;
-}

examples/chat-svelte/src/app.d.ts

@@ -1,13 +0,0 @@
-// See https://svelte.dev/docs/kit/types#app.d.ts
-// for information about these interfaces
-declare global {
-  namespace App {
-    // interface Error {}
-    // interface Locals {}
-    // interface PageData {}
-    // interface PageState {}
-    // interface Platform {}
-  }
-}
-
-export {};

examples/chat-svelte/src/app.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%sveltekit.assets%/jazz-icon.png" type="image/png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    %sveltekit.head%
-  </head>
-  <body data-sveltekit-preload-data="hover">
-    <div style="display: contents">%sveltekit.body%</div>
-  </body>
-</html>

examples/chat-svelte/src/lib/components/AppContainer.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-  let { children } = $props();
-</script>
-
-<div
-  class="flex flex-col justify-between w-screen h-screen bg-stone-50 dark:bg-stone-925 dark:text-white"
->
-  {@render children()}
-</div>

examples/chat-svelte/src/lib/components/BubbleBody.svelte

@@ -1,13 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-
-  let { children, fromMe }: { children: Snippet; fromMe: boolean | undefined } = $props();
-</script>
-
-<div
-  class="line-clamp-10 text-ellipsis rounded-2xl overflow-hidden max-w-[calc(100%-5rem)] shadow-sm p-1 {fromMe
-    ? 'bg-white dark:bg-stone-900 dark:text-white'
-    : 'bg-blue text-white'}"
->
-  {@render children()}
-</div>

examples/chat-svelte/src/lib/components/BubbleContainer.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-  import type { Snippet } from 'svelte';
-  let { children, fromMe }: { children: Snippet; fromMe: boolean | undefined } = $props();
-  const align = fromMe ? 'items-end' : 'items-start';
-</script>
-
-<div class="{align} flex flex-col m-3" role="row">
-  {@render children()}
-</div>

examples/chat-svelte/src/lib/components/BubbleImage.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-  import { ImageDefinition, type Loaded } from 'jazz-tools';
-  import { useProgressiveImg } from '$lib/utils/useProgressiveImage.svelte';
-  let { image }: { image: Loaded<typeof ImageDefinition> } = $props();
-  const { src } = $derived(
-    useProgressiveImg({
-      image
-    })
-  );
-</script>
-
-<img class="h-auto max-h-[20rem] max-w-full rounded-t-xl mb-1" {src} alt="" />

examples/chat-svelte/src/lib/components/BubbleInfo.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-  let { by, madeAt }: { by: string | undefined; madeAt: Date } = $props();
-</script>
-
-<div class="text-xs text-neutral-500 mt-1.5">
-  {by} · {madeAt.toLocaleTimeString()}
-</div>

examples/chat-svelte/src/lib/components/BubbleText.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-  import type { CoPlainText } from 'jazz-tools';
-
-  let { text, className }: { text: CoPlainText | string | null; className?: string } = $props();
-</script>
-
-<div class="whitespace-pre-wrap"><p class="px-2 leading-relaxed {className}">{text}</p></div>

examples/chat-svelte/src/lib/components/ChatBody.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">
-  let { children } = $props();
-</script>
-
-<div class="flex flex-col-reverse flex-1 overflow-y-auto" role="application">
-  {@render children()}
-</div>

examples/chat-svelte/src/lib/components/ChatBubble.svelte

@@ -1,36 +0,0 @@
-<script lang="ts">
-  import BubbleBody from '$lib/components/BubbleBody.svelte';
-  import BubbleContainer from '$lib/components/BubbleContainer.svelte';
-  import BubbleImage from '$lib/components/BubbleImage.svelte';
-  import BubbleInfo from '$lib/components/BubbleInfo.svelte';
-  import BubbleText from '$lib/components/BubbleText.svelte';
-  import type { Message } from '$lib/schema';
-  import type { Account, Loaded } from 'jazz-tools';
-  let {
-    me,
-    msg
-  }: {
-    me: Loaded<typeof Account> | null | undefined;
-    msg: Loaded<typeof Message>;
-  } = $props();
-  const lastEdit = $derived(msg._edits.text);
-  const fromMe = $derived(lastEdit?.by?.isMe);
-  const { text, image } = $derived(msg);
-</script>
-
-{#if me && (!me.canRead(msg) || !msg.text?.toString())}
-  <BubbleContainer fromMe={false}>
-    <BubbleBody fromMe={false}>
-      <BubbleText text="Message not readable" className="italic text-gray-500"></BubbleText>
-    </BubbleBody>
-  </BubbleContainer>
-{:else}
-  <BubbleContainer {fromMe}>
-    <BubbleBody {fromMe}>
-      {#if image}
-        <BubbleImage {image} />{/if}
-      <BubbleText {text} />
-    </BubbleBody>
-    <BubbleInfo by={lastEdit?.by?.profile?.name} madeAt={lastEdit?.madeAt || new Date()} />
-  </BubbleContainer>
-{/if}

examples/chat-svelte/src/lib/components/EmptyChatMessage.svelte

@@ -1,3 +0,0 @@
-<div class="flex items-center justify-center h-full px-3 text-base text-stone-500 md:text-2xl">
-  Start a conversation below.
-</div>

examples/chat-svelte/src/lib/components/ImageIcon.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-  let { size = 24, strokeWidth = 2 } = $props();
-</script>
-
-<svg
-  xmlns="http://www.w3.org/2000/svg"
-  width={size}
-  height={size}
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width={strokeWidth}
-  stroke-linecap="round"
-  stroke-linejoin="round"
-  class="lucide lucide-image-icon lucide-image"
-  ><rect width="18" height="18" x="3" y="3" rx="2" ry="2" /><circle cx="9" cy="9" r="2" /><path
-    d="m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21"
-  /></svg
->

examples/chat-svelte/src/lib/components/ImageInput.svelte

@@ -1,32 +0,0 @@
-<script lang="ts">
-  import type { ChangeEventHandler } from 'svelte/elements';
-
-  import ImageIcon from '$lib/components/ImageIcon.svelte';
-  let { onImageChange }: { onImageChange?: ChangeEventHandler<HTMLInputElement> } = $props();
-
-  let input = $state<HTMLInputElement>();
-
-  const onUploadClick = () => {
-    input?.click();
-  };
-</script>
-
-<button
-  type="button"
-  aria-label="Send image"
-  title="Send image"
-  onclick={onUploadClick}
-  class="text-stone-500 p-1.5 rounded-full hover:bg-stone-100 hover:text-stone-800 dark:hover:bg-stone-800 dark:hover:text-stone-200 transition-colors"
->
-  <ImageIcon size={24} strokeWidth={1.5} />
-</button>
-
-<label class="sr-only">
-  Image
-  <input
-    bind:this={input}
-    type="file"
-    accept="image/png, image/jpeg, image/gif"
-    onchange={onImageChange}
-  />
-</label>

examples/chat-svelte/src/lib/components/InputBar.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-  let { children } = $props();
-</script>
-
-<div
-  class="flex gap-1 p-3 mt-auto bg-white border-t shadow-2xl border-stone-200 dark:bg-transparent dark:border-stone-900"
->
-  {@render children()}
-</div>

examples/chat-svelte/src/lib/components/TextInput.svelte

@@ -1,20 +0,0 @@
-<script lang="ts">
-  let { onSubmit }: { onSubmit: (text: string) => void } = $props();
-  const inputId = $props.id();
-</script>
-
-<div class="flex-1">
-  <label class="sr-only" for={inputId}> Type a message and press Enter </label>
-  <input
-    id={inputId}
-    class="block w-full px-3 py-1 border rounded-full border-stone-200 placeholder:text-stone-500 dark:bg-stone-925 dark:text-white dark:border-stone-900"
-    placeholder="Type a message and press Enter"
-    maxLength={2048}
-    type="text"
-    onkeydown={({ key, currentTarget: input }) => {
-      if (key !== 'Enter' || !input.value) return;
-      onSubmit(input.value);
-      input.value = '';
-    }}
-  />
-</div>

examples/chat-svelte/src/lib/components/TopBar.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">
-  let { children } = $props();
-</script>
-
-<div
-  class="flex justify-between w-full gap-2 p-3 bg-white border-b border-stone-200 dark:bg-transparent dark:border-stone-900"
->
-  {@render children()}
-</div>

examples/chat-svelte/src/lib/schema.ts

@@ -1,8 +0,0 @@
-import { co, z } from 'jazz-tools';
-
-export const Message = co.map({
-  text: co.plainText(),
-  image: z.optional(co.image())
-});
-
-export const Chat = co.list(Message);

examples/chat-svelte/src/lib/utils.ts

@@ -1,16 +0,0 @@
-const animals = [
-  'elephant',
-  'penguin',
-  'giraffe',
-  'octopus',
-  'kangaroo',
-  'dolphin',
-  'cheetah',
-  'koala',
-  'platypus',
-  'pangolin'
-];
-
-export function getRandomUsername() {
-  return `Anonymous ${animals[Math.floor(Math.random() * animals.length)]}`;
-}

examples/chat-svelte/src/lib/utils/useProgressiveImage.svelte.ts

@@ -1,53 +0,0 @@
-import { ImageDefinition, type Loaded } from 'jazz-tools';
-import { onDestroy } from 'svelte';
-
-export function useProgressiveImg({
-  image,
-  maxWidth,
-  targetWidth
-}: {
-  image: Loaded<typeof ImageDefinition> | null | undefined;
-  maxWidth?: number;
-  targetWidth?: number;
-}) {
-  let current = $state<{
-    src?: string;
-    res?: `${number}x${number}` | 'placeholder';
-  }>();
-  const originalSize = $state(image?.originalSize);
-
-  const unsubscribe = image?.subscribe({}, (update: Loaded<typeof ImageDefinition>) => {
-    const highestRes = ImageDefinition.highestResAvailable(update, { maxWidth, targetWidth });
-    if (highestRes) {
-      if (highestRes.res !== current?.res) {
-        const blob = highestRes.stream.toBlob();
-        if (blob) {
-          const blobURI = URL.createObjectURL(blob);
-          current = { src: blobURI, res: highestRes.res };
-
-          setTimeout(() => URL.revokeObjectURL(blobURI), 200);
-        }
-      }
-    } else {
-      current = {
-        src: update?.placeholderDataURL,
-        res: 'placeholder'
-      };
-    }
-  });
-
-  onDestroy(() => () => {
-    unsubscribe?.();
-  });
-
-  return {
-    get src() {
-      return current?.src;
-    },
-    get res() {
-      return current?.res;
-    },
-
-    originalSize
-  };
-}

examples/chat-svelte/src/routes/+layout.svelte

@@ -1,32 +0,0 @@
-<script lang="ts">
-  import '../app.css';
-  import { JazzProvider } from 'jazz-svelte';
-  import 'jazz-inspector-element';
-  import { page } from '$app/state';
-  import { apiKey } from '../apiKey';
-  import { getRandomUsername } from '$lib/utils';
-  let { children } = $props();
-  const defaultProfileName = getRandomUsername();
-</script>
-
-<svelte:head>
-  <title>Jazz Chat Example</title>
-</svelte:head>
-
-<div class="h-full bg-white text-stone-700 dark:text-stone-400 dark:bg-stone-925">
-  <JazzProvider
-    sync={{
-      peer: `wss://cloud.jazz.tools/?key=${apiKey}`
-    }}
-    {defaultProfileName}
-  >
-    {@render children?.()}
-  </JazzProvider>
-  <jazz-inspector></jazz-inspector>
-</div>
-
-<style>
-  :global(html, body) {
-    margin: 0;
-  }
-</style>

examples/chat-svelte/src/routes/+page.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">
-  import { goto } from '$app/navigation';
-  import { Chat } from '$lib/schema';
-  import { AccountCoState } from 'jazz-svelte';
-  import { Account, Group } from 'jazz-tools';
-
-  const account = new AccountCoState(Account);
-  const me = $derived(account.current);
-  $effect(() => {
-    if (!me) return;
-    const group = Group.create();
-    group.addMember('everyone', 'writer');
-    const chat = Chat.create([], group);
-    goto(`/chat/${chat.id}`);
-  });
-</script>

examples/chat-svelte/src/routes/chat/[id]/+page.svelte

@@ -1,116 +0,0 @@
-<script lang="ts">
-  import { createImage } from 'jazz-browser-media-images';
-  import { AccountCoState, CoState } from 'jazz-svelte';
-  import { Account, CoPlainText, type ID } from 'jazz-tools';
-
-  import { page } from '$app/state';
-
-  import { Chat, Message } from '$lib/schema';
-
-  import AppContainer from '$lib/components/AppContainer.svelte';
-  import ChatBody from '$lib/components/ChatBody.svelte';
-  import ChatBubble from '$lib/components/ChatBubble.svelte';
-  import EmptyChatMessage from '$lib/components/EmptyChatMessage.svelte';
-  import ImageInput from '$lib/components/ImageInput.svelte';
-  import InputBar from '$lib/components/InputBar.svelte';
-  import TopBar from '$lib/components/TopBar.svelte';
-  import TextInput from '$lib/components/TextInput.svelte';
-
-  const chatId = $derived(page.params.id) as ID<typeof Chat>;
-  const chat = $derived(
-    new CoState(Chat, chatId, {
-      resolve: {
-        $each: {
-          text: true
-        }
-      }
-    })
-  );
-  const account = new AccountCoState(Account, {
-    resolve: {
-      profile: true
-    }
-  });
-  const me = $derived(account.current);
-  let showNLastMessages = $state(30);
-  const sendImage = (event: Event & { currentTarget: HTMLInputElement }) => {
-    const file = event.currentTarget.files?.[0];
-
-    if (!file || !chat.current) return;
-
-    if (file.size > 5000000) {
-      alert('Please upload an image less than 5MB.');
-      return;
-    }
-
-    createImage(file, { owner: chat.current._owner }).then((image) => {
-      if (!chat.current) return;
-      chat.current.push(
-        Message.create(
-          {
-            text: CoPlainText.create(file.name, chat.current._owner),
-            image: image
-          },
-          chat.current._owner
-        )
-      );
-    });
-  };
-</script>
-
-<AppContainer>
-  <TopBar>
-    <input
-      type="text"
-      value={me?.profile?.name ?? ''}
-      class="bg-transparent"
-      onchange={(e) => {
-        if (!me?.profile) return;
-        const target = e.target as HTMLInputElement;
-        me.profile.name = target.value;
-      }}
-      placeholder="Set username"
-    />
-    <button
-      onclick={() => {
-        account.logOut();
-        window.location.reload(); // Otherwise the provider will not update with default profile name
-      }}>Log out</button
-    >
-  </TopBar>
-  {#if !chat}
-    <div class="flex items-center justify-center flex-1">Loading...</div>
-  {:else}
-    <ChatBody>
-      {#if chat.current && chat.current.length > 0}
-        {#each chat.current.slice(-showNLastMessages).reverse() as msg (msg.id)}
-          <ChatBubble {me} {msg} />
-        {/each}
-      {:else}
-        <EmptyChatMessage />
-      {/if}
-      {#if chat.current && chat.current.length > showNLastMessages}
-        <button
-          class="block px-4 py-1 mx-auto my-2 border rounded"
-          onclick={() => (showNLastMessages += 10)}
-        >
-          Show more
-        </button>
-      {/if}
-    </ChatBody>
-    <InputBar>
-      <ImageInput onImageChange={sendImage} />
-      <TextInput
-        onSubmit={(text: string) => {
-          if (!chat.current) return;
-          chat.current.push(
-            Message.create(
-              { text: CoPlainText.create(text, chat.current._owner) },
-              chat.current._owner
-            )
-          );
-        }}
-      />
-    </InputBar>
-  {/if}
-</AppContainer>

examples/chat-svelte/svelte.config.js

@@ -1,18 +0,0 @@
-import adapter from '@sveltejs/adapter-auto';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-  // Consult https://svelte.dev/docs/kit/integrations
-  // for more information about preprocessors
-  preprocess: vitePreprocess(),
-
-  kit: {
-    // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
-    // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
-    // See https://svelte.dev/docs/kit/adapters for more information about adapters.
-    adapter: adapter()
-  }
-};
-
-export default config;

examples/chat-svelte/tests/chat.spec.ts

@@ -1,40 +0,0 @@
-import { expect } from 'vitest';
-import { ChatPage } from './pages/ChatPage';
-import { test } from '@playwright/test';
-
-test('chat works between two windows', async ({ page: marioPage, browser }) => {
-  await marioPage.goto('/');
-  const context = await browser.newContext();
-  const luigiPage = await context.newPage();
-
-  await marioPage.waitForURL('/chat/**');
-  const roomUrl = marioPage.url();
-  await luigiPage.goto(roomUrl);
-
-  const marioChat = new ChatPage(marioPage);
-  const luigiChat = new ChatPage(luigiPage);
-
-
-  await marioChat.setUsername('Mario');
-
-  const message1ByMario = 'Hello Luigi, are you ready to save the princess?';
-
-  await marioChat.sendMessage(message1ByMario);
-  await marioChat.expectMessageRow(message1ByMario);
-
-  const roomURL = marioPage.url();
-  await luigiPage.goto(roomURL);
-
-  await luigiChat.setUsername('Luigi');
-
-  await luigiChat.expectMessageRow(message1ByMario);
-
-  const message2ByLuigi = "No, I'm not ready yet. I'm still trying to find the key to the castle.";
-
-  await luigiChat.sendMessage(message2ByLuigi);
-  await luigiChat.expectMessageRow(message2ByLuigi);
-
-  await marioChat.expectMessageRow(message1ByMario);
-  await luigiChat.expectMessageRow(message2ByLuigi);
-  await context.close();
-});

examples/chat-svelte/tests/pages/ChatPage.ts

@@ -1,41 +0,0 @@
-import { type Locator, type Page, expect } from '@playwright/test';
-
-export class ChatPage {
-  readonly page: Page;
-  readonly messageInput: Locator;
-  readonly logoutButton: Locator;
-  readonly usernameInput: Locator;
-  constructor(page: Page) {
-    this.page = page;
-    this.messageInput = page.getByRole('textbox', {
-      name: 'Type a message and press Enter'
-    });
-    this.logoutButton = page.getByRole('button', {
-      name: 'Log out'
-    });
-    this.usernameInput = page.getByPlaceholder('Set username');
-  }
-
-  async setUsername(username: string) {
-    await this.usernameInput.fill(username);
-  }
-
-  async sendMessage(message: string) {
-    await this.messageInput.fill(message);
-    await this.messageInput.press('Enter');
-  }
-
-  async expectMessageRow(message: string) {
-    await expect(this.page.getByText(message)).toBeVisible();
-  }
-
-  async expectUserNameNotToBeAnonymousUser() {
-    await expect(this.usernameInput).not.toHaveValue(/anonymous user/i);
-    await expect(this.usernameInput).toHaveValue(/^Anonymous \w+/);
-  }
-
-  async logout() {
-    await this.logoutButton.click();
-    await this.page.goto('/');
-  }
-}

examples/chat-svelte/tsconfig.json

@@ -1,19 +0,0 @@
-{
-  "extends": "./.svelte-kit/tsconfig.json",
-  "compilerOptions": {
-    "allowJs": true,
-    "checkJs": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "skipLibCheck": true,
-    "sourceMap": true,
-    "strict": true,
-    "moduleResolution": "bundler"
-  }
-  // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
-  // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
-  //
-  // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
-  // from the referenced tsconfig.json - TypeScript does not merge them in
-}

examples/chat-svelte/vite.config.ts

@@ -1,7 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-import tailwindcss from '@tailwindcss/vite';
-
-export default defineConfig({
-  plugins: [tailwindcss(), sveltekit()]
-});

examples/chat-vue/.gitignore

@@ -1,6 +1 @@
-dist
-# env files
-.env
-.env.*
-!.env.example
-!.env.test
+dist

examples/chat-vue/CHANGELOG.md

@@ -1,166 +1,5 @@
 # chat-vue
 
-## 0.0.120
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-browser@0.14.22
-  - jazz-vue@0.14.22
-
-## 0.0.119
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-browser@0.14.21
-  - jazz-vue@0.14.21
-
-## 0.0.118
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-browser@0.14.20
-  - jazz-vue@0.14.20
-
-## 0.0.117
-
-### Patch Changes
-
-- jazz-browser@0.14.19
-- jazz-tools@0.14.19
-- jazz-vue@0.14.19
-
-## 0.0.116
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-browser@0.14.18
-  - jazz-vue@0.14.18
-
-## 0.0.115
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-browser@0.14.17
-  - jazz-vue@0.14.17
-
-## 0.0.114
-
-### Patch Changes
-
-- jazz-browser@0.14.16
-- jazz-tools@0.14.16
-- jazz-vue@0.14.16
-
-## 0.0.113
-
-### Patch Changes
-
-- jazz-browser@0.14.15
-- jazz-tools@0.14.15
-- jazz-vue@0.14.15
-
-## 0.0.112
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-browser@0.14.14
-  - jazz-vue@0.14.14
-
-## 0.0.111
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-tools@0.14.10
-  - jazz-browser@0.14.10
-  - jazz-vue@0.14.10
-
-## 0.0.110
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-browser@0.14.9
-  - jazz-vue@0.14.9
-
-## 0.0.109
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-browser@0.14.8
-  - jazz-vue@0.14.8
-
-## 0.0.108
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-browser@0.14.7
-  - jazz-vue@0.14.7
-
-## 0.0.107
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-browser@0.14.6
-  - jazz-vue@0.14.6
-
-## 0.0.106
-
-### Patch Changes
-
-- Updated dependencies [91cbb2f]
-- Updated dependencies [20b3d88]
-  - jazz-tools@0.14.5
-  - jazz-browser@0.14.5
-  - jazz-vue@0.14.5
-
-## 0.0.105
-
-### Patch Changes
-
-- Updated dependencies [011af55]
-  - jazz-tools@0.14.4
-  - jazz-browser@0.14.4
-  - jazz-vue@0.14.4
-
-## 0.0.104
-
-### Patch Changes
-
-- Updated dependencies [3d1027f]
-- Updated dependencies [c240eed]
-  - jazz-tools@0.14.2
-  - jazz-browser@0.14.2
-  - jazz-vue@0.14.2
-
 ## 0.0.103
 
 ### Patch Changes

examples/chat-vue/README.md

@@ -58,4 +58,4 @@ If you have feedback, let us know on [Discord](https://discord.gg/utDMjHYg42) or
 
 By default, the example app uses [Jazz Cloud](https://jazz.tools/cloud) (`wss://cloud.jazz.tools`) - so cross-device use, invites and collaboration should just work.
 
-You can also run a local sync server by running `npx jazz-run sync`, and setting the `sync` parameter of `JazzProvider` in [./src/main.ts](./src/main.ts) to `{ peer: "ws://localhost:4200" }`.
+You can also run a local sync server by running `npx jazz-run sync` and adding the query param `?sync=ws://localhost:4200` to the URL of the example app (for example: `http://localhost:5173/?peer=ws://localhost:4200`), or by setting the `sync` parameter of `JazzProvider` in [./src/main.ts](./src/main.ts).

examples/chat-vue/index.html

@@ -1,9 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta charset="UTF-8">
+    <link rel="icon" href="./public/favicon.ico" type="image/png">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Jazz Chat Vue Example</title>
   </head>
   <body>

examples/chat-vue/package.json

@@ -1,5 +1,6 @@
 {
   "name": "chat-vue",
+  "version": "0.0.103",
   "private": true,
   "type": "module",
   "scripts": {
@@ -24,14 +25,14 @@
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "@vue/tsconfig": "^0.5.1",
+    "autoprefixer": "^10.4.20",
     "eslint": "^9.7.0",
     "eslint-plugin-vue": "^9.28.0",
     "npm-run-all2": "^6.2.3",
-    "postcss": "^8.4.40",
-    "@tailwindcss/postcss": "^4.1.10",
-    "tailwindcss": "^4.1.10",
+    "postcss": "^8.4.27",
+    "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.3.5",
+    "vite": "6.0.11",
     "vite-plugin-vue-devtools": "^7.4.6",
     "vue-tsc": "^2.1.6"
   }