remove chat-vue dist files

.changeset/afraid-ladybugs-jam.md

@@ -0,0 +1,5 @@
+---
+"jazz-react": patch
+---
+
+Move auto login check to useEffect

.changeset/config.json

@@ -6,23 +6,18 @@
   "linked": [
     [
       "cojson",
-      "cojson-storage",
-      "cojson-storage-indexeddb",
-      "cojson-storage-sqlite",
-      "cojson-transport-ws",
-      "jazz-browser",
-      "jazz-browser-auth-clerk",
-      "jazz-browser-media-images",
-      "jazz-nodejs",
-      "jazz-react",
-      "jazz-react-auth-clerk",
-      "jazz-react-native",
-      "jazz-react-native-auth-clerk",
-      "jazz-react-native-media-images",
-      "jazz-run",
-      "jazz-svelte",
       "jazz-tools",
-      "jazz-vue"
+      "jazz-browser",
+      "jazz-browser-media-images",
+      "jazz-browser-auth-clerk",
+      "jazz-react-auth-clerk",
+      "jazz-react",
+      "jazz-react-native",
+      "jazz-nodejs",
+      "jazz-run",
+      "cojson-transport-ws",
+      "cojson-storage-indexeddb",
+      "cojson-storage-sqlite"
     ]
   ],
   "access": "public",

.changeset/fast-chicken-build.md

@@ -1,5 +0,0 @@
----
-"cojson": patch
----
-
-skip verify step when creating a new local transaction

.changeset/mean-ghosts-hunt.md

@@ -1,5 +0,0 @@
----
-"jazz-run": patch
----
-
-Fix the --json option on the account create command

.changeset/odd-numbers-mix.md

@@ -1,5 +0,0 @@
----
-"jazz-tools": patch
----
-
-Add a bundle step to not expose the circular deps to the lib consumers

.changeset/real-pianos-press.md

@@ -0,0 +1,8 @@
+---
+"jazz-react-native-media-images": patch
+"cojson-storage-indexeddb": patch
+"jazz-react-native": patch
+"jazz-react": patch
+---
+
+Remove typescript from the direct dependencies

.changeset/short-mails-shave.md

@@ -0,0 +1,5 @@
+---
+"jazz-react": patch
+---
+
+Add user prop to demo auth to skip login on demos

.changeset/ten-toes-cross.md

@@ -1,5 +0,0 @@
----
-"jazz-tools": patch
----
-
-Reduce the amount of circular deps

.github/workflows/build-examples.yaml

@@ -11,15 +11,12 @@ jobs:
       matrix:
         example: [
           "chat",
-          "clerk",
-          "passkey",
+          "chat-clerk",
           "inspector",
           "music-player",
           "password-manager",
           "pets",
-          "reactions",
           "todo",
-          "onboarding",
         ]
 
     steps:
@@ -58,4 +55,4 @@ jobs:
       run: |
         pnpm install
         pnpm turbo build;
-      working-directory: ./examples/${{ matrix.example }}
+      working-directory: ./examples/${{ matrix.example }}

.github/workflows/playwright.yml

@@ -13,7 +13,7 @@ jobs:
     continue-on-error: true
     strategy:
       matrix:
-        project: ["tests/e2e", "examples/chat", "examples/file-share-svelte", "examples/form", "examples/music-player", "examples/pets", "examples/onboarding"]
+        project: ["e2e/BinaryCoStream", "e2e/CoValues", "examples/chat", "examples/music-player", "examples/pets"]
 
     steps:
       - uses: actions/checkout@v3
@@ -41,16 +41,20 @@ jobs:
           key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
           restore-keys: |
             ${{ runner.os }}-pnpm-store-
-
+      
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
 
       - name: Pnpm Build
         run: pnpm turbo build
         working-directory: ./${{ matrix.project }}
+      
+      - name: Build jazz-run
+        run: pnpm exec turbo build && chmod +x dist/index.js;
+        working-directory: ./packages/jazz-run
 
       - name: Install Playwright Browsers
-        run: pnpm exec playwright install
+        run: pnpm exec playwright install --with-deps
         working-directory: ./${{ matrix.project }}
 
       - name: Run Playwright tests

.github/workflows/release.yml

@@ -4,13 +4,6 @@ on:
   push:
     branches:
       - main
-  workflow_dispatch:
-    inputs:
-      debug_enabled:
-        type: boolean
-        description: "Run tmate session for debugging"
-        required: false
-        default: false
 
 concurrency: ${{ github.workflow }}-${{ github.ref }}
 
@@ -55,11 +48,4 @@ jobs:
           publish: pnpm release
         env:
           GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
-
-      # Enable tmate debugging only if the workflow is manually triggered, debug_enabled is true, and the workflow failed
-      - name: Setup tmate session for debugging
-        if: ${{ failure() && github.event_name == 'workflow_dispatch' && inputs.debug_enabled }}
-        uses: mxschmitt/action-tmate@v3
-        with:
-          timeout-minutes: 15
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.github/workflows/unit-test.yml

@@ -41,7 +41,7 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Pnpm Build
-        run: pnpm turbo build --filter="./packages/*"
+        run: pnpm turbo build
 
       - name: Unit Tests
         run: pnpm test:ci

.gitignore

@@ -5,7 +5,6 @@ docsTmp
 .DS_Store
 .turbo
 coverage
-.direnv
 
 # Next.js
 **/.next
@@ -16,6 +15,4 @@ coverage
 # Playwright
 test-results
 
-.husky
-
-.vscode/settings.json
+.husky

.node-version

@@ -1 +1 @@
-22
+20

.nvmrc

@@ -1 +0,0 @@
-22

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "editor.defaultFormatter": "biomejs.biome"
+}

CODE_OF_CONDUCT.md

@@ -59,7 +59,7 @@ representative at an online or offline event.
 ## Enforcement
 
 Instances of abusive, harassing, or otherwise unacceptable behavior may be
-reported to [the community leaders responsible for enforcement](mailto:hello@garden.co).
+reported to [the community leaders responsible for enforcement](mailto:hello@gcmp.io).
 All complaints will be reviewed and investigated promptly and fairly.
 
 All community leaders are obligated to respect the privacy and security of the

CONTRIBUTING.md

@@ -6,7 +6,7 @@ Thank you for considering contributing to Jazz! Jazz is an open-source framework
 
 ### 1. Reporting Bugs
 
