Revert "Fix Error - 'ErrorLoadingCoValueCore'"

This reverts commit 0d43b2edbc.
Revert "fix(coValueState): once a coValue is loaded send the known state to the rest of the peers"
2024-11-22 11:34:28 +01:00 · 2024-11-22 11:28:21 +01:00 · 2024-11-22 11:28:10 +01:00
536 changed files with 8558 additions and 46445 deletions
--- a/.changeset/config.json
+++ b/.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",
--- a/.changeset/flat-trains-give.md
+++ b/.changeset/flat-trains-give.md
@@ -1,6 +0,0 @@
---
-"jazz-browser": patch
-"jazz-inspector": patch
---
-
-Automatically set up the Cmd+J listener if 'allowJazzInspector' is present in the URL. Cmd+J opens inspector.jazz.tools with the current user's account.
--- a/.changeset/modern-dancers-worry.md
+++ b/.changeset/modern-dancers-worry.md
@@ -1,5 +0,0 @@
---
-"jazz-react-native": patch
---
-
-Reconnect automatically when the WebSocket is closed by the server
--- a/.changeset/perfect-rats-complain.md
+++ b/.changeset/perfect-rats-complain.md
@@ -1,6 +0,0 @@
---
-"jazz-tools": patch
-"cojson": patch
---
-
-Added new APIs to wait for CoValue sync
--- a/.changeset/tame-suns-jam.md
+++ b/.changeset/tame-suns-jam.md
@@ -1,5 +0,0 @@
---
-"cojson-storage-sqlite": patch
---
-
-Bump better-sqlite3 dependency, which drops support for Node v21
--- a/.changeset/twenty-carrots-run.md
+++ b/.changeset/twenty-carrots-run.md
@@ -1,5 +0,0 @@
---
-"jazz-run": patch
---
-
-Refactored to use the new waitForAllCoValuesSync API
--- a/.github/workflows/build-examples.yaml
+++ b/.github/workflows/build-examples.yaml
@@ -11,13 +11,11 @@ jobs:
      matrix:
        example: [
          "chat",
-          "clerk",
-          "passkey",
+          "chat-clerk",
          "inspector",
          "music-player",
          "password-manager",
          "pets",
-          "reactions",
          "todo",
          "onboarding",
        ]
--- a/.github/workflows/playwright.yml
+++ b/.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/music-player", "examples/pets", "examples/onboarding"]
+        project: ["e2e/BinaryCoStream", "e2e/CoValues", "examples/chat", "examples/music-player", "examples/pets", "examples/onboarding"]

    steps:
      - uses: actions/checkout@v3
@@ -41,20 +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: Setup .env
-        run: echo "VITE_WS_PEER=ws://localhost:4200/" >> .env
-        working-directory: ./${{ matrix.project }}
-
      - 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
--- a/.node-version
+++ b/.node-version
@@ -1 +1 @@
-22
+20
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +0,0 @@
-22
--- a/CODE_OF_CONDUCT.md
+++ b/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
--- a/CONTRIBUTING.md
+++ b/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**:
--- a/README.md
+++ b/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: [X](https://x.com/jazz_tools) & [Email](https://gcmp.io/news)

 Copyright 2024 &mdash; Garden Computing, Inc.
--- a/biome.json
+++ b/biome.json
@@ -7,13 +7,7 @@
  },
  "files": {
    "ignoreUnknown": false,
-    "ignore": [
-      "jazz-tools.json",
-      "**/ios/**",
-      "**/android/**",
-      "packages/jazz-svelte/**",
-      "examples/*svelte*/**"
-    ]
+    "ignore": ["jazz-tools.json", "**/ios/**", "**/android/**"]
  },
  "formatter": {
    "enabled": true,
@@ -27,21 +21,5 @@
    "rules": {
      "recommended": true
    }
-  },
-  "overrides": [
-    {
-      "include": ["packages/cojson-storage-indexeddb/**"],
-      "linter": {
-        "enabled": true,
-        "rules": {
-          "correctness": {
-            "useImportExtensions": "error"
-          },
-          "suspicious": {
-            "noExplicitAny": "info"
-          }
-        }
-      }
-    }
-  ]
+  }
 }
--- a/e2e/BinaryCoStream/.gitignore
+++ b/e2e/BinaryCoStream/.gitignore
--- a/e2e/BinaryCoStream/CHANGELOG.md
+++ b/e2e/BinaryCoStream/CHANGELOG.md
@@ -1,69 +1,15 @@
-# @jazz-e2e/covalues
-
-## 0.0.110
-
-### Patch Changes
-
- Updated dependencies [e4f110f]
-  - cojson@0.8.34
-  - jazz-react@0.8.34
-  - jazz-tools@0.8.34
-
-## 0.0.109
-
-### Patch Changes
-
- jazz-react@0.8.33
-
-## 0.0.108
-
-### Patch Changes
-
- Updated dependencies [df42b2b]
- Updated dependencies [df42b2b]
-  - cojson@0.8.32
-  - jazz-tools@0.8.32
-  - jazz-react@0.8.32
-
-## 0.0.107
-
-### Patch Changes
-
- Updated dependencies [e511d6d]
-  - cojson@0.8.31
-  - jazz-react@0.8.31
-  - jazz-tools@0.8.31
-
-## 0.0.106
-
-### Patch Changes
-
- Updated dependencies [0a2fae3]
- Updated dependencies [99cda2f]
-  - cojson@0.8.30
-  - jazz-react@0.8.30
-  - jazz-tools@0.8.30
+# @jazz-e2e/binarycostream

 ## 0.0.105

 ### Patch Changes

- Updated dependencies [dcc9c2e]
- Updated dependencies [699553f]
-  - cojson@0.8.29
-  - jazz-react@0.8.29
-  - jazz-tools@0.8.29
-
-## 0.0.104
-
-### Patch Changes
-
 - Updated dependencies [605734c]
  - cojson@0.8.28
  - jazz-react@0.8.28
  - jazz-tools@0.8.28

-## 0.0.103
+## 0.0.104

 ### Patch Changes

@@ -72,20 +18,20 @@
  - jazz-react@0.8.27
  - jazz-tools@0.8.27

-## 0.0.102
+## 0.0.103

 ### Patch Changes

 - Updated dependencies [59d37df]
  - jazz-react@0.8.26

-## 0.0.101
+## 0.0.102

 ### Patch Changes

 - jazz-react@0.8.24

-## 0.0.100
+## 0.0.101

 ### Patch Changes

@@ -98,14 +44,14 @@
  - jazz-tools@0.8.23
  - jazz-react@0.8.23

-## 0.0.99
+## 0.0.100

 ### Patch Changes

 - Updated dependencies [59cc64d]
  - jazz-react@0.8.22

-## 0.0.98
+## 0.0.99

 ### Patch Changes

@@ -115,7 +61,7 @@
  - jazz-tools@0.8.21
  - jazz-react@0.8.21

-## 0.0.97
+## 0.0.98

 ### Patch Changes

@@ -125,7 +71,7 @@
 - Updated dependencies [c6931b8]
  - jazz-react@0.8.20

-## 0.0.96
+## 0.0.97

 ### Patch Changes

@@ -134,7 +80,7 @@
  - jazz-react@0.8.19
  - jazz-tools@0.8.19

-## 0.0.95
+## 0.0.96

 ### Patch Changes

@@ -143,7 +89,7 @@
  - jazz-react@0.8.18
  - jazz-tools@0.8.18

-## 0.0.94
+## 0.0.95

 ### Patch Changes

@@ -152,7 +98,7 @@
  - jazz-react@0.8.17
  - jazz-tools@0.8.17

-## 0.0.93
+## 0.0.94

 ### Patch Changes

@@ -162,7 +108,7 @@
  - cojson@0.8.16
  - jazz-tools@0.8.16

-## 0.0.92
+## 0.0.93

 ### Patch Changes

@@ -170,7 +116,7 @@
  - jazz-tools@0.8.15
  - jazz-react@0.8.15

-## 0.0.91
+## 0.0.92

 ### Patch Changes

@@ -178,7 +124,7 @@
  - jazz-tools@0.8.14
  - jazz-react@0.8.14

-## 0.0.90
+## 0.0.91

 ### Patch Changes

@@ -186,7 +132,7 @@
  - jazz-tools@0.8.13
  - jazz-react@0.8.13

-## 0.0.89
+## 0.0.90

 ### Patch Changes

@@ -196,7 +142,7 @@
  - jazz-react@0.8.12
  - jazz-tools@0.8.12

-## 0.0.88
+## 0.0.89

 ### Patch Changes

@@ -205,19 +151,19 @@
  - jazz-react@0.8.11
  - jazz-tools@0.8.11

-## 0.0.87
+## 0.0.88

 ### Patch Changes

 - jazz-react@0.8.7

-## 0.0.86
+## 0.0.87

 ### Patch Changes

 - jazz-react@0.8.6

-## 0.0.85
+## 0.0.86

 ### Patch Changes

@@ -227,14 +173,14 @@
  - cojson@0.8.5
  - jazz-react@0.8.5

-## 0.0.84
+## 0.0.85

 ### Patch Changes

 - Updated dependencies
  - hash-slash@0.2.1

-## 0.0.83
+## 0.0.84

 ### Patch Changes

@@ -243,10 +189,18 @@
  - jazz-react@0.8.3
  - jazz-tools@0.8.3

-## 0.0.82
+## 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
--- a/examples/quest-board/index.html
+++ b/examples/quest-board/index.html
@@ -1,14 +1,14 @@
 <!doctype html>
-<html lang="en" class="h-full">
+<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 Quest Board Example</title>
+    <title>Jazz FileStream Tests</title>
  </head>
-  <body class="h-full">
-    <div id="root" class="h-full"></div>
+  <body>
+    <div id="root"></div>
    <script type="module" src="/src/app.tsx"></script>
  </body>
 </html>
--- a/e2e/BinaryCoStream/package.json
+++ b/e2e/BinaryCoStream/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "@jazz-e2e/filestream",
+  "private": true,
+  "version": "0.0.105",
+  "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.28",
+    "hash-slash": "workspace:0.2.1",
+    "is-ci": "^3.0.1",
+    "jazz-react": "workspace:0.8.28",
+    "jazz-tools": "workspace:0.8.28",
+    "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"
+  }
+}
--- a/examples/file-share-svelte/playwright.config.ts
+++ b/examples/file-share-svelte/playwright.config.ts
--- a/e2e/BinaryCoStream/src/DownloaderPeer.tsx
+++ b/e2e/BinaryCoStream/src/DownloaderPeer.tsx
@@ -0,0 +1,43 @@
+import { Account, FileStream, ID } from "jazz-tools";
+import { useEffect } from "react";
+import { useAccount, useCoState } from "./jazz";
+import { UploadedFile } from "./schema";
+
+async function getUploadedFile(me: Account, uploadedFileId: ID<UploadedFile>) {
+  const uploadedFile = await UploadedFile.load(uploadedFileId, me, {});
+
+  if (!uploadedFile) {
+    throw new Error("Uploaded file not found");
+  }
+
+  uploadedFile.coMapDownloaded = true;
+
+  await FileStream.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>
+    </>
+  );
+}
--- a/tests/e2e/src/pages/FileStream/UploaderPeer.tsx
+++ b/tests/e2e/src/pages/FileStream/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 && (
--- a/e2e/BinaryCoStream/src/app.tsx
+++ b/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>,
+);
--- a/e2e/BinaryCoStream/src/jazz.tsx
+++ b/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>
+  );
+}
--- a/tests/e2e/src/pages/FileStream/lib/BytesRadioGroup.tsx
+++ b/tests/e2e/src/pages/FileStream/lib/BytesRadioGroup.tsx
--- a/e2e/BinaryCoStream/src/lib/createCredentiallessIframe.ts
+++ b/e2e/BinaryCoStream/src/lib/createCredentiallessIframe.ts
--- a/tests/e2e/src/pages/FileStream/lib/generateTestFile.ts
+++ b/tests/e2e/src/pages/FileStream/lib/generateTestFile.ts
--- a/tests/e2e/src/pages/FileStream/lib/getDownloaderPeerUrl.ts
+++ b/tests/e2e/src/pages/FileStream/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);
--- a/tests/e2e/src/pages/FileStream/lib/searchParams.ts
+++ b/tests/e2e/src/pages/FileStream/lib/searchParams.ts
--- a/e2e/BinaryCoStream/src/lib/waitForCoValue.ts
+++ b/e2e/BinaryCoStream/src/lib/waitForCoValue.ts
--- a/tests/e2e/src/pages/FileStream/schema.tsx
+++ b/tests/e2e/src/pages/FileStream/schema.tsx
--- a/e2e/BinaryCoStream/src/vite-env.d.ts
+++ b/e2e/BinaryCoStream/src/vite-env.d.ts
--- a/e2e/BinaryCoStream/tests/sync.spec.ts
+++ b/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");
  });
 });
--- a/e2e/BinaryCoStream/tsconfig.json
+++ b/e2e/BinaryCoStream/tsconfig.json
--- a/e2e/BinaryCoStream/vite.config.ts
+++ b/e2e/BinaryCoStream/vite.config.ts
--- a/examples/quest-board/.gitignore
+++ b/examples/quest-board/.gitignore
@@ -24,7 +24,6 @@ dist-ssr
 *.sw?

 sync-db/
-
 /test-results/
 /playwright-report/
 /blob-report/
--- a/e2e/CoValues/CHANGELOG.md
+++ b/e2e/CoValues/CHANGELOG.md
@@ -0,0 +1,198 @@
+# @jazz-e2e/covalues
+
+## 0.0.104
+
+### Patch Changes
+
+- Updated dependencies [605734c]
+  - cojson@0.8.28
+  - jazz-react@0.8.28
+  - jazz-tools@0.8.28
+
+## 0.0.103
+
+### Patch Changes
+
+- Updated dependencies [75fdff4]
+  - cojson@0.8.27
+  - jazz-react@0.8.27
+  - jazz-tools@0.8.27
+
+## 0.0.102
+
+### Patch Changes
+
+- Updated dependencies [59d37df]
+  - jazz-react@0.8.26
+
+## 0.0.101
+
+### Patch Changes
+
+- jazz-react@0.8.24
+
+## 0.0.100
+
+### Patch Changes
+
+- Updated dependencies [6f745be]
+- Updated dependencies [d348c2d]
+- Updated dependencies [124bf67]
+- Updated dependencies [6902b5b]
+- Updated dependencies [1a0cd3d]
+  - cojson@0.8.23
+  - jazz-tools@0.8.23
+  - jazz-react@0.8.23
+
+## 0.0.99
+
+### Patch Changes
+
+- Updated dependencies [59cc64d]
+  - jazz-react@0.8.22
+
+## 0.0.98
+
+### Patch Changes
+
+- Updated dependencies [0f30eea]
+- Updated dependencies [149ca97]
+  - cojson@0.8.21
+  - jazz-tools@0.8.21
+  - jazz-react@0.8.21
+
+## 0.0.97
+
+### Patch Changes
+
+- Updated dependencies [dd9b13f]
+- Updated dependencies [a69ed0b]
+- Updated dependencies [3ef3ff3]
+- Updated dependencies [c6931b8]
+  - jazz-react@0.8.20
+
+## 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
--- a/e2e/CoValues/index.html
+++ b/e2e/CoValues/index.html
--- a/e2e/CoValues/package.json
+++ b/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.104",
  "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": {
@@ -33,7 +31,6 @@
    "@vitejs/plugin-react-swc": "^3.3.2",
    "jstat": "^1.9.6",
    "typescript": "^5.3.3",
-    "jazz-run": "workspace:*",
    "vite": "^5.0.10"
  }
 }
--- a/examples/quest-board/playwright.config.ts
+++ b/examples/quest-board/playwright.config.ts
--- a/e2e/CoValues/src/app.tsx
+++ b/e2e/CoValues/src/app.tsx
@@ -0,0 +1,34 @@
+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 { RetryUnavailable } from "./pages/RetryUnavailable";
+import { TestInput } from "./pages/TestInput";
+
+const router = createBrowserRouter([
+  {
+    path: "/test-input",
+    element: <TestInput />,
+  },
+  {
+    path: "/resume-sync",
+    element: <ResumeSyncState />,
+  },
+  {
+    path: "/retry-unavailable",
+    element: <RetryUnavailable />,
+  },
+  {
+    path: "/",
+    element: <TestInput />,
+  },
+]);
+
+ReactDOM.createRoot(document.getElementById("root")!).render(
+  <React.StrictMode>
+    <AuthAndJazz>
+      <RouterProvider router={router} />
+    </AuthAndJazz>
+  </React.StrictMode>,
+);
--- a/e2e/CoValues/src/jazz.tsx
+++ b/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";
--- a/e2e/CoValues/src/pages/ResumeSyncState.tsx
+++ b/e2e/CoValues/src/pages/ResumeSyncState.tsx
--- a/e2e/CoValues/src/pages/RetryUnavailable.tsx
+++ b/e2e/CoValues/src/pages/RetryUnavailable.tsx
--- a/e2e/CoValues/src/pages/TestInput.tsx
+++ b/e2e/CoValues/src/pages/TestInput.tsx
--- a/examples/image-upload/src/vite-env.d.ts
+++ b/examples/image-upload/src/vite-env.d.ts
--- a/e2e/CoValues/tests/ResumeSyncState.spec.ts
+++ b/e2e/CoValues/tests/ResumeSyncState.spec.ts
--- a/e2e/CoValues/tests/RetryUnavailable.test.ts
+++ b/e2e/CoValues/tests/RetryUnavailable.test.ts
@@ -21,11 +21,11 @@ test.describe("Retry unavailable states", () => {
      timeout: 20_000,
    });

+    // Make the load fail at least twice
    await setTimeout(1000);

-    await context.setOffline(false);
-
    // Go back online, the value should be uploaded
+    await context.setOffline(false);

    await expect(newUserPage.getByTestId("id")).toHaveText(id ?? "", {
      timeout: 20_000,
--- a/e2e/CoValues/tests/TestInput.spec.ts
+++ b/e2e/CoValues/tests/TestInput.spec.ts
--- a/examples/reactions/tsconfig.app.json
+++ b/examples/reactions/tsconfig.app.json
@@ -1,24 +1,25 @@
 {
  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
    "target": "ES2020",
    "useDefineForClassFields": true,
    "lib": ["ES2023", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,

-    "moduleResolution": "Bundler",
+    /* Bundler mode */
+    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
    "isolatedModules": true,
-    "moduleDetection": "force",
    "noEmit": true,
    "jsx": "react-jsx",

+    /* Linting */
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
+    "baseUrl": "."
  },
  "include": ["src"]
 }
--- a/e2e/CoValues/vite.config.ts
+++ b/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,
+  },
+});
--- a/examples/book-shelf/CHANGELOG.md
+++ b/examples/book-shelf/CHANGELOG.md
@@ -1,88 +1,5 @@
 # jazz-example-book-shelf

-## 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
--- a/examples/book-shelf/Dockerfile
+++ b/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/
--- a/examples/book-shelf/README.md
+++ b/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).
--- a/examples/book-shelf/package.json
+++ b/examples/book-shelf/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-example-book-shelf",
-  "version": "0.1.30",
+  "version": "0.1.20",
  "private": true,
  "scripts": {
    "dev": "next dev",
@@ -11,9 +11,9 @@
  },
  "dependencies": {
    "clsx": "^2.0.0",
-    "jazz-browser-media-images": "workspace:0.8.38",
-    "jazz-react": "workspace:0.8.38",
-    "jazz-tools": "workspace:0.8.38",
+    "jazz-browser-media-images": "workspace:0.8.28",
+    "jazz-react": "workspace:0.8.28",
+    "jazz-tools": "workspace:0.8.28",
    "next": "14.2.5",
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
--- a/examples/chat-clerk/.env
+++ b/examples/chat-clerk/.env
--- a/examples/chat-clerk/.gitignore
+++ b/examples/chat-clerk/.gitignore
@@ -22,3 +22,5 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+sync-db/
--- a/examples/chat-clerk/CHANGELOG.md
+++ b/examples/chat-clerk/CHANGELOG.md
--- a/examples/chat-clerk/Dockerfile
+++ b/examples/chat-clerk/Dockerfile
@@ -0,0 +1,4 @@
+FROM caddy:2.7.3-alpine
+LABEL org.opencontainers.image.source="https://github.com/gardencmp/jazz"
+
+COPY ./dist /usr/share/caddy/
--- a/examples/image-upload/README.md
+++ b/examples/image-upload/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).
--- a/examples/chat-clerk/index.html
+++ b/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 | Reactions 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>
--- a/examples/chat-clerk/job-template.nomad
+++ b/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
--- a/examples/quest-board/package.json
+++ b/examples/quest-board/package.json
@@ -1,28 +1,27 @@
 {
-  "name": "jazz-example-quest-board",
+  "name": "jazz-example-chat-clerk",
  "private": true,
-  "version": "0.0.116",
+  "version": "0.0.104",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "format-and-lint": "biome check .",
    "format-and-lint:fix": "biome check . --write",
-    "preview": "vite preview",
-    "test": "playwright test",
-    "test:ui": "playwright test --ui"
+    "preview": "vite preview"
  },
  "dependencies": {
+    "@clerk/clerk-react": "^5.4.1",
    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-slot": "^1.1.0",
+    "@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:*",
+    "cojson": "workspace:0.8.28",
    "hash-slash": "workspace:0.2.1",
-    "jazz-browser-media-images": "^0.8.38",
-    "jazz-react": "workspace:*",
-    "jazz-tools": "workspace:*",
+    "jazz-react": "workspace:0.8.28",
+    "jazz-react-auth-clerk": "workspace:0.8.28",
+    "jazz-tools": "workspace:0.8.28",
    "lucide-react": "^0.274.0",
    "qrcode": "^1.5.3",
    "react": "^18.2.0",
@@ -35,13 +34,11 @@
    "uniqolor": "^1.1.0"
  },
  "devDependencies": {
-    "@playwright/test": "^1.46.1",
    "@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",
-    "is-ci": "^3.0.1",
    "postcss": "^8.4.27",
    "tailwindcss": "3.3.2",
    "typescript": "^5.3.3",
--- a/examples/quest-board/postcss.config.js
+++ b/examples/quest-board/postcss.config.js
--- a/examples/file-share-svelte/static/jazz-logo.png
+++ b/examples/file-share-svelte/static/jazz-logo.png
--- a/examples/chat-clerk/src/app.tsx
+++ b/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>
+  );
+}
--- a/examples/chat-clerk/src/chatScreen.tsx
+++ b/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>
+  );
+}
--- a/examples/quest-board/src/index.css
+++ b/examples/quest-board/src/index.css
--- a/examples/chat-clerk/src/main.tsx
+++ b/examples/chat-clerk/src/main.tsx
@@ -0,0 +1,46 @@
+import { createJazzReactApp } from "jazz-react";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { App } from "./app.tsx";
+
+import { ClerkProvider, SignInButton, useClerk } from "@clerk/clerk-react";
+import { useJazzClerkAuth } from "jazz-react-auth-clerk";
+
+const Jazz = createJazzReactApp();
+export const { useAccount, useCoState } = Jazz;
+
+function JazzAndAuth({ children }: { children: React.ReactNode }) {
+  const clerk = useClerk();
+  const [auth, state] = useJazzClerkAuth(clerk);
+
+  return (
+    <>
+      {state.errors.map((error) => (
+        <div key={error}>{error}</div>
+      ))}
+      {auth ? (
+        <Jazz.Provider
+          auth={auth}
+          peer="wss://cloud.jazz.tools/?key=chat-example-jazz-clerk@gcmp.io"
+        >
+          {children}
+        </Jazz.Provider>
+      ) : (
+        <SignInButton />
+      )}
+    </>
+  );
+}
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <ClerkProvider
+      publishableKey={import.meta.env.VITE_CLERK_PUBLISHABLE_KEY}
+      afterSignOutUrl="/"
+    >
+      <JazzAndAuth>
+        <App />
+      </JazzAndAuth>
+    </ClerkProvider>
+  </StrictMode>,
+);
--- a/examples/chat-clerk/src/schema.ts
+++ b/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)) {}
--- a/examples/chat-clerk/src/ui.tsx
+++ b/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 = "";
+      }}
+    />
+  );
+}
--- a/examples/chat-clerk/src/vite-env.d.ts
+++ b/examples/chat-clerk/src/vite-env.d.ts
--- a/examples/quest-board/tailwind.config.js
+++ b/examples/quest-board/tailwind.config.js
@@ -16,10 +16,6 @@ module.exports = {
    },
    extend: {
      colors: {
-        blue: {
-          700: "#3313F7",
-          DEFAULT: "#3313F7",
-        },
        border: "hsl(var(--border))",
        input: "hsl(var(--input))",
        ring: "hsl(var(--ring))",
@@ -73,9 +69,6 @@ module.exports = {
        "accordion-down": "accordion-down 0.2s ease-out",
        "accordion-up": "accordion-up 0.2s ease-out",
      },
-      lineClamp: {
-        10: "10",
-      },
    },
  },
  plugins: [require("tailwindcss-animate")],
--- a/examples/quest-board/tsconfig.json
+++ b/examples/quest-board/tsconfig.json
--- a/examples/quest-board/tsconfig.node.json
+++ b/examples/quest-board/tsconfig.node.json
--- a/examples/quest-board/vite.config.ts
+++ b/examples/quest-board/vite.config.ts
--- a/examples/chat-rn-clerk/.env
+++ b/examples/chat-rn-clerk/.env
@@ -1 +1 @@
-EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_ZXZpZGVudC1kYW5lLTg5LmNsZXJrLmFjY291bnRzLmRldiQ
+EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_test_ZXZpZGVudC1kYW5lLTg5LmNsZXJrLmFjY291bnRzLmRldiQ
--- a/examples/chat-rn-clerk/CHANGELOG.md
+++ b/examples/chat-rn-clerk/CHANGELOG.md
@@ -1,99 +1,5 @@
 # chat-rn-clerk

-## 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
--- a/examples/chat-rn-clerk/app.json
+++ b/examples/chat-rn-clerk/app.json
@@ -35,9 +35,7 @@
          }
        }
      ],
-      "expo-secure-store",
-      "expo-font",
-      "expo-router"
+      "expo-secure-store"
    ],
    "extra": {
      "eas": {
--- a/examples/chat-rn-clerk/cache.ts
+++ b/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);
-    },
  };
 };

--- a/examples/chat-rn-clerk/metro.config.js
+++ b/examples/chat-rn-clerk/metro.config.js
@@ -19,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 = [
--- a/examples/chat-rn-clerk/package.json
+++ b/examples/chat-rn-clerk/package.json
@@ -1,7 +1,7 @@
 {
  "name": "chat-rn-clerk",
  "main": "index.js",
-  "version": "1.0.30",
+  "version": "1.0.20",
  "scripts": {
    "build": "expo export -p ios",
    "start": "expo start",
@@ -17,58 +17,59 @@
  },
  "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": "^2.0.11",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
-    "react-native": "~0.76.3",
+    "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",
    "@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.3.2",
    "typescript": "^5.3.3"
--- a/examples/chat-rn-clerk/src/auth-context.tsx
+++ b/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}
--- a/examples/chat-rn-clerk/src/jazz.tsx
+++ b/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;
--- a/examples/chat-rn/CHANGELOG.md
+++ b/examples/chat-rn/CHANGELOG.md
@@ -1,72 +1,5 @@
 # chat-rn

-## 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
--- a/examples/chat-rn/package.json
+++ b/examples/chat-rn/package.json
@@ -1,6 +1,6 @@
 {
  "name": "chat-rn",
-  "version": "1.0.28",
+  "version": "1.0.19",
  "main": "index.js",
  "scripts": {
    "build": "expo export -p ios",
@@ -13,38 +13,39 @@
  },
  "dependencies": {
    "@azure/core-asynciterator-polyfill": "^1.0.2",
-    "@react-native-community/netinfo": "^11.4.1",
+    "@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.2.0",
-    "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",
+    "@types/react": "^18.2.19",
    "tailwindcss": "3.3.2",
    "typescript": "^5.3.3"
  },
--- a/examples/chat-rn/src/App.tsx
+++ b/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}>
--- a/examples/chat-vue/CHANGELOG.md
+++ b/examples/chat-vue/CHANGELOG.md
@@ -1,88 +1,5 @@
 # chat-vue

-## 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
--- a/examples/chat-vue/README.md
+++ b/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
+```
--- a/examples/chat-vue/package.json
+++ b/examples/chat-vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "chat-vue",
-  "version": "0.0.21",
+  "version": "0.0.11",
  "private": true,
  "type": "module",
  "scripts": {
--- a/examples/chat-vue/src/main.ts
+++ b/examples/chat-vue/src/main.ts
@@ -1,7 +1,7 @@
+import "./index.css";
 import { DemoAuthBasicUI, createJazzVueApp, useDemoAuth } from "jazz-vue";
 import { createApp, defineComponent, h } from "vue";
 import App from "./App.vue";
-import "./index.css";
 import router from "./router";

 const Jazz = createJazzVueApp();
@@ -18,7 +18,7 @@ const RootComponent = defineComponent({
        JazzProvider,
        {
          auth: authMethod.value,
-          peer: "wss://cloud.jazz.tools/?key=chat-example-jazz@garden.co",
+          peer: "wss://mesh.jazz.tools/?key=chat-example-jazz@gcmp.io",
        },
        {
          default: () => h(App),
--- a/examples/chat/CHANGELOG.md
+++ b/examples/chat/CHANGELOG.md
@@ -1,100 +1,5 @@
 # jazz-example-chat

-## 0.0.116
-
-### Patch Changes
-
- Updated dependencies [b00ee91]
- Updated dependencies [f488c09]
-  - cojson@0.8.38
-  - jazz-react@0.8.38
-  - jazz-tools@0.8.38
-
-## 0.0.115
-
-### Patch Changes
-
- Updated dependencies [3d9f12e]
-  - cojson@0.8.37
-  - jazz-react@0.8.37
-  - jazz-tools@0.8.37
-
-## 0.0.114
-
-### Patch Changes
-
- Updated dependencies [441fe27]
-  - cojson@0.8.36
-  - jazz-tools@0.8.36
-  - jazz-react@0.8.36
-
-## 0.0.113
-
-### Patch Changes
-
- Updated dependencies [3f15a23]
- Updated dependencies [9212ab8]
- Updated dependencies [46f2ab8]
- Updated dependencies [8b87117]
- Updated dependencies [a6b6ccf]
-  - cojson@0.8.35
-  - jazz-react@0.8.35
-  - jazz-tools@0.8.35
-
-## 0.0.112
-
-### Patch Changes
-
- Updated dependencies [e4f110f]
-  - cojson@0.8.34
-  - jazz-react@0.8.34
-  - jazz-tools@0.8.34
-
-## 0.0.111
-
-### Patch Changes
-
- jazz-react@0.8.33
-
-## 0.0.110
-
-### Patch Changes
-
- Updated dependencies [df42b2b]
- Updated dependencies [df42b2b]
-  - cojson@0.8.32
-  - jazz-tools@0.8.32
-  - jazz-react@0.8.32
-
-## 0.0.109
-
-### Patch Changes
-
- Updated dependencies [e511d6d]
-  - cojson@0.8.31
-  - jazz-react@0.8.31
-  - jazz-tools@0.8.31
-
-## 0.0.108
-
-### Patch Changes
-
- Updated dependencies [0a2fae3]
- Updated dependencies [99cda2f]
-  - cojson@0.8.30
-  - jazz-react@0.8.30
-  - jazz-tools@0.8.30
-
-## 0.0.107
-
-### Patch Changes
-
- Updated dependencies [dcc9c2e]
- Updated dependencies [699553f]
-  - cojson@0.8.29
-  - jazz-react@0.8.29
-  - jazz-tools@0.8.29
-
 ## 0.0.106

 ### Patch Changes
--- a/examples/chat/Dockerfile
+++ b/examples/chat/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/
--- a/examples/chat/README.md
+++ b/examples/chat/README.md
@@ -1,27 +1,32 @@
-# Chat example with Jazz and React
+# Jazz Chat Example

 Live version: [https://chat.jazz.tools](https://chat.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 downloading the [jazz repository](https://github.com/garden-co/jazz):
-```bash
-npx degit gardencmp/jazz jazz
-```
+Start by checking out `jazz`

-Go to the chat example directory:
 ```bash
+git clone https://github.com/gardencmp/jazz.git
 cd jazz/examples/chat
+pnpm pack --pack-destination /tmp
+mkdir -p ~/jazz-examples/chat # or any other directory
+tar -xf /tmp/jazz-example-chat-* --strip-components 1 -C ~/jazz-examples/chat
+cd ~/jazz-examples/chat
 ```

-Install and build dependencies:
+This ensures that you have the example app without git history and independent of the Jazz multi-package monorepo.
+
+Install dependencies:
+
 ```bash
-pnpm i && npx turbo build
+pnpm install
 ```

 Start the dev server:
+
 ```bash
 pnpm dev
 ```
@@ -34,4 +39,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 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/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).
--- a/examples/chat/package.json
+++ b/examples/chat/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-chat",
  "private": true,
-  "version": "0.0.116",
+  "version": "0.0.106",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -18,11 +18,10 @@
    "@radix-ui/react-toast": "^1.1.4",
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
-    "cojson": "workspace:0.8.38",
+    "cojson": "workspace:0.8.28",
    "hash-slash": "workspace:0.2.1",
-    "jazz-browser-media-images": "^0.8.38",
-    "jazz-react": "workspace:0.8.38",
-    "jazz-tools": "workspace:0.8.38",
+    "jazz-react": "workspace:0.8.28",
+    "jazz-tools": "workspace:0.8.28",
    "lucide-react": "^0.274.0",
    "qrcode": "^1.5.3",
    "react": "^18.2.0",
--- a/examples/chat/src/app.tsx
+++ b/examples/chat/src/app.tsx
@@ -18,7 +18,7 @@ export function App() {
    router.navigate("/#/chat/" + chat.id);

    // for https://jazz.tools marketing site demo only
-    onChatLoad(chat);
+    onChatLoad(chat, me);
  };

  return (
--- a/examples/chat/src/chatScreen.tsx
+++ b/examples/chat/src/chatScreen.tsx
@@ -1,54 +1,21 @@
-import { createImage } from "jazz-browser-media-images";
 import { ID } from "jazz-tools";
 import { useState } from "react";
-import { useAccount, useCoState } from "./main.tsx";
+import { useCoState } from "./main.tsx";
 import { Chat, Message } from "./schema.ts";
 import {
  BubbleBody,
  BubbleContainer,
-  BubbleImage,
  BubbleInfo,
-  BubbleText,
  ChatBody,
+  ChatInput,
  EmptyChatMessage,
-  ImageInput,
-  InputBar,
-  TextInput,
 } from "./ui.tsx";

 export function ChatScreen(props: { chatID: ID<Chat> }) {
  const chat = useCoState(Chat, props.chatID, [{}]);
-  const { me } = useAccount();
  const [showNLastMessages, setShowNLastMessages] = useState(30);

-  if (!chat)
-    return (
-      <div className="flex-1 flex justify-center items-center">Loading...</div>
-    );
-
-  const sendImage = (event: React.ChangeEvent<HTMLInputElement>) => {
-    if (!me?.profile) return;
-
-    const file = event.currentTarget.files?.[0];
-
-    if (!file) return;
-
-    if (file.size > 5000000) {
-      alert("Please upload an image less than 5MB.");
-      return;
-    }
-
-    createImage(file, { owner: chat._owner }).then((image) => {
-      chat.push(
-        Message.create(
-          { text: file.name, image: image },
-          { owner: chat._owner },
-        ),
-      );
-    });
-  };
-
-  return (
+  return chat ? (
    <>
      <ChatBody>
        {chat.length > 0 ? (
@@ -68,31 +35,24 @@ export function ChatScreen(props: { chatID: ID<Chat> }) {
          </button>
        )}
      </ChatBody>
-
-      <InputBar>
-        <ImageInput onImageChange={sendImage} />
-
-        <TextInput
-          onSubmit={(text) => {
-            chat.push(Message.create({ text }, { owner: chat._owner }));
-          }}
-        />
-      </InputBar>
+      <ChatInput
+        onSubmit={(text) => {
+          chat.push(Message.create({ text }, { owner: chat._owner }));
+        }}
+      />
    </>
+  ) : (
+    <div className="flex-1 flex justify-center items-center">Loading...</div>
  );
 }

 function ChatBubble(props: { msg: Message }) {
  const lastEdit = props.msg._edits.text;
  const fromMe = lastEdit.by?.isMe;
-  const { text, image } = props.msg;

  return (
    <BubbleContainer fromMe={fromMe}>
-      <BubbleBody fromMe={fromMe}>
-        {image && <BubbleImage image={image} />}
-        <BubbleText text={text} />
-      </BubbleBody>
+      <BubbleBody fromMe={fromMe}>{props.msg.text}</BubbleBody>
      <BubbleInfo by={lastEdit.by?.profile?.name} madeAt={lastEdit.madeAt} />
    </BubbleContainer>
  );
--- a/examples/chat/src/main.tsx
+++ b/examples/chat/src/main.tsx
@@ -13,7 +13,7 @@ function JazzAndAuth({ children }: { children: React.ReactNode }) {
    <>
      <Jazz.Provider
        auth={auth}
-        peer="wss://cloud.jazz.tools/?key=chat-example-jazz@garden.co"
+        peer="wss://cloud.jazz.tools/?key=chat-example-jazz@gcmp.io"
      >
        {children}
      </Jazz.Provider>
--- a/examples/chat/src/schema.ts
+++ b/examples/chat/src/schema.ts
@@ -1,8 +1,7 @@
-import { CoList, CoMap, ImageDefinition, co } from "jazz-tools";
+import { CoList, CoMap, co } from "jazz-tools";

 export class Message extends CoMap {
  text = co.string;
-  image = co.optional.ref(ImageDefinition);
 }

 export class Chat extends CoList.Of(co.ref(Message)) {}
--- a/examples/chat/src/ui.tsx
+++ b/examples/chat/src/ui.tsx
@@ -1,8 +1,5 @@
 import clsx from "clsx";
-import { ProgressiveImg } from "jazz-react";
-import { ImageDefinition } from "jazz-tools";
-import { ImageIcon } from "lucide-react";
-import { useId, useRef } from "react";
+import { useId } from "react";

 export function AppContainer(props: { children: React.ReactNode }) {
  return (
@@ -59,7 +56,7 @@ export function BubbleBody(props: {
    <div
      className={clsx(
        "line-clamp-10 text-ellipsis whitespace-pre-wrap",
-        "rounded-2xl overflow-hidden max-w-[calc(100%-5rem)] shadow-sm p-1",
+        "rounded-2xl max-w-full py-1 px-3 shadow-sm",
        props.fromMe
          ? "bg-white dark:bg-stone-700 dark:text-white"
          : "bg-blue text-white",
@@ -70,23 +67,6 @@ export function BubbleBody(props: {
  );
 }

-export function BubbleText(props: { text: string }) {
-  return <p className="px-2 leading-relaxed">{props.text}</p>;
-}
-
-export function BubbleImage(props: { image: ImageDefinition }) {
-  return (
-    <ProgressiveImg image={props.image}>
-      {({ src }) => (
-        <img
-          className="h-auto max-h-[20rem] max-w-full rounded-t-xl mb-1"
-          src={src}
-        />
-      )}
-    </ProgressiveImg>
-  );
-}
-
 export function BubbleInfo(props: { by: string | undefined; madeAt: Date }) {
  return (
    <div className="text-xs text-neutral-500 mt-1.5">
@@ -95,59 +75,17 @@ export function BubbleInfo(props: { by: string | undefined; madeAt: Date }) {
  );
 }

-export function InputBar(props: { children: React.ReactNode }) {
-  return (
-    <div className="p-3 bg-white border-t shadow-2xl mt-auto flex gap-1 dark:bg-transparent dark:border-stone-800">
-      {props.children}
-    </div>
-  );
-}
-
-export function ImageInput({
-  onImageChange,
-}: { onImageChange?: (event: React.ChangeEvent<HTMLInputElement>) => void }) {
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  const onUploadClick = () => {
-    inputRef.current?.click();
-  };
-
-  return (
-    <>
-      <button
-        type="button"
-        aria-label="Send image"
-        title="Send image"
-        onClick={onUploadClick}
-        className="text-stone-500 p-1.5 rounded-full hover:bg-stone-100 hover:text-stone-800 dark:hover:bg-stone-800 dark:hover:text-stone-200 transition-colors"
-      >
-        <ImageIcon size={24} strokeWidth={1.5} />
-      </button>
-
-      <label className="sr-only">
-        Image
-        <input
-          ref={inputRef}
-          type="file"
-          accept="image/png, image/jpeg, image/gif"
-          onChange={onImageChange}
-        />
-      </label>
-    </>
-  );
-}
-
-export function TextInput(props: { onSubmit: (text: string) => void }) {
+export function ChatInput(props: { onSubmit: (text: string) => void }) {
  const inputId = useId();

  return (
-    <div className="flex-1">
+    <div className="p-3 bg-white border-t shadow-2xl mt-auto dark:bg-transparent dark:border-stone-800">
      <label className="sr-only" htmlFor={inputId}>
        Type a message and press Enter
      </label>
      <input
        id={inputId}
-        className="rounded-full py-1 px-3 border block w-full placeholder:text-stone-500 dark:bg-black dark:text-white dark:border-stone-700"
+        className="rounded-full py-2 px-4 border block w-full dark:bg-black dark:text-white dark:border-stone-700"
        placeholder="Type a message and press Enter"
        maxLength={2048}
        onKeyDown={({ key, currentTarget: input }) => {
--- a/examples/chat/src/util.ts
+++ b/examples/chat/src/util.ts
@@ -2,10 +2,20 @@
 // This is NOT needed to make the chat work

 import { Chat } from "@/schema.ts";
+import { Account, CoValue, ID } from "jazz-tools";

-export function onChatLoad(chat: Chat) {
+export function waitForUpload(id: ID<CoValue>, me: Account) {
+  const syncManager = me._raw.core.node.syncManager;
+  const peers = syncManager.getPeers();
+
+  return Promise.all(
+    peers.map((peer) => syncManager.waitForUploadIntoPeer(peer.id, id)),
+  );
+}
+
+export function onChatLoad(chat: Chat, me: Account) {
  if (window.parent) {
-    chat.waitForSync().then(() => {
+    waitForUpload(chat.id, me).then(() => {
      window.parent.postMessage(
        { type: "chat-load", id: "/chat/" + chat.id },
        "*",
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Guido D'Orsi	70437048fb	Revert "Fix Error - 'ErrorLoadingCoValueCore'" This reverts commit `0d43b2edbc`.	2024-11-22 11:34:28 +01:00
Guido D'Orsi	72af643286	Revert "fix(coValueState): once a coValue is loaded send the known state to the rest of the peers" This reverts commit `a5559529ae`.	2024-11-22 11:28:21 +01:00
Guido D'Orsi	35e2827bb7	Revert "Send empty known state on all states except available" This reverts commit `db5227b463`.	2024-11-22 11:28:10 +01:00