use patched zod

.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/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,46 +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 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

.gitignore

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

biome.json

@@ -64,7 +64,7 @@
       }
     },
     {
-      "include": ["**/tests/**"],
+      "include": ["packages/**/src/tests/**"],
       "linter": {
         "rules": {
           "correctness": {

examples/betterauth/CHANGELOG.md

@@ -1,196 +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

examples/betterauth/package.json

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

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

@@ -1,158 +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

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

@@ -1,6 +1,7 @@
 {
   "name": "chat-rn-expo-clerk",
   "main": "index.js",
+  "version": "1.0.128",
   "scripts": {
     "build": "expo export -p ios",
     "start": "expo start",

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,5 +33,6 @@ yarn-error.*
 
 # typescript
 *.tsbuildinfo
-android/
-ios/
+
+ios
+android

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.config.js

@@ -0,0 +1,9 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: [
+      ["babel-preset-expo", { jsxImportSource: "nativewind" }],
+      "nativewind/babel",
+    ],
+  };
+};

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,4 @@
+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,35 @@
+// 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"];
+config.resolver.requireCycleIgnorePatterns = [
+  /(^|\/|\\)node_modules($|\/|\\)/,
+  /(^|\/|\\)packages($|\/|\\)/,
+];
+
+// Use turborepo to restore the cache when possible
+config.cacheStores = [
+  new FileStore({
+    root: path.join(projectRoot, "node_modules", ".cache", "metro"),
+  }),
+];
+
+// module.exports = config;
+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,53 @@
 {
   "name": "chat-rn-expo",
-  "main": "index.ts",
+  "version": "1.0.115",
+  "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",
-    "@craftzdog/react-native-buffer": "^6.0.5",
+    "@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-safe-area-context": "5.4.0",
+    "react-native-screens": "4.10.0",
+    "react-native-nitro-modules": "0.25.2",
+    "react-native-quick-crypto": "1.0.0-beta.15",
+    "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"
+    "@types/react": "~19.0.14",
+    "tailwindcss": "^3.4.17",
+    "typescript": "5.8.3"
   },
   "private": true
 }

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/CHANGELOG.md

@@ -1,162 +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

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.123",
   "main": "index.js",
   "scripts": {
     "android": "react-native run-android",
@@ -23,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",
@@ -40,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-vue/CHANGELOG.md

@@ -1,137 +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

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.106",
   "private": true,
   "type": "module",
   "scripts": {
@@ -31,7 +32,7 @@
     "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"
   }

examples/chat/CHANGELOG.md

@@ -1,153 +1,5 @@
 # jazz-example-chat
 
-## 0.0.220
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-inspector@0.14.22
-  - jazz-react@0.14.22
-
-## 0.0.219
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-inspector@0.14.21
-  - jazz-react@0.14.21
-
-## 0.0.218
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-inspector@0.14.20
-  - jazz-react@0.14.20
-
-## 0.0.217
-
-### Patch Changes
-
-- jazz-inspector@0.14.19
-- jazz-react@0.14.19
-- jazz-tools@0.14.19
-
-## 0.0.216
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-inspector@0.14.18
-  - jazz-react@0.14.18
-
-## 0.0.215
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-inspector@0.14.17
-  - jazz-react@0.14.17
-
-## 0.0.214
-
-### Patch Changes
-
-- jazz-inspector@0.14.16
-- jazz-react@0.14.16
-- jazz-tools@0.14.16
-
-## 0.0.213
-
-### Patch Changes
-
-- Updated dependencies [f9590f9]
-  - jazz-react@0.14.15
-  - jazz-inspector@0.14.15
-  - jazz-tools@0.14.15
-
-## 0.0.212
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-inspector@0.14.14
-  - jazz-react@0.14.14
-
-## 0.0.211
-
-### Patch Changes
-
-- jazz-inspector@0.14.13
-- jazz-react@0.14.13
-
-## 0.0.210
-
-### Patch Changes
-
-- jazz-inspector@0.14.12
-- jazz-react@0.14.12
-
-## 0.0.209
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-inspector@0.14.10
-  - hash-slash@0.2.3
-  - jazz-react@0.14.10
-  - jazz-tools@0.14.10
-
-## 0.0.208
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-inspector@0.14.9
-  - jazz-react@0.14.9
-
-## 0.0.207
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-inspector@0.14.8
-  - jazz-react@0.14.8
-
-## 0.0.206
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-inspector@0.14.7
-  - jazz-react@0.14.7
-
-## 0.0.205
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-inspector@0.14.6
-  - jazz-react@0.14.6
-
 ## 0.0.204
 
 ### Patch Changes

examples/chat/README.md

@@ -60,4 +60,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/app.tsx](./src/app.tsx) 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 the `<JazzProvider>` provider component in [./src/main.tsx](./src/main.tsx).

examples/chat/index.html

@@ -2,7 +2,7 @@
 <html lang="en" class="h-full">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" href="/jazz-logo.png" />
     <link rel="stylesheet" href="/src/index.css" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Jazz Chat Example</title>

examples/chat/package.json

@@ -1,6 +1,7 @@
 {
   "name": "jazz-example-chat",
   "private": true,
+  "version": "0.0.204",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -18,20 +19,20 @@
     "jazz-react": "workspace:*",
     "jazz-tools": "workspace:*",
     "lucide-react": "^0.274.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
-    "zod": "3.25.28"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "zod": "4.0.0-beta.20250505T012514"
   },
   "devDependencies": {
     "@playwright/test": "^1.50.1",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react-swc": "^3.10.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react-swc": "^3.3.2",
     "autoprefixer": "^10.4.20",
     "is-ci": "^3.0.1",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.3.5"
+    "vite": "6.0.11"
   }
 }

examples/chat/src/app.tsx

@@ -18,7 +18,7 @@ export function App() {
   const createChat = () => {
     if (!me) return;
     const group = Group.create();
-    group.makePublic("writer");
+    group.addMember("everyone", "writer");
     const chat = Chat.create([], group);
     router.navigate("/#/chat/" + chat.id);
 

examples/chat/vercel.json

@@ -1,3 +1,8 @@
 {
-  "ignoreCommand": "npx turbo-ignore"
+  "build": {
+    "env": {
+      "APP_NAME": "jazz-chat"
+    }
+  },
+  "ignoreCommand": "node ../../ignore-vercel-build.js"
 }

examples/clerk/CHANGELOG.md

@@ -1,152 +1,5 @@
 # minimal-auth-clerk
 
-## 0.0.119
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-react@0.14.22
-  - jazz-react-auth-clerk@0.14.22
-
-## 0.0.118
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-react@0.14.21
-  - jazz-react-auth-clerk@0.14.21
-
-## 0.0.117
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-react@0.14.20
-  - jazz-react-auth-clerk@0.14.20
-
-## 0.0.116
-
-### Patch Changes
-
-- jazz-react@0.14.19
-- jazz-react-auth-clerk@0.14.19
-- jazz-tools@0.14.19
-
-## 0.0.115
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-react@0.14.18
-  - jazz-react-auth-clerk@0.14.18
-
-## 0.0.114
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-react@0.14.17
-  - jazz-react-auth-clerk@0.14.17
-
-## 0.0.113
-
-### Patch Changes
-
-- jazz-react@0.14.16
-- jazz-react-auth-clerk@0.14.16
-- jazz-tools@0.14.16
-
-## 0.0.112
-
-### Patch Changes
-
-- Updated dependencies [f9590f9]
-  - jazz-react@0.14.15
-  - jazz-react-auth-clerk@0.14.15
-  - jazz-tools@0.14.15
-
-## 0.0.111
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-react@0.14.14
-  - jazz-react-auth-clerk@0.14.14
-
-## 0.0.110
-
-### Patch Changes
-
-- jazz-react@0.14.13
-- jazz-react-auth-clerk@0.14.13
-
-## 0.0.109
-
-### Patch Changes
-
-- jazz-react@0.14.12
-- jazz-react-auth-clerk@0.14.12
-
-## 0.0.108
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-react-auth-clerk@0.14.10
-  - jazz-react@0.14.10
-  - jazz-tools@0.14.10
-
-## 0.0.107
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-react@0.14.9
-  - jazz-react-auth-clerk@0.14.9
-
-## 0.0.106
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-react@0.14.8
-  - jazz-react-auth-clerk@0.14.8
-
-## 0.0.105
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-react@0.14.7
-  - jazz-react-auth-clerk@0.14.7
-
-## 0.0.104
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-react@0.14.6
-  - jazz-react-auth-clerk@0.14.6
-
 ## 0.0.103
 
 ### Patch Changes

examples/clerk/README.md

@@ -2,7 +2,7 @@
 
 This is an example of how to use clerk authentication with Jazz.
 
-Live version: [https://clerk-demo.jazz.tools](https://clerk-demo.jazz.tools)
+Live version: https://clerk-demo.jazz.tools
 
 ## Getting started
 

examples/clerk/index.html

@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Minimal Auth Clerk Example | Jazz</title>
 </head>

examples/clerk/package.json

@@ -1,6 +1,7 @@
 {
   "name": "clerk",
   "private": true,
+  "version": "0.0.103",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -16,17 +17,17 @@
     "jazz-react": "workspace:*",
     "jazz-react-auth-clerk": "workspace:*",
     "jazz-tools": "workspace:*",
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@playwright/test": "^1.50.1",
     "@biomejs/biome": "1.9.4",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.5.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
     "globals": "^15.11.0",
     "typescript": "5.6.2",
-    "vite": "6.3.5"
+    "vite": "6.0.11"
   }
 }

examples/clerk/src/main.tsx

@@ -4,7 +4,6 @@ import { createRoot } from "react-dom/client";
 import App from "./App.tsx";
 import "./index.css";
 import { JazzProviderWithClerk } from "jazz-react-auth-clerk";
-import { ReactNode } from "react";
 import { apiKey } from "./apiKey";
 
 // Import your publishable key
@@ -14,7 +13,7 @@ if (!PUBLISHABLE_KEY) {
   throw new Error("Add your Clerk publishable key to the .env.local file");
 }
 
-function JazzProvider({ children }: { children: ReactNode }) {
+function JazzProvider({ children }: { children: React.ReactNode }) {
   const clerk = useClerk();
 
   return (

examples/clerk/vercel.json

@@ -1,3 +1,8 @@
 {
-  "ignoreCommand": "npx turbo-ignore"
+  "build": {
+    "env": {
+      "APP_NAME": "clerk-demo"
+    }
+  },
+  "ignoreCommand": "node ../../ignore-vercel-build.js"
 }

examples/file-share-svelte/CHANGELOG.md

@@ -1,150 +1,5 @@
 # file-share-svelte
 
-## 0.0.104
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-svelte@0.14.22
-  - jazz-inspector-element@0.14.22
-
-## 0.0.103
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [d14a069]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-svelte@0.14.21
-  - jazz-inspector-element@0.14.21
-
-## 0.0.102
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-inspector-element@0.14.20
-  - jazz-svelte@0.14.20
-
-## 0.0.101
-
-### Patch Changes
-
-- jazz-inspector-element@0.14.19
-- jazz-svelte@0.14.19
-- jazz-tools@0.14.19
-
-## 0.0.100
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-inspector-element@0.14.18
-  - jazz-svelte@0.14.18
-
-## 0.0.99
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-inspector-element@0.14.17
-  - jazz-svelte@0.14.17
-
-## 0.0.98
-
-### Patch Changes
-
-- jazz-svelte@0.14.16
-- jazz-tools@0.14.16
-- jazz-inspector-element@0.14.16
-
-## 0.0.97
-
-### Patch Changes
-
-- jazz-svelte@0.14.15
-- jazz-tools@0.14.15
-- jazz-inspector-element@0.14.15
-
-## 0.0.96
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-inspector-element@0.14.14
-  - jazz-svelte@0.14.14
-
-## 0.0.95
-
-### Patch Changes
-
-- jazz-inspector-element@0.14.13
-
-## 0.0.94
-
-### Patch Changes
-
-- jazz-inspector-element@0.14.12
-
-## 0.0.93
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-tools@0.14.10
-  - jazz-inspector-element@0.14.10
-  - jazz-svelte@0.14.10
-
-## 0.0.92
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-inspector-element@0.14.9
-  - jazz-svelte@0.14.9
-
-## 0.0.91
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-inspector-element@0.14.8
-  - jazz-svelte@0.14.8
-
-## 0.0.90
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-inspector-element@0.14.7
-  - jazz-svelte@0.14.7
-
-## 0.0.89
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-inspector-element@0.14.6
-  - jazz-svelte@0.14.6
-
 ## 0.0.88
 
 ### Patch Changes

examples/file-share-svelte/package.json

@@ -1,5 +1,6 @@
 {
   "name": "file-share-svelte",
+  "version": "0.0.88",
   "private": true,
   "type": "module",
   "scripts": {
@@ -29,12 +30,12 @@
     "prettier": "^3.3.2",
     "prettier-plugin-svelte": "^3.2.6",
     "prettier-plugin-tailwindcss": "^0.6.5",
-    "svelte": "^5.33.0",
+    "svelte": "^5.0.0",
     "svelte-check": "^4.0.0",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
     "typescript-eslint": "^8.0.0",
-    "vite": "6.3.5"
+    "vite": "6.0.11"
   },
   "dependencies": {
     "@tailwindcss/typography": "^0.5.15",

examples/file-share-svelte/src/app.html

@@ -1,8 +1,8 @@
 <!doctype html>
 <html lang="en">
   <head>
-    <meta charset="utf-8" />    
-    <link rel="icon" type="image/png" href="%sveltekit.assets%/favicon.png" />
+    <meta charset="utf-8" />
+    <link rel="icon" href="%sveltekit.assets%/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     %sveltekit.head%
   </head>

examples/file-share-svelte/src/lib/schema.ts

@@ -1,8 +1,8 @@
-import { Group, co, z } from 'jazz-tools';
+import { FileStream, Group, co, z } from 'jazz-tools';
 
 export const SharedFile = co.map({
   name: z.string(),
-  file: co.fileStream(),
+  file: FileStream,
   createdAt: z.date(),
   uploadedAt: z.date(),
   size: z.number(),

examples/filestream/CHANGELOG.md

@@ -1,152 +1,5 @@
 # jazz-tailwind-demo-auth-starter
 
-## 0.0.59
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-inspector@0.14.22
-  - jazz-react@0.14.22
-
-## 0.0.58
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-inspector@0.14.21
-  - jazz-react@0.14.21
-
-## 0.0.57
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-inspector@0.14.20
-  - jazz-react@0.14.20
-
-## 0.0.56
-
-### Patch Changes
-
-- jazz-inspector@0.14.19
-- jazz-react@0.14.19
-- jazz-tools@0.14.19
-
-## 0.0.55
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-inspector@0.14.18
-  - jazz-react@0.14.18
-
-## 0.0.54
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-inspector@0.14.17
-  - jazz-react@0.14.17
-
-## 0.0.53
-
-### Patch Changes
-
-- jazz-inspector@0.14.16
-- jazz-react@0.14.16
-- jazz-tools@0.14.16
-
-## 0.0.52
-
-### Patch Changes
-
-- Updated dependencies [f9590f9]
-  - jazz-react@0.14.15
-  - jazz-inspector@0.14.15
-  - jazz-tools@0.14.15
-
-## 0.0.51
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-inspector@0.14.14
-  - jazz-react@0.14.14
-
-## 0.0.50
-
-### Patch Changes
-
-- jazz-inspector@0.14.13
-- jazz-react@0.14.13
-
-## 0.0.49
-
-### Patch Changes
-
-- jazz-inspector@0.14.12
-- jazz-react@0.14.12
-
-## 0.0.48
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-inspector@0.14.10
-  - jazz-react@0.14.10
-  - jazz-tools@0.14.10
-
-## 0.0.47
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-inspector@0.14.9
-  - jazz-react@0.14.9
-
-## 0.0.46
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-inspector@0.14.8
-  - jazz-react@0.14.8
-
-## 0.0.45
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-inspector@0.14.7
-  - jazz-react@0.14.7
-
-## 0.0.44
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-inspector@0.14.6
-  - jazz-react@0.14.6
-
 ## 0.0.43
 
 ### Patch Changes

examples/filestream/README.md

@@ -2,7 +2,7 @@
 
 This is an example of how to upload and render images with Jazz.
 
-Live version: [https://file-upload-demo.jazz.tools](https://file-upload-demo.jazz.tools)
+Live version: https://file-upload-demo.jazz.tools
 
 ## Getting started
 
@@ -63,4 +63,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.tsx](./src/main.tsx) 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` component in [./src/main.tsx](./src/main.tsx).

examples/filestream/index.html

@@ -2,7 +2,7 @@
 <html lang="en" class="h-full">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" href="./public/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Jazz | React + Demo Auth + Tailwind</title>
   </head>

examples/filestream/package.json

@@ -1,6 +1,7 @@
 {
   "name": "filestream",
   "private": true,
+  "version": "0.0.43",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,20 +14,20 @@
     "jazz-react": "workspace:*",
     "jazz-tools": "workspace:*",
     "jazz-inspector": "workspace:*",
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.5.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
     "autoprefixer": "^10.4.20",
     "globals": "^15.11.0",
     "is-ci": "^3.0.1",
     "postcss": "^8.5.3",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.3.5"
+    "vite": "6.0.11"
   }
 }

examples/filestream/src/FileWidget.tsx

@@ -1,6 +1,6 @@
 "use client";
 import { useAccount } from "jazz-react";
-import { co } from "jazz-tools";
+import { FileStream, co } from "jazz-tools";
 import { useRef, useState } from "react";
 import { JazzAccount } from "./schema";
 
@@ -125,7 +125,7 @@ export function FileWidget() {
 
     try {
       setIsUploading(true);
-      me.profile.file = await co.fileStream().createFromBlob(file, {
+      me.profile.file = await FileStream.createFromBlob(file, {
         onProgress: (p) => setProgress(Math.round(p * 100)),
       });
     } catch (error) {

examples/filestream/vercel.json

@@ -1,3 +1,8 @@
 {
-  "ignoreCommand": "npx turbo-ignore"
+  "build": {
+    "env": {
+      "APP_NAME": "filestream"
+    }
+  },
+  "ignoreCommand": "node ../../ignore-vercel-build.js"
 }

examples/form/CHANGELOG.md

@@ -1,137 +1,5 @@
 # form
 
-## 0.1.60
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-react@0.14.22
-
-## 0.1.59
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-react@0.14.21
-
-## 0.1.58
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-react@0.14.20
-
-## 0.1.57
-
-### Patch Changes
-
-- jazz-react@0.14.19
-- jazz-tools@0.14.19
-
-## 0.1.56
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-react@0.14.18
-
-## 0.1.55
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-react@0.14.17
-
-## 0.1.54
-
-### Patch Changes
-
-- jazz-react@0.14.16
-- jazz-tools@0.14.16
-
-## 0.1.53
-
-### Patch Changes
-
-- Updated dependencies [f9590f9]
-  - jazz-react@0.14.15
-  - jazz-tools@0.14.15
-
-## 0.1.52
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-react@0.14.14
-
-## 0.1.51
-
-### Patch Changes
-
-- jazz-react@0.14.13
-
-## 0.1.50
-
-### Patch Changes
-
-- jazz-react@0.14.12
-
-## 0.1.49
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - hash-slash@0.2.3
-  - jazz-react@0.14.10
-  - jazz-tools@0.14.10
-
-## 0.1.48
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-react@0.14.9
-
-## 0.1.47
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-react@0.14.8
-
-## 0.1.46
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-react@0.14.7
-
-## 0.1.45
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-react@0.14.6
-
 ## 0.1.44
 
 ### Patch Changes

examples/form/README.md

@@ -75,4 +75,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.tsx](./src/main.tsx) 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 the `<JazzProvider>` provider component in [./src/main.tsx](./src/main.tsx).

examples/form/index.html

@@ -2,9 +2,9 @@
 <html lang="en" class="h-full">
   <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" />
     <title>Jazz | Form example</title>
+    <link rel="icon" type="image/png" href="./public/favicon.ico">
   </head>
   <body class="h-full flex flex-col bg-white text-stone-700 dark:text-stone-400 dark:bg-stone-925">
     <div id="root" class="align-self-center flex-1"></div>

examples/form/package.json

@@ -1,6 +1,7 @@
 {
   "name": "form",
   "private": true,
+  "version": "0.1.44",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,22 +14,22 @@
     "hash-slash": "workspace:*",
     "jazz-react": "workspace:*",
     "jazz-tools": "workspace:*",
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@playwright/test": "^1.50.1",
     "@tailwindcss/forms": "^0.5.9",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.5.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
     "autoprefixer": "^10.4.20",
     "globals": "^15.11.0",
     "is-ci": "^3.0.1",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.3.5"
+    "vite": "6.0.11"
   }
 }

examples/form/vercel.json

@@ -1,3 +1,8 @@
 {
-  "ignoreCommand": "npx turbo-ignore"
+  "build": {
+    "env": {
+      "APP_NAME": "form-demo"
+    }
+  },
+  "ignoreCommand": "node ../../ignore-vercel-build.js"
 }

examples/image-upload/CHANGELOG.md

@@ -1,136 +1,5 @@
 # image-upload
 
-## 0.0.116
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-react@0.14.22
-
-## 0.0.115
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-react@0.14.21
-
-## 0.0.114
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-react@0.14.20
-
-## 0.0.113
-
-### Patch Changes
-
-- jazz-react@0.14.19
-- jazz-tools@0.14.19
-
-## 0.0.112
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-react@0.14.18
-
-## 0.0.111
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-react@0.14.17
-
-## 0.0.110
-
-### Patch Changes
-
-- jazz-react@0.14.16
-- jazz-tools@0.14.16
-
-## 0.0.109
-
-### Patch Changes
-
-- Updated dependencies [f9590f9]
-  - jazz-react@0.14.15
-  - jazz-tools@0.14.15
-
-## 0.0.108
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-react@0.14.14
-
-## 0.0.107
-
-### Patch Changes
-
-- jazz-react@0.14.13
-
-## 0.0.106
-
-### Patch Changes
-
-- jazz-react@0.14.12
-
-## 0.0.105
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-- Updated dependencies [f869d9a]
-- Updated dependencies [3fe6832]
-  - jazz-react@0.14.10
-  - jazz-tools@0.14.10
-
-## 0.0.104
-
-### Patch Changes
-
-- Updated dependencies [22c2600]
-  - jazz-tools@0.14.9
-  - jazz-react@0.14.9
-
-## 0.0.103
-
-### Patch Changes
-
-- Updated dependencies [637ae13]
-  - jazz-tools@0.14.8
-  - jazz-react@0.14.8
-
-## 0.0.102
-
-### Patch Changes
-
-- Updated dependencies [365b0ea]
-  - jazz-tools@0.14.7
-  - jazz-react@0.14.7
-
-## 0.0.101
-
-### Patch Changes
-
-- Updated dependencies [9d6d9fe]
-- Updated dependencies [9d6d9fe]
-  - jazz-tools@0.14.6
-  - jazz-react@0.14.6
-
 ## 0.0.100
 
 ### Patch Changes

examples/image-upload/README.md

@@ -2,7 +2,7 @@
 
 This is an example of how to upload and render images with Jazz.
 
-Live version: [https://image-upload-demo.jazz.tools](https://image-upload-demo.jazz.tools)
+Live version: https://image-upload-demo.jazz.tools
 
 ## Getting started
 
@@ -63,4 +63,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.tsx](./src/main.tsx) 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` component in [./src/main.tsx](./src/main.tsx).

examples/image-upload/index.html

@@ -2,9 +2,9 @@
 <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" />
     <title>Jazz | Image upload example</title>
+    <link rel="icon" href="./public/favicon.ico" type="image/png">
   </head>
   <body>
     <div id="root"></div>

examples/image-upload/package.json

@@ -1,6 +1,7 @@
 {
   "name": "image-upload",
   "private": true,
+  "version": "0.0.100",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,17 +13,17 @@
   "dependencies": {
     "jazz-react": "workspace:*",
     "jazz-tools": "workspace:*",
-    "react": "19.0.0",
-    "react-dom": "19.0.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.5.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.3",
     "globals": "^15.11.0",
     "typescript": "5.6.2",
-    "vite": "6.3.5",
+    "vite": "6.0.11",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17"

examples/image-upload/vercel.json

@@ -1,3 +1,8 @@
 {
-  "ignoreCommand": "npx turbo-ignore"
+  "build": {
+    "env": {
+      "APP_NAME": "image-upload-demo"
+    }
+  },
+  "ignoreCommand": "node ../../ignore-vercel-build.js"
 }

examples/inspector/CHANGELOG.md

@@ -1,122 +1,5 @@
 # jazz-example-inspector
 
-## 0.0.169
-
-### Patch Changes
-
-- Updated dependencies [57fb69f]
-  - cojson@0.14.22
-  - cojson-transport-ws@0.14.22
-  - jazz-inspector@0.14.22
-
-## 0.0.168
-
-### Patch Changes
-
-- Updated dependencies [c3d8779]
-  - cojson@0.14.21
-  - jazz-inspector@0.14.21
-  - cojson-transport-ws@0.14.21
-
-## 0.0.167
-
-### Patch Changes
-
-- jazz-inspector@0.14.20
-- cojson@0.14.20
-- cojson-transport-ws@0.14.20
-
-## 0.0.166
-
-### Patch Changes
-
-- cojson@0.14.19
-- cojson-transport-ws@0.14.19
-- jazz-inspector@0.14.19
-
-## 0.0.165
-
-### Patch Changes
-
-- Updated dependencies [0d5ee3e]
-  - cojson@0.14.18
-  - jazz-inspector@0.14.18
-  - cojson-transport-ws@0.14.18
-
-## 0.0.164
-
-### Patch Changes
-
-- jazz-inspector@0.14.17
-
-## 0.0.163
-
-### Patch Changes
-
-- Updated dependencies [5e253cc]
-  - cojson@0.14.16
-  - cojson-transport-ws@0.14.16
-  - jazz-inspector@0.14.16
-
-## 0.0.162
-
-### Patch Changes
-
-- Updated dependencies [23daa7c]
-  - cojson@0.14.15
-  - cojson-transport-ws@0.14.15
-  - jazz-inspector@0.14.15
-
-## 0.0.161
-
-### Patch Changes
-
-- jazz-inspector@0.14.14
-
-## 0.0.160
-
-### Patch Changes
-
-- jazz-inspector@0.14.13
-
-## 0.0.159
-
-### Patch Changes
-
-- jazz-inspector@0.14.12
-
-## 0.0.158
-
-### Patch Changes
-
-- Updated dependencies [dc746a2]
-  - jazz-inspector@0.14.10
-  - hash-slash@0.2.3
-
-## 0.0.157
-
-### Patch Changes
-
-- jazz-inspector@0.14.9
-
-## 0.0.156
-
-### Patch Changes
-
-- jazz-inspector@0.14.8
-
-## 0.0.155
-
-### Patch Changes
-
-- jazz-inspector@0.14.7
-
-## 0.0.154
-
-### Patch Changes
-
-- jazz-inspector@0.14.6
-
 ## 0.0.153
 
 ### Patch Changes

examples/inspector/README.md

@@ -1,6 +1,6 @@
 # Jazz Inspector
 
-Live address: [https://inspector.jazz.tools](https://inspector.jazz.tools)
+Live address: https://inspector.jazz.tools
 
 Use this to visually inspect a Jazz account or other CoValue.
 

examples/inspector/index.html

@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+  <link rel="icon" type="image/png" href="/jazz-logo.png" />
   <link rel="stylesheet" href="/src/index.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Jazz Inspector</title>

examples/inspector/package.json

@@ -1,6 +1,7 @@
 {
   "name": "jazz-inspector-app",
   "private": true,
+  "version": "0.0.153",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -16,20 +17,20 @@
     "cojson-transport-ws": "workspace:*",
     "hash-slash": "workspace:*",
     "lucide-react": "^0.274.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-router": "^6.16.0",
     "react-router-dom": "^6.16.0",
     "react-use": "^17.4.0"
   },
   "devDependencies": {
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react-swc": "^3.10.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react-swc": "^3.3.2",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.3.5"
+    "vite": "6.0.11"
   }
 }

examples/inspector/src/viewer/new-app.tsx

@@ -27,13 +27,6 @@ interface Account {
   secret: AgentSecret;
 }
 
-interface JazzLoggedInSecret {
-  accountID: string;
-  accountSecret: string;
-  secretSeed?: number[];
-  provider?: string;
-}
-
 export default function CoJsonViewerApp() {
   const [accounts, setAccounts] = useState<Account[]>(() => {
     const storedAccounts = localStorage.getItem("inspectorAccounts");
@@ -276,26 +269,7 @@ function AddAccountForm({
   const [id, setId] = useState("");
   const [secret, setSecret] = useState("");
 
-  const handleIdChange = (e: React.ChangeEvent<HTMLInputElement>): void => {
-    const value = e.target.value;
-    setId(value);
-
-    // Try to parse as JSON if it looks like a JSON object
-    if (value.trim().startsWith("{") && value.trim().endsWith("}")) {
-      try {
-        const parsed: JazzLoggedInSecret = JSON.parse(value);
-        if (parsed.accountID && parsed.accountSecret) {
-          setId(parsed.accountID);
-          setSecret(parsed.accountSecret);
-        }
-      } catch (error) {
-        // If parsing fails, just keep the raw value in the id field
-        console.log("Failed to parse JSON:", error);
-      }
-    }
-  };
-
-  const handleSubmit = (e: React.FormEvent): void => {
+  const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     addAccount(id as RawAccountID, secret as AgentSecret);
     setId("");
@@ -316,14 +290,13 @@ function AddAccountForm({
           jazz-logged-in-secret
         </code>{" "}
         local storage key from within your Jazz app for your account
-        credentials. You can paste the full JSON object or enter the ID and
-        secret separately.
+        credentials.
       </p>
       <Input
         label="Account ID"
         value={id}
-        placeholder="co_z1234567890abcdef123456789 or paste full JSON"
-        onChange={handleIdChange}
+        placeholder="co_z1234567890abcdef123456789"
+        onChange={(e) => setId(e.target.value)}
       />
       <Input
         label="Account secret"

examples/inspector/vercel.json

@@ -1,3 +1,8 @@
 {
-  "ignoreCommand": "npx turbo-ignore"
+  "build": {
+    "env": {
+      "APP_NAME": "jazz-inspector"
+    }
+  },
+  "ignoreCommand": "node ../../ignore-vercel-build.js"
 }

examples/jazz-nextjs/.gitignore

@@ -1,41 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.*
-.yarn/*
-!.yarn/patches
-!.yarn/plugins
-!.yarn/releases
-!.yarn/versions
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# env files (can opt-in for committing if needed)
-.env*
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts

examples/jazz-nextjs/CHANGELOG.md

@@ -1,77 +0,0 @@
-# jazz-nextjs
-
-## 0.1.9
-
-### Patch Changes
-
-- Updated dependencies [048ac1d]
-  - jazz-tools@0.14.22
-  - jazz-react@0.14.22
-
-## 0.1.8
-
-### Patch Changes
-
-- Updated dependencies [e7e505e]
-- Updated dependencies [13b57aa]
-- Updated dependencies [5662faa]
-- Updated dependencies [2116a59]
-  - jazz-tools@0.14.21
-  - jazz-react@0.14.21
-
-## 0.1.7
-
-### Patch Changes
-
-- Updated dependencies [6f72419]
-- Updated dependencies [04b20c2]
-  - jazz-tools@0.14.20
-  - jazz-react@0.14.20
-
-## 0.1.6
-
-### Patch Changes
-
-- jazz-react@0.14.19
-- jazz-tools@0.14.19
-
-## 0.1.5
-
-### Patch Changes
-
-- Updated dependencies [4b950bc]
-- Updated dependencies [d6d9c0a]
-- Updated dependencies [c559054]
-  - jazz-tools@0.14.18
-  - jazz-react@0.14.18
-
-## 0.1.4
-
-### Patch Changes
-
-- Updated dependencies [e512df4]
-  - jazz-tools@0.14.17
-  - jazz-react@0.14.17
-
-## 0.1.3
-
-### Patch Changes
-
-- jazz-react@0.14.16
-- jazz-tools@0.14.16
-
-## 0.1.2
-
-### Patch Changes
-
-- Updated dependencies [f9590f9]
-  - jazz-react@0.14.15
-  - jazz-tools@0.14.15
-
-## 0.1.1
-
-### Patch Changes
-
-- Updated dependencies [e32a1f7]
-  - jazz-tools@0.14.14
-  - jazz-react@0.14.14

examples/jazz-nextjs/README.md

@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.

examples/jazz-nextjs/next.config.ts

@@ -1,7 +0,0 @@
-import type { NextConfig } from "next";
-
-const nextConfig: NextConfig = {
-  /* config options here */
-};
-
-export default nextConfig;

examples/jazz-nextjs/package.json

@@ -1,25 +0,0 @@
-{
-  "name": "jazz-nextjs",
-  "private": true,
-  "scripts": {
-    "dev": "next dev --turbopack",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint"
-  },
-  "dependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "next": "15.3.2",
-    "jazz-react": "workspace:*",
-    "jazz-tools": "workspace:*"
-  },
-  "devDependencies": {
-    "typescript": "^5",
-    "@types/node": "^20",
-    "@types/react": "^19",
-    "@types/react-dom": "^19",
-    "@tailwindcss/postcss": "^4",
-    "tailwindcss": "^4"
-  }
-}

examples/jazz-nextjs/postcss.config.mjs

@@ -1,5 +0,0 @@
-const config = {
-  plugins: ["@tailwindcss/postcss"],
-};
-
-export default config;

examples/jazz-nextjs/src/app/globals.css

@@ -1,26 +0,0 @@
-@import "tailwindcss";
-
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
-}

examples/jazz-nextjs/src/app/layout.tsx

@@ -1,35 +0,0 @@
-import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
-import { Jazz } from "../jazz";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-
-export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en">
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        <Jazz>{children}</Jazz>
-      </body>
-    </html>
-  );
-}

examples/jazz-nextjs/src/app/page.tsx

@@ -1,46 +0,0 @@
-"use client";
-
-import { useAccount } from "jazz-react";
-import { Account } from "jazz-tools";
-import Link from "next/link";
-
-export default function Home() {
-  const { me } = useAccount(Account, {
-    resolve: {
-      profile: true,
-    },
-  });
-
-  return (
-    <div className="flex flex-col items-center justify-center h-screen gap-4">
-      <h1 className="text-2xl font-bold">SSR rendering example with Jazz</h1>
-      <div className="text-sm text-gray-500 w-1/2 text-center">
-        Data is still loaded only on the client, the components are rendered on
-        the server with all the CoValues as null
-      </div>
-      <label>
-        <div className="text-sm">
-          Your profile name{" "}
-          <span className="text-xs">(only loaded on the client)</span>
-        </div>
-        <input
-          className="border-2 border-gray-300 rounded-md p-2 w-full"
-          value={me?.profile.name ?? ""}
-          onChange={(e) => {
-            if (!me) {
-              return;
-            }
-
-            me.profile.name = e.target.value;
-          }}
-        />
-      </label>
-      <Link
-        href={`/profile/${me?.profile.id}`}
-        className="bg-blue-500 text-white px-4 py-2 rounded-md"
-      >
-        Your profile name in a Server Component
-      </Link>
-    </div>
-  );
-}

examples/jazz-nextjs/src/app/profile/[profileId]/page.tsx

@@ -1,23 +0,0 @@
-import { jazzSSR } from "@/jazzSSR";
-import { Profile } from "jazz-tools";
-
-export default async function ServerSidePage(props: {
-  params: Promise<{ profileId: string }>;
-}) {
-  const { profileId } = await props.params;
-  const profile = await Profile.load(profileId, {
-    loadAs: jazzSSR,
-  });
-
-  return (
-    <div className="flex flex-col items-center justify-center h-screen gap-4">
-      <h1 className="text-2xl font-bold">SSR rendering example with Jazz</h1>
-      <div className="text-sm text-gray-500 w-1/2 text-center">
-        This is a server component!
-      </div>
-      <label>
-        <div className="text-sm">Your profile name "{profile?.name}"</div>
-      </label>
-    </div>
-  );
-}

examples/jazz-nextjs/src/jazz.tsx

@@ -1,16 +0,0 @@
-"use client";
-
-import { JazzProvider } from "jazz-react";
-
-export function Jazz({ children }: { children: React.ReactNode }) {
-  return (
-    <JazzProvider
-      experimental_enableSSR
-      sync={{
-        peer: `wss://cloud.jazz.tools/`,
-      }}
-    >
-      {children}
-    </JazzProvider>
-  );
-}

examples/jazz-nextjs/src/jazzSSR.ts

@@ -1,5 +0,0 @@
-import { createSSRJazzAgent } from "jazz-react/ssr";
-
-export const jazzSSR = createSSRJazzAgent({
-  peer: "wss://cloud.jazz.tools/",
-});

examples/jazz-nextjs/tsconfig.json

@@ -1,27 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2017",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
-}

examples/jazz-paper-scissors/index.html

@@ -2,8 +2,8 @@
 <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" />
+    <link rel="icon" href="/favicon.ico" />
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"

examples/jazz-paper-scissors/package.json

@@ -27,20 +27,20 @@
     "jazz-react": "workspace:*",
     "jazz-tools": "workspace:*",
     "lucide-react": "^0.485.0",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "tailwind-merge": "^3.0.2",
     "tailwindcss": "^4.0.17",
     "tw-animate-css": "^1.2.5"
   },
   "devDependencies": {
-    "@types/react": "19.0.0",
-    "@types/react-dom": "19.0.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.4",
     "jazz-run": "workspace:*",
     "npm-run-all": "^4.1.5",
     "tsx": "^4.19.3",
     "typescript": "~5.6.2",
-    "vite": "6.3.5"
+    "vite": "6.0.11"
   }
 }