-If you find a bug, please [open an issue with as much detail as possible](https://github.com/garden-co/jazz/issues). Include:
+If you find a bug, please [open an issue with as much detail as possible](https://github.com/gardencmp/jazz/issues). Include:
 
 - A clear and descriptive title.
 - Steps to reproduce the issue.
@@ -40,7 +40,7 @@ You'll need Node.js 20.x or 22.x installed (we're working on support for 23.x),
 
 1. **Clone the repository**:
    ```bash
-   git clone https://github.com/garden-co/jazz.git
+   git clone https://github.com/gardencmp/jazz.git
    ```
 
 2. **Install dependencies**:

README.md

@@ -15,6 +15,6 @@ For community and support, please join our [Discord](https://discord.gg/utDMjHYg
 - Homepage: [jazz.tools](https://jazz.tools)
 - Docs: [jazz.tools/docs](https://jazz.tools/docs)
 - Community & support: [Discord](https://discord.gg/utDMjHYg42)
-- Updates: [X](https://x.com/jazz_tools) & [Email](https://garden.co/news)
+- Updates: [Twitter](https://twitter.com/jazz_tools) & [Email](https://gcmp.io/news)
 
-Copyright 2024 — Garden Computing, Inc.
+Copyright 2024 — Garden Computing, Inc.

biome.json

@@ -7,13 +7,7 @@
   },
   "files": {
     "ignoreUnknown": false,
-    "ignore": [
-      "jazz-tools.json",
-      "**/ios/**",
-      "**/android/**",
-      "packages/jazz-svelte/**",
-      "examples/*svelte*/**"
-    ]
+    "ignore": ["jazz-tools.json"]
   },
   "formatter": {
     "enabled": true,
@@ -25,53 +19,7 @@
   "linter": {
     "enabled": false,
     "rules": {
-      "recommended": true,
-      "correctness": {
-        "useImportExtensions": {
-          "level": "error",
-          "options": {
-            "suggestedExtensions": {
-              "ts": {
-                "module": "js",
-                "component": "jsx"
-              }
-            }
-          }
-        }
-      }
+      "recommended": true
     }
-  },
-  "overrides": [
-    {
-      "include": ["packages/**/src/**"],
-      "linter": {
-        "enabled": true,
-        "rules": {
-          "recommended": false
-        }
-      }
-    },
-    {
-      "include": ["packages/**/src/tests/**", "packages/**/src/test/**"],
-      "linter": {
-        "rules": {
-          "correctness": {
-            "useImportExtensions": "off"
-          }
-        }
-      }
-    },
-    {
-      "include": ["packages/cojson-storage-indexeddb/**"],
-      "linter": {
-        "enabled": true,
-        "rules": {
-          "recommended": true,
-          "suspicious": {
-            "noExplicitAny": "info"
-          }
-        }
-      }
-    }
-  ]
+  }
 }

e2e/BinaryCoStream/CHANGELOG.md

@@ -0,0 +1,135 @@
+# @jazz-e2e/binarycostream
+
+## 0.0.97
+
+### Patch Changes
+
+- Updated dependencies [9c2aadb]
+  - cojson@0.8.19
+  - jazz-react@0.8.19
+  - jazz-tools@0.8.19
+
+## 0.0.96
+
+### Patch Changes
+
+- Updated dependencies [d4319d8]
+  - cojson@0.8.18
+  - jazz-react@0.8.18
+  - jazz-tools@0.8.18
+
+## 0.0.95
+
+### Patch Changes
+
+- Updated dependencies [d433cf4]
+  - cojson@0.8.17
+  - jazz-react@0.8.17
+  - jazz-tools@0.8.17
+
+## 0.0.94
+
+### Patch Changes
+
+- Updated dependencies [2af107c]
+- Updated dependencies [b934fab]
+  - jazz-react@0.8.16
+  - cojson@0.8.16
+  - jazz-tools@0.8.16
+
+## 0.0.93
+
+### Patch Changes
+
+- Updated dependencies [cce679b]
+  - jazz-tools@0.8.15
+  - jazz-react@0.8.15
+
+## 0.0.92
+
+### Patch Changes
+
+- Updated dependencies [36273b3]
+  - jazz-tools@0.8.14
+  - jazz-react@0.8.14
+
+## 0.0.91
+
+### Patch Changes
+
+- Updated dependencies [fd011d7]
+  - jazz-tools@0.8.13
+  - jazz-react@0.8.13
+
+## 0.0.90
+
+### Patch Changes
+
+- Updated dependencies [6ed75eb]
+- Updated dependencies [3cc6aee]
+  - cojson@0.8.12
+  - jazz-react@0.8.12
+  - jazz-tools@0.8.12
+
+## 0.0.89
+
+### Patch Changes
+
+- Updated dependencies [1ed4ab5]
+  - cojson@0.8.11
+  - jazz-react@0.8.11
+  - jazz-tools@0.8.11
+
+## 0.0.88
+
+### Patch Changes
+
+- jazz-react@0.8.7
+
+## 0.0.87
+
+### Patch Changes
+
+- jazz-react@0.8.6
+
+## 0.0.86
+
+### Patch Changes
+
+- Updated dependencies [c3f4e6b]
+- Updated dependencies [d9152ed]
+  - jazz-tools@0.8.5
+  - cojson@0.8.5
+  - jazz-react@0.8.5
+
+## 0.0.85
+
+### Patch Changes
+
+- Updated dependencies
+  - hash-slash@0.2.1
+
+## 0.0.84
+
+### Patch Changes
+
+- Updated dependencies
+  - cojson@0.8.3
+  - jazz-react@0.8.3
+  - jazz-tools@0.8.3
+
+## 0.0.83
+
+### Patch Changes
+
+- Updated dependencies [a075f90]
+  - jazz-tools@0.8.2
+  - jazz-react@0.8.2
+
+## 0.0.82
+
+### Patch Changes
+
+- Updated dependencies
+  - jazz-tools@0.8.1
+  - jazz-react@0.8.1

e2e/BinaryCoStream/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <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 BinaryCoStream Tests</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/app.tsx"></script>
+  </body>
+</html>

e2e/BinaryCoStream/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@jazz-e2e/binarycostream",
+  "private": true,
+  "version": "0.0.97",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "format-and-lint": "biome check .",
+    "format-and-lint:fix": "biome check . --write",
+    "build": "tsc && vite build",
+    "preview": "vite preview",
+    "test": "playwright test",
+    "test:ui": "playwright test --ui"
+  },
+  "dependencies": {
+    "cojson": "workspace:0.8.19",
+    "hash-slash": "workspace:0.2.1",
+    "is-ci": "^3.0.1",
+    "jazz-react": "workspace:0.8.19",
+    "jazz-tools": "workspace:0.8.19",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@playwright/test": "^1.46.1",
+    "@types/node": "^22.5.1",
+    "@types/react": "^18.2.19",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10"
+  }
+}

e2e/BinaryCoStream/src/DownloaderPeer.tsx

@@ -0,0 +1,46 @@
+import { Account, BinaryCoStream, ID } from "jazz-tools";
+import { useEffect } from "react";
+import { useAccount, useCoState } from "./jazz";
+import { waitForCoValue } from "./lib/waitForCoValue";
+import { UploadedFile } from "./schema";
+
+async function getUploadedFile(me: Account, uploadedFileId: ID<UploadedFile>) {
+  const uploadedFile = await waitForCoValue(
+    UploadedFile,
+    uploadedFileId,
+    me,
+    Boolean,
+    {},
+  );
+
+  uploadedFile.coMapDownloaded = true;
+
+  await BinaryCoStream.loadAsBlob(uploadedFile._refs.file.id, me);
+
+  return uploadedFile;
+}
+
+export function DownloaderPeer(props: { testCoMapId: ID<UploadedFile> }) {
+  const account = useAccount();
+  const testCoMap = useCoState(UploadedFile, props.testCoMapId, {});
+
+  useEffect(() => {
+    getUploadedFile(account.me, props.testCoMapId).then((value) => {
+      value.syncCompleted = true;
+    });
+  }, []);
+
+  return (
+    <>
+      <h1>Downloader Peer</h1>
+      <div>Fetching: {props.testCoMapId}</div>
+      <div data-testid="result">
+        Covalue: {Boolean(testCoMap?.id) ? "Downloaded" : "Not Downloaded"}
+      </div>
+      <div data-testid="result">
+        File:{" "}
+        {Boolean(testCoMap?.syncCompleted) ? "Downloaded" : "Not Downloaded"}
+      </div>
+    </>
+  );
+}

e2e/BinaryCoStream/src/UploaderPeer.tsx

@@ -1,12 +1,12 @@
 import { ID } from "jazz-tools";
 import { useEffect, useState } from "react";
-import { useAccount, useCoState } from "../../jazz";
-import { createCredentiallessIframe } from "../../lib/createCredentiallessIframe";
-import { waitForCoValue } from "../../lib/waitForCoValue";
+import { useAccount, useCoState } from "./jazz";
 import { BytesRadioGroup } from "./lib/BytesRadioGroup";
+import { createCredentiallessIframe } from "./lib/createCredentiallessIframe";
 import { generateTestFile } from "./lib/generateTestFile";
 import { getDownloaderPeerUrl } from "./lib/getDownloaderPeerUrl";
 import { getDefaultFileSize, getIsAutoUpload } from "./lib/searchParams";
+import { waitForCoValue } from "./lib/waitForCoValue";
 import { UploadedFile } from "./schema";
 
 export function UploaderPeer() {
@@ -16,16 +16,12 @@ export function UploaderPeer() {
   >(undefined);
   const [syncDuration, setSyncDuration] = useState<number | null>(null);
   const [bytes, setBytes] = useState(getDefaultFileSize);
-  const [synced, setSynced] = useState(false);
 
   const testFile = useCoState(UploadedFile, uploadedFileId, {});
 
   async function uploadTestFile() {
     if (!account) return;
 
-    setUploadedFileId(undefined);
-    setSynced(false);
-
     // Mark the sync start
     performance.mark("sync-start");
 
@@ -38,10 +34,6 @@ export function UploaderPeer() {
     setSyncDuration(null);
     setUploadedFileId(file.id);
 
-    account.me.waitForAllCoValuesSync().then(() => {
-      setSynced(true);
-    });
-
     // The downloader peer will set the syncCompleted to true when the download is complete.
     // We use this to measure the sync duration.
     await waitForCoValue(
@@ -71,23 +63,15 @@ export function UploaderPeer() {
       <BytesRadioGroup selectedValue={bytes} onChange={setBytes} />
 
       <button onClick={uploadTestFile}>Upload Test File</button>
-      {uploadedFileId && (
-        <>
-          <div>{uploadedFileId}</div>
-          <div data-testid="synced-with-server">
-            Synced with the server: {String(synced)}
-          </div>
-        </>
-      )}
-
+      {uploadedFileId && <div>{uploadedFileId}</div>}
       {syncDuration && (
         <div data-testid="sync-duration">
-          Two way sync duration: {syncDuration.toFixed(2)}ms
+          Sync Duration: {syncDuration.toFixed(2)}ms
         </div>
       )}
       {uploadedFileId && (
         <div data-testid="result">
-          Two way sync completed: {String(Boolean(syncDuration))}
+          Sync Completed: {String(Boolean(syncDuration))}
         </div>
       )}
       {testFile?.coMapDownloaded && (

e2e/BinaryCoStream/src/app.tsx

@@ -0,0 +1,24 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { DownloaderPeer } from "./DownloaderPeer";
+import { UploaderPeer } from "./UploaderPeer";
+import { AuthAndJazz } from "./jazz";
+import { getValueId } from "./lib/searchParams";
+
+function Main() {
+  const valueId = getValueId();
+
+  if (valueId) {
+    return <DownloaderPeer testCoMapId={valueId} />;
+  }
+
+  return <UploaderPeer />;
+}
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <AuthAndJazz>
+      <Main />
+    </AuthAndJazz>
+  </React.StrictMode>,
+);

e2e/BinaryCoStream/src/jazz.tsx

@@ -0,0 +1,39 @@
+import { createJazzReactApp, useDemoAuth } from "jazz-react";
+import { useEffect, useRef } from "react";
+import { getValueId } from "./lib/searchParams";
+
+const key = getValueId()
+  ? `downloader-e2e@jazz.tools`
+  : `uploader-e2e@jazz.tools`;
+
+const localSync = new URLSearchParams(location.search).has("localSync");
+
+const Jazz = createJazzReactApp();
+
+export const { useAccount, useCoState } = Jazz;
+
+export function AuthAndJazz({ children }: { children: React.ReactNode }) {
+  const [auth, state] = useDemoAuth();
+
+  const signedUp = useRef(false);
+
+  useEffect(() => {
+    if (state.state === "ready" && !signedUp.current) {
+      state.signUp("Mister X");
+      signedUp.current = true;
+    }
+  }, [state.state]);
+
+  return (
+    <Jazz.Provider
+      auth={auth}
+      peer={
+        localSync
+          ? `ws://localhost:4200?key=${key}`
+          : `wss://cloud.jazz.tools/?key=${key}`
+      }
+    >
+      {children}
+    </Jazz.Provider>
+  );
+}

e2e/BinaryCoStream/src/lib/generateTestFile.ts

@@ -1,4 +1,4 @@
-import { Account, FileStream, Group } from "jazz-tools";
+import { Account, BinaryCoStream, Group } from "jazz-tools";
 import { UploadedFile } from "../schema";
 
 export async function generateTestFile(me: Account, bytes: number) {
@@ -8,7 +8,7 @@ export async function generateTestFile(me: Account, bytes: number) {
   const ownership = { owner: group };
   const testFile = UploadedFile.create(
     {
-      file: await FileStream.createFromBlob(
+      file: await BinaryCoStream.createFromBlob(
         new Blob(["1".repeat(bytes)], { type: "image/png" }),
         ownership,
       ),

e2e/BinaryCoStream/src/lib/getDownloaderPeerUrl.ts

@@ -1,4 +1,4 @@
-import { UploadedFile } from "../schema";
+import { UploadedFile } from "src/schema";
 
 export function getDownloaderPeerUrl(value: UploadedFile) {
   const url = new URL(window.location.href);

e2e/BinaryCoStream/src/schema.tsx

@@ -1,7 +1,7 @@
-import { CoMap, FileStream, co } from "jazz-tools";
+import { BinaryCoStream, CoMap, co } from "jazz-tools";
 
 export class UploadedFile extends CoMap {
-  file = co.ref(FileStream);
+  file = co.ref(BinaryCoStream);
   syncCompleted = co.boolean;
   coMapDownloaded = co.boolean;
 }

e2e/BinaryCoStream/tests/sync.spec.ts

@@ -1,33 +1,23 @@
 import { setTimeout } from "node:timers/promises";
 import { expect, test } from "@playwright/test";
 
-test.describe("FileStream - Sync", () => {
+test.describe("BinaryCoStream - Sync", () => {
   test("should sync a file between the two peers", async ({ page }) => {
-    await page.goto("/file-stream");
+    await page.goto("/");
 
     await page.getByRole("button", { name: "Upload Test File" }).click();
 
     await page.getByTestId("sync-duration").waitFor();
 
-    await expect(page.getByTestId("synced-with-server")).toHaveText(
-      "Synced with the server: true",
-    );
-
-    await expect(page.getByTestId("result")).toHaveText(
-      "Two way sync completed: true",
-    );
+    await expect(page.getByTestId("result")).toHaveText("Sync Completed: true");
   });
 
   test("should handle reconnections", async ({ page, browser }) => {
     const context = browser.contexts()[0];
-    await page.goto("/file-stream?fileSize=" + 1e6); // 1MB file
+    await page.goto("/?fileSize=" + 1e6); // 1MB file
 
     await page.getByRole("button", { name: "Upload Test File" }).click();
 
-    await expect(page.getByTestId("synced-with-server")).toHaveText(
-      "Synced with the server: false",
-    );
-
     // Wait for the coMapDonwloaded signal to ensure that the iframe is loaded
     await page.getByTestId("co-map-downloaded").waitFor();
 
@@ -41,12 +31,6 @@ test.describe("FileStream - Sync", () => {
     // Wait for the sync to complete
     await page.getByTestId("sync-duration").waitFor();
 
-    await expect(page.getByTestId("synced-with-server")).toHaveText(
-      "Synced with the server: true",
-    );
-
-    await expect(page.getByTestId("result")).toHaveText(
-      "Two way sync completed: true",
-    );
+    await expect(page.getByTestId("result")).toHaveText("Sync Completed: true");
   });
 });

e2e/CoValues/.gitignore

@@ -23,5 +23,8 @@ dist-ssr
 *.sln
 *.sw?
 
+sync-db/
 /test-results/
 /playwright-report/
+/blob-report/
+/playwright/.cache/

e2e/CoValues/CHANGELOG.md

@@ -0,0 +1,127 @@
+# @jazz-e2e/covalues
+
+## 0.0.96
+
+### Patch Changes
+
+- Updated dependencies [9c2aadb]
+  - cojson@0.8.19
+  - jazz-react@0.8.19
+  - jazz-tools@0.8.19
+
+## 0.0.95
+
+### Patch Changes
+
+- Updated dependencies [d4319d8]
+  - cojson@0.8.18
+  - jazz-react@0.8.18
+  - jazz-tools@0.8.18
+
+## 0.0.94
+
+### Patch Changes
+
+- Updated dependencies [d433cf4]
+  - cojson@0.8.17
+  - jazz-react@0.8.17
+  - jazz-tools@0.8.17
+
+## 0.0.93
+
+### Patch Changes
+
+- Updated dependencies [2af107c]
+- Updated dependencies [b934fab]
+  - jazz-react@0.8.16
+  - cojson@0.8.16
+  - jazz-tools@0.8.16
+
+## 0.0.92
+
+### Patch Changes
+
+- Updated dependencies [cce679b]
+  - jazz-tools@0.8.15
+  - jazz-react@0.8.15
+
+## 0.0.91
+
+### Patch Changes
+
+- Updated dependencies [36273b3]
+  - jazz-tools@0.8.14
+  - jazz-react@0.8.14
+
+## 0.0.90
+
+### Patch Changes
+
+- Updated dependencies [fd011d7]
+  - jazz-tools@0.8.13
+  - jazz-react@0.8.13
+
+## 0.0.89
+
+### Patch Changes
+
+- Updated dependencies [6ed75eb]
+- Updated dependencies [3cc6aee]
+  - cojson@0.8.12
+  - jazz-react@0.8.12
+  - jazz-tools@0.8.12
+
+## 0.0.88
+
+### Patch Changes
+
+- Updated dependencies [1ed4ab5]
+  - cojson@0.8.11
+  - jazz-react@0.8.11
+  - jazz-tools@0.8.11
+
+## 0.0.87
+
+### Patch Changes
+
+- jazz-react@0.8.7
+
+## 0.0.86
+
+### Patch Changes
+
+- jazz-react@0.8.6
+
+## 0.0.85
+
+### Patch Changes
+
+- Updated dependencies [c3f4e6b]
+- Updated dependencies [d9152ed]
+  - jazz-tools@0.8.5
+  - cojson@0.8.5
+  - jazz-react@0.8.5
+
+## 0.0.84
+
+### Patch Changes
+
+- Updated dependencies
+  - hash-slash@0.2.1
+
+## 0.0.83
+
+### Patch Changes
+
+- Updated dependencies
+  - cojson@0.8.3
+  - jazz-react@0.8.3
+  - jazz-tools@0.8.3
+
+## 0.0.82
+
+### Patch Changes
+
+- Updated dependencies [a075f90]
+  - jazz-tools@0.8.2
+  - jazz-react@0.8.2

e2e/CoValues/package.json

@@ -1,17 +1,15 @@
 {
-  "name": "@jazz/e2e-test-suite",
+  "name": "@jazz-e2e/covalues",
   "private": true,
-  "version": "0.0.110",
+  "version": "0.0.96",
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "dev:local": "VITE_WS_PEER=ws://localhost:4200/ vite",
     "build": "tsc && vite build",
     "preview": "vite preview",
     "format-and-lint": "biome check .",
     "format-and-lint:fix": "biome check . --write",
     "test": "playwright test",
-    "sync": "jazz-run sync",
     "test:ui": "playwright test --ui"
   },
   "dependencies": {
@@ -31,9 +29,9 @@
     "@types/react": "^18.2.19",
     "@types/react-dom": "^18.2.7",
     "@vitejs/plugin-react-swc": "^3.3.2",
+    "jazz-run": "workspace:*",
     "jstat": "^1.9.6",
     "typescript": "^5.3.3",
-    "jazz-run": "workspace:*",
     "vite": "^5.0.10"
   }
 }

e2e/CoValues/playwright.config.ts

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

e2e/CoValues/src/app.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { RouterProvider, createBrowserRouter } from "react-router-dom";
+import { AuthAndJazz } from "./jazz";
+import { ResumeSyncState } from "./pages/ResumeSyncState";
+import { TestInput } from "./pages/TestInput";
+
+const router = createBrowserRouter([
+  {
+    path: "/test-input",
+    element: <TestInput />,
+  },
+  {
+    path: "/resume-sync",
+    element: <ResumeSyncState />,
+  },
+  {
+    path: "/",
+    element: <TestInput />,
+  },
+]);
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <AuthAndJazz>
+      <RouterProvider router={router} />
+    </AuthAndJazz>
+  </React.StrictMode>,
+);

e2e/CoValues/src/jazz.tsx

@@ -1,25 +1,16 @@
 import { createJazzReactApp, useDemoAuth } from "jazz-react";
 import { useEffect, useRef } from "react";
 
+const key = `test-comap@jazz.tools`;
+
 const url = new URL(window.location.href);
-
-const key = `${getUserInfo()}@jazz.tools`;
-
-let peer =
+const peer =
   (url.searchParams.get("peer") as `ws://${string}`) ??
-  `wss://cloud.jazz.tools/?key=${key}`;
-
-if (url.searchParams.has("local")) {
-  peer = `ws://localhost:4200/?key=${key}`;
-}
-
-if (import.meta.env.VITE_WS_PEER) {
-  peer = import.meta.env.VITE_WS_PEER;
-}
+  `wss://cloud.jazz.tools/`;
 
 const Jazz = createJazzReactApp();
 
-export const { useAccount, useCoState, useAcceptInvite } = Jazz;
+export const { useAccount, useCoState } = Jazz;
 
 function getUserInfo() {
   return url.searchParams.get("userName") ?? "Mister X";

e2e/CoValues/tests/ResumeSyncState.spec.ts

@@ -2,13 +2,15 @@ import { setTimeout } from "node:timers/promises";
 import { expect, test } from "@playwright/test";
 
 test.describe("ResumeSyncState", () => {
-  test.skip("should resume the sync even after a page reload", async ({
+  test("should resume the sync even after a page reload", async ({
     page,
     browser,
   }) => {
     const context = page.context();
 
-    await page.goto("/resume-sync?userName=SuperMario");
+    await page.goto(
+      "/resume-sync?userName=SuperMario&peer=ws://localhost:4200",
+    );
 
     const id = await page.getByTestId("id").textContent();
 
@@ -29,7 +31,9 @@ test.describe("ResumeSyncState", () => {
 
     // Reload the page but without loading the coValue
     // await page.goto(`/resume-sync?userName=SuperMario`);
-    await page.goto(`/resume-sync?userName=SuperMario`);
+    await page.goto(
+      `/resume-sync?userName=SuperMario&peer=ws://localhost:4200`,
+    );
 
     await setTimeout(1000);
 
@@ -37,7 +41,9 @@ test.describe("ResumeSyncState", () => {
 
     // Create a new incognito instance and try to load the coValue
     const newUserPage = await (await browser.newContext()).newPage();
-    await newUserPage.goto(`/resume-sync?userName=Luigi&id=${id}`);
+    await newUserPage.goto(
+      `/resume-sync?userName=Luigi&id=${id}&peer=ws://localhost:4200`,
+    );
 
     await expect(newUserPage.getByTestId("id")).toBeInViewport();
 

e2e/CoValues/tsconfig.json

@@ -6,6 +6,7 @@
     "module": "ESNext",
     "skipLibCheck": true,
 
+    /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
@@ -13,15 +14,12 @@
     "noEmit": true,
     "jsx": "react-jsx",
 
+    /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "baseUrl": "./",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "baseUrl": "."
   },
-  "include": ["src"],
-  "references": [{ "path": "./tsconfig.node.json" }]
+  "include": ["src"]
 }

e2e/CoValues/vite.config.ts

@@ -0,0 +1,10 @@
+import react from "@vitejs/plugin-react-swc";
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  build: {
+    minify: false,
+  },
+});

examples/book-shelf/CHANGELOG.md

@@ -1,189 +1,5 @@
 # jazz-example-book-shelf
 
-## 0.1.34
-
-### Patch Changes
-
-- jazz-react@0.8.44
-- jazz-tools@0.8.44
-- jazz-browser-media-images@0.8.44
-
-## 0.1.33
-
-### Patch Changes
-
-- jazz-react@0.8.41
-- jazz-tools@0.8.41
-- jazz-browser-media-images@0.8.41
-
-## 0.1.32
-
-### Patch Changes
-
-- jazz-browser-media-images@0.8.40
-- jazz-react@0.8.40
-
-## 0.1.31
-
-### Patch Changes
-
-- Updated dependencies [249eecb]
-  - jazz-tools@0.8.39
-  - jazz-browser-media-images@0.8.39
-  - jazz-react@0.8.39
-
-## 0.1.30
-
-### Patch Changes
-
-- jazz-react@0.8.38
-- jazz-tools@0.8.38
-- jazz-browser-media-images@0.8.38
-
-## 0.1.29
-
-### Patch Changes
-
-- jazz-react@0.8.37
-- jazz-tools@0.8.37
-- jazz-browser-media-images@0.8.37
-
-## 0.1.28
-
-### Patch Changes
-
-- Updated dependencies [441fe27]
-  - jazz-tools@0.8.36
-  - jazz-react@0.8.36
-  - jazz-browser-media-images@0.8.36
-
-## 0.1.27
-
-### Patch Changes
-
-- Updated dependencies [9212ab8]
-- Updated dependencies [8b87117]
-  - jazz-react@0.8.35
-  - jazz-tools@0.8.35
-  - jazz-browser-media-images@0.8.35
-
-## 0.1.26
-
-### Patch Changes
-
-- jazz-react@0.8.34
-- jazz-tools@0.8.34
-- jazz-browser-media-images@0.8.34
-
-## 0.1.25
-
-### Patch Changes
-
-- jazz-browser-media-images@0.8.33
-- jazz-react@0.8.33
-
-## 0.1.24
-
-### Patch Changes
-
-- Updated dependencies [df42b2b]
-  - jazz-tools@0.8.32
-  - jazz-react@0.8.32
-  - jazz-browser-media-images@0.8.32
-
-## 0.1.23
-
-### Patch Changes
-
-- jazz-react@0.8.31
-- jazz-tools@0.8.31
-- jazz-browser-media-images@0.8.31
-
-## 0.1.22
-
-### Patch Changes
-
-- jazz-react@0.8.30
-- jazz-tools@0.8.30
-- jazz-browser-media-images@0.8.30
-
-## 0.1.21
-
-### Patch Changes
-
-- jazz-react@0.8.29
-- jazz-tools@0.8.29
-- jazz-browser-media-images@0.8.29
-
-## 0.1.20
-
-### Patch Changes
-
-- jazz-react@0.8.28
-- jazz-tools@0.8.28
-- jazz-browser-media-images@0.8.28
-
-## 0.1.19
-
-### Patch Changes
-
-- jazz-react@0.8.27
-- jazz-tools@0.8.27
-- jazz-browser-media-images@0.8.27
-
-## 0.1.18
-
-### Patch Changes
-
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-
-## 0.1.17
-
-### Patch Changes
-
-- jazz-browser-media-images@0.8.24
-- jazz-react@0.8.24
-
-## 0.1.16
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react@0.8.23
-  - jazz-browser-media-images@0.8.23
-
-## 0.1.15
-
-### Patch Changes
-
-- Updated dependencies [59cc64d]
-  - jazz-react@0.8.22
-  - jazz-browser-media-images@0.8.22
-
-## 0.1.14
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-react@0.8.21
-  - jazz-browser-media-images@0.8.21
-
-## 0.1.13
-
-### Patch Changes
-
-- Updated dependencies [dd9b13f]
-- Updated dependencies [a69ed0b]
-- Updated dependencies [3ef3ff3]
-- Updated dependencies [c6931b8]
-  - jazz-react@0.8.20
-  - jazz-browser-media-images@0.8.20
-
 ## 0.1.12
 
 ### Patch Changes

examples/book-shelf/Dockerfile

@@ -1,4 +1,4 @@
 FROM caddy:2.7.3-alpine
-LABEL org.opencontainers.image.source="https://github.com/garden-co/jazz"
+LABEL org.opencontainers.image.source="https://github.com/gardencmp/jazz"
 
 COPY ./dist /usr/share/caddy/

examples/book-shelf/README.md

@@ -1,30 +1,33 @@
-# Book shelf example with Jazz and Next.js
+# Jazz Book Shelf Example
 
-This is an example of a book shelf where you can add and review books.
-It shows you how to create and edit data, upload images, and share data publicly.
-
-Live version: https://books-demo.jazz.tools
+Live version: [https://books-demo.jazz.tools](https://books-demo.jazz.tools)
 
 ## Installing & running the example locally
 
-(This requires `pnpm` to be installed, see [https://pnpm.io/installation](https://pnpm.io/installation))
+(this requires `pnpm` to be installed, see [https://pnpm.io/installation](https://pnpm.io/installation))
+
+Start by checking out `jazz`
+
+Install dependencies:
 
-Start by downloading the [jazz repository](https://github.com/garden-co/jazz):
 ```bash
-npx degit gardencmp/jazz jazz
+pnpm install
 ```
 
-Go to the book-shelf example directory:
+Go to the `examples/book-shelf` directory.
+
 ```bash
-cd jazz/examples/book-shelf
+cd examples/book-shelf
 ```
 
-Install and build dependencies:
+Install dependencies:
+
 ```bash
-pnpm i && npx turbo build
+pnpm install
 ```
 
 Start the dev server:
+
 ```bash
 pnpm dev
 ```
@@ -33,9 +36,8 @@ pnpm dev
 
 If you have feedback, let us know on [Discord](https://discord.gg/utDMjHYg42) or open an issue or PR to fix something that seems wrong.
 
-
 ## Configuration: sync server
 
 By default, the example app uses [Jazz Cloud](https://jazz.tools/cloud) (`wss://cloud.jazz.tools`) - so cross-device use, invites and collaboration should just work.
 
-You can also run a local sync server by running `npx jazz-run sync` and 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 `<Jazz.Provider>` provider component in [./src/components/JazzAndAuth.tsx](./src/components/JazzAndAuth.tsx).
+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 `<Jazz.Provider>` provider component in [./src/components/JazzAndAuth.tsx](./src/2_main.tsx).

examples/book-shelf/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jazz-example-book-shelf",
-  "version": "0.1.34",
+  "version": "0.1.12",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -11,19 +11,19 @@
   },
   "dependencies": {
     "clsx": "^2.0.0",
-    "jazz-browser-media-images": "workspace:0.8.44",
-    "jazz-react": "workspace:0.8.44",
-    "jazz-tools": "workspace:0.8.44",
+    "jazz-browser-media-images": "workspace:0.8.19",
+    "jazz-react": "workspace:0.8.19",
+    "jazz-tools": "workspace:0.8.19",
     "next": "14.2.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@types/node": "^22.5.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^18.2.19",
+    "@types/react-dom": "^18.2.7",
     "postcss": "^8.4.27",
-    "tailwindcss": "^3.4.9",
-    "typescript": "~5.6.2"
+    "tailwindcss": "3.3.2",
+    "typescript": "^5.3.3"
   }
 }

examples/book-shelf/vercel.json

@@ -1,8 +0,0 @@
-{
-  "build": {
-    "env": {
-      "APP_NAME": "books-demo"
-    }
-  },
-  "ignoreCommand": "node ../../ignore-vercel-build.js"
-}

examples/chat-clerk/.gitignore

@@ -22,3 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+sync-db/

examples/chat-clerk/Dockerfile

@@ -1,4 +1,4 @@
 FROM caddy:2.7.3-alpine
-LABEL org.opencontainers.image.source="https://github.com/garden-co/jazz"
+LABEL org.opencontainers.image.source="https://github.com/gardencmp/jazz"
 
 COPY ./dist /usr/share/caddy/

examples/chat-clerk/README.md

@@ -1,29 +1,32 @@
-# Image upload example with Jazz and React
+# Jazz Chat Example (with Clerk auth)
 
-This is an example of how to upload and render images with Jazz.
-
-Live version: https://image-upload-demo.jazz.tools
+Live version: [https://chat-clerk-demo.jazz.tools](https://chat-clerk-demo.jazz.tools)
 
 ## Installing & running the example locally
 
-(This requires `pnpm` to be installed, see [https://pnpm.io/installation](https://pnpm.io/installation))
+(this requires `pnpm` to be installed, see [https://pnpm.io/installation](https://pnpm.io/installation))
+
+Start by checking out `jazz`
 
-Start by downloading the [jazz repository](https://github.com/garden-co/jazz):
 ```bash
-npx degit gardencmp/jazz jazz
+git clone https://github.com/gardencmp/jazz.git
+cd jazz/examples/chat-clerk
+pnpm pack --pack-destination /tmp
+mkdir -p ~/jazz-examples/chat-clerk # or any other directory
+tar -xf /tmp/jazz-example-chat-* --strip-components 1 -C ~/jazz-examples/chat-clerk
+cd ~/jazz-examples/chat-clerk
 ```
 
-Go to the image-upload example directory:
-```bash
-cd jazz/examples/image-upload
-```
+This ensures that you have the example app without git history and independent of the Jazz multi-package monorepo.
+
+Install dependencies:
 
-Install and build dependencies:
 ```bash
-pnpm i && npx turbo build
+pnpm install
 ```
 
 Start the dev server:
+
 ```bash
 pnpm dev
 ```
@@ -32,9 +35,8 @@ pnpm dev
 
 If you have feedback, let us know on [Discord](https://discord.gg/utDMjHYg42) or open an issue or PR to fix something that seems wrong.
 
-
 ## Configuration: sync server
 
 By default, the example app uses [Jazz Cloud](https://jazz.tools/cloud) (`wss://cloud.jazz.tools`) - so cross-device use, invites and collaboration should just work.
 
-You can also run a local sync server by running `npx jazz-run sync` and 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).
+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 `<Jazz.Provider>` provider component in [./src/2_main.tsx](./src/2_main.tsx).

examples/chat-clerk/index.html

@@ -2,11 +2,13 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <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 onboarding example</title>
+    <title>Jazz Chat Example</title>
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/app.tsx"></script>
   </body>
 </html>

examples/chat-clerk/job-template.nomad

@@ -0,0 +1,56 @@
+job "chat$BRANCH_SUFFIX" {
+  region     = "global"
+  datacenters = ["*"]
+
+  group "static" {
+    count = 4
+
+    network {
+      port "http" {
+        to = 80
+      }
+    }
+
+    constraint {
+      attribute = "${node.class}"
+      operator  = "="
+      value     = "cloud"
+    }
+
+    spread {
+      attribute = "${node.datacenter}"
+      weight    = 100
+    }
+
+    constraint {
+      distinct_hosts = true
+    }
+
+    task "server" {
+      driver = "docker"
+
+      config {
+        image = "$DOCKER_TAG"
+        ports = ["http"]
+
+        auth = {
+          username = "$DOCKER_USER"
+          password = "$DOCKER_PASSWORD"
+        }
+      }
+
+      service {
+        tags = ["public"]
+        name = "chat$BRANCH_SUFFIX"
+        port = "http"
+        provider = "consul"
+      }
+
+      resources {
+        cpu    = 50 # MHz
+        memory = 50 # MB
+      }
+    }
+  }
+}
+# deploy bump 4

examples/chat-clerk/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "jazz-example-chat-clerk",
+  "private": true,
+  "version": "0.0.96",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "format-and-lint": "biome check .",
+    "format-and-lint:fix": "biome check . --write",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@clerk/clerk-react": "^5.4.1",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-toast": "^1.1.4",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.0.0",
+    "cojson": "workspace:0.8.19",
+    "hash-slash": "workspace:0.2.1",
+    "jazz-react": "workspace:0.8.19",
+    "jazz-react-auth-clerk": "workspace:0.8.19",
+    "jazz-tools": "workspace:0.8.19",
+    "lucide-react": "^0.274.0",
+    "qrcode": "^1.5.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router": "^6.16.0",
+    "react-router-dom": "^6.16.0",
+    "react-use": "^17.4.0",
+    "tailwind-merge": "^1.14.0",
+    "tailwindcss-animate": "^1.0.7",
+    "uniqolor": "^1.1.0"
+  },
+  "devDependencies": {
+    "@types/qrcode": "^1.5.1",
+    "@types/react": "^18.2.19",
+    "@types/react-dom": "^18.2.7",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "autoprefixer": "^10.4.14",
+    "postcss": "^8.4.27",
+    "tailwindcss": "3.3.2",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.10"
+  }
+}

examples/chat-clerk/src/app.tsx

@@ -0,0 +1,31 @@
+import { useIframeHashRouter } from "hash-slash";
+import { Group, ID } from "jazz-tools";
+import { ChatScreen } from "./chatScreen.tsx";
+import { useAccount } from "./main.tsx";
+import { Chat } from "./schema.ts";
+import { AppContainer, TopBar } from "./ui.tsx";
+
+export function App() {
+  const { me, logOut } = useAccount();
+  const router = useIframeHashRouter();
+
+  const createChat = () => {
+    if (!me) return;
+    const group = Group.create({ owner: me });
+    group.addMember("everyone", "writer");
+    const chat = Chat.create([], { owner: group });
+    router.navigate("/#/chat/" + chat.id);
+  };
+
+  return (
+    <AppContainer>
+      <TopBar>
+        {me?.profile?.name} · <button onClick={logOut}>Log out</button>
+      </TopBar>
+      {router.route({
+        "/": () => createChat() as never,
+        "/chat/:id": (id) => <ChatScreen chatID={id as ID<Chat>} />,
+      })}
+    </AppContainer>
+  );
+}

examples/chat-clerk/src/chatScreen.tsx

@@ -0,0 +1,43 @@
+import { ID } from "jazz-tools";
+import { useCoState } from "./main.tsx";
+import { Chat, Message } from "./schema.ts";
+import {
+  BubbleBody,
+  BubbleContainer,
+  BubbleInfo,
+  ChatContainer,
+  ChatInput,
+  EmptyChatMessage,
+} from "./ui.tsx";
+
+export function ChatScreen(props: { chatID: ID<Chat> }) {
+  const chat = useCoState(Chat, props.chatID, [{}]);
+
+  return chat ? (
+    <ChatContainer>
+      {chat.length > 0 ? (
+        chat.map((msg) => <ChatBubble msg={msg} key={msg.id} />)
+      ) : (
+        <EmptyChatMessage />
+      )}
+      <ChatInput
+        onSubmit={(text) => {
+          chat.push(Message.create({ text }, { owner: chat._owner }));
+        }}
+      />
+    </ChatContainer>
+  ) : (
+    <div>Loading...</div>
+  );
+}
+
+function ChatBubble(props: { msg: Message }) {
+  const lastEdit = props.msg._edits.text;
+
+  return (
+    <BubbleContainer fromMe={lastEdit.by?.isMe}>
+      <BubbleBody>{props.msg.text}</BubbleBody>
+      <BubbleInfo by={lastEdit.by?.profile?.name} madeAt={lastEdit.madeAt} />
+    </BubbleContainer>
+  );
+}

examples/chat-clerk/src/index.css

@@ -0,0 +1,78 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 20 14.3% 4.1%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 20 14.3% 4.1%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 20 14.3% 4.1%;
+
+    --primary: 24 9.8% 10%;
+    --primary-foreground: 60 9.1% 97.8%;
+
+    --secondary: 60 4.8% 95.9%;
+    --secondary-foreground: 24 9.8% 10%;
+
+    --muted: 60 4.8% 95.9%;
+    --muted-foreground: 25 5.3% 44.7%;
+
+    --accent: 60 4.8% 95.9%;
+    --accent-foreground: 24 9.8% 10%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 60 9.1% 97.8%;
+
+    --border: 20 5.9% 90%;
+    --input: 20 5.9% 90%;
+    --ring: 20 14.3% 4.1%;
+
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 20 14.3% 4.1%;
+    --foreground: 60 9.1% 97.8%;
+
+    --card: 20 14.3% 4.1%;
+    --card-foreground: 60 9.1% 97.8%;
+
+    --popover: 20 14.3% 4.1%;
+    --popover-foreground: 60 9.1% 97.8%;
+
+    --primary: 60 9.1% 97.8%;
+    --primary-foreground: 24 9.8% 10%;
+
+    --secondary: 12 6.5% 15.1%;
+    --secondary-foreground: 60 9.1% 97.8%;
+
+    --muted: 12 6.5% 15.1%;
+    --muted-foreground: 24 5.4% 63.9%;
+
+    --accent: 12 6.5% 15.1%;
+    --accent-foreground: 60 9.1% 97.8%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 60 9.1% 97.8%;
+
+    --border: 12 6.5% 15.1%;
+    --input: 12 6.5% 15.1%;
+    --ring: 24 5.7% 82.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+    margin: 0;
+    padding: 0;
+  }
+}

examples/chat-clerk/src/main.tsx

@@ -1,17 +1,10 @@
-import { ClerkProvider, SignInButton, useClerk } from "@clerk/clerk-react";
 import { createJazzReactApp } from "jazz-react";
-import { useJazzClerkAuth } from "jazz-react-auth-clerk";
 import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
-import App from "./App.tsx";
-import "./index.css";
+import { App } from "./app.tsx";
 
-// Import your publishable key
-const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY;
-
-if (!PUBLISHABLE_KEY) {
-  throw new Error("Add your Clerk publishable key to the .env.local file");
-}
+import { ClerkProvider, SignInButton, useClerk } from "@clerk/clerk-react";
+import { useJazzClerkAuth } from "jazz-react-auth-clerk";
 
 const Jazz = createJazzReactApp();
 export const { useAccount, useCoState } = Jazz;
@@ -21,27 +14,30 @@ function JazzAndAuth({ children }: { children: React.ReactNode }) {
   const [auth, state] = useJazzClerkAuth(clerk);
 
   return (
-    <main className="container">
-      {state?.errors?.map((error) => (
+    <>
+      {state.errors.map((error) => (
         <div key={error}>{error}</div>
       ))}
-      {clerk.user && auth ? (
+      {auth ? (
         <Jazz.Provider
           auth={auth}
-          peer="wss://cloud.jazz.tools/?key=minimal-auth-clerk-example@garden.co"
+          peer="wss://cloud.jazz.tools/?key=chat-example-jazz-clerk@gcmp.io"
         >
           {children}
         </Jazz.Provider>
       ) : (
         <SignInButton />
       )}
-    </main>
+    </>
   );
 }
 
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
-    <ClerkProvider publishableKey={PUBLISHABLE_KEY} afterSignOutUrl="/">
+    <ClerkProvider
+      publishableKey={import.meta.env.VITE_CLERK_PUBLISHABLE_KEY}
+      afterSignOutUrl="/"
+    >
       <JazzAndAuth>
         <App />
       </JazzAndAuth>

examples/chat-clerk/src/schema.ts

@@ -0,0 +1,7 @@
+import { CoList, CoMap, co } from "jazz-tools";
+
+export class Message extends CoMap {
+  text = co.string;
+}
+
+export class Chat extends CoList.Of(co.ref(Message)) {}

examples/chat-clerk/src/ui.tsx

@@ -0,0 +1,63 @@
+export function AppContainer(props: { children: React.ReactNode }) {
+  return (
+    <div className="flex flex-col items-center justify-between w-screen h-screen p-2 dark:bg-black dark:text-white">
+      {props.children}
+    </div>
+  );
+}
+
+export function TopBar(props: { children: React.ReactNode }) {
+  return (
+    <div className="mb-5 px-2 py-1 text-sm self-end">{props.children}</div>
+  );
+}
+
+export function ChatContainer(props: { children: React.ReactNode }) {
+  return (
+    <div className="w-full max-w-xl h-full flex flex-col items-stretch">
+      {props.children}
+    </div>
+  );
+}
+
+export function EmptyChatMessage() {
+  return <div className="m-auto text-sm">(Empty chat)</div>;
+}
+
+export function BubbleContainer(props: {
+  children: React.ReactNode;
+  fromMe: boolean | undefined;
+}) {
+  const align = props.fromMe ? "items-end" : "items-start";
+  return <div className={`${align} flex flex-col`}>{props.children}</div>;
+}
+
+export function BubbleBody(props: { children: React.ReactNode }) {
+  return (
+    <div className="rounded-xl bg-stone-100 dark:bg-stone-700 dark:text-white py-2 px-4 mt-2 min-w-[5rem]">
+      {props.children}
+    </div>
+  );
+}
+
+export function BubbleInfo(props: { by: string | undefined; madeAt: Date }) {
+  return (
+    <div className="text-xs text-neutral-500 ml-2">
+      {props.by} {props.madeAt.toLocaleTimeString()}
+    </div>
+  );
+}
+
+export function ChatInput(props: { onSubmit: (text: string) => void }) {
+  return (
+    <input
+      className="rounded p-2 border mt-auto dark:bg-black dark:text-white border-stone-300 dark:border-stone-700"
+      placeholder="Type a message and press Enter"
+      onKeyDown={({ key, currentTarget: input }) => {
+        if (key !== "Enter" || !input.value) return;
+        props.onSubmit(input.value);
+        input.value = "";
+      }}
+    />
+  );
+}

examples/chat-clerk/tailwind.config.js

@@ -1,7 +1,5 @@
-import type { Config } from "tailwindcss";
-import animate from "tailwindcss-animate";
-
-const config: Config = {
+/** @type {import('tailwindcss').Config} */
+module.exports = {
   content: [
     "./pages/**/*.{ts,tsx}",
     "./components/**/*.{ts,tsx}",
@@ -59,12 +57,12 @@ const config: Config = {
       },
       keyframes: {
         "accordion-down": {
-          from: { height: "0" },
+          from: { height: 0 },
           to: { height: "var(--radix-accordion-content-height)" },
         },
         "accordion-up": {
           from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: "0" },
+          to: { height: 0 },
         },
       },
       animation: {
@@ -73,7 +71,5 @@ const config: Config = {
       },
     },
   },
-  plugins: [animate],
+  plugins: [require("tailwindcss-animate")],
 };
-
-export default config;

examples/chat-clerk/vite.config.ts

@@ -1,11 +1,10 @@
 import path from "path";
 import react from "@vitejs/plugin-react-swc";
 import { defineConfig } from "vite";
-import topLevelAwait from "vite-plugin-top-level-await";
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react(), topLevelAwait()],
+  plugins: [react()],
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),

examples/chat-rn-clerk/.env

@@ -1 +1 @@
-EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_ZXZpZGVudC1kYW5lLTg5LmNsZXJrLmFjY291bnRzLmRldiQ
+EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_ZXZpZGVudC1kYW5lLTg5LmNsZXJrLmFjY291bnRzLmRldiQ

examples/chat-rn-clerk/CHANGELOG.md

@@ -1,203 +1,5 @@
 # chat-rn-clerk
 
-## 1.0.34
-
-### Patch Changes
-
-- jazz-react-native@0.8.44
-- jazz-react-native-auth-clerk@0.8.44
-- jazz-tools@0.8.44
-- jazz-react-native-media-images@0.8.44
-
-## 1.0.33
-
-### Patch Changes
-
-- cdc7f9f: Fixing react-native examples
-- Updated dependencies [cdc7f9f]
-  - jazz-react-native-auth-clerk@0.8.43
-
-## 1.0.32
-
-### Patch Changes
-
-- jazz-react-native@0.8.41
-- jazz-react-native-auth-clerk@0.8.41
-- jazz-tools@0.8.41
-- jazz-react-native-media-images@0.8.41
-
-## 1.0.31
-
-### Patch Changes
-
-- Updated dependencies [0c6b0f3]
-- Updated dependencies [249eecb]
-  - jazz-react-native@0.8.39
-  - jazz-tools@0.8.39
-  - jazz-react-native-auth-clerk@0.8.39
-  - jazz-react-native-media-images@0.8.39
-
-## 1.0.30
-
-### Patch Changes
-
-- jazz-react-native@0.8.38
-- jazz-react-native-auth-clerk@0.8.38
-- jazz-tools@0.8.38
-- jazz-react-native-media-images@0.8.38
-
-## 1.0.29
-
-### Patch Changes
-
-- jazz-react-native@0.8.37
-- jazz-react-native-auth-clerk@0.8.37
-- jazz-tools@0.8.37
-- jazz-react-native-media-images@0.8.28
-
-## 1.0.28
-
-### Patch Changes
-
-- c84764a: feat: added jazz-react-native-auth-clerk package
-- Updated dependencies [c84764a]
-- Updated dependencies [441fe27]
-  - jazz-react-native-auth-clerk@0.8.36
-  - jazz-react-native@0.8.36
-  - jazz-tools@0.8.36
-  - jazz-react-native-media-images@0.8.27
-
-## 1.0.27
-
-### Patch Changes
-
-- Updated dependencies [8b87117]
-  - jazz-tools@0.8.35
-  - jazz-react-auth-clerk@0.8.35
-  - jazz-react-native@0.8.35
-  - jazz-react-native-media-images@0.8.26
-
-## 1.0.26
-
-### Patch Changes
-
-- Updated dependencies [9ca25d1]
-  - jazz-react-auth-clerk@0.8.34
-  - jazz-react-native@0.8.34
-  - jazz-tools@0.8.34
-  - jazz-react-native-media-images@0.8.25
-
-## 1.0.25
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.33
-
-## 1.0.24
-
-### Patch Changes
-
-- Updated dependencies [1a4bda0]
-- Updated dependencies [df42b2b]
-  - jazz-react-auth-clerk@0.8.32
-  - jazz-tools@0.8.32
-  - jazz-react-native@0.8.32
-  - jazz-react-native-media-images@0.8.24
-
-## 1.0.23
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.31
-- jazz-react-native@0.8.31
-- jazz-tools@0.8.31
-- jazz-react-native-media-images@0.8.23
-
-## 1.0.22
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.30
-- jazz-react-native@0.8.30
-- jazz-tools@0.8.30
-- jazz-react-native-media-images@0.8.22
-
-## 1.0.21
-
-### Patch Changes
-
-- jazz-react-native@0.8.29
-- jazz-react-auth-clerk@0.8.29
-- jazz-tools@0.8.29
-- jazz-react-native-media-images@0.8.21
-
-## 1.0.20
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.28
-- jazz-react-native@0.8.28
-- jazz-tools@0.8.28
-- jazz-react-native-media-images@0.8.20
-
-## 1.0.19
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.27
-- jazz-react-native@0.8.27
-- jazz-tools@0.8.27
-- jazz-react-native-media-images@0.8.19
-
-## 1.0.18
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.26
-
-## 1.0.17
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.24
-
-## 1.0.16
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react-auth-clerk@0.8.23
-  - jazz-react-native@0.8.23
-  - jazz-react-native-media-images@0.8.18
-
-## 1.0.15
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.22
-
-## 1.0.14
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-react-auth-clerk@0.8.21
-  - jazz-react-native@0.8.21
-  - jazz-react-native-media-images@0.8.17
-
-## 1.0.13
-
-### Patch Changes
-
-- Updated dependencies [3ef3ff3]
-  - jazz-react-native-media-images@0.8.16
-  - jazz-react-native@0.8.20
-  - jazz-react-auth-clerk@0.8.20
-
 ## 1.0.12
 
 ### Patch Changes

examples/chat-rn-clerk/app.json

@@ -35,9 +35,7 @@
           }
         }
       ],
-      "expo-secure-store",
-      "expo-font",
-      "expo-router"
+      "expo-secure-store"
     ],
     "extra": {
       "eas": {

examples/chat-rn-clerk/app/_layout.tsx

@@ -1,4 +1,3 @@
-import "../global.css";
 import { ClerkLoaded, ClerkProvider } from "@clerk/clerk-expo";
 import { useFonts } from "expo-font";
 import { Slot } from "expo-router";

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

@@ -1,9 +1,7 @@
 module.exports = function (api) {
   api.cache(true);
   return {
-    presets: [
-      ["babel-preset-expo", { jsxImportSource: "nativewind" }],
-      "nativewind/babel",
-    ],
+    presets: ["babel-preset-expo"],
+    plugins: ["nativewind/babel", "@babel/plugin-transform-class-static-block"],
   };
 };

examples/chat-rn-clerk/cache.ts

@@ -4,7 +4,7 @@ import { Platform } from "react-native";
 export interface TokenCache {
   getToken: (key: string) => Promise<string | undefined | null>;
   saveToken: (key: string, token: string) => Promise<void>;
-  clearToken: (key: string) => void;
+  clearToken?: (key: string) => void;
 }
 
 const createTokenCache = (): TokenCache => {
@@ -27,9 +27,6 @@ const createTokenCache = (): TokenCache => {
     saveToken: (key: string, token: string) => {
       return SecureStore.setItemAsync(key, token);
     },
-    clearToken: (key: string) => {
-      return SecureStore.deleteItemAsync(key);
-    },
   };
 };
 

examples/chat-rn-clerk/global.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

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

@@ -1,6 +1,5 @@
 // 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");
 
@@ -20,10 +19,7 @@ config.resolver.nodeModulesPaths = [
 ];
 config.resolver.sourceExts = ["mjs", "js", "json", "ts", "tsx"];
 config.resolver.unstable_enablePackageExports = true;
-config.resolver.requireCycleIgnorePatterns = [
-  /(^|\/|\\)node_modules($|\/|\\)/,
-  /(^|\/|\\)packages($|\/|\\)/,
-];
+config.resolver.requireCycleIgnorePatterns = [/(^|\/|\\)node_modules($|\/|\\)/];
 
 // Use turborepo to restore the cache when possible
 config.cacheStores = [
@@ -32,5 +28,4 @@ config.cacheStores = [
   }),
 ];
 
-// module.exports = config;
-module.exports = withNativeWind(config, { input: "./global.css" });
+module.exports = config;

examples/chat-rn-clerk/package.json

@@ -1,7 +1,7 @@
 {
   "name": "chat-rn-clerk",
   "main": "index.js",
-  "version": "1.0.34",
+  "version": "1.0.12",
   "scripts": {
     "build": "expo export -p ios",
     "start": "expo start",
@@ -17,61 +17,63 @@
   },
   "dependencies": {
     "@azure/core-asynciterator-polyfill": "^1.0.2",
-    "@bam.tech/react-native-image-resizer": "^3.0.11",
+    "@bam.tech/react-native-image-resizer": "^3.0.10",
     "@clerk/clerk-expo": "^2.2.21",
     "@expo/vector-icons": "^14.0.2",
-    "@react-native-community/netinfo": "^11.4.1",
-    "@react-navigation/native": "^7.0.13",
-    "@react-navigation/native-stack": "^7.1.14",
+    "@react-native-community/netinfo": "^11.3.1",
+    "@react-navigation/native": "^6.1.18",
+    "@react-navigation/native-stack": "^6.11.0",
     "base-64": "^1.0.0",
     "buffer": "^6.0.3",
     "clsx": "^2.0.0",
-    "expo": "^52.0.0",
-    "expo-build-properties": "~0.13.1",
-    "expo-clipboard": "~7.0.0",
-    "expo-constants": "~17.0.3",
-    "expo-crypto": "~14.0.1",
-    "expo-dev-client": "~5.0.5",
-    "expo-file-system": "^18.0.4",
-    "expo-font": "~13.0.1",
-    "expo-linking": "~7.0.3",
-    "expo-router": "~4.0.11",
-    "expo-secure-store": "~14.0.0",
-    "expo-splash-screen": "~0.29.16",
-    "expo-status-bar": "~2.0.0",
-    "expo-system-ui": "~4.0.5",
-    "expo-web-browser": "~14.0.1",
+    "expo": "~51.0.37",
+    "expo-build-properties": "~0.12.5",
+    "expo-clipboard": "~6.0.3",
+    "expo-constants": "~16.0.2",
+    "expo-crypto": "~13.0.2",
+    "expo-dev-client": "~4.0.28",
+    "expo-file-system": "^17.0.1",
+    "expo-font": "~12.0.4",
+    "expo-linking": "~6.3.1",
+    "expo-router": "~3.5.23",
+    "expo-secure-store": "~13.0.2",
+    "expo-splash-screen": "~0.27.5",
+    "expo-status-bar": "~1.12.1",
+    "expo-system-ui": "~3.0.7",
+    "expo-web-browser": "~13.0.3",
+    "jazz-react-auth-clerk": "workspace:*",
     "jazz-react-native": "workspace:*",
-    "jazz-react-native-auth-clerk": "workspace:*",
     "jazz-react-native-media-images": "workspace:*",
     "jazz-tools": "workspace:*",
-    "nativewind": "^4.1.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-native": "~0.76.3",
+    "nativewind": "^2.0.11",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-native": "~0.74.5",
     "react-native-fetch-api": "^3.0.0",
-    "react-native-gesture-handler": "~2.20.2",
+    "react-native-gesture-handler": "~2.16.1",
     "react-native-get-random-values": "^1.11.0",
+    "react-native-mmkv": "3.0.1",
     "react-native-polyfill-globals": "^3.1.0",
     "react-native-quick-base64": "^2.1.2",
-    "react-native-reanimated": "~3.16.3",
-    "react-native-safe-area-context": "4.12.0",
-    "react-native-screens": "4.1.0",
+    "react-native-reanimated": "~3.10.1",
+    "react-native-safe-area-context": "4.10.5",
+    "react-native-screens": "3.31.1",
     "react-native-url-polyfill": "^2.0.0",
-    "react-native-web": "~0.19.13",
+    "react-native-web": "~0.19.10",
     "text-encoding": "^0.7.0",
     "web-streams-polyfill": "^3.2.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
+    "@babel/plugin-transform-class-static-block": "^7.24.7",
     "@types/jest": "^29.5.3",
-    "@types/react": "^18.3.12",
+    "@types/react": "^18.2.19",
     "@types/react-test-renderer": "^18.0.7",
     "jest": "^29.2.1",
-    "jest-expo": "~52.0.2",
+    "jest-expo": "~51.0.3",
     "react-test-renderer": "18.2.0",
-    "tailwindcss": "^3.4.15",
-    "typescript": "~5.6.2"
+    "tailwindcss": "3.3.2",
+    "typescript": "^5.3.3"
   },
   "private": true
 }

examples/chat-rn-clerk/src/auth-context.tsx

@@ -1,14 +1,14 @@
 import { useClerk, useUser } from "@clerk/clerk-expo";
-import { useJazzClerkAuth } from "jazz-react-native-auth-clerk";
+import { useJazzClerkAuth } from "jazz-react-auth-clerk";
 import React, {
-  createContext,
-  PropsWithChildren,
   useContext,
+  createContext,
   useEffect,
   useState,
+  PropsWithChildren,
 } from "react";
 import { Text, View } from "react-native";
-import { Jazz, kvStore } from "./jazz";
+import { Jazz } from "./jazz";
 
 const AuthContext = createContext<{
   isAuthenticated: boolean;
@@ -25,7 +25,7 @@ export function useAuth() {
 export function JazzAndAuth({ children }: PropsWithChildren) {
   const { isSignedIn, isLoaded: isClerkLoaded } = useUser();
   const clerk = useClerk();
-  const [auth, state] = useJazzClerkAuth(clerk, kvStore);
+  const [auth, state] = useJazzClerkAuth(clerk);
   const [isAuthenticated, setIsAuthenticated] = useState(false);
 
   useEffect(() => {
@@ -46,10 +46,10 @@ export function JazzAndAuth({ children }: PropsWithChildren) {
             <Text style={{ color: "red" }}>{error}</Text>
           </View>
         ))}
-      {auth && clerk.user ? (
+      {auth ? (
         <Jazz.Provider
           auth={auth}
-          peer="wss://cloud.jazz.tools/?key=chat-rn-clerk-example-jazz@garden.co"
+          peer="wss://cloud.jazz.tools/?key=chat-rn-clerk-example-jazz@gcmp.io"
           storage={undefined}
         >
           {children}

examples/chat-rn-clerk/src/jazz.tsx

@@ -1,4 +1,4 @@
 import { createJazzRNApp } from "jazz-react-native";
 
 export const Jazz = createJazzRNApp();
-export const { useAccount, useCoState, useAcceptInvite, kvStore } = Jazz;
+export const { useAccount, useCoState, useAcceptInvite } = Jazz;

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

@@ -1,12 +1,10 @@
 /** @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: {},
   },

examples/chat-rn-clerk/tsconfig.json

@@ -7,5 +7,5 @@
       "@/*": ["./*"]
     }
   },
-  "include": ["**/*.ts", "**/*.tsx", "nativewind-env.d.ts"]
+  "include": ["**/*.ts", "**/*.tsx"]
 }

examples/chat-rn/CHANGELOG.md

@@ -1,134 +1,5 @@
 # chat-rn
 
-## 1.0.31
-
-### Patch Changes
-
-- jazz-react-native@0.8.44
-- jazz-tools@0.8.44
-
-## 1.0.30
-
-### Patch Changes
-
-- jazz-react-native@0.8.41
-- jazz-tools@0.8.41
-
-## 1.0.29
-
-### Patch Changes
-
-- Updated dependencies [0c6b0f3]
-- Updated dependencies [249eecb]
-  - jazz-react-native@0.8.39
-  - jazz-tools@0.8.39
-
-## 1.0.28
-
-### Patch Changes
-
-- jazz-react-native@0.8.38
-- jazz-tools@0.8.38
-
-## 1.0.27
-
-### Patch Changes
-
-- jazz-react-native@0.8.37
-- jazz-tools@0.8.37
-
-## 1.0.26
-
-### Patch Changes
-
-- Updated dependencies [c84764a]
-- Updated dependencies [441fe27]
-  - jazz-react-native@0.8.36
-  - jazz-tools@0.8.36
-
-## 1.0.25
-
-### Patch Changes
-
-- Updated dependencies [8b87117]
-  - jazz-tools@0.8.35
-  - jazz-react-native@0.8.35
-
-## 1.0.24
-
-### Patch Changes
-
-- jazz-react-native@0.8.34
-- jazz-tools@0.8.34
-
-## 1.0.23
-
-### Patch Changes
-
-- Updated dependencies [df42b2b]
-  - jazz-tools@0.8.32
-  - jazz-react-native@0.8.32
-
-## 1.0.22
-
-### Patch Changes
-
-- jazz-react-native@0.8.31
-- jazz-tools@0.8.31
-
-## 1.0.21
-
-### Patch Changes
-
-- jazz-react-native@0.8.30
-- jazz-tools@0.8.30
-
-## 1.0.20
-
-### Patch Changes
-
-- jazz-react-native@0.8.29
-- jazz-tools@0.8.29
-
-## 1.0.19
-
-### Patch Changes
-
-- jazz-react-native@0.8.28
-- jazz-tools@0.8.28
-
-## 1.0.18
-
-### Patch Changes
-
-- jazz-react-native@0.8.27
-- jazz-tools@0.8.27
-
-## 1.0.17
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react-native@0.8.23
-
-## 1.0.16
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-react-native@0.8.21
-
-## 1.0.15
-
-### Patch Changes
-
-- Updated dependencies [3ef3ff3]
-  - jazz-react-native@0.8.20
-
 ## 1.0.14
 
 ### Patch Changes

examples/chat-rn/babel.config.js

@@ -2,6 +2,6 @@ module.exports = function (api) {
   api.cache(true);
   return {
     presets: ["babel-preset-expo"],
-    plugins: ["nativewind/babel"],
+    plugins: ["nativewind/babel", "@babel/plugin-transform-class-static-block"],
   };
 };

examples/chat-rn/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-rn",
-  "version": "1.0.31",
+  "version": "1.0.14",
   "main": "index.js",
   "scripts": {
     "build": "expo export -p ios",
@@ -13,40 +13,42 @@
   },
   "dependencies": {
     "@azure/core-asynciterator-polyfill": "^1.0.2",
-    "@react-native-community/netinfo": "^11.4.1",
-    "@react-navigation/native": "^7.0.13",
-    "@react-navigation/native-stack": "^7.1.14",
+    "@react-native-community/netinfo": "^11.3.1",
+    "@react-navigation/native": "^6.1.18",
+    "@react-navigation/native-stack": "^6.11.0",
     "base-64": "^1.0.0",
     "clsx": "^2.0.0",
-    "expo": "^52.0.0",
-    "expo-build-properties": "~0.13.1",
-    "expo-clipboard": "~7.0.0",
-    "expo-constants": "~17.0.3",
-    "expo-crypto": "~14.0.1",
-    "expo-dev-client": "~5.0.5",
-    "expo-linking": "~7.0.3",
-    "expo-secure-store": "~14.0.0",
-    "expo-status-bar": "~2.0.0",
-    "expo-web-browser": "~14.0.1",
+    "expo": "~51.0.37",
+    "expo-build-properties": "~0.12.5",
+    "expo-clipboard": "~6.0.3",
+    "expo-constants": "~16.0.2",
+    "expo-crypto": "~13.0.2",
+    "expo-dev-client": "~4.0.28",
+    "expo-linking": "~6.3.1",
+    "expo-secure-store": "~13.0.2",
+    "expo-status-bar": "~1.12.1",
+    "expo-web-browser": "~13.0.3",
     "jazz-react-native": "workspace:*",
     "jazz-tools": "workspace:*",
     "nativewind": "^2.0.11",
-    "react": "^18.3.1",
-    "react-native": "~0.76.3",
+    "react": "^18.2.0",
+    "react-native": "~0.74.5",
     "react-native-fetch-api": "^3.0.0",
     "react-native-get-random-values": "^1.11.0",
+    "react-native-mmkv": "3.0.1",
     "react-native-polyfill-globals": "^3.1.0",
-    "react-native-safe-area-context": "4.12.0",
-    "react-native-screens": "4.1.0",
+    "react-native-safe-area-context": "4.10.5",
+    "react-native-screens": "3.31.1",
     "react-native-url-polyfill": "^2.0.0",
     "text-encoding": "^0.7.0",
     "web-streams-polyfill": "^3.2.1"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
-    "@types/react": "^18.3.12",
-    "tailwindcss": "^3.4.9",
-    "typescript": "~5.6.2"
+    "@babel/plugin-transform-class-static-block": "^7.24.7",
+    "@types/react": "^18.2.19",
+    "tailwindcss": "3.3.2",
+    "typescript": "^5.3.3"
   },
   "private": true
 }

examples/chat-rn/src/App.tsx

@@ -51,7 +51,7 @@ function App() {
     <StrictMode>
       <Jazz.Provider
         auth={auth}
-        peer="wss://cloud.jazz.tools/?key=chat-rn-example-jazz@garden.co"
+        peer="wss://cloud.jazz.tools/?key=chat-rn-example-jazz@gcmp.io"
         storage={undefined}
       >
         <NavigationContainer linking={linking} ref={navigationRef}>

examples/chat-rn/tailwind.config.js

@@ -0,0 +1,12 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./app/**/*.{js,jsx,ts,tsx}",
+    "./components/**/*.{js,jsx,ts,tsx}",
+    "./src/**/*.{js,jsx,ts,tsx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+};

examples/chat-vue/CHANGELOG.md

@@ -1,183 +1,5 @@
 # chat-vue
 
-## 0.0.25
-
-### Patch Changes
-
-- jazz-browser@0.8.44
-- jazz-tools@0.8.44
-- jazz-vue@0.8.44
-
-## 0.0.24
-
-### Patch Changes
-
-- Updated dependencies [ac216b9]
-  - jazz-browser@0.8.41
-  - jazz-tools@0.8.41
-  - jazz-vue@0.8.41
-
-## 0.0.23
-
-### Patch Changes
-
-- jazz-browser@0.8.40
-- jazz-vue@0.8.40
-
-## 0.0.22
-
-### Patch Changes
-
-- Updated dependencies [e386f2b]
-- Updated dependencies [249eecb]
-  - jazz-browser@0.8.39
-  - jazz-tools@0.8.39
-  - jazz-vue@0.8.39
-
-## 0.0.21
-
-### Patch Changes
-
-- jazz-browser@0.8.38
-- jazz-tools@0.8.38
-- jazz-vue@0.8.38
-
-## 0.0.20
-
-### Patch Changes
-
-- jazz-browser@0.8.37
-- jazz-tools@0.8.37
-- jazz-vue@0.8.25
-
-## 0.0.19
-
-### Patch Changes
-
-- Updated dependencies [441fe27]
-  - jazz-tools@0.8.36
-  - jazz-browser@0.8.36
-  - jazz-vue@0.8.24
-
-## 0.0.18
-
-### Patch Changes
-
-- Updated dependencies [8b87117]
-  - jazz-tools@0.8.35
-  - jazz-browser@0.8.35
-  - jazz-vue@0.8.23
-
-## 0.0.17
-
-### Patch Changes
-
-- jazz-browser@0.8.34
-- jazz-tools@0.8.34
-- jazz-vue@0.8.22
-
-## 0.0.16
-
-### Patch Changes
-
-- Updated dependencies [3cb27e1]
-  - jazz-browser@0.8.33
-  - jazz-vue@0.8.21
-
-## 0.0.15
-
-### Patch Changes
-
-- Updated dependencies [df42b2b]
-  - jazz-tools@0.8.32
-  - jazz-browser@0.8.32
-  - jazz-vue@0.8.20
-
-## 0.0.14
-
-### Patch Changes
-
-- jazz-browser@0.8.31
-- jazz-tools@0.8.31
-- jazz-vue@0.8.19
-
-## 0.0.13
-
-### Patch Changes
-
-- jazz-browser@0.8.30
-- jazz-tools@0.8.30
-- jazz-vue@0.8.18
-
-## 0.0.12
-
-### Patch Changes
-
-- jazz-browser@0.8.29
-- jazz-tools@0.8.29
-- jazz-vue@0.8.17
-
-## 0.0.11
-
-### Patch Changes
-
-- jazz-browser@0.8.28
-- jazz-tools@0.8.28
-- jazz-vue@0.8.16
-
-## 0.0.10
-
-### Patch Changes
-
-- jazz-browser@0.8.27
-- jazz-tools@0.8.27
-- jazz-vue@0.8.15
-
-## 0.0.9
-
-### Patch Changes
-
-- jazz-browser@0.8.24
-- jazz-vue@0.8.14
-
-## 0.0.8
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [e442bb8]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-browser@0.8.23
-  - jazz-vue@0.8.13
-
-## 0.0.7
-
-### Patch Changes
-
-- a734530: fix useCoState reactivity
-- Updated dependencies [f6bc8af]
-- Updated dependencies [a734530]
-  - jazz-browser@0.8.22
-  - jazz-vue@0.8.12
-
-## 0.0.6
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-browser@0.8.21
-  - jazz-vue@0.8.11
-
-## 0.0.5
-
-### Patch Changes
-
-- jazz-browser@0.8.20
-- jazz-vue@0.8.10
-
 ## 0.0.4
 
 ### Patch Changes

examples/chat-vue/README.md

@@ -1,35 +1,39 @@
-# Chat example with Jazz and Vue
+# chat-vue
 
-## Installing & running the example locally
+This template should help get you started developing with Vue 3 in Vite.
 
-(This requires `pnpm` to be installed, see [https://pnpm.io/installation](https://pnpm.io/installation))
+## Recommended IDE Setup
 
-Start by downloading the [jazz repository](https://github.com/garden-co/jazz):
-```bash
-npx degit gardencmp/jazz jazz
+[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur).
+
+## Type Support for `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
+
+## Customize configuration
+
+See [Vite Configuration Reference](https://vite.dev/config/).
+
+## Project Setup
+
+```sh
+pnpm install
 ```
 
-Go to the todo-vue example directory:
-```bash
-cd jazz/examples/chat-vue
-```
+### Compile and Hot-Reload for Development
 
-Install and build dependencies:
-```bash
-pnpm i && npx turbo build
-```
-
-Start the dev server:
-```bash
+```sh
 pnpm dev
 ```
 
-## Questions / problems / feedback
+### Type-Check, Compile and Minify for Production
 
-If you have feedback, let us know on [Discord](https://discord.gg/utDMjHYg42) or open an issue or PR to fix something that seems wrong.
+```sh
+pnpm build
+```
 
-## Configuration: sync server
+### Lint with [ESLint](https://eslint.org/)
 
-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 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).
+```sh
+pnpm lint
+```