wip: BinaryCoStream and the sync issues

.changeset/config.json

@@ -9,10 +9,7 @@
             "jazz-tools",
             "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",
@@ -23,8 +20,5 @@
     "access": "public",
     "baseBranch": "main",
     "updateInternalDependencies": "patch",
-    "ignore": [],
-    "___experimentalUnsafeOptions_WILL_CHANGE_IN_PATCH": {
-        "onlyUpdatePeerDependentsWhenOutOfRange": true
-    }
+    "ignore": []
 }

.changeset/curvy-geckos-prove.md

@@ -0,0 +1,5 @@
+---
+"jazz-tools": patch
+---
+
+Fix on CoMapInit to not allow null values on required refs

.changeset/dry-crews-press.md

@@ -0,0 +1,5 @@
+---
+"cojson": patch
+---
+
+Clean up binary stream ending logic

.changeset/famous-shrimps-warn.md

@@ -0,0 +1,5 @@
+---
+"jazz-tools": patch
+---
+
+fix: handle null values for co.refs

.changeset/fluffy-deers-learn.md

@@ -0,0 +1,5 @@
+---
+"jazz-tools": patch
+---
+
+Fix loadAsBlob resolving too early

.changeset/forty-garlics-punch.md

@@ -0,0 +1,5 @@
+---
+"jazz-react": patch
+---
+
+mark the auth as loading when authState is not ready

.changeset/forty-plants-kiss.md

@@ -0,0 +1,5 @@
+---
+"jazz-run": patch
+---
+
+Added sync command to start a local sync server

.changeset/thin-olives-fold.md

@@ -0,0 +1,5 @@
+---
+"jazz-inspector": patch
+---
+
+fix(inspector): subscribe to latent covalues instead of loading them immediately

.github/workflows/build-and-deploy.yaml

@@ -0,0 +1,106 @@
+name: Build and Deploy
+
+on:
+  push:
+    branches: [ "main" ]
+
+jobs:
+  build-examples:
+    runs-on: ubuntu-latest
+    strategy:
+      matrix:
+        example: ["chat", "pets", "todo", "inspector"]
+        # example: ["twit", "chat", "counter-js-auth0", "pets", "twit", "file-drop", "inspector"]
+
+    steps:
+    - uses: actions/checkout@v3
+      with:
+        submodules: true
+
+    - name: Enable corepack
+      run: corepack enable
+
+    - name: Install Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version-file: '.node-version'
+        cache: 'pnpm'
+
+    - name: Get pnpm store directory
+      shell: bash
+      run: |
+        echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
+
+    - uses: actions/cache@v3
+      name: Setup pnpm cache
+      with:
+        path: ${{ env.STORE_PATH }}
+        key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }}
+        restore-keys: |
+          ${{ runner.os }}-pnpm-store-
+      
+    
+    - name: Install dependencies
+      run: pnpm install --frozen-lockfile
+
+    - name: Set up Docker Buildx
+      uses: docker/setup-buildx-action@v2
+
+    - name: Login to GitHub Container Registry
+      uses: docker/login-action@v2
+      with:
+        registry: ghcr.io
+        username: gardencmp
+        password: ${{ secrets.GITHUB_TOKEN }}
+
+    - name: Pnpm Build
+      run: |
+        pnpm install
+        pnpm turbo build;
+      working-directory: ./examples/${{ matrix.example }}
+
+    - name: Docker Build & Push
+      uses: docker/build-push-action@v4
+      with:
+        context: ./examples/${{ matrix.example }}
+        push: true
+        tags: ghcr.io/gardencmp/${{github.event.repository.name}}-example-${{ matrix.example }}:${{github.head_ref || github.ref_name}}-${{github.sha}}-${{github.run_number}}-${{github.run_attempt}}
+        cache-from: type=gha
+        cache-to: type=gha,mode=max
+
+  deploy-examples:
+    runs-on: ubuntu-latest
+    needs: build-examples
+    strategy:
+      matrix:
+        example: ["chat", "pets", "todo", "inspector"]
+        # example: ["twit", "chat", "counter-js-auth0", "pets", "twit", "file-drop", "inspector"]
+
+    steps:
+    - uses: actions/checkout@v3
+      with:
+        submodules: true
+    - uses: gacts/install-nomad@v1
+    - name: Tailscale
+      uses: tailscale/github-action@v1
+      with:
+        authkey: ${{ secrets.TAILSCALE_AUTHKEY }}
+
+    - name: Deploy on Nomad
+      run: |
+        if [ "${{github.ref_name}}" == "main" ]; then
+          export BRANCH_SUFFIX="";
+          export BRANCH_SUBDOMAIN="";
+        else
+          export BRANCH_SUFFIX=-${{github.head_ref || github.ref_name}};
+          export BRANCH_SUBDOMAIN=${{github.head_ref || github.ref_name}}.;
+        fi
+
+        export DOCKER_USER=gardencmp;
+        export DOCKER_PASSWORD=${{ secrets.DOCKER_PULL_PAT }};
+        export DOCKER_TAG=ghcr.io/gardencmp/${{github.event.repository.name}}-example-${{ matrix.example }}:${{github.head_ref || github.ref_name}}-${{github.sha}}-${{github.run_number}}-${{github.run_attempt}};
+
+        envsubst '${DOCKER_USER} ${DOCKER_PASSWORD} ${DOCKER_TAG} ${BRANCH_SUFFIX} ${BRANCH_SUBDOMAIN}' < job-template.nomad > job-instance.nomad;
+        cat job-instance.nomad;
+        NOMAD_ADDR=${{ secrets.NOMAD_ADDR }} nomad job run job-instance.nomad;
+      working-directory: ./examples/${{ matrix.example }}

.github/workflows/build-examples.yaml

@@ -1,58 +0,0 @@
-name: Build Examples
-
-on:
-  push:
-    branches: [ "main" ]
-
-jobs:
-  build-examples:
-    runs-on: ubuntu-latest
-    strategy:
-      matrix:
-        example: [
-          "chat",
-          "chat-clerk",
-          "inspector",
-          "music-player",
-          "password-manager",
-          "pets",
-          "todo",
-        ]
-
-    steps:
-    - uses: actions/checkout@v3
-      with:
-        submodules: true
-
-    - name: Enable corepack
-      run: corepack enable
-
-    - name: Install Node.js
-      uses: actions/setup-node@v3
-      with:
-        node-version-file: '.node-version'
-        cache: 'pnpm'
-
-    - name: Get pnpm store directory
-      shell: bash
-      run: |
-        echo "STORE_PATH=$(pnpm store path --silent)" >> $GITHUB_ENV
-
-    - uses: actions/cache@v3
-      name: Setup pnpm cache
-      with:
-        path: ${{ env.STORE_PATH }}
-        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 install
-        pnpm turbo build;
-      working-directory: ./examples/${{ matrix.example }}

.github/workflows/playwright.yml

@@ -10,10 +10,9 @@ jobs:
   test:
     timeout-minutes: 60
     runs-on: ubuntu-latest
-    continue-on-error: true
     strategy:
       matrix:
-        project: ["e2e/BinaryCoStream", "e2e/CoValues", "examples/chat", "examples/pets"]
+        project: ["examples/pets"]
 
     steps:
       - uses: actions/checkout@v3
@@ -46,12 +45,8 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Pnpm Build
-        run: pnpm turbo 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 --with-deps

.github/workflows/unit-test.yml

@@ -41,7 +41,7 @@ jobs:
         run: pnpm install --frozen-lockfile
 
       - name: Pnpm Build
-        run: pnpm turbo build
+        run: pnpm turbo build;
 
       - name: Unit Tests
-        run: pnpm test:ci
+        run: pnpm test

.gitignore

@@ -3,5 +3,4 @@ yarn-error.log
 lerna-debug.log
 docsTmp
 .DS_Store
-.turbo
-coverage
+.turbo

.npmrc

@@ -1 +0,0 @@
-node-linker=hoisted

.prettierrc.js

@@ -1,9 +0,0 @@
-/** @type {import("prettier").Config} */
-const config = {
-    trailingComma: "all",
-    tabWidth: 4,
-    semi: true,
-    singleQuote: false,
-};
-
-export default config;

e2e/BinaryCoStream/CHANGELOG.md

@@ -1,49 +0,0 @@
-# @jazz-e2e/binarycostream
-
-## 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

@@ -5,7 +5,7 @@
     <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>
+    <title>Jazz Chat Example</title>
   </head>
   <body>
     <div id="root"></div>

e2e/BinaryCoStream/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jazz-e2e/binarycostream",
   "private": true,
-  "version": "0.0.87",
+  "version": "0.0.81",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -14,11 +14,11 @@
     "*.{js,jsx,mdx,json}": "prettier --write"
   },
   "dependencies": {
-    "cojson": "workspace:0.8.5",
-    "hash-slash": "workspace:0.2.1",
+    "cojson": "workspace:*",
+    "hash-slash": "workspace:*",
     "is-ci": "^3.0.1",
-    "jazz-react": "workspace:0.8.6",
-    "jazz-tools": "workspace:0.8.5",
+    "jazz-react": "workspace:*",
+    "jazz-tools": "workspace:*",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

e2e/BinaryCoStream/src/DownloaderPeer.tsx

@@ -9,8 +9,6 @@ async function getUploadedFile(
   uploadedFileId: ID<UploadedFile>) {
   const uploadedFile = await waitForCoValue(UploadedFile, uploadedFileId, me, Boolean, {})
 
-  uploadedFile.coMapDownloaded = true;
-
   await BinaryCoStream.loadAsBlob(uploadedFile._refs.file.id, me);
 
   return uploadedFile;

e2e/BinaryCoStream/src/UploaderPeer.tsx

@@ -1,6 +1,6 @@
 import { ID } from "jazz-tools";
 import { useEffect, useState } from "react";
-import { useAccount, useCoState } from "./jazz";
+import { useAccount } from "./jazz";
 import { createCredentiallessIframe } from "./lib/createCredentiallessIframe";
 import { generateTestFile } from "./lib/generateTestFile";
 import { getDownloaderPeerUrl } from "./lib/getDownloaderPeerUrl";
@@ -17,8 +17,6 @@ export function UploaderPeer() {
   const [syncDuration, setSyncDuration] = useState<number | null>(null);
   const [bytes, setBytes] = useState(getDefaultFileSize);
 
-  const testFile = useCoState(UploadedFile, uploadedFileId, {});
-
   async function uploadTestFile() {
     if (!account) return;
 
@@ -31,7 +29,6 @@ export function UploaderPeer() {
     const iframe = createCredentiallessIframe(getDownloaderPeerUrl(file));
     document.body.appendChild(iframe);
 
-    setSyncDuration(null);
     setUploadedFileId(file.id);
 
     // The downloader peer will set the syncCompleted to true when the download is complete.
@@ -74,11 +71,6 @@ export function UploaderPeer() {
           Sync Completed: {String(Boolean(syncDuration))}
         </div>
       )}
-      {testFile?.coMapDownloaded && (
-        <div data-testid="co-map-downloaded">
-          CoMap synced!
-        </div>
-      )}
     </>
   );
 }

e2e/BinaryCoStream/src/app.tsx

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

e2e/BinaryCoStream/src/jazz.tsx

@@ -1,6 +1,22 @@
-import { createJazzReactApp, useDemoAuth } from "jazz-react";
+import { createJazzReactContext, DemoAuth } from "jazz-react";
+import { useEffect } from "react";
 import { getValueId } from "./lib/searchParams";
-import { useEffect, useRef } from "react";
+
+function AutoLoginComponent(props: {
+  appName: string;
+  loading: boolean;
+  existingUsers: string[];
+  logInAs: (existingUser: string) => void;
+  signUp: (username: string) => void;
+}) {
+  useEffect(() => {
+    if (props.loading) return;
+
+    props.signUp("Test User");
+  }, [props.loading]);
+
+  return <div>Signing up...</div>;
+}
 
 const key = getValueId()
   ? `downloader-e2e@jazz.tools`
@@ -8,29 +24,15 @@ const key = getValueId()
 
 const localSync = new URLSearchParams(location.search).has("localSync");
 
-const Jazz = createJazzReactApp();
+const Jazz = createJazzReactContext({
+  auth: DemoAuth({
+    appName: "BinaryCoStream Sync",
+    Component: AutoLoginComponent,
+  }),
+  peer: localSync
+    ? `ws://localhost:4200?key=${key}`
+    : `wss://mesh.jazz.tools/?key=${key}`,
+});
 
 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://mesh.jazz.tools/?key=${key}`
-    }>
-      {children}
-    </Jazz.Provider>
-  );
-}
+export { Jazz };

e2e/BinaryCoStream/src/lib/createCredentiallessIframe.ts

@@ -15,7 +15,6 @@ export function createCredentiallessIframe(url: string) {
   iframe.style.position = "absolute";
   iframe.style.top = "0";
   iframe.style.right = "0";
-  iframe.setAttribute("data-testid", "downloader-peer");
 
   return iframe;
 }

e2e/BinaryCoStream/src/lib/generateTestFile.ts

@@ -6,14 +6,19 @@ export async function generateTestFile(me: Account, bytes: number) {
   group.addMember("everyone", "writer");
 
   const ownership = { owner: group };
+
+  const file = await BinaryCoStream.createFromBlob(
+    new Blob(['1'.repeat(bytes)], { type: 'image/png' }),
+    {
+      ...ownership,
+      nonBlocking: true,
+    }
+  )
+
   const testFile = UploadedFile.create(
     {
-      file: await BinaryCoStream.createFromBlob(
-        new Blob(['1'.repeat(bytes)], { type: 'image/png' }),
-        ownership
-      ),
+      file,
       syncCompleted: false,
-      coMapDownloaded: false,
     },
     ownership
   );

e2e/BinaryCoStream/src/lib/waitForCoValue.ts

@@ -15,25 +15,17 @@ export function waitForCoValue<T extends CoValue>(
   depth: DepthsIn<T>
 ) {
   return new Promise<T>((resolve) => {
-    function subscribe() {
-      const unsubscribe = subscribeToCoValue(
-        coMap,
-        valueId,
-        account,
-        depth,
-        (value) => {
-          if (predicate(value)) {
-            resolve(value);
-            unsubscribe();
-          }
-        },
-        () => {
+    const unsubscribe = subscribeToCoValue(
+      coMap,
+      valueId,
+      account,
+      depth,
+      (value) => {
+        if (predicate(value)) {
+          resolve(value);
           unsubscribe();
-          setTimeout(subscribe, 100);
         }
-      );
-    }
-
-    subscribe();
+      }
+    );
   });
 }

e2e/BinaryCoStream/src/schema.tsx

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

e2e/BinaryCoStream/tests/sync.spec.ts

@@ -1,36 +1,11 @@
-import { test, expect } from "@playwright/test";
-import { setTimeout } from "node:timers/promises";
+import { test, expect } from '@playwright/test';
 
-test.describe("BinaryCoStream - Sync", () => {
-  test("should sync a file between the two peers", async ({ page }) => {
-    await page.goto("/");
+test('BinaryCoStream - Sync', async ({ page }) => {
+  await page.goto('/');
 
-    await page.getByRole("button", { name: "Upload Test File" }).click();
+  await page.getByRole('button', { name: 'Upload Test File' }).click();
 
-    await page.getByTestId("sync-duration").waitFor();
+  await page.getByTestId('sync-duration').waitFor();
 
-    await expect(page.getByTestId("result")).toHaveText("Sync Completed: true");
-  });
-
-  test("should handle reconnections", async ({ page, browser }) => {
-    const context = browser.contexts()[0];
-    await page.goto("/?fileSize=" + 1e6); // 1MB file
-
-    await page.getByRole("button", { name: "Upload Test File" }).click();
-
-    // Wait for the coMapDonwloaded signal to ensure that the iframe is loaded
-    await page.getByTestId("co-map-downloaded").waitFor();
-
-    await context.setOffline(true);
-
-    // Wait for the ping system to detect the offline state
-    await setTimeout(10000);
-
-    await context.setOffline(false);
-
-    // Wait for the sync to complete
-    await page.getByTestId("sync-duration").waitFor();
-
-    await expect(page.getByTestId("result")).toHaveText("Sync Completed: true");
-  });
+  await expect(page.getByTestId('result')).toHaveText('Sync Completed: true');
 });

e2e/CoValues/.gitignore

@@ -1,30 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-sync-db/
-/test-results/
-/playwright-report/
-/blob-report/
-/playwright/.cache/

e2e/CoValues/CHANGELOG.md

@@ -1,41 +0,0 @@
-# @jazz-e2e/covalues
-
-## 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/index.html

@@ -1,14 +0,0 @@
-<!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 CoValues tests</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/app.tsx"></script>
-  </body>
-</html>

e2e/CoValues/package.json

@@ -1,37 +0,0 @@
-{
-  "name": "@jazz-e2e/covalues",
-  "private": true,
-  "version": "0.0.86",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "test": "playwright test",
-    "test:ui": "playwright test --ui"
-  },
-  "lint-staged": {
-    "*.{js,jsx,mdx,json}": "prettier --write"
-  },
-  "dependencies": {
-    "cojson": "workspace:*",
-    "hash-slash": "workspace:*",
-    "is-ci": "^3.0.1",
-    "jazz-react": "workspace:*",
-    "jazz-tools": "workspace:*",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router": "^6.16.0",
-    "react-router-dom": "^6.16.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",
-    "jstat": "^1.9.6",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.10"
-  }
-}

e2e/CoValues/playwright.config.ts

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

e2e/CoValues/src/app.tsx

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

e2e/CoValues/src/jazz.tsx

@@ -1,25 +0,0 @@
-import { createJazzReactApp } from "jazz-react";
-import { ephemeralCredentialsAuth } from "jazz-tools";
-import { useState } from "react";
-
-const key = `test-comap@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 [ephemeralAuth] = useState(ephemeralCredentialsAuth())
-
-  return (
-    <Jazz.Provider auth={ephemeralAuth} peer={
-      localSync
-        ? `ws://localhost:4200?key=${key}`
-        : `wss://mesh.jazz.tools/?key=${key}`
-    }>
-      {children}
-    </Jazz.Provider>
-  );
-}

e2e/CoValues/src/pages/TestInput.tsx

@@ -1,35 +0,0 @@
-import { co, CoMap, Group, ID } from "jazz-tools";
-import { useAccount, useCoState } from "../jazz";
-import { useEffect, useState } from "react";
-
-export class InputTestCoMap extends CoMap {
-  title = co.string;
-}
-
-export function TestInput() {
-  const [id, setId] = useState<ID<InputTestCoMap> | undefined>(undefined);
-  const coMap = useCoState(InputTestCoMap, id);
-  const { me } = useAccount();
-
-  useEffect(() => {
-    if (!me || id) return;
-
-    const group = Group.create({ owner: me });
-
-    group.addMember("everyone", "writer");
-
-    setId(InputTestCoMap.create({ title: "" }, { owner: group }).id);
-  }, [me]);
-
-  if (!coMap) return null;
-
-  return (
-    <input
-      value={coMap?.title ?? ""}
-      onChange={(e) => {
-        if (!coMap) return;
-        coMap.title = e.target.value;
-      }}
-    />
-  );
-}

e2e/CoValues/tests/TestInput.spec.ts

@@ -1,14 +0,0 @@
-import { test, expect } from "@playwright/test";
-
-test.describe("CoMap - TestInput", () => {
-  test("should keep the cursor position when typing", async ({ page }) => {
-    await page.goto("/test-input");
-
-    await page.getByRole("textbox").fill("xx");
-    await page.getByRole('textbox').press('ArrowLeft');
-    await page.getByRole("textbox").press("y");
-    await page.getByRole("textbox").press("y");
-
-    await expect(page.getByRole('textbox')).toHaveValue("xyyx");
-  });
-});

e2e/CoValues/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2023", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "baseUrl": "."
-  },
-  "include": ["src"],
-}

e2e/CoValues/vite.config.ts

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

examples/book-shelf/.eslintrc.json

@@ -1,11 +0,0 @@
-{
-  "extends": [
-    "next/core-web-vitals",
-    "prettier",
-    "plugin:prettier/recommended"
-  ],
-  "plugins": ["prettier"],
-  "rules": {
-    "prettier/prettier": ["error"]
-  }
-}

examples/book-shelf/.gitignore

@@ -1,36 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-.yarn/install-state.gz
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts

examples/book-shelf/.prettierrc.json

@@ -1,11 +0,0 @@
-{
-  "tabWidth": 2,
-  "useTabs": false,
-  "semi": true,
-  "singleQuote": false,
-  "trailingComma": "es5",
-  "bracketSpacing": true,
-  "arrowParens": "avoid",
-  "printWidth": 80,
-  "plugins": ["prettier-plugin-tailwindcss"]
-}

examples/book-shelf/CHANGELOG.md

@@ -1,18 +0,0 @@
-# jazz-example-book-shelf
-
-## 0.1.2
-
-### Patch Changes
-
-- jazz-browser-media-images@0.8.6
-- jazz-react@0.8.6
-
-## 0.1.1
-
-### Patch Changes
-
-- Updated dependencies [c3f4e6b]
-- Updated dependencies [d9152ed]
-  - jazz-tools@0.8.5
-  - jazz-browser-media-images@0.8.5
-  - jazz-react@0.8.5

examples/book-shelf/README.md

@@ -1,41 +0,0 @@
-# Jazz Book Shelf Example
-
-## Installing & running the example locally
-
-(this requires `pnpm` to be installed, see [https://pnpm.io/installation](https://pnpm.io/installation))
-
-Start by checking out `jazz`
-
-Install dependencies:
-
-```bash
-pnpm install
-```
-
-Go to the `examples/book-shelf` directory.
-
-```bash
-cd examples/book-shelf
-```
-
-Install dependencies:
-
-```bash
-pnpm install
-```
-
-Start the dev server:
-
-```bash
-pnpm dev
-```
-
-## Questions / problems / feedback
-
-If you have feedback, let us know on [Discord](https://discord.gg/utDMjHYg42) or open an issue or PR to fix something that seems wrong.
-
-## Configuration: sync server
-
-By default, the example app uses [Jazz Global Mesh](https://jazz.tools/mesh) (`wss://sync.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/2_main.tsx).

examples/book-shelf/job-template.nomad

@@ -1,56 +0,0 @@
-job "example-bookShelf$BRANCH_SUFFIX" {
-  region     = "global"
-  datacenters = ["*"]
-
-  group "static" {
-    count = 4
-
-    network {
-      port "http" {
-        to = 80
-      }
-    }
-
-    constraint {
-      attribute = "${node.class}"
-      operator  = "="
-      value     = "mesh"
-    }
-
-    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 = "example-bookShelf$BRANCH_SUFFIX"
-        port = "http"
-        provider = "consul"
-      }
-
-      resources {
-        cpu    = 50 # MHz
-        memory = 50 # MB
-      }
-    }
-  }
-}
-# deploy bump 4

examples/book-shelf/next-env.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="next" />
-/// <reference types="next/image-types/global" />
-
-// NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.

examples/book-shelf/next.config.mjs

@@ -1,4 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {};
-
-export default nextConfig;

examples/book-shelf/package.json

@@ -1,35 +0,0 @@
-{
-  "name": "jazz-example-book-shelf",
-  "version": "0.1.2",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "format": "prettier --write ."
-  },
-  "dependencies": {
-    "clsx": "^2.0.0",
-    "jazz-browser-media-images": "workspace:0.8.6",
-    "jazz-react": "workspace:0.8.6",
-    "jazz-tools": "workspace:0.8.5",
-    "next": "14.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@types/node": "^22.5.1",
-    "@types/react": "^18.2.19",
-    "@types/react-dom": "^18.2.7",
-    "eslint": "^8.46.0",
-    "eslint-config-next": "14.2.5",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "postcss": "^8.4.27",
-    "prettier": "^3.1.1",
-    "prettier-plugin-tailwindcss": "^0.6.5",
-    "tailwindcss": "3.3.2",
-    "typescript": "^5.3.3"
-  }
-}

examples/book-shelf/postcss.config.mjs

@@ -1,8 +0,0 @@
-/** @type {import('postcss-load-config').Config} */
-const config = {
-  plugins: {
-    tailwindcss: {},
-  },
-};
-
-export default config;

examples/book-shelf/src/app/add/page.tsx

@@ -1,136 +0,0 @@
-"use client";
-
-import { ChangeEvent, useState } from "react";
-import { BookReview, ListOfBookReviews } from "@/schema";
-import { useAccount } from "@/components/JazzAndAuth";
-import { useRouter } from "next/navigation";
-import RatingInput from "@/components/RatingInput";
-import { createImage } from "jazz-browser-media-images";
-import { Group, ImageDefinition } from "jazz-tools";
-import { Container } from "@/components/Container";
-import { Button } from "@/components/Button";
-
-export default function AddBookReview() {
-  const { me } = useAccount();
-
-  const [title, setTitle] = useState("");
-  const [author, setAuthor] = useState("");
-  const [review, setReview] = useState("");
-  const [rating, setRating] = useState(0);
-  const [dateRead, setDateRead] = useState(
-    new Date().toISOString().split("T")[0]
-  );
-  const [coverImage, setCoverImage] = useState<ImageDefinition | undefined>();
-
-  const router = useRouter();
-
-  const onDateChange = (event: ChangeEvent<HTMLInputElement>) => {
-    const date = new Date(event.currentTarget.value)
-      .toISOString()
-      .split("T")[0];
-    setDateRead(date);
-  };
-
-  const onImageChange = (event: ChangeEvent<HTMLInputElement>) => {
-    const file = event.currentTarget.files?.[0];
-    const group = Group.create({ owner: me });
-    group.addMember("everyone", "reader");
-
-    if (file) {
-      createImage(file, { owner: group }).then(image => {
-        setCoverImage(image);
-      });
-    }
-  };
-
-  const onSubmit = (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-
-    if (!me?.profile) return;
-
-    const bookReview = BookReview.create(
-      {
-        title,
-        author,
-        review,
-        rating,
-        dateRead: new Date(dateRead),
-        cover: coverImage,
-      },
-      {
-        owner: me.profile._owner,
-      }
-    );
-
-    if (!me.profile.bookReviews) {
-      me.profile.bookReviews = ListOfBookReviews.create([], {
-        owner: me.profile._owner,
-      });
-    }
-
-    me.profile.bookReviews.push(bookReview);
-    router.push("/");
-  };
-
-  return (
-    <Container className="grid max-w-lg gap-8 py-8">
-      <h1 className="text-lg font-semibold text-black">Add book review</h1>
-      <form action="" className="grid gap-4" onSubmit={onSubmit}>
-        <label className="grid gap-1 text-sm text-gray-600">
-          Cover
-          <input type="file" onChange={onImageChange} />
-        </label>
-
-        <label className="grid gap-1 text-sm text-gray-600">
-          Title
-          <input
-            className="rounded border border-gray-300 px-2 py-1 shadow-sm"
-            type="text"
-            value={title}
-            required
-            onChange={e => setTitle(e.target.value)}
-          ></input>
-        </label>
-
-        <label className="grid gap-1 text-sm text-gray-600">
-          Author
-          <input
-            className="rounded border border-gray-300 px-2 py-1 shadow-sm"
-            type="text"
-            value={author}
-            required
-            onChange={e => setAuthor(e.target.value)}
-          ></input>
-        </label>
-
-        <label className="grid gap-1 text-sm text-gray-600">
-          Date read
-          <input
-            className="rounded border border-gray-300 px-2 py-1 shadow-sm"
-            type="date"
-            value={dateRead}
-            required
-            onChange={onDateChange}
-          />
-        </label>
-
-        <div className="grid gap-1 text-sm text-gray-600">
-          Rating
-          <RatingInput value={rating} onChange={rating => setRating(rating)} />
-        </div>
-
-        <label className="grid gap-1 text-sm text-gray-600">
-          Review
-          <textarea
-            className="rounded border border-gray-300 px-2 py-1 shadow-sm"
-            value={review}
-            onChange={e => setReview(e.target.value)}
-          ></textarea>
-        </label>
-        <Button variant="primary" type="submit">
-          Add
-        </Button>
-      </form>
-    </Container>
-  );
-}

examples/book-shelf/src/app/book/[slug]/page.tsx

@@ -1,172 +0,0 @@
-"use client";
-
-import { useCoState } from "@/components/JazzAndAuth";
-import { BookReview } from "@/schema";
-import { Group, ID } from "jazz-tools";
-import { BookCover } from "@/components/BookCover";
-import clsx from "clsx";
-import RatingInput from "@/components/RatingInput";
-import Rating from "@/components/Rating";
-import { Container } from "@/components/Container";
-
-const BookReviewTitle = ({
-  bookReview,
-  readOnly,
-}: {
-  bookReview: BookReview;
-  readOnly: boolean;
-}) => {
-  const className = "font-serif text-2xl font-bold lg:text-4xl";
-
-  if (readOnly) {
-    return <h1 className={className}>{bookReview.title}</h1>;
-  }
-
-  return (
-    <input
-      value={bookReview.title}
-      placeholder="Book title"
-      className={clsx(
-        className,
-        "w-full rounded border border-transparent px-2 py-1 hover:border-gray-300 hover:shadow-sm"
-      )}
-      onChange={e => (bookReview.title = e.target.value)}
-    ></input>
-  );
-};
-
-const BookReviewAuthor = ({
-  bookReview,
-  readOnly,
-}: {
-  bookReview: BookReview;
-  readOnly: boolean;
-}) => {
-  const className = "text-gray-700";
-
-  if (readOnly) {
-    return <p className={className}>by {bookReview.author}</p>;
-  }
-
-  return (
-    <input
-      value={bookReview.author}
-      placeholder="Author"
-      className={clsx(
-        className,
-        "w-full rounded border border-transparent px-2 py-1 hover:border-gray-300 hover:shadow-sm"
-      )}
-      onChange={e => (bookReview.author = e.target.value)}
-    ></input>
-  );
-};
-
-const BookReviewDateRead = ({
-  bookReview,
-  readOnly,
-}: {
-  bookReview: BookReview;
-  readOnly: boolean;
-}) => {
-  const className = "text-gray-700 max-w-[10rem]";
-
-  if (readOnly) {
-    return (
-      bookReview.dateRead && (
-        <p className={className}>{bookReview.dateRead.toLocaleDateString()}</p>
-      )
-    );
-  }
-
-  return (
-    <input
-      type="date"
-      value={bookReview.dateRead?.toISOString().split("T")[0]}
-      placeholder="Date read"
-      className={clsx(
-        className,
-        "w-full rounded border border-transparent px-2 py-1 hover:border-gray-300 hover:shadow-sm"
-      )}
-      onChange={e => {
-        const date = new Date(e.target.value);
-        bookReview.dateRead = date;
-      }}
-    ></input>
-  );
-};
-
-const BookReviewReview = ({
-  bookReview,
-  readOnly,
-}: {
-  bookReview: BookReview;
-  readOnly: boolean;
-}) => {
-  const className = "text-sm leading-relaxed text-gray-600";
-
-  if (readOnly) {
-    if (bookReview.review) {
-      return <p className={className}>{bookReview.review}</p>;
-    }
-  }
-
-  return (
-    <textarea
-      value={bookReview.review}
-      placeholder="Write your review here..."
-      className={clsx(
-        className,
-        "w-full rounded border border-transparent px-2 py-1 hover:border-gray-300 hover:shadow-sm"
-      )}
-      onChange={e => (bookReview.review = e.target.value)}
-    ></textarea>
-  );
-};
-
-const BookReviewRating = ({
-  bookReview,
-  readOnly,
-}: {
-  bookReview: BookReview;
-  readOnly: boolean;
-}) => {
-  const className = "text-2xl sm:mx-0";
-
-  if (readOnly) {
-    return <Rating className={className} rating={bookReview.rating} />;
-  }
-
-  return (
-    <RatingInput
-      className={clsx(className, "p-2")}
-      onChange={rating => (bookReview.rating = rating)}
-      value={bookReview.rating}
-    />
-  );
-};
-
-export default function Page({ params }: { params: { slug: string } }) {
-  const bookReview = useCoState(BookReview, params.slug as ID<BookReview>);
-
-  if (!bookReview) return <></>;
-
-  const readOnly = !(bookReview._owner.castAs(Group).myRole() === "admin");
-
-  return (
-    <Container className="grid gap-12 py-8">
-      <div className="flex flex-col gap-6 sm:flex-row md:gap-10">
-        <div className="w-[180px]">
-          <BookCover bookReview={bookReview} readOnly={readOnly} />
-        </div>
-
-        <div className="-mx-2 grid max-w-lg flex-1 gap-3 sm:mx-0">
-          <BookReviewTitle bookReview={bookReview} readOnly={readOnly} />
-          <BookReviewAuthor bookReview={bookReview} readOnly={readOnly} />
-          <BookReviewDateRead bookReview={bookReview} readOnly={readOnly} />
-          <BookReviewRating bookReview={bookReview} readOnly={readOnly} />
-          <BookReviewReview bookReview={bookReview} readOnly={readOnly} />
-        </div>
-      </div>
-    </Container>
-  );
-}

examples/book-shelf/src/app/globals.css

@@ -1,13 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :focus {
-    @apply outline-none;
-  }
-
-  :focus-visible {
-    @apply ring-2 ring-purple-600/75 dark:ring-2 dark:ring-white/75;
-  }
-}

examples/book-shelf/src/app/layout.tsx

@@ -1,39 +0,0 @@
-import type { Metadata } from "next";
-import { Inter } from "next/font/google";
-import "./globals.css";
-import { JazzAndAuth } from "@/components/JazzAndAuth";
-import { Nav } from "@/components/Nav";
-import { Fraunces } from "next/font/google";
-import clsx from "clsx";
-
-const fraunces = Fraunces({
-  subsets: ["latin"],
-  display: "swap",
-  variable: "--font-fraunces",
-});
-
-const inter = Inter({ subsets: ["latin"] });
-
-export const metadata: Metadata = {
-  title: "Jazz Book Shelf",
-  description: "Jazz Book Shelf",
-};
-
-export default function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  return (
-    <html lang="en">
-      <body className={clsx(inter.className, fraunces.variable)}>
-        <JazzAndAuth>
-          <header>
-            <Nav />
-          </header>
-          <main>{children}</main>
-        </JazzAndAuth>
-      </body>
-    </html>
-  );
-}

examples/book-shelf/src/app/page.tsx

@@ -1,27 +0,0 @@
-"use client";
-
-import { useAccount } from "@/components/JazzAndAuth";
-import UserProfile from "@/components/UserProfile";
-import { JazzAccount } from "@/schema";
-import { ID } from "jazz-tools";
-import { Container } from "@/components/Container";
-
-export default function Home() {
-  const { me } = useAccount();
-
-  return (
-    <Container className="grid gap-12 py-8">
-      <UserProfile id={me?.id as ID<JazzAccount>} />
-
-      <label className="flex flex-wrap items-center gap-3">
-        Share your profile:
-        <input
-          type="text"
-          className="w-full rounded border p-1"
-          value={`${window.location.origin}/user/${me?.id}`}
-          readOnly
-        />
-      </label>
-    </Container>
-  );
-}

examples/book-shelf/src/app/user/[slug]/page.tsx

@@ -1,14 +0,0 @@
-import UserProfile from "@/components/UserProfile";
-import { JazzAccount } from "@/schema";
-import { ID } from "jazz-tools";
-import { Container } from "@/components/Container";
-
-export default function Page({ params }: { params: { slug: string } }) {
-  const { slug } = params;
-
-  return (
-    <Container className="py-8">
-      <UserProfile id={slug as ID<JazzAccount>} />
-    </Container>
-  );
-}

examples/book-shelf/src/components/BookCover.tsx

@@ -1,134 +0,0 @@
-import { ProgressiveImg } from "jazz-react";
-import { BookReview } from "@/schema";
-import { ChangeEvent, useRef, useState } from "react";
-import { Group, ImageDefinition } from "jazz-tools";
-import { createImage } from "jazz-browser-media-images";
-import { useAccount } from "@/components/JazzAndAuth";
-import clsx from "clsx";
-import PlusIcon from "@/components/icons/PlusIcon";
-import { Button } from "@/components/Button";
-
-const BookCoverContainer = ({
-  children,
-  className = "",
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) => {
-  return (
-    <div className={clsx("h-[240px] lg:h-[260px]", className)}>{children}</div>
-  );
-};
-
-const MockCover = ({ bookReview }: { bookReview: BookReview }) => {
-  return (
-    <div className="flex h-full flex-col items-center justify-center gap-3 rounded-l-sm rounded-r-md bg-gray-100 px-3 text-center shadow-lg">
-      <p className="font-medium">{bookReview.title}</p>
-      <p className="text-xs">{bookReview.author}</p>
-    </div>
-  );
-};
-
-export function BookCoverReadOnly({
-  bookReview,
-  className,
-}: {
-  bookReview: BookReview;
-  className?: string;
-}) {
-  if (bookReview.cover) {
-    return (
-      <BookCoverContainer className={className}>
-        <ProgressiveImg image={bookReview.cover}>
-          {({ src }) => (
-            <img
-              className="max-h-full max-w-full rounded-l-sm rounded-r-md shadow-lg"
-              src={src}
-            />
-          )}
-        </ProgressiveImg>
-      </BookCoverContainer>
-    );
-  }
-
-  return (
-    <BookCoverContainer className={className}>
-      <MockCover bookReview={bookReview} />
-    </BookCoverContainer>
-  );
-}
-
-export function BookCoverInput({ bookReview }: { bookReview: BookReview }) {
-  const { me } = useAccount();
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  const onImageChange = (event: ChangeEvent<HTMLInputElement>) => {
-    if (!me?.profile) return;
-
-    const file = event.currentTarget.files?.[0];
-
-    if (file) {
-      createImage(file, { owner: me.profile._owner }).then(image => {
-        bookReview.cover = image;
-      });
-    }
-  };
-
-  const onUploadClick = () => {
-    inputRef.current?.click();
-  };
-
-  const remove = () => {
-    bookReview.cover = null;
-  };
-
-  if (bookReview.cover) {
-    return (
-      <div className="group relative inline-block">
-        <BookCoverReadOnly
-          className="transition-opacity group-hover:opacity-40"
-          bookReview={bookReview}
-        />
-        <div className="absolute left-0 top-0 hidden h-full w-full items-center justify-center rounded-l-sm rounded-r-md group-hover:flex">
-          <Button
-            variant="tertiary"
-            type="button"
-            className="shadow"
-            onClick={remove}
-          >
-            Remove
-          </Button>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <BookCoverContainer className="flex w-[180px] flex-col justify-center rounded-l-sm rounded-r-md bg-gray-100 p-3 shadow-lg">
-      <button
-        className="flex h-full w-full flex-col items-center justify-center gap-3 text-gray-500 transition-colors hover:text-gray-600"
-        type="button"
-        onClick={onUploadClick}
-      >
-        <PlusIcon className="h-10 w-10" />
-        Upload book cover
-      </button>
-      <label className="sr-only">
-        Cover
-        <input ref={inputRef} type="file" onChange={onImageChange} />
-      </label>
-    </BookCoverContainer>
-  );
-}
-
-export function BookCover({
-  bookReview,
-  readOnly,
-}: {
-  bookReview: BookReview;
-  readOnly?: boolean;
-}) {
-  if (readOnly) return <BookCoverReadOnly bookReview={bookReview} />;
-
-  return <BookCoverInput bookReview={bookReview} />;
-}

examples/book-shelf/src/components/BookReviewHeader.tsx

@@ -1,30 +0,0 @@
-import { BookReview } from "@/schema";
-import Rating from "@/components/Rating";
-import { Group } from "jazz-tools";
-import RatingInput from "@/components/RatingInput";
-import { BookCover } from "@/components/BookCover";
-
-export function BookReviewHeader({ bookReview }: { bookReview: BookReview }) {
-  const { title, author, rating, review, dateRead } = bookReview;
-
-  return (
-    <div className="grid gap-5">
-      <div>
-        <h1 className="mb-1 font-serif text-2xl font-bold md:mb-3 lg:text-4xl">
-          {title}
-        </h1>
-
-        <p className="text-gray-500">by {author}</p>
-      </div>
-
-      {bookReview._owner.castAs(Group).myRole() === "admin" ? (
-        <RatingInput
-          onChange={rating => (bookReview.rating = rating)}
-          value={rating}
-        />
-      ) : (
-        <Rating className="mx-auto text-2xl sm:mx-0" rating={rating} />
-      )}
-    </div>
-  );
-}

examples/book-shelf/src/components/BookReviewThumbnail.tsx

@@ -1,35 +0,0 @@
-"use client";
-
-import { BookReview } from "../schema";
-import { ID } from "jazz-tools";
-import { useCoState } from "@/components/JazzAndAuth";
-import Link from "next/link";
-import { BookCover, BookCoverReadOnly } from "@/components/BookCover";
-import StarIcon from "@/components/icons/StarIcon";
-
-export function BookReviewThumbnail({ id }: { id: ID<BookReview> }) {
-  const bookReview = useCoState(BookReview, id);
-
-  if (!bookReview) return <></>;
-
-  return (
-    <div className="inline-flex shrink-0 gap-4 rounded border p-4 sm:block sm:space-y-6 sm:border-0 sm:p-0 md:w-[200px]">
-      <Link href={`/book/${bookReview.id}`} className="sm:block sm:flex-1">
-        <BookCoverReadOnly bookReview={bookReview} />
-      </Link>
-
-      <div className="flex-1">
-        <Link href={`/book/${bookReview.id}`}>
-          <h2 className="mb-1 text-sm font-medium">{bookReview.title}</h2>
-        </Link>
-        <div className="mb-2 flex flex-col gap-2 text-sm text-gray-500 sm:flex-row sm:items-center">
-          <p>{bookReview.author}</p>
-          <div className="flex items-center gap-0.5 text-xs font-semibold leading-none">
-            <StarIcon className="-mt-px text-base text-yellow-400" />
-            {bookReview.rating}
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}

examples/book-shelf/src/components/Button.tsx

@@ -1,65 +0,0 @@
-import Link from "next/link";
-import type { ComponentProps } from "react";
-import clsx from "clsx";
-
-interface Props {
-  variant?: "primary" | "secondary" | "tertiary";
-  className?: string;
-  size?: "sm" | "md" | "lg";
-}
-
-interface AnchorProps
-  extends Props,
-    React.AnchorHTMLAttributes<HTMLAnchorElement> {
-  href: string;
-}
-
-type ButtonProps = ComponentProps<"button"> & Props;
-
-export function Button(props: AnchorProps | ButtonProps) {
-  const {
-    className: customClassName = "",
-    variant = "primary",
-    children,
-    size = "md",
-  } = props;
-
-  const variantClassNames = {
-    base: "inline-flex gap-2 items-center justify-center rounded-full overflow-hidden transition-colors",
-    primary:
-      "bg-purple-300 font-medium text-purple-950 px-4 py-2 rounded-full hover:bg-purple-200",
-    secondary:
-      "rounded-full bg-slate-100 font-medium text-slate-600 hover:bg-slate-200",
-    tertiary: "rounded-full bg-white text-purple-950 font-medium",
-  };
-
-  const sizeClassNames = {
-    sm: "py-1.5 px-3 text-sm",
-    md: "py-2 px-5",
-    lg: "py-2 md:py-2.5 px-6 md:text-lg",
-  };
-
-  const className = clsx(
-    customClassName,
-    variantClassNames.base,
-    variantClassNames[variant],
-    sizeClassNames[size]
-  );
-
-  if (!!(props as AnchorProps).href) {
-    const anchorProps = props as AnchorProps;
-    return (
-      <Link href={anchorProps.href} className={className}>
-        {children}
-      </Link>
-    );
-  }
-
-  const buttonProps = props as ButtonProps;
-
-  return (
-    <button {...buttonProps} className={className}>
-      {children}
-    </button>
-  );
-}

examples/book-shelf/src/components/Container.tsx

@@ -1,13 +0,0 @@
-import clsx from "clsx";
-
-export function Container({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) {
-  return (
-    <div className={clsx("mx-auto max-w-4xl px-4", className)}>{children}</div>
-  );
-}

examples/book-shelf/src/components/JazzAndAuth.tsx

@@ -1,29 +0,0 @@
-"use client";
-
-import { createJazzReactApp, useDemoAuth, DemoAuthBasicUI } from "jazz-react";
-import { JazzAccount } from "@/schema";
-
-const Jazz = createJazzReactApp({
-  AccountSchema: JazzAccount,
-});
-
-export const { useAccount, useCoState } = Jazz;
-
-export function JazzAndAuth({ children }: { children: React.ReactNode }) {
-  const [auth, authState] = useDemoAuth();
-
-  return (
-    <>
-      <Jazz.Provider
-        auth={auth}
-        // replace `you@example.com` with your email as a temporary API key
-        peer="wss://mesh.jazz.tools/?key=you@example.com"
-      >
-        {children}
-      </Jazz.Provider>
-      {authState.state !== "signedIn" && (
-        <DemoAuthBasicUI appName="Jazz Book Shelf" state={authState} />
-      )}
-    </>
-  );
-}

examples/book-shelf/src/components/Nav.tsx

@@ -1,26 +0,0 @@
-"use client";
-
-import { useAccount } from "@/components/JazzAndAuth";
-import Link from "next/link";
-import { Container } from "@/components/Container";
-import { Button } from "@/components/Button";
-
-export function Nav() {
-  const { me, logOut } = useAccount();
-
-  return (
-    <nav className="border-b py-3">
-      <Container className="flex items-center justify-between gap-12 text-sm">
-        <Link href="/" className="font-serif text-lg font-semibold">
-          Jazz Book Shelf
-        </Link>
-        <div className="flex items-center gap-4 text-sm">
-          <p>{me?.profile?.name}</p>
-          <Button variant="secondary" onClick={logOut}>
-            Log out
-          </Button>
-        </div>
-      </Container>
-    </nav>
-  );
-}

examples/book-shelf/src/components/Rating.tsx

@@ -1,21 +0,0 @@
-import StarIcon from "@/components/icons/StarIcon";
-import StarOutlineIcon from "@/components/icons/StarOutlineIcon";
-
-export default function Rating({
-  rating,
-  className = "",
-}: {
-  rating?: number;
-  className?: string;
-}) {
-  const max = 5;
-  const outline = max - (rating || 0);
-  return (
-    <div className={`inline-flex gap-0.5 text-yellow-400 ${className}`}>
-      {rating ? [...Array(rating)].map((x, i) => <StarIcon key={i} />) : <></>}
-      {[...Array(outline)].map((x, i) => (
-        <StarOutlineIcon key={i} />
-      ))}
-    </div>
-  );
-}

examples/book-shelf/src/components/RatingInput.tsx

@@ -1,47 +0,0 @@
-"use client";
-
-import StarOutlineIcon from "@/components/icons/StarOutlineIcon";
-import StarIcon from "@/components/icons/StarIcon";
-import clsx from "clsx";
-
-interface RatingInputProps {
-  value?: number;
-  onChange: (value: number) => void;
-  className?: string;
-}
-
-export default function RatingInput({
-  value = 0,
-  onChange,
-  className,
-}: RatingInputProps) {
-  const handleChange = (newRating: number) => {
-    onChange(newRating > 5 ? 5 : newRating);
-  };
-
-  return (
-    <div className={clsx(className, "flex gap-0.5 text-2xl text-yellow-400")}>
-      {[...Array(5)].map((_, i) => {
-        return i < value ? (
-          <button
-            type="button"
-            className="focus:outline-none"
-            onClick={() => handleChange(i + 1)}
-            key={i}
-          >
-            <StarIcon />
-          </button>
-        ) : (
-          <button
-            type="button"
-            className="focus:outline-none"
-            onClick={() => handleChange(i + 1)}
-            key={i}
-          >
-            <StarOutlineIcon />
-          </button>
-        );
-      })}
-    </div>
-  );
-}

examples/book-shelf/src/components/UserProfile.tsx

@@ -1,39 +0,0 @@
-"use client";
-
-import { useCoState } from "@/components/JazzAndAuth";
-import { Group, ID } from "jazz-tools";
-import { JazzAccount, JazzProfile, ListOfBookReviews } from "@/schema";
-import { BookReviewThumbnail } from "@/components/BookReviewThumbnail";
-import { Button } from "@/components/Button";
-
-export default function UserProfile({ id }: { id: ID<JazzAccount> }) {
-  const user = useCoState(JazzAccount, id);
-  const profile = useCoState(JazzProfile, user?.profile?.id);
-
-  const bookReviews = useCoState(
-    ListOfBookReviews,
-    user?.profile?._refs.bookReviews?.id,
-    [{}]
-  );
-
-  return (
-    <div className="grid gap-4">
-      <div className="flex items-center justify-between">
-        <h1 className="font-serif text-lg font-medium sm:text-2xl">
-          {profile?.name}&apos;s book shelf
-        </h1>
-        {profile?._owner.castAs(Group).myRole() === "admin" && (
-          <Button href="/add" variant="primary">
-            Add book
-          </Button>
-        )}
-      </div>
-
-      <div className="grid gap-4 md:grid-cols-4">
-        {bookReviews?.map(bookReview => (
-          <BookReviewThumbnail key={bookReview.id} id={bookReview.id} />
-        ))}
-      </div>
-    </div>
-  );
-}

examples/book-shelf/src/components/icons/PlusIcon.tsx

@@ -1,20 +0,0 @@
-export default function PlusIcon({ className }: { className?: string }) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      strokeWidth={1.5}
-      stroke="currentColor"
-      className={className}
-      width="1em"
-      height="1em"
-    >
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M12 4.5v15m7.5-7.5h-15"
-      />
-    </svg>
-  );
-}

examples/book-shelf/src/components/icons/StarIcon.tsx

@@ -1,18 +0,0 @@
-export default function StarIcon({ className }: { className?: string }) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="currentColor"
-      className={className}
-      width="1em"
-      height="1em"
-    >
-      <path
-        fillRule="evenodd"
-        d="M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273-4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 2.082-5.005Z"
-        clipRule="evenodd"
-      />
-    </svg>
-  );
-}

examples/book-shelf/src/components/icons/StarOutlineIcon.tsx

@@ -1,20 +0,0 @@
-export default function StarOutlineIcon({ className }: { className?: string }) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      fill="none"
-      viewBox="0 0 24 24"
-      strokeWidth={1.5}
-      stroke="currentColor"
-      className={className}
-      width="1em"
-      height="1em"
-    >
-      <path
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        d="M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345L11.48 3.5Z"
-      />
-    </svg>
-  );
-}

examples/book-shelf/src/schema.ts

@@ -1,37 +0,0 @@
-import {
-  CoMap,
-  co,
-  CoList,
-  Account,
-  Profile,
-  ImageDefinition,
-  Encoders,
-} from "jazz-tools";
-
-export class BookReview extends CoMap {
-  title = co.string;
-  author = co.string;
-  rating = co.number;
-  dateRead? = co.encoded(Encoders.Date);
-  review? = co.string;
-  cover? = co.ref(ImageDefinition, { optional: true });
-}
-
-export class ListOfBookReviews extends CoList.Of(co.ref(BookReview)) {}
-
-/** The profile is an app-specific per-user public `CoMap`
- *  where you can store top-level objects for that user */
-export class JazzProfile extends Profile {
-  bookReviews = co.ref(ListOfBookReviews);
-}
-
-export class JazzAccount extends Account {
-  profile = co.ref(JazzProfile);
-
-  /** The account migration is run on account creation and on every log-in.
-   *  You can use it to set up the account root and any other initial CoValues you need.
-   */
-  migrate(this: JazzAccount, creationProps?: { name: string }) {
-    super.migrate(creationProps);
-  }
-}

examples/book-shelf/tailwind.config.ts

@@ -1,25 +0,0 @@
-import type { Config } from "tailwindcss";
-const colors = require("tailwindcss/colors");
-
-const config: Config = {
-  content: [
-    "./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-  theme: {
-    extend: {
-      fontFamily: {
-        serif: ["var(--font-fraunces)"],
-      },
-      colors: {
-        purple: {
-          ...colors.purple,
-          950: "#211f5a",
-        },
-      },
-    },
-  },
-  plugins: [],
-};
-export default config;

examples/book-shelf/tsconfig.json

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

examples/chat-clerk/.env

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

examples/chat-clerk/.eslintrc.cjs

@@ -1,13 +0,0 @@
-module.exports = {
-  root: true,
-  env: { browser: true, es2020: true },
-  extends: [
-    "eslint:recommended",
-    "plugin:@typescript-eslint/recommended",
-    "plugin:react-hooks/recommended",
-  ],
-  ignorePatterns: ["dist", ".eslintrc.cjs"],
-  parser: "@typescript-eslint/parser",
-  plugins: ["react-refresh"],
-  rules: {},
-};

examples/chat-clerk/.gitignore

@@ -1,26 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist
-dist-ssr
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-sync-db/

examples/chat-clerk/.prettierrc

@@ -1,10 +0,0 @@
-{
-  "tabWidth": 2,
-  "useTabs": false,
-  "semi": true,
-  "singleQuote": false,
-  "trailingComma": "es5",
-  "bracketSpacing": true,
-  "arrowParens": "avoid",
-  "printWidth": 80
-}

examples/chat-clerk/CHANGELOG.md

@@ -1,930 +0,0 @@
-# jazz-example-chat
-
-## 0.0.86
-
-### Patch Changes
-
-- jazz-react@0.8.6
-- jazz-react-auth-clerk@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
-  - jazz-react-auth-clerk@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-react-auth-clerk@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
-  - jazz-react-auth-clerk@0.8.2
-
-## 0.0.81
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.8.1
-  - jazz-react@0.8.1
-  - jazz-react-auth-clerk@0.8.1
-
-## 0.0.82
-
-### Patch Changes
-
-- Updated dependencies [6a147c2]
-- Updated dependencies [ad40b88]
-- Updated dependencies [23369dc]
-- Updated dependencies [c2b62a0]
-- Updated dependencies [1a979b6]
-- Updated dependencies [bcec3be]
-- Updated dependencies [6ce2051]
-  - cojson@0.8.0
-  - jazz-tools@0.8.0
-  - jazz-react@0.8.0
-
-## 0.0.82-guest-auth.6
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.35-guest-auth.6
-  - jazz-tools@0.7.35-guest-auth.6
-
-## 0.0.82
-
-### Patch Changes
-
-- Updated dependencies [49a8b54]
-- Updated dependencies [35bbcd9]
-- Updated dependencies [6f80282]
-- Updated dependencies [35bbcd9]
-- Updated dependencies [cac2ec9]
-- Updated dependencies [f350e90]
-  - jazz-tools@0.7.35
-  - cojson@0.7.35
-  - jazz-react@0.7.35
-
-## 0.0.81
-
-### Patch Changes
-
-- Updated dependencies [5d91f9f]
-- Updated dependencies [5094e6d]
-- Updated dependencies [b09589b]
-- Updated dependencies [2c3a40c]
-- Updated dependencies [4e16575]
-- Updated dependencies [ea882ab]
-  - cojson@0.7.34
-  - jazz-react@0.7.34
-  - jazz-tools@0.7.34
-
-## 0.0.81-neverthrow.6
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.34-neverthrow.8
-  - jazz-react@0.7.34-neverthrow.8
-  - jazz-tools@0.7.34-neverthrow.8
-
-## 0.0.81-neverthrow.5
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.34-neverthrow.7
-  - jazz-react@0.7.34-neverthrow.7
-  - jazz-tools@0.7.34-neverthrow.7
-
-## 0.0.81-neverthrow.4
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.34-neverthrow.4
-  - jazz-react@0.7.34-neverthrow.4
-  - jazz-tools@0.7.34-neverthrow.4
-
-## 0.0.81-neverthrow.3
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.34-neverthrow.3
-  - jazz-react@0.7.34-neverthrow.3
-  - jazz-tools@0.7.34-neverthrow.3
-
-## 0.0.81-neverthrow.2
-
-### Patch Changes
-
-- jazz-react@0.7.34-neverthrow.2
-
-## 0.0.81-neverthrow.1
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.34-neverthrow.1
-  - jazz-react@0.7.34-neverthrow.1
-  - jazz-tools@0.7.34-neverthrow.1
-
-## 0.0.81-neverthrow.0
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.34-neverthrow.0
-  - jazz-react@0.7.34-neverthrow.0
-  - jazz-tools@0.7.34-neverthrow.0
-
-## 0.0.80
-
-### Patch Changes
-
-- Updated dependencies [b297c93]
-- Updated dependencies [3bf5127]
-- Updated dependencies [a8b74ff]
-- Updated dependencies [db53161]
-  - cojson@0.7.33
-  - jazz-react@0.7.33
-  - jazz-tools@0.7.33
-
-## 0.0.80-hotfixes.5
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.33-hotfixes.5
-  - jazz-react@0.7.33-hotfixes.5
-  - jazz-tools@0.7.33-hotfixes.5
-
-## 0.0.80-hotfixes.4
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.33-hotfixes.4
-  - jazz-react@0.7.33-hotfixes.4
-  - jazz-tools@0.7.33-hotfixes.4
-
-## 0.0.80-hotfixes.3
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.33-hotfixes.3
-  - jazz-react@0.7.33-hotfixes.3
-  - jazz-tools@0.7.33-hotfixes.3
-
-## 0.0.80-hotfixes.2
-
-### Patch Changes
-
-- jazz-react@0.7.33-hotfixes.2
-
-## 0.0.80-hotfixes.1
-
-### Patch Changes
-
-- jazz-react@0.7.33-hotfixes.1
-
-## 0.0.80-hotfixes.0
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.33-hotfixes.0
-  - jazz-react@0.7.33-hotfixes.0
-  - jazz-tools@0.7.33-hotfixes.0
-
-## 0.0.79
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.32
-  - jazz-react@0.7.32
-
-## 0.0.78
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.31
-  - jazz-react@0.7.31
-  - jazz-tools@0.7.31
-
-## 0.0.77
-
-### Patch Changes
-
-- jazz-react@0.7.30
-
-## 0.0.76
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.29
-  - jazz-react@0.7.29
-  - jazz-tools@0.7.29
-
-## 0.0.75
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.28
-  - jazz-react@0.7.28
-  - jazz-tools@0.7.28
-
-## 0.0.74
-
-### Patch Changes
-
-- jazz-react@0.7.27
-
-## 0.0.73
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.26
-  - jazz-react@0.7.26
-  - jazz-tools@0.7.26
-
-## 0.0.72
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.25
-  - jazz-react@0.7.25
-
-## 0.0.71
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.24
-  - jazz-react@0.7.24
-
-## 0.0.70
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.23
-  - jazz-react@0.7.23
-  - jazz-tools@0.7.23
-
-## 0.0.69
-
-### Patch Changes
-
-- jazz-react@0.7.22
-
-## 0.0.68
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.21
-  - jazz-react@0.7.21
-
-## 0.0.67
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.20
-  - jazz-react@0.7.20
-
-## 0.0.66
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.19
-  - jazz-react@0.7.19
-
-## 0.0.65
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.18
-  - jazz-react@0.7.18
-  - jazz-tools@0.7.18
-
-## 0.0.64
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.17
-  - jazz-react@0.7.17
-  - jazz-tools@0.7.17
-
-## 0.0.63
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.16
-  - jazz-react@0.7.16
-
-## 0.0.62
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.15
-
-## 0.0.61
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.14
-  - jazz-tools@0.7.14
-  - jazz-react@0.7.14
-
-## 0.0.60
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.13
-  - jazz-react@0.7.13
-
-## 0.0.59
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.12
-  - jazz-react@0.7.12
-
-## 0.0.58
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.11
-  - jazz-react@0.7.11
-  - jazz-tools@0.7.11
-
-## 0.0.57
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.10
-  - jazz-react@0.7.10
-  - jazz-tools@0.7.10
-
-## 0.0.56
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.9
-  - jazz-react@0.7.9
-  - jazz-tools@0.7.9
-
-## 0.0.55
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.8
-  - jazz-react@0.7.8
-
-## 0.0.54
-
-### Patch Changes
-
-- Updated dependencies [9fdc91c]
-  - jazz-react@0.7.7
-
-## 0.0.53
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.6
-  - jazz-react@0.7.6
-
-## 0.0.52
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.5
-
-## 0.0.51
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.4
-
-## 0.0.50
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.3
-  - jazz-react@0.7.3
-
-## 0.0.49
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.2
-
-## 0.0.48
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.1
-  - jazz-react@0.7.1
-
-## 0.0.47
-
-### Patch Changes
-
-- Updated dependencies [8636319]
-- Updated dependencies [1a35307]
-- Updated dependencies [8636319]
-- Updated dependencies [1a35307]
-- Updated dependencies [96c494f]
-- Updated dependencies [59c18c3]
-- Updated dependencies [19f52b7]
-- Updated dependencies [8636319]
-- Updated dependencies [1a35307]
-- Updated dependencies [d8fe2b1]
-- Updated dependencies [19004b4]
-- Updated dependencies [a78f168]
-- Updated dependencies [1200aae]
-- Updated dependencies [60d5ca2]
-- Updated dependencies [52675c9]
-- Updated dependencies [129e2c1]
-- Updated dependencies [6d49e9b]
-- Updated dependencies [1cfa279]
-- Updated dependencies [704af7d]
-- Updated dependencies [e97f730]
-- Updated dependencies [1a35307]
-- Updated dependencies [460478f]
-- Updated dependencies [6b0418f]
-- Updated dependencies [e299c3e]
-- Updated dependencies [ed5643a]
-- Updated dependencies [bde684f]
-- Updated dependencies [bf0f8ec]
-- Updated dependencies [c4151fc]
-- Updated dependencies [63374cc]
-- Updated dependencies [8636319]
-- Updated dependencies [01ac646]
-- Updated dependencies [a5e68a4]
-- Updated dependencies [8636319]
-- Updated dependencies [952982e]
-- Updated dependencies [1a35307]
-- Updated dependencies [5fa277c]
-- Updated dependencies [60d5ca2]
-- Updated dependencies [21771c4]
-- Updated dependencies [77c2b56]
-- Updated dependencies [63374cc]
-- Updated dependencies [d2e03ff]
-- Updated dependencies [354bdcd]
-- Updated dependencies [ece35b3]
-- Updated dependencies [60d5ca2]
-- Updated dependencies [69ac514]
-- Updated dependencies [f8a5c46]
-- Updated dependencies [f0f6f1b]
-- Updated dependencies [e5eed5b]
-- Updated dependencies [1a44f87]
-- Updated dependencies [627d895]
-- Updated dependencies [1200aae]
-- Updated dependencies [63374cc]
-- Updated dependencies [ece35b3]
-- Updated dependencies [38d4410]
-- Updated dependencies [85d2b62]
-- Updated dependencies [fd86c11]
-- Updated dependencies [52675c9]
-  - jazz-tools@0.7.0
-  - cojson@0.7.0
-  - jazz-react@0.7.0
-  - hash-slash@0.2.0
-
-## 0.0.47-alpha.42
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.42
-  - cojson@0.7.0-alpha.42
-  - jazz-react@0.7.0-alpha.42
-
-## 0.0.47-alpha.41
-
-### Patch Changes
-
-- jazz-tools@0.7.0-alpha.41
-- jazz-react@0.7.0-alpha.41
-
-## 0.0.47-alpha.40
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.40
-
-## 0.0.47-alpha.39
-
-### Patch Changes
-
-- Updated dependencies
-  - cojson@0.7.0-alpha.39
-  - jazz-react@0.7.0-alpha.39
-  - jazz-tools@0.7.0-alpha.39
-
-## 0.0.47-alpha.38
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies
-- Updated dependencies
-- Updated dependencies
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.38
-  - jazz-react@0.7.0-alpha.38
-  - cojson@0.7.0-alpha.38
-
-## 0.0.47-alpha.37
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.37
-  - cojson@0.7.0-alpha.37
-  - jazz-tools@0.7.0-alpha.37
-
-## 0.0.47-alpha.36
-
-### Patch Changes
-
-- Updated dependencies [1a35307]
-- Updated dependencies [1a35307]
-- Updated dependencies [1a35307]
-- Updated dependencies [1a35307]
-- Updated dependencies [6b0418f]
-- Updated dependencies [1a35307]
-  - cojson@0.7.0-alpha.36
-  - jazz-tools@0.7.0-alpha.36
-  - jazz-react@0.7.0-alpha.36
-
-## 0.0.47-alpha.35
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies
-  - cojson@0.7.0-alpha.35
-  - jazz-tools@0.7.0-alpha.35
-  - jazz-react@0.7.0-alpha.35
-
-## 0.0.47-alpha.34
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.34
-  - jazz-react@0.7.0-alpha.34
-
-## 0.0.47-alpha.33
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.33
-
-## 0.0.47-alpha.32
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies
-- Updated dependencies
-  - hash-slash@0.2.0-alpha.3
-  - jazz-tools@0.7.0-alpha.32
-  - jazz-react@0.7.0-alpha.32
-
-## 0.0.47-alpha.31
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.31
-  - jazz-react@0.7.0-alpha.31
-
-## 0.0.47-alpha.30
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.30
-  - jazz-react@0.7.0-alpha.30
-
-## 0.0.47-alpha.29
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.29
-  - cojson@0.7.0-alpha.29
-  - jazz-react@0.7.0-alpha.29
-
-## 0.0.47-alpha.28
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.28
-  - cojson@0.7.0-alpha.28
-  - jazz-react@0.7.0-alpha.28
-
-## 0.0.47-alpha.27
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.27
-  - cojson@0.7.0-alpha.27
-  - jazz-react@0.7.0-alpha.27
-
-## 0.0.47-alpha.26
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.26
-  - jazz-react@0.7.0-alpha.26
-
-## 0.0.47-alpha.25
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.25
-  - jazz-react@0.7.0-alpha.25
-
-## 0.0.47-alpha.24
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.24
-  - cojson@0.7.0-alpha.24
-  - jazz-react@0.7.0-alpha.24
-
-## 0.0.47-alpha.23
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.23
-  - jazz-react@0.7.0-alpha.23
-
-## 0.0.47-alpha.22
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.22
-  - jazz-react@0.7.0-alpha.22
-
-## 0.0.47-alpha.21
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.21
-  - jazz-tools@0.7.0-alpha.21
-
-## 0.0.47-alpha.20
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.20
-  - jazz-tools@0.7.0-alpha.20
-
-## 0.0.47-alpha.19
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.19
-  - jazz-react@0.7.0-alpha.19
-
-## 0.0.47-alpha.18
-
-### Patch Changes
-
-- jazz-react@0.7.0-alpha.18
-
-## 0.0.47-alpha.17
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.17
-  - jazz-react@0.7.0-alpha.17
-
-## 0.0.47-alpha.16
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.16
-  - jazz-react@0.7.0-alpha.16
-
-## 0.0.47-alpha.15
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.15
-  - jazz-react@0.7.0-alpha.15
-
-## 0.0.47-alpha.14
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.14
-  - jazz-react@0.7.0-alpha.14
-
-## 0.0.47-alpha.13
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.13
-  - jazz-react@0.7.0-alpha.13
-
-## 0.0.47-alpha.12
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.12
-  - jazz-tools@0.7.0-alpha.12
-
-## 0.0.47-alpha.11
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.11
-  - jazz-tools@0.7.0-alpha.11
-  - cojson@0.7.0-alpha.11
-
-## 0.0.47-alpha.10
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.10
-  - jazz-tools@0.7.0-alpha.10
-  - cojson@0.7.0-alpha.10
-
-## 0.0.47-alpha.9
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.9
-  - jazz-tools@0.7.0-alpha.9
-
-## 0.0.47-alpha.8
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.8
-  - jazz-tools@0.7.0-alpha.8
-
-## 0.0.47-alpha.7
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.7
-  - jazz-tools@0.7.0-alpha.7
-  - cojson@0.7.0-alpha.7
-
-## 0.0.47-alpha.6
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.6
-  - jazz-tools@0.7.0-alpha.6
-
-## 0.0.47-alpha.5
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.7.0-alpha.5
-  - jazz-tools@0.7.0-alpha.5
-  - cojson@0.7.0-alpha.5
-
-## 0.0.47-alpha.4
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.4
-  - jazz-react@0.7.0-alpha.4
-
-## 0.0.47-alpha.3
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-tools@0.7.0-alpha.3
-  - jazz-react@0.7.0-alpha.3
-
-## 0.0.47-alpha.2
-
-### Patch Changes
-
-- Updated dependencies
-  - hash-slash@0.2.0-alpha.2
-  - jazz-react@0.7.0-alpha.2
-  - jazz-tools@0.7.0-alpha.2
-
-## 0.0.47-alpha.1
-
-### Patch Changes
-
-- Updated dependencies
-  - hash-slash@0.2.0-alpha.1
-  - jazz-react@0.7.0-alpha.1
-  - jazz-tools@0.7.0-alpha.1
-  - cojson@0.7.0-alpha.1
-
-## 0.0.47-alpha.0
-
-### Patch Changes
-
-- Updated dependencies
-  - hash-slash@0.2.0-alpha.0
-  - jazz-react@0.7.0-alpha.0
-  - jazz-tools@0.7.0-alpha.0
-  - cojson@0.7.0-alpha.0
-
-## 0.0.46
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react@0.5.0
-  - jazz-react-auth-local@0.4.16

examples/chat-clerk/Dockerfile

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

examples/chat-clerk/README.md

@@ -1,42 +0,0 @@
-# Jazz Chat Example (with Clerk auth)
-
-<!-- Live version: [https://chat-clerk.jazz.tools](https://chat-clerk.jazz.tools) -->
-
-## Installing & running the example locally
-
-(this requires `pnpm` to be installed, see [https://pnpm.io/installation](https://pnpm.io/installation))
-
-Start by checking out `jazz`
-
-```bash
-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
-```
-
-This ensures that you have the example app without git history and independent of the Jazz multi-package monorepo.
-
-Install dependencies:
-
-```bash
-pnpm install
-```
-
-Start the dev server:
-
-```bash
-pnpm dev
-```
-
-## Questions / problems / feedback
-
-If you have feedback, let us know on [Discord](https://discord.gg/utDMjHYg42) or open an issue or PR to fix something that seems wrong.
-
-## Configuration: sync server
-
-By default, the example app uses [Jazz Global Mesh](https://jazz.tools/mesh) (`wss://sync.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/2_main.tsx](./src/2_main.tsx).

examples/chat-clerk/index.html

@@ -1,14 +0,0 @@
-<!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 Chat Example</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/app.tsx"></script>
-  </body>
-</html>

examples/chat-clerk/job-template.nomad

@@ -1,56 +0,0 @@
-job "chat$BRANCH_SUFFIX" {
-  region     = "global"
-  datacenters = ["*"]
-
-  group "static" {
-    count = 4
-
-    network {
-      port "http" {
-        to = 80
-      }
-    }
-
-    constraint {
-      attribute = "${node.class}"
-      operator  = "="
-      value     = "mesh"
-    }
-
-    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

@@ -1,56 +0,0 @@
-{
-  "name": "jazz-example-chat-clerk",
-  "private": true,
-  "version": "0.0.86",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "format": "echo 'chat example is codegolfed'",
-    "preview": "vite preview"
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": "eslint --fix",
-    "*.{js,jsx,mdx,json}": "prettier --write"
-  },
-  "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.5",
-    "hash-slash": "workspace:0.2.1",
-    "jazz-react": "workspace:0.8.6",
-    "jazz-react-auth-clerk": "workspace:0.8.6",
-    "jazz-tools": "workspace:0.8.5",
-    "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",
-    "@typescript-eslint/eslint-plugin": "^6.2.1",
-    "@typescript-eslint/parser": "^6.2.1",
-    "@vitejs/plugin-react-swc": "^3.3.2",
-    "autoprefixer": "^10.4.14",
-    "eslint": "^8.46.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
-    "postcss": "^8.4.27",
-    "tailwindcss": "3.3.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.10"
-  }
-}

examples/chat-clerk/postcss.config.js

@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-};

examples/chat-clerk/src/app.tsx

@@ -1,31 +0,0 @@
-import { Group, ID } from "jazz-tools";
-import { useIframeHashRouter } from "hash-slash";
-import { useAccount } from "./main.tsx";
-import { Chat } from "./schema.ts";
-import { ChatScreen } from "./chatScreen.tsx";
-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

@@ -1,43 +0,0 @@
-import { ID } from "jazz-tools";
-import { Chat, Message } from "./schema.ts";
-import { useCoState } from "./main.tsx";
-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

@@ -1,78 +0,0 @@
-@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,46 +0,0 @@
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import { createJazzReactApp } from "jazz-react";
-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://mesh.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>
-);

examples/chat-clerk/src/schema.ts

@@ -1,7 +0,0 @@
-import { CoMap, CoList, 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

@@ -1,63 +0,0 @@
-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/src/vite-env.d.ts

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

examples/chat-clerk/tailwind.config.js

@@ -1,75 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  content: [
-    "./pages/**/*.{ts,tsx}",
-    "./components/**/*.{ts,tsx}",
-    "./app/**/*.{ts,tsx}",
-    "./src/**/*.{ts,tsx}",
-  ],
-  theme: {
-    container: {
-      center: true,
-      padding: "2rem",
-      screens: {
-        "2xl": "1400px",
-      },
-    },
-    extend: {
-      colors: {
-        border: "hsl(var(--border))",
-        input: "hsl(var(--input))",
-        ring: "hsl(var(--ring))",
-        background: "hsl(var(--background))",
-        foreground: "hsl(var(--foreground))",
-        primary: {
-          DEFAULT: "hsl(var(--primary))",
-          foreground: "hsl(var(--primary-foreground))",
-        },
-        secondary: {
-          DEFAULT: "hsl(var(--secondary))",
-          foreground: "hsl(var(--secondary-foreground))",
-        },
-        destructive: {
-          DEFAULT: "hsl(var(--destructive))",
-          foreground: "hsl(var(--destructive-foreground))",
-        },
-        muted: {
-          DEFAULT: "hsl(var(--muted))",
-          foreground: "hsl(var(--muted-foreground))",
-        },
-        accent: {
-          DEFAULT: "hsl(var(--accent))",
-          foreground: "hsl(var(--accent-foreground))",
-        },
-        popover: {
-          DEFAULT: "hsl(var(--popover))",
-          foreground: "hsl(var(--popover-foreground))",
-        },
-        card: {
-          DEFAULT: "hsl(var(--card))",
-          foreground: "hsl(var(--card-foreground))",
-        },
-      },
-      borderRadius: {
-        lg: "var(--radius)",
-        md: "calc(var(--radius) - 2px)",
-        sm: "calc(var(--radius) - 4px)",
-      },
-      keyframes: {
-        "accordion-down": {
-          from: { height: 0 },
-          to: { height: "var(--radix-accordion-content-height)" },
-        },
-        "accordion-up": {
-          from: { height: "var(--radix-accordion-content-height)" },
-          to: { height: 0 },
-        },
-      },
-      animation: {
-        "accordion-down": "accordion-down 0.2s ease-out",
-        "accordion-up": "accordion-up 0.2s ease-out",
-      },
-    },
-  },
-  plugins: [require("tailwindcss-animate")],
-};

examples/chat-clerk/vite.config.ts

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

examples/chat-rn-clerk/.env

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

examples/chat-rn-clerk/.eslintrc.js

@@ -1,4 +0,0 @@
-// https://docs.expo.dev/guides/using-eslint/
-module.exports = {
-  extends: 'expo',
-};

examples/chat-rn-clerk/.gitignore

@@ -1,17 +0,0 @@
-node_modules/
-.expo/
-dist/
-npm-debug.*
-*.jks
-*.p8
-*.p12
-*.key
-*.mobileprovision
-*.orig.*
-web-build/
-
-# macOS
-.DS_Store
-
-ios
-android

examples/chat-rn-clerk/CHANGELOG.md

@@ -1,8 +0,0 @@
-# chat-rn-clerk
-
-## 1.0.1
-
-### Patch Changes
-
--   jazz-react-native@0.8.6
--   jazz-react-auth-clerk@0.8.6

examples/chat-rn-clerk/README.md

@@ -1,76 +0,0 @@
-<p align="center">
-  <a href="https://clerk.com?utm_source=github&utm_medium=clerk_docs" target="_blank" rel="noopener noreferrer">
-    <picture>
-      <source media="(prefers-color-scheme: dark)" srcset="./assets/images/light-logo.png">
-      <img alt="Clerk Logo for light background" src="./assets/images/dark-logo.png" height="64">
-    </picture>
-  </a>
-  <br />
-</p>
-<div align="center">
-  <h1>
-    Clerk and Expo Quickstart 
-  </h1>  
-  <a href="https://www.npmjs.com/package/@clerk/clerk-js">
-    <img alt="Downloads" src="https://img.shields.io/npm/dm/@clerk/clerk-js" />
-  </a>
-  <a href="https://discord.com/invite/b5rXHjAg7A">
-    <img alt="Discord" src="https://img.shields.io/discord/856971667393609759?color=7389D8&label&logo=discord&logoColor=ffffff" />
-  </a>
-  <a href="https://twitter.com/clerkdev">
-    <img alt="Twitter" src="https://img.shields.io/twitter/url.svg?label=%40clerkdev&style=social&url=https%3A%2F%2Ftwitter.com%2Fclerkdev" />
-  </a> 
-  <br />
-  <br />
-  <img alt="Clerk Hero Image" src="./assets/images/hero.png">
-</div>
-
-## Introduction
-
-Clerk is a developer-first authentication and user management solution. It provides pre-built React components and hooks for sign-in, sign-up, user profile, and organization management. Clerk is designed to be easy to use and customize, and can be dropped into any React or Next.js application.
-
-After following the quickstart you'll have learned how to:
-
-- Install `@clerk/clerk-expo`
-- Setup your environment key
-- Wrap your Expo app in `<ClerkProvider />` and supply your `tokenCache`
-- Conditionally show content based on your auth state
-- Build your sign-in and sign-up pages
-
-## Running the template
-
-```bash
-git clone https://github.com/clerk/clerk-expo-quickstart
-```
-
-To run the example locally, you'll need to make sure you have XCode installed and configured properly, then:
-
-1. Sign up for a Clerk account at [https://clerk.com](https://dashboard.clerk.com/sign-up?utm_source=DevRel&utm_medium=docs&utm_campaign=templates&utm_content=10-24-2023&utm_term=clerk-expo-quickstart).
-
-2. Go to the [Clerk dashboard](https://dashboard.clerk.com?utm_source=DevRel&utm_medium=docs&utm_campaign=templates&utm_content=10-24-2023&utm_term=clerk-expo-quickstart) and create an application.
-
-3. Set the required Clerk environment variable as shown in [the example `env` file](./.env.example).
-
-4. `npm install` the required dependencies.
-
-5. `npm run start` to launch the development server.
-
-## Learn more
-
-To learn more about Clerk and Expo, check out the following resources:
-
-- [Quickstart: Get started with Expo and Clerk](https://clerk.com/docs/quickstarts/expo?utm_source=DevRel&utm_medium=docs&utm_campaign=templates&utm_content=10-24-2023&utm_term=clerk-expo-quickstart)
-
-- [Clerk Documentation](https://clerk.com/docs/references/expo/overview?utm_source=DevRel&utm_medium=docs&utm_campaign=templates&utm_content=10-24-2023&utm_term=clerk-expo-quickstart)
-
-- [Expo Documentation](https://docs.expo.dev/)
-
-## Found an issue or want to leave feedback
-
-Feel free to create a support thread on our [Discord](https://clerk.com/discord). Our support team will be happy to assist you in the `#support` channel.
-
-## Connect with us
-
-You can discuss ideas, ask questions, and meet others from the community in our [Discord](https://discord.com/invite/b5rXHjAg7A).
-
-If you prefer, you can also find support through our [Twitter](https://twitter.com/ClerkDev), or you can [email](mailto:support@clerk.dev) us!

examples/chat-rn-clerk/app.json

@@ -1,45 +0,0 @@
-{
-    "expo": {
-        "name": "jazz-chat-rn-clerk",
-        "scheme": "jazz-chat-rn-clerk",
-        "slug": "jazz-chat-rn-clerk",
-        "version": "1.0.0",
-        "orientation": "portrait",
-        "icon": "./assets/images/icon.png",
-        "userInterfaceStyle": "light",
-        "splash": {
-            "image": "./assets/images/splash.png",
-            "resizeMode": "contain",
-            "backgroundColor": "#ffffff"
-        },
-        "ios": {
-            "supportsTablet": true,
-            "bundleIdentifier": "com.jazz.chatrnclerk"
-        },
-        "android": {
-            "adaptiveIcon": {
-                "foregroundImage": "./assets/images/adaptive-icon.png",
-                "backgroundColor": "#ffffff"
-            },
-            "package": "com.jazz.chatrnclerk"
-        },
-        "plugins": [
-            [
-                "expo-build-properties",
-                {
-                    "ios": {
-                        "newArchEnabled": true
-                    },
-                    "android": {
-                        "newArchEnabled": true
-                    }
-                }
-            ]
-        ],
-        "extra": {
-            "eas": {
-                "projectId": "ca3d46e5-a10a-47ec-9d77-3b841e1c62d4"
-            }
-        }
-    }
-}

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

@@ -1,17 +0,0 @@
-import React from "react";
-import { useAuth } from "../../src/auth-context";
-import { Redirect, Stack } from "expo-router";
-
-export default function HomeLayout() {
-    const { isAuthenticated } = useAuth();
-
-    if (isAuthenticated) {
-        return <Redirect href={"/chat"} />;
-    }
-
-    return (
-        <Stack
-            screenOptions={{ headerShown: false, headerBackVisible: true }}
-        />
-    );
-}

examples/chat-rn-clerk/app/(app)/index.tsx

@@ -1,33 +0,0 @@
-import React from "react";
-import { SignedOut } from "@clerk/clerk-expo";
-import { Link } from "expo-router";
-import { Text, View } from "react-native";
-
-export default function HomePage() {
-    return (
-        <View className="flex-1 justify-center items-center bg-gray-100 p-6">
-            <SignedOut>
-                <View className="bg-white p-6 rounded-lg shadow-lg w-11/12 max-w-md">
-                    <Text className="text-2xl font-bold text-center text-gray-900 mb-4">
-                        Jazz 🤝 Clerk 🤝 Expo
-                    </Text>
-                    <Link href="/sign-in" className="mb-4">
-                        <Text className="text-center text-blue-600 underline text-lg">
-                            Sign In
-                        </Text>
-                    </Link>
-                    <Link href="/sign-in-oauth" className="mb-4">
-                        <Text className="text-center text-blue-600 underline text-lg">
-                            Sign In OAuth
-                        </Text>
-                    </Link>
-                    <Link href="/sign-up">
-                        <Text className="text-center text-blue-600 underline text-lg">
-                            Sign Up
-                        </Text>
-                    </Link>
-                </View>
-            </SignedOut>
-        </View>
-    );
-}

examples/chat-rn-clerk/app/(auth)/_layout.tsx

@@ -1,20 +0,0 @@
-import { Redirect, Stack } from "expo-router";
-import { useAuth } from "../../src/auth-context";
-
-export default function UnAuthenticatedLayout() {
-    const { isAuthenticated } = useAuth();
-
-    if (isAuthenticated) {
-        return <Redirect href={"/chat"} />;
-    }
-
-    return (
-        <Stack
-            screenOptions={{
-                headerShown: true,
-                headerBackVisible: true,
-                headerTitle: "",
-            }}
-        />
-    );
-}