Pre-release

.changeset/pre.json

@@ -0,0 +1,39 @@
+{
+  "mode": "pre",
+  "tag": "group-inheritance",
+  "initialVersions": {
+    "@jazz-e2e/binarycostream": "0.0.96",
+    "@jazz-e2e/covalues": "0.0.95",
+    "jazz-example-book-shelf": "0.1.11",
+    "jazz-example-chat": "0.0.97",
+    "jazz-example-chat-clerk": "0.0.95",
+    "chat-rn": "1.0.13",
+    "chat-rn-clerk": "1.0.11",
+    "chat-vue": "0.0.3",
+    "jazz-inspector": "0.0.71",
+    "jazz-example-music-player": "0.0.17",
+    "jazz-password-manager": "0.0.16",
+    "jazz-example-pets": "0.0.114",
+    "richtext": "0.0.0",
+    "jazz-example-todo": "0.0.113",
+    "cojson": "0.8.18",
+    "cojson-storage-indexeddb": "0.8.18",
+    "cojson-storage-sqlite": "0.8.18",
+    "cojson-transport-ws": "0.8.18",
+    "hash-slash": "0.2.1",
+    "jazz-browser": "0.8.18",
+    "jazz-browser-auth-clerk": "0.8.18",
+    "jazz-browser-media-images": "0.8.18",
+    "jazz-nodejs": "0.8.18",
+    "jazz-react": "0.8.18",
+    "jazz-react-auth-clerk": "0.8.18",
+    "jazz-react-native": "0.8.18",
+    "jazz-react-native-media-images": "0.8.14",
+    "jazz-run": "0.8.18",
+    "jazz-tools": "0.8.18",
+    "jazz-vue": "0.8.8"
+  },
+  "changesets": [
+    "real-steaks-drum"
+  ]
+}

.changeset/real-steaks-drum.md

@@ -0,0 +1,8 @@
+---
+"cojson-storage-indexeddb": patch
+"cojson-storage-sqlite": patch
+"jazz-tools": patch
+"cojson": patch
+---
+
+Implement Group Inheritance

.github/workflows/build-examples.yaml

@@ -17,7 +17,6 @@ jobs:
           "password-manager",
           "pets",
           "todo",
-          "onboarding",
         ]
 
     steps:
@@ -56,4 +55,4 @@ jobs:
       run: |
         pnpm install
         pnpm turbo build;
-      working-directory: ./examples/${{ matrix.example }}
+      working-directory: ./examples/${{ matrix.example }}

.github/workflows/playwright.yml

@@ -13,7 +13,7 @@ jobs:
     continue-on-error: true
     strategy:
       matrix:
-        project: ["e2e/BinaryCoStream", "e2e/CoValues", "examples/chat", "examples/music-player", "examples/pets", "examples/onboarding"]
+        project: ["e2e/BinaryCoStream", "e2e/CoValues", "examples/chat", "examples/music-player", "examples/pets"]
 
     steps:
       - uses: actions/checkout@v3

.gitignore

@@ -15,6 +15,4 @@ coverage
 # Playwright
 test-results
 
-.husky
-
-.vscode/settings.json
+.husky

.vscode/settings.json

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

README.md

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

biome.json

@@ -7,7 +7,7 @@
   },
   "files": {
     "ignoreUnknown": false,
-    "ignore": ["jazz-tools.json", "**/ios/**", "**/android/**"]
+    "ignore": ["jazz-tools.json"]
   },
   "formatter": {
     "enabled": true,

e2e/BinaryCoStream/CHANGELOG.md

@@ -1,66 +1,13 @@
 # @jazz-e2e/binarycostream
 
-## 0.0.103
+## 0.0.97-group-inheritance.0
 
 ### Patch Changes
 
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-
-## 0.0.102
-
-### Patch Changes
-
-- jazz-react@0.8.24
-
-## 0.0.101
-
-### Patch Changes
-
-- Updated dependencies [6f745be]
-- Updated dependencies [d348c2d]
-- Updated dependencies [124bf67]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - cojson@0.8.23
-  - jazz-tools@0.8.23
-  - jazz-react@0.8.23
-
-## 0.0.100
-
-### Patch Changes
-
-- Updated dependencies [59cc64d]
-  - jazz-react@0.8.22
-
-## 0.0.99
-
-### Patch Changes
-
-- Updated dependencies [0f30eea]
-- Updated dependencies [149ca97]
-  - cojson@0.8.21
-  - jazz-tools@0.8.21
-  - jazz-react@0.8.21
-
-## 0.0.98
-
-### Patch Changes
-
-- Updated dependencies [dd9b13f]
-- Updated dependencies [a69ed0b]
-- Updated dependencies [3ef3ff3]
-- Updated dependencies [c6931b8]
-  - jazz-react@0.8.20
-
-## 0.0.97
-
-### Patch Changes
-
-- Updated dependencies [9c2aadb]
-  - cojson@0.8.19
-  - jazz-react@0.8.19
-  - jazz-tools@0.8.19
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.19-group-inheritance.0
+  - cojson@0.8.19-group-inheritance.0
+  - jazz-react@0.8.19-group-inheritance.0
 
 ## 0.0.96
 

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 FileStream Tests</title>
+    <title>Jazz BinaryCoStream Tests</title>
   </head>
   <body>
     <div id="root"></div>

e2e/BinaryCoStream/package.json

@@ -1,7 +1,7 @@
 {
-  "name": "@jazz-e2e/filestream",
+  "name": "@jazz-e2e/binarycostream",
   "private": true,
-  "version": "0.0.103",
+  "version": "0.0.97-group-inheritance.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,11 +13,11 @@
     "test:ui": "playwright test --ui"
   },
   "dependencies": {
-    "cojson": "workspace:0.8.23",
+    "cojson": "workspace:0.8.19-group-inheritance.0",
     "hash-slash": "workspace:0.2.1",
     "is-ci": "^3.0.1",
-    "jazz-react": "workspace:0.8.26",
-    "jazz-tools": "workspace:0.8.23",
+    "jazz-react": "workspace:0.8.19-group-inheritance.0",
+    "jazz-tools": "workspace:0.8.19-group-inheritance.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

e2e/BinaryCoStream/src/DownloaderPeer.tsx

@@ -1,18 +1,21 @@
-import { Account, FileStream, ID } from "jazz-tools";
+import { Account, BinaryCoStream, ID } from "jazz-tools";
 import { useEffect } from "react";
 import { useAccount, useCoState } from "./jazz";
+import { waitForCoValue } from "./lib/waitForCoValue";
 import { UploadedFile } from "./schema";
 
 async function getUploadedFile(me: Account, uploadedFileId: ID<UploadedFile>) {
-  const uploadedFile = await UploadedFile.load(uploadedFileId, me, {});
-
-  if (!uploadedFile) {
-    throw new Error("Uploaded file not found");
-  }
+  const uploadedFile = await waitForCoValue(
+    UploadedFile,
+    uploadedFileId,
+    me,
+    Boolean,
+    {},
+  );
 
   uploadedFile.coMapDownloaded = true;
 
-  await FileStream.loadAsBlob(uploadedFile._refs.file.id, me);
+  await BinaryCoStream.loadAsBlob(uploadedFile._refs.file.id, me);
 
   return uploadedFile;
 }

e2e/BinaryCoStream/src/lib/generateTestFile.ts

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

e2e/BinaryCoStream/src/schema.tsx

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

e2e/CoValues/CHANGELOG.md

@@ -1,66 +1,13 @@
 # @jazz-e2e/covalues
 
-## 0.0.102
+## 0.0.96-group-inheritance.0
 
 ### Patch Changes
 
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-
-## 0.0.101
-
-### Patch Changes
-
-- jazz-react@0.8.24
-
-## 0.0.100
-
-### Patch Changes
-
-- Updated dependencies [6f745be]
-- Updated dependencies [d348c2d]
-- Updated dependencies [124bf67]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - cojson@0.8.23
-  - jazz-tools@0.8.23
-  - jazz-react@0.8.23
-
-## 0.0.99
-
-### Patch Changes
-
-- Updated dependencies [59cc64d]
-  - jazz-react@0.8.22
-
-## 0.0.98
-
-### Patch Changes
-
-- Updated dependencies [0f30eea]
-- Updated dependencies [149ca97]
-  - cojson@0.8.21
-  - jazz-tools@0.8.21
-  - jazz-react@0.8.21
-
-## 0.0.97
-
-### Patch Changes
-
-- Updated dependencies [dd9b13f]
-- Updated dependencies [a69ed0b]
-- Updated dependencies [3ef3ff3]
-- Updated dependencies [c6931b8]
-  - jazz-react@0.8.20
-
-## 0.0.96
-
-### Patch Changes
-
-- Updated dependencies [9c2aadb]
-  - cojson@0.8.19
-  - jazz-react@0.8.19
-  - jazz-tools@0.8.19
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.19-group-inheritance.0
+  - cojson@0.8.19-group-inheritance.0
+  - jazz-react@0.8.19-group-inheritance.0
 
 ## 0.0.95
 

e2e/CoValues/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@jazz-e2e/covalues",
   "private": true,
-  "version": "0.0.102",
+  "version": "0.0.96-group-inheritance.0",
   "type": "module",
   "scripts": {
     "dev": "vite",

e2e/CoValues/src/app.tsx

@@ -3,7 +3,6 @@ import ReactDOM from "react-dom/client";
 import { RouterProvider, createBrowserRouter } from "react-router-dom";
 import { AuthAndJazz } from "./jazz";
 import { ResumeSyncState } from "./pages/ResumeSyncState";
-import { RetryUnavailable } from "./pages/RetryUnavailable";
 import { TestInput } from "./pages/TestInput";
 
 const router = createBrowserRouter([
@@ -15,10 +14,6 @@ const router = createBrowserRouter([
     path: "/resume-sync",
     element: <ResumeSyncState />,
   },
-  {
-    path: "/retry-unavailable",
-    element: <RetryUnavailable />,
-  },
   {
     path: "/",
     element: <TestInput />,

e2e/CoValues/src/pages/RetryUnavailable.tsx

@@ -1,46 +0,0 @@
-import { CoMap, Group, ID, co } from "jazz-tools";
-import { useEffect, useState } from "react";
-import { useAccount, useCoState } from "../jazz";
-
-export class RetryUnavailableCoMap extends CoMap {
-  value = co.string;
-}
-
-function getIdParam() {
-  const url = new URL(window.location.href);
-  return (url.searchParams.get("id") as ID<RetryUnavailableCoMap>) ?? undefined;
-}
-
-export function RetryUnavailable() {
-  const [id, setId] = useState(getIdParam);
-  const coMap = useCoState(RetryUnavailableCoMap, id);
-  const { me } = useAccount();
-
-  useEffect(() => {
-    if (id) {
-      const url = new URL(window.location.href);
-      url.searchParams.set("id", id);
-      history.pushState({}, "", url.toString());
-    }
-  }, [id]);
-
-  const createCoMap = () => {
-    if (!me || id) return;
-
-    const group = Group.create({ owner: me });
-
-    group.addMember("everyone", "writer");
-
-    setId(
-      RetryUnavailableCoMap.create({ value: "Hello!" }, { owner: group }).id,
-    );
-  };
-
-  return (
-    <div>
-      <h1>Retry Unavailable</h1>
-      <p data-testid="id">{coMap?.id}</p>
-      <button onClick={createCoMap}>Create a new value!</button>
-    </div>
-  );
-}

e2e/CoValues/tests/RetryUnavailable.test.ts

@@ -1,34 +0,0 @@
-import { setTimeout } from "node:timers/promises";
-import { expect, test } from "@playwright/test";
-
-test.describe("Retry unavailable states", () => {
-  test("should retry unavailable values", async ({ page, browser }) => {
-    const context = page.context();
-
-    await page.goto("/retry-unavailable?userName=SuperMario");
-
-    await context.setOffline(true);
-
-    await page.getByRole("button", { name: "Create a new value!" }).click();
-
-    const id = await page.getByTestId("id").textContent();
-
-    // Create a new incognito instance and try to load the coValue
-    const newUserPage = await (await browser.newContext()).newPage();
-    await newUserPage.goto(`/retry-unavailable?userName=Luigi&id=${id}`);
-
-    await expect(newUserPage.getByTestId("id")).toBeInViewport({
-      timeout: 20_000,
-    });
-
-    // Make the load fail at least twice
-    await setTimeout(1000);
-
-    // Go back online, the value should be uploaded
-    await context.setOffline(false);
-
-    await expect(newUserPage.getByTestId("id")).toHaveText(id ?? "", {
-      timeout: 20_000,
-    });
-  });
-});

examples/book-shelf/CHANGELOG.md

@@ -1,65 +1,13 @@
 # jazz-example-book-shelf
 
-## 0.1.18
+## 0.1.12-group-inheritance.0
 
 ### Patch Changes
 
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-
-## 0.1.17
-
-### Patch Changes
-
-- jazz-browser-media-images@0.8.24
-- jazz-react@0.8.24
-
-## 0.1.16
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react@0.8.23
-  - jazz-browser-media-images@0.8.23
-
-## 0.1.15
-
-### Patch Changes
-
-- Updated dependencies [59cc64d]
-  - jazz-react@0.8.22
-  - jazz-browser-media-images@0.8.22
-
-## 0.1.14
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-react@0.8.21
-  - jazz-browser-media-images@0.8.21
-
-## 0.1.13
-
-### Patch Changes
-
-- Updated dependencies [dd9b13f]
-- Updated dependencies [a69ed0b]
-- Updated dependencies [3ef3ff3]
-- Updated dependencies [c6931b8]
-  - jazz-react@0.8.20
-  - jazz-browser-media-images@0.8.20
-
-## 0.1.12
-
-### Patch Changes
-
-- jazz-react@0.8.19
-- jazz-tools@0.8.19
-- jazz-browser-media-images@0.8.19
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.19-group-inheritance.0
+  - jazz-browser-media-images@0.8.19-group-inheritance.0
+  - jazz-react@0.8.19-group-inheritance.0
 
 ## 0.1.11
 

examples/book-shelf/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jazz-example-book-shelf",
-  "version": "0.1.18",
+  "version": "0.1.12-group-inheritance.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
@@ -11,9 +11,9 @@
   },
   "dependencies": {
     "clsx": "^2.0.0",
-    "jazz-browser-media-images": "workspace:0.8.24",
-    "jazz-react": "workspace:0.8.26",
-    "jazz-tools": "workspace:0.8.23",
+    "jazz-browser-media-images": "workspace:0.8.19-group-inheritance.0",
+    "jazz-react": "workspace:0.8.19-group-inheritance.0",
+    "jazz-tools": "workspace:0.8.19-group-inheritance.0",
     "next": "14.2.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"

examples/chat-clerk/CHANGELOG.md

@@ -1,73 +1,14 @@
 # jazz-example-chat
 
-## 0.0.102
+## 0.0.96-group-inheritance.0
 
 ### Patch Changes
 
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-  - jazz-react-auth-clerk@0.8.26
-
-## 0.0.101
-
-### Patch Changes
-
-- jazz-react@0.8.24
-- jazz-react-auth-clerk@0.8.24
-
-## 0.0.100
-
-### Patch Changes
-
-- Updated dependencies [6f745be]
-- Updated dependencies [d348c2d]
-- Updated dependencies [124bf67]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - cojson@0.8.23
-  - jazz-tools@0.8.23
-  - jazz-react@0.8.23
-  - jazz-react-auth-clerk@0.8.23
-
-## 0.0.99
-
-### Patch Changes
-
-- Updated dependencies [59cc64d]
-  - jazz-react@0.8.22
-  - jazz-react-auth-clerk@0.8.22
-
-## 0.0.98
-
-### Patch Changes
-
-- Updated dependencies [0f30eea]
-- Updated dependencies [149ca97]
-  - cojson@0.8.21
-  - jazz-tools@0.8.21
-  - jazz-react@0.8.21
-  - jazz-react-auth-clerk@0.8.21
-
-## 0.0.97
-
-### Patch Changes
-
-- Updated dependencies [dd9b13f]
-- Updated dependencies [a69ed0b]
-- Updated dependencies [3ef3ff3]
-- Updated dependencies [c6931b8]
-  - jazz-react@0.8.20
-  - jazz-react-auth-clerk@0.8.20
-
-## 0.0.96
-
-### Patch Changes
-
-- Updated dependencies [9c2aadb]
-  - cojson@0.8.19
-  - jazz-react@0.8.19
-  - jazz-react-auth-clerk@0.8.19
-  - jazz-tools@0.8.19
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.19-group-inheritance.0
+  - cojson@0.8.19-group-inheritance.0
+  - jazz-react@0.8.19-group-inheritance.0
+  - jazz-react-auth-clerk@0.8.19-group-inheritance.0
 
 ## 0.0.95
 

examples/chat-clerk/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-chat-clerk",
   "private": true,
-  "version": "0.0.102",
+  "version": "0.0.96-group-inheritance.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -17,11 +17,11 @@
     "@radix-ui/react-toast": "^1.1.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "cojson": "workspace:0.8.23",
+    "cojson": "workspace:0.8.19-group-inheritance.0",
     "hash-slash": "workspace:0.2.1",
-    "jazz-react": "workspace:0.8.26",
-    "jazz-react-auth-clerk": "workspace:0.8.26",
-    "jazz-tools": "workspace:0.8.23",
+    "jazz-react": "workspace:0.8.19-group-inheritance.0",
+    "jazz-react-auth-clerk": "workspace:0.8.19-group-inheritance.0",
+    "jazz-tools": "workspace:0.8.19-group-inheritance.0",
     "lucide-react": "^0.274.0",
     "qrcode": "^1.5.3",
     "react": "^18.2.0",

examples/chat-rn-clerk/CHANGELOG.md

@@ -1,62 +1,14 @@
 # chat-rn-clerk
 
-## 1.0.18
+## 1.0.12-group-inheritance.0
 
 ### Patch Changes
 
-- jazz-react-auth-clerk@0.8.26
-
-## 1.0.17
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.24
-
-## 1.0.16
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react-auth-clerk@0.8.23
-  - jazz-react-native@0.8.23
-  - jazz-react-native-media-images@0.8.18
-
-## 1.0.15
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.22
-
-## 1.0.14
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-react-auth-clerk@0.8.21
-  - jazz-react-native@0.8.21
-  - jazz-react-native-media-images@0.8.17
-
-## 1.0.13
-
-### Patch Changes
-
-- Updated dependencies [3ef3ff3]
-  - jazz-react-native-media-images@0.8.16
-  - jazz-react-native@0.8.20
-  - jazz-react-auth-clerk@0.8.20
-
-## 1.0.12
-
-### Patch Changes
-
-- jazz-react-auth-clerk@0.8.19
-- jazz-react-native@0.8.19
-- jazz-tools@0.8.19
-- jazz-react-native-media-images@0.8.15
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.19-group-inheritance.0
+  - jazz-react-auth-clerk@0.8.19-group-inheritance.0
+  - jazz-react-native@0.8.19-group-inheritance.0
+  - jazz-react-native-media-images@0.8.15-group-inheritance.0
 
 ## 1.0.11
 

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

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

examples/chat-rn-clerk/package.json

@@ -1,7 +1,7 @@
 {
   "name": "chat-rn-clerk",
   "main": "index.js",
-  "version": "1.0.18",
+  "version": "1.0.12-group-inheritance.0",
   "scripts": {
     "build": "expo export -p ios",
     "start": "expo start",
@@ -65,6 +65,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
+    "@babel/plugin-transform-class-static-block": "^7.24.7",
     "@types/jest": "^29.5.3",
     "@types/react": "^18.2.19",
     "@types/react-test-renderer": "^18.0.7",

examples/chat-rn/CHANGELOG.md

@@ -1,36 +1,12 @@
 # chat-rn
 
-## 1.0.17
+## 1.0.14-group-inheritance.0
 
 ### Patch Changes
 
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react-native@0.8.23
-
-## 1.0.16
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-react-native@0.8.21
-
-## 1.0.15
-
-### Patch Changes
-
-- Updated dependencies [3ef3ff3]
-  - jazz-react-native@0.8.20
-
-## 1.0.14
-
-### Patch Changes
-
-- jazz-react-native@0.8.19
-- jazz-tools@0.8.19
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.19-group-inheritance.0
+  - jazz-react-native@0.8.19-group-inheritance.0
 
 ## 1.0.13
 

examples/chat-rn/babel.config.js

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

examples/chat-rn/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-rn",
-  "version": "1.0.17",
+  "version": "1.0.14-group-inheritance.0",
   "main": "index.js",
   "scripts": {
     "build": "expo export -p ios",
@@ -45,6 +45,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
+    "@babel/plugin-transform-class-static-block": "^7.24.7",
     "@types/react": "^18.2.19",
     "tailwindcss": "3.3.2",
     "typescript": "^5.3.3"

examples/chat-vue/CHANGELOG.md

@@ -1,57 +1,13 @@
 # chat-vue
 
-## 0.0.9
+## 0.0.4-group-inheritance.0
 
 ### Patch Changes
 
-- jazz-browser@0.8.24
-- jazz-vue@0.8.14
-
-## 0.0.8
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [e442bb8]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-browser@0.8.23
-  - jazz-vue@0.8.13
-
-## 0.0.7
-
-### Patch Changes
-
-- a734530: fix useCoState reactivity
-- Updated dependencies [f6bc8af]
-- Updated dependencies [a734530]
-  - jazz-browser@0.8.22
-  - jazz-vue@0.8.12
-
-## 0.0.6
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-browser@0.8.21
-  - jazz-vue@0.8.11
-
-## 0.0.5
-
-### Patch Changes
-
-- jazz-browser@0.8.20
-- jazz-vue@0.8.10
-
-## 0.0.4
-
-### Patch Changes
-
-- jazz-browser@0.8.19
-- jazz-tools@0.8.19
-- jazz-vue@0.8.9
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.19-group-inheritance.0
+  - jazz-browser@0.8.19-group-inheritance.0
+  - jazz-vue@0.8.9-group-inheritance.0
 
 ## 0.0.3
 

examples/chat-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-vue",
-  "version": "0.0.9",
+  "version": "0.0.4-group-inheritance.0",
   "private": true,
   "type": "module",
   "scripts": {

examples/chat/CHANGELOG.md

@@ -1,67 +1,13 @@
 # jazz-example-chat
 
-## 0.0.104
+## 0.0.98-group-inheritance.0
 
 ### Patch Changes
 
-- 59d37df: add autologin option to DemoAuth to skip login
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-
-## 0.0.103
-
-### Patch Changes
-
-- jazz-react@0.8.24
-
-## 0.0.102
-
-### Patch Changes
-
-- Updated dependencies [6f745be]
-- Updated dependencies [d348c2d]
-- Updated dependencies [124bf67]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - cojson@0.8.23
-  - jazz-tools@0.8.23
-  - jazz-react@0.8.23
-
-## 0.0.101
-
-### Patch Changes
-
-- Updated dependencies [59cc64d]
-  - jazz-react@0.8.22
-
-## 0.0.100
-
-### Patch Changes
-
-- Updated dependencies [0f30eea]
-- Updated dependencies [149ca97]
-  - cojson@0.8.21
-  - jazz-tools@0.8.21
-  - jazz-react@0.8.21
-
-## 0.0.99
-
-### Patch Changes
-
-- Updated dependencies [dd9b13f]
-- Updated dependencies [a69ed0b]
-- Updated dependencies [3ef3ff3]
-- Updated dependencies [c6931b8]
-  - jazz-react@0.8.20
-
-## 0.0.98
-
-### Patch Changes
-
-- Updated dependencies [9c2aadb]
-  - cojson@0.8.19
-  - jazz-react@0.8.19
-  - jazz-tools@0.8.19
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.19-group-inheritance.0
+  - cojson@0.8.19-group-inheritance.0
+  - jazz-react@0.8.19-group-inheritance.0
 
 ## 0.0.97
 

examples/chat/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-chat",
   "private": true,
-  "version": "0.0.104",
+  "version": "0.0.98-group-inheritance.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -18,10 +18,10 @@
     "@radix-ui/react-toast": "^1.1.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "cojson": "workspace:0.8.23",
+    "cojson": "workspace:0.8.19-group-inheritance.0",
     "hash-slash": "workspace:0.2.1",
-    "jazz-react": "workspace:0.8.26",
-    "jazz-tools": "workspace:0.8.23",
+    "jazz-react": "workspace:0.8.19-group-inheritance.0",
+    "jazz-tools": "workspace:0.8.19-group-inheritance.0",
     "lucide-react": "^0.274.0",
     "qrcode": "^1.5.3",
     "react": "^18.2.0",

examples/chat/src/app.tsx

@@ -1,4 +1,3 @@
-import { inIframe, onChatLoad } from "@/util.ts";
 import { useIframeHashRouter } from "hash-slash";
 import { Group, ID } from "jazz-tools";
 import { ChatScreen } from "./chatScreen.tsx";
@@ -16,16 +15,12 @@ export function App() {
     group.addMember("everyone", "writer");
     const chat = Chat.create([], { owner: group });
     router.navigate("/#/chat/" + chat.id);
-
-    // for https://jazz.tools marketing site demo only
-    onChatLoad(chat, me);
   };
 
   return (
     <AppContainer>
       <TopBar>
-        <p>{me?.profile?.name}</p>
-        {!inIframe && <button onClick={logOut}>Log out</button>}
+        <p>{me?.profile?.name}</p> · <button onClick={logOut}>Log out</button>
       </TopBar>
       {router.route({
         "/": () => createChat() as never,

examples/chat/src/chatScreen.tsx

@@ -48,11 +48,10 @@ export function ChatScreen(props: { chatID: ID<Chat> }) {
 
 function ChatBubble(props: { msg: Message }) {
   const lastEdit = props.msg._edits.text;
-  const fromMe = lastEdit.by?.isMe;
 
   return (
-    <BubbleContainer fromMe={fromMe}>
-      <BubbleBody fromMe={fromMe}>{props.msg.text}</BubbleBody>
+    <BubbleContainer fromMe={lastEdit.by?.isMe}>
+      <BubbleBody>{props.msg.text}</BubbleBody>
       <BubbleInfo by={lastEdit.by?.profile?.name} madeAt={lastEdit.madeAt} />
     </BubbleContainer>
   );

examples/chat/src/ui.tsx

@@ -1,4 +1,3 @@
-import clsx from "clsx";
 import { useId } from "react";
 
 export function AppContainer(props: { children: React.ReactNode }) {
@@ -11,7 +10,7 @@ export function AppContainer(props: { children: React.ReactNode }) {
 
 export function TopBar(props: { children: React.ReactNode }) {
   return (
-    <div className="p-3 bg-white w-full flex justify-between gap-2 border-b dark:bg-transparent dark:border-stone-800">
+    <div className="p-3 bg-white w-full flex justify-end gap-1 text-xs border-b dark:bg-transparent dark:border-stone-800">
       {props.children}
     </div>
   );
@@ -30,7 +29,7 @@ export function ChatBody(props: { children: React.ReactNode }) {
 
 export function EmptyChatMessage() {
   return (
-    <div className="h-full text-base text-stone-500 flex items-center justify-center px-3 text-lg md:text-2xl">
+    <div className="h-full text-base text-stone-500 flex items-center justify-center px-3 md:text-xl">
       Start a conversation below.
     </div>
   );
@@ -42,26 +41,15 @@ export function BubbleContainer(props: {
 }) {
   const align = props.fromMe ? "items-end" : "items-start";
   return (
-    <div className={`${align} flex flex-col m-3`} role="row">
+    <div className={`${align} flex flex-col m-2`} role="row">
       {props.children}
     </div>
   );
 }
 
-export function BubbleBody(props: {
-  children: React.ReactNode;
-  fromMe: boolean | undefined;
-}) {
+export function BubbleBody(props: { children: React.ReactNode }) {
   return (
-    <div
-      className={clsx(
-        "line-clamp-10 text-ellipsis whitespace-pre-wrap",
-        "rounded-2xl max-w-full py-1 px-3 shadow-sm",
-        props.fromMe
-          ? "bg-white dark:bg-stone-700 dark:text-white"
-          : "bg-blue text-white",
-      )}
-    >
+    <div className="rounded-2xl text-sm line-clamp-10 text-ellipsis bg-white max-w-full whitespace-pre-wrap dark:bg-stone-700 dark:text-white py-1 px-3 shadow-sm">
       {props.children}
     </div>
   );
@@ -85,7 +73,7 @@ export function ChatInput(props: { onSubmit: (text: string) => void }) {
       </label>
       <input
         id={inputId}
-        className="rounded-full py-2 px-4 border block w-full dark:bg-black dark:text-white dark:border-stone-700"
+        className="rounded-full py-2 px-4 text-sm border block w-full dark:bg-black dark:text-white dark:border-stone-700"
         placeholder="Type a message and press Enter"
         maxLength={2048}
         onKeyDown={({ key, currentTarget: input }) => {

examples/chat/src/util.ts

@@ -1,27 +0,0 @@
-// This is only for demo purposes for https://jazz.tools
-// This is NOT needed to make the chat work
-
-import { Chat } from "@/schema.ts";
-import { Account, CoValue, ID } from "jazz-tools";
-
-export function waitForUpload(id: ID<CoValue>, me: Account) {
-  const syncManager = me._raw.core.node.syncManager;
-  const peers = syncManager.getPeers();
-
-  return Promise.all(
-    peers.map((peer) => syncManager.waitForUploadIntoPeer(peer.id, id)),
-  );
-}
-
-export function onChatLoad(chat: Chat, me: Account) {
-  if (window.parent) {
-    waitForUpload(chat.id, me).then(() => {
-      window.parent.postMessage(
-        { type: "chat-load", id: "/chat/" + chat.id },
-        "*",
-      );
-    });
-  }
-}
-
-export const inIframe = window.self !== window.top;

examples/chat/tailwind.config.js

@@ -16,10 +16,6 @@ module.exports = {
     },
     extend: {
       colors: {
-        blue: {
-          700: "#3313F7",
-          DEFAULT: "#3313F7",
-        },
         border: "hsl(var(--border))",
         input: "hsl(var(--input))",
         ring: "hsl(var(--ring))",

examples/chat/tests/pages/ChatPage.ts

@@ -20,6 +20,10 @@ export class ChatPage {
     await this.messageInput.press("Enter");
   }
 
+  async expectLoaded() {
+    await expect(this.messageInput).toBeVisible();
+  }
+
   async expectMessageRow(message: string) {
     await expect(this.page.getByText(message)).toBeVisible();
   }

examples/inspector/CHANGELOG.md

@@ -1,29 +1,12 @@
 # jazz-example-inspector
 
-## 0.0.74
+## 0.0.72-group-inheritance.0
 
 ### Patch Changes
 
-- Updated dependencies [6f745be]
-- Updated dependencies [124bf67]
-  - cojson@0.8.23
-  - cojson-transport-ws@0.8.23
-
-## 0.0.73
-
-### Patch Changes
-
-- Updated dependencies [0f30eea]
-  - cojson@0.8.21
-  - cojson-transport-ws@0.8.21
-
-## 0.0.72
-
-### Patch Changes
-
-- Updated dependencies [9c2aadb]
-  - cojson@0.8.19
-  - cojson-transport-ws@0.8.19
+- Updated dependencies [8b87117]
+  - cojson@0.8.19-group-inheritance.0
+  - cojson-transport-ws@0.8.19-group-inheritance.0
 
 ## 0.0.71
 

examples/inspector/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-inspector",
   "private": true,
-  "version": "0.0.74",
+  "version": "0.0.72-group-inheritance.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -16,8 +16,8 @@
     "@radix-ui/react-toast": "^1.1.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "cojson": "workspace:0.8.23",
-    "cojson-transport-ws": "workspace:0.8.23",
+    "cojson": "workspace:0.8.19-group-inheritance.0",
+    "cojson-transport-ws": "workspace:0.8.19-group-inheritance.0",
     "hash-slash": "workspace:0.2.1",
     "lucide-react": "^0.274.0",
     "qrcode": "^1.5.3",

examples/minimal-auth-clerk/.env

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

examples/minimal-auth-clerk/.gitignore

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

examples/minimal-auth-clerk/CHANGELOG.md

@@ -1,27 +0,0 @@
-# minimal-auth-clerk
-
-## 0.0.3
-
-### Patch Changes
-
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-  - jazz-react-auth-clerk@0.8.26
-
-## 0.0.2
-
-### Patch Changes
-
-- jazz-react@0.8.24
-- jazz-react-auth-clerk@0.8.24
-
-## 0.0.1
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react@0.8.23
-  - jazz-react-auth-clerk@0.8.23

examples/minimal-auth-clerk/README.md

@@ -1,3 +0,0 @@
-# Minimal Jazz Auth Clerk Example
-
-This is a minimal example of how to use Clerk authentication with Jazz.

examples/minimal-auth-clerk/index.html

@@ -1,16 +0,0 @@
-<!doctype html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8" />
-  <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Minimal Auth Clerk Example | Jazz</title>
-</head>
-
-<body>
-  <div id="root"></div>
-  <script type="module" src="/src/main.tsx"></script>
-</body>
-
-</html>

examples/minimal-auth-clerk/package.json

@@ -1,30 +0,0 @@
-{
-  "name": "minimal-auth-clerk",
-  "private": true,
-  "version": "0.0.3",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "preview": "vite preview",
-    "format-and-lint": "biome check .",
-    "format-and-lint:fix": "biome check . --write"
-  },
-  "dependencies": {
-    "@clerk/clerk-react": "^5.4.1",
-    "jazz-tools": "workspace:*",
-    "jazz-react": "workspace:*",
-    "jazz-react-auth-clerk": "workspace:0.8.26",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "1.9.4",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
-    "globals": "^15.11.0",
-    "typescript": "~5.6.2",
-    "vite": "^5.4.10"
-  }
-}

examples/minimal-auth-clerk/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

examples/minimal-auth-clerk/src/App.css

@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}

examples/minimal-auth-clerk/src/App.tsx

@@ -1,16 +0,0 @@
-import "./App.css";
-import { useAccount } from "./main";
-
-function App() {
-  const { me, logOut } = useAccount();
-
-  return (
-    <>
-      <h1>You're logged in</h1>
-      <p>Welcome back, {me?.profile?.name}</p>
-      <button onClick={() => logOut()}>Logout</button>
-    </>
-  );
-}
-
-export default App;

examples/minimal-auth-clerk/src/assets/react.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

examples/minimal-auth-clerk/src/index.css

@@ -1,68 +0,0 @@
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

examples/minimal-auth-clerk/src/main.tsx

@@ -1,50 +0,0 @@
-import { ClerkProvider, SignInButton, useClerk } from "@clerk/clerk-react";
-import { createJazzReactApp } from "jazz-react";
-import { useJazzClerkAuth } from "jazz-react-auth-clerk";
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App.tsx";
-import "./index.css";
-
-// Import your publishable key
-const PUBLISHABLE_KEY = import.meta.env.VITE_CLERK_PUBLISHABLE_KEY;
-
-if (!PUBLISHABLE_KEY) {
-  throw new Error("Add your Clerk publishable key to the .env.local file");
-}
-
-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>
-      ))}
-      {clerk.user && auth ? (
-        <Jazz.Provider
-          auth={auth}
-          peer="wss://cloud.jazz.tools/?key=minimal-auth-clerk-example@gcmp.io"
-        >
-          {children}
-        </Jazz.Provider>
-      ) : (
-        <SignInButton />
-      )}
-    </>
-  );
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <ClerkProvider publishableKey={PUBLISHABLE_KEY} afterSignOutUrl="/">
-      <JazzAndAuth>
-        <App />
-      </JazzAndAuth>
-    </ClerkProvider>
-  </StrictMode>,
-);

examples/minimal-auth-clerk/src/vite-env.d.ts

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

examples/minimal-auth-clerk/tsconfig.app.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2023", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

examples/minimal-auth-clerk/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

examples/minimal-auth-clerk/tsconfig.node.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

examples/minimal-auth-clerk/vite.config.ts

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

examples/minimal-auth-passkey/.gitignore

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

examples/minimal-auth-passkey/CHANGELOG.md

@@ -1,14 +0,0 @@
-# minimal-auth-passkey
-
-## 0.0.2
-
-### Patch Changes
-
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-
-## 0.0.1
-
-### Patch Changes
-
-- jazz-react@0.8.24

examples/minimal-auth-passkey/README.md

@@ -1,4 +0,0 @@
-# Minimal Jazz Passkey Auth Example
-
-This is a minimal example of how to use passkey authentication with Jazz.
-

examples/minimal-auth-passkey/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Jazz | Minimal Auth Passkey Example</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

examples/minimal-auth-passkey/package.json

@@ -1,28 +0,0 @@
-{
-  "name": "minimal-auth-passkey",
-  "private": true,
-  "version": "0.0.2",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc -b && vite build",
-    "preview": "vite preview",
-    "format-and-lint": "biome check .",
-    "format-and-lint:fix": "biome check . --write"
-  },
-  "dependencies": {
-    "jazz-tools": "workspace:*",
-    "jazz-react": "workspace:*",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "devDependencies": {
-    "@biomejs/biome": "1.9.4",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.3",
-    "globals": "^15.11.0",
-    "typescript": "~5.6.2",
-    "vite": "^5.4.10"
-  }
-}

examples/minimal-auth-passkey/public/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

examples/minimal-auth-passkey/src/App.css

@@ -1,42 +0,0 @@
-#root {
-  max-width: 1280px;
-  margin: 0 auto;
-  padding: 2rem;
-  text-align: center;
-}
-
-.logo {
-  height: 6em;
-  padding: 1.5em;
-  will-change: filter;
-  transition: filter 300ms;
-}
-.logo:hover {
-  filter: drop-shadow(0 0 2em #646cffaa);
-}
-.logo.react:hover {
-  filter: drop-shadow(0 0 2em #61dafbaa);
-}
-
-@keyframes logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  a:nth-of-type(2) .logo {
-    animation: logo-spin infinite 20s linear;
-  }
-}
-
-.card {
-  padding: 2em;
-}
-
-.read-the-docs {
-  color: #888;
-}

examples/minimal-auth-passkey/src/App.tsx

@@ -1,16 +0,0 @@
-import "./App.css";
-import { useAccount } from "./main";
-
-function App() {
-  const { me, logOut } = useAccount();
-
-  return (
-    <>
-      <h1>You're logged in</h1>
-      <p>Welcome back, {me?.profile?.name}</p>
-      <button onClick={() => logOut()}>Logout</button>
-    </>
-  );
-}
-
-export default App;

examples/minimal-auth-passkey/src/assets/react.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>

examples/minimal-auth-passkey/src/index.css

@@ -1,68 +0,0 @@
-:root {
-  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  line-height: 1.5;
-  font-weight: 400;
-
-  color-scheme: light dark;
-  color: rgba(255, 255, 255, 0.87);
-  background-color: #242424;
-
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-a {
-  font-weight: 500;
-  color: #646cff;
-  text-decoration: inherit;
-}
-a:hover {
-  color: #535bf2;
-}
-
-body {
-  margin: 0;
-  display: flex;
-  place-items: center;
-  min-width: 320px;
-  min-height: 100vh;
-}
-
-h1 {
-  font-size: 3.2em;
-  line-height: 1.1;
-}
-
-button {
-  border-radius: 8px;
-  border: 1px solid transparent;
-  padding: 0.6em 1.2em;
-  font-size: 1em;
-  font-weight: 500;
-  font-family: inherit;
-  background-color: #1a1a1a;
-  cursor: pointer;
-  transition: border-color 0.25s;
-}
-button:hover {
-  border-color: #646cff;
-}
-button:focus,
-button:focus-visible {
-  outline: 4px auto -webkit-focus-ring-color;
-}
-
-@media (prefers-color-scheme: light) {
-  :root {
-    color: #213547;
-    background-color: #ffffff;
-  }
-  a:hover {
-    color: #747bff;
-  }
-  button {
-    background-color: #f9f9f9;
-  }
-}

examples/minimal-auth-passkey/src/main.tsx

@@ -1,39 +0,0 @@
-import {
-  PasskeyAuthBasicUI,
-  createJazzReactApp,
-  usePasskeyAuth,
-} from "jazz-react";
-import { StrictMode } from "react";
-import { createRoot } from "react-dom/client";
-import App from "./App.tsx";
-import "./index.css";
-
-const Jazz = createJazzReactApp();
-
-export const { useAccount, useCoState } = Jazz;
-
-function JazzAndAuth({ children }: { children: React.ReactNode }) {
-  const [auth, state] = usePasskeyAuth({
-    appName: "Jazz Minimal Auth Passkey Example",
-  });
-
-  return (
-    <>
-      <Jazz.Provider
-        auth={auth}
-        peer="wss://cloud.jazz.tools/?key=minimal-auth-passkey-example@gcmp.io"
-      >
-        {children}
-      </Jazz.Provider>
-      <PasskeyAuthBasicUI state={state} />
-    </>
-  );
-}
-
-createRoot(document.getElementById("root")!).render(
-  <StrictMode>
-    <JazzAndAuth>
-      <App />
-    </JazzAndAuth>
-  </StrictMode>,
-);

examples/minimal-auth-passkey/src/vite-env.d.ts

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

examples/minimal-auth-passkey/tsconfig.app.json

@@ -1,24 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2020",
-    "useDefineForClassFields": true,
-    "lib": ["ES2023", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["src"]
-}

examples/minimal-auth-passkey/tsconfig.json

@@ -1,7 +0,0 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}

examples/minimal-auth-passkey/tsconfig.node.json

@@ -1,22 +0,0 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2022",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "skipLibCheck": true,
-
-    "moduleResolution": "Bundler",
-    "allowImportingTsExtensions": true,
-    "isolatedModules": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}

examples/minimal-auth-passkey/vite.config.ts

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

examples/music-player/CHANGELOG.md

@@ -1,59 +1,12 @@
 # jazz-example-musicplayer
 
-## 0.0.24
+## 0.0.18-group-inheritance.0
 
 ### Patch Changes
 
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-
-## 0.0.23
-
-### Patch Changes
-
-- jazz-react@0.8.24
-
-## 0.0.22
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react@0.8.23
-
-## 0.0.21
-
-### Patch Changes
-
-- Updated dependencies [59cc64d]
-  - jazz-react@0.8.22
-
-## 0.0.20
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-react@0.8.21
-
-## 0.0.19
-
-### Patch Changes
-
-- Updated dependencies [dd9b13f]
-- Updated dependencies [a69ed0b]
-- Updated dependencies [3ef3ff3]
-- Updated dependencies [c6931b8]
-  - jazz-react@0.8.20
-
-## 0.0.18
-
-### Patch Changes
-
-- jazz-react@0.8.19
-- jazz-tools@0.8.19
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.19-group-inheritance.0
+  - jazz-react@0.8.19-group-inheritance.0
 
 ## 0.0.17
 

examples/music-player/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-music-player",
   "private": true,
-  "version": "0.0.24",
+  "version": "0.0.18-group-inheritance.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -18,8 +18,8 @@
     "@radix-ui/react-toast": "^1.1.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "jazz-react": "workspace:0.8.26",
-    "jazz-tools": "workspace:0.8.23",
+    "jazz-react": "workspace:0.8.19-group-inheritance.0",
+    "jazz-tools": "workspace:0.8.19-group-inheritance.0",
     "lucide-react": "^0.274.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

examples/music-player/src/1_schema.ts

@@ -1,4 +1,11 @@
-import { Account, CoList, CoMap, FileStream, Profile, co } from "jazz-tools";
+import {
+  Account,
+  BinaryCoStream,
+  CoList,
+  CoMap,
+  Profile,
+  co,
+} from "jazz-tools";
 
 /** Walkthrough: Defining the data model with CoJSON
  *
@@ -29,12 +36,12 @@ export class MusicTrack extends CoMap {
   sourceTrack = co.optional.ref(MusicTrack);
 
   /**
-   * In Jazz you can upload files using FileStream.
+   * In Jazz you can files using BinaryCoStream.
    *
-   * As for any other coValue the music files we put inside FileStream
+   * As for any other coValue the music files we put inside BinaryCoStream
    * is available offline and end-to-end encrypted 😉
    */
-  file = co.ref(FileStream);
+  file = co.ref(BinaryCoStream);
   waveform = co.ref(MusicTrackWaveform);
 }
 

examples/music-player/src/2_main.tsx

@@ -70,11 +70,7 @@ function JazzAndAuth({ children }: { children: React.ReactNode }) {
 
   return (
     <>
-      <Jazz.Provider
-        storage={["singleTabOPFS", "indexedDB"]}
-        auth={auth}
-        peer={peer}
-      >
+      <Jazz.Provider auth={auth} peer={peer}>
         {children}
       </Jazz.Provider>
       <DemoAuthBasicUI appName="Jazz Music Player" state={state} />

examples/music-player/src/4_actions.ts

@@ -1,5 +1,5 @@
 import { getAudioFileData } from "@/lib/audio/getAudioFileData";
-import { FileStream, Group } from "jazz-tools";
+import { BinaryCoStream, Group } from "jazz-tools";
 import {
   ListOfTracks,
   MusicTrack,
@@ -35,14 +35,14 @@ export async function uploadMusicTracks(
   for (const file of files) {
     const data = await getAudioFileData(file);
 
-    // We transform the file blob into a FileStream
+    // We transform the file blob into a BinaryCoStream
     // making it a collaborative value that is encrypted, easy
     // to share across devices and users and available offline!
-    const fileStream = await FileStream.createFromBlob(file, ownership);
+    const binaryCoStream = await BinaryCoStream.createFromBlob(file, ownership);
 
     const musicTrack = MusicTrack.create(
       {
-        file: fileStream,
+        file: binaryCoStream,
         duration: data.duration,
         waveform: MusicTrackWaveform.create({ data: data.waveform }, ownership),
         title: file.name,
@@ -98,7 +98,7 @@ export async function addTrackToPlaylist(
    * won't need to clone values to have this kind of sharing granularity
    */
   const ownership = { owner: playlist._owner };
-  const blob = await FileStream.loadAsBlob(track._refs.file.id, account);
+  const blob = await BinaryCoStream.loadAsBlob(track._refs.file.id, account);
   const waveform = await MusicTrackWaveform.load(
     track._refs.waveform.id,
     account,
@@ -109,7 +109,7 @@ export async function addTrackToPlaylist(
 
   const trackClone = MusicTrack.create(
     {
-      file: await FileStream.createFromBlob(blob, ownership),
+      file: await BinaryCoStream.createFromBlob(blob, ownership),
       duration: track.duration,
       waveform: MusicTrackWaveform.create({ data: waveform.data }, ownership),
       title: track.title,

examples/music-player/src/5_useMediaPlayer.ts

@@ -1,7 +1,7 @@
 import { MusicTrack, Playlist } from "@/1_schema";
 import { usePlayMedia } from "@/lib/audio/usePlayMedia";
 import { usePlayState } from "@/lib/audio/usePlayState";
-import { FileStream, ID } from "jazz-tools";
+import { BinaryCoStream, ID } from "jazz-tools";
 import { useRef, useState } from "react";
 import { useAccount } from "./2_main";
 import { updateActivePlaylist, updateActiveTrack } from "./4_actions";
@@ -27,7 +27,7 @@ export function useMediaPlayer() {
 
     setLoading(track.id);
 
-    const file = await FileStream.loadAsBlob(track._refs.file.id, me);
+    const file = await BinaryCoStream.loadAsBlob(track._refs.file.id, me);
 
     if (!file) {
       setLoading(null);

examples/onboarding/.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?
-
-playwright-report

examples/onboarding/CHANGELOG.md

@@ -1,34 +0,0 @@
-# jazz-example-onboarding
-
-## 0.0.5
-
-### Patch Changes
-
-- Updated dependencies [59d37df]
-  - jazz-react@0.8.26
-
-## 0.0.4
-
-### Patch Changes
-
-- jazz-browser-media-images@0.8.24
-- jazz-react@0.8.24
-
-## 0.0.3
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react@0.8.23
-  - jazz-browser-media-images@0.8.23
-
-## 0.0.2
-
-### Patch Changes
-
-- Updated dependencies [59cc64d]
-  - jazz-react@0.8.22
-  - jazz-browser-media-images@0.8.22

examples/onboarding/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/onboarding/README.md

@@ -1 +0,0 @@
-# vite-ts-react-tailwind

examples/onboarding/index.html

@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Jazz onboarding example</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

examples/onboarding/package.json

@@ -1,36 +0,0 @@
-{
-  "name": "jazz-example-onboarding",
-  "private": true,
-  "version": "0.0.5",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build",
-    "format-and-lint": "biome check .",
-    "format-and-lint:fix": "biome check . --write",
-    "preview": "vite preview",
-    "test": "playwright test",
-    "test:ui": "playwright test --ui",
-    "sync": "jazz-run sync"
-  },
-  "dependencies": {
-    "jazz-browser-media-images": "workspace:*",
-    "jazz-react": "workspace:*",
-    "jazz-tools": "workspace:*",
-    "react": "18.3.1",
-    "react-dom": "18.3.1"
-  },
-  "devDependencies": {
-    "jazz-run": "workspace:*",
-    "@playwright/test": "^1.46.1",
-    "@types/react": "^18.2.19",
-    "@types/react-dom": "^18.2.7",
-    "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.14",
-    "postcss": "^8.4.27",
-    "tailwindcss": "^3.3.2",
-    "typescript": "^5.3.3",
-    "is-ci": "^3.0.1",
-    "vite": "^5.0.10"
-  }
-}

examples/onboarding/playwright.config.ts

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

examples/onboarding/postcss.config.js

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

examples/onboarding/src/App.tsx

@@ -1,100 +0,0 @@
-import { Button } from "@/components/Button.tsx";
-import { useAcceptInvite, useAccount, useCoState } from "@/main.tsx";
-import { EmployeeList } from "@/pages/EmployeeList.tsx";
-import { EmployeeOnboading } from "@/pages/EmployeeOnboarding.tsx";
-import { NewEmployee } from "@/pages/NewEmployee.tsx";
-import { CoEmployee, EmployeeCoList } from "@/schema.ts";
-import { ID } from "jazz-tools";
-import { useEffect } from "react";
-import {
-  RouterProvider,
-  createHashRouter,
-  useNavigate,
-  useParams,
-} from "react-router-dom";
-
-function ImportEmployee({
-  employeeListCoId,
-}: { employeeListCoId: ID<EmployeeCoList> }) {
-  const { employeeCoId } = useParams();
-  const navigate = useNavigate();
-
-  const employees = useCoState(EmployeeCoList, employeeListCoId, [{}]);
-  const employee = useCoState(CoEmployee, employeeCoId as ID<CoEmployee>, {});
-
-  useEffect(() => {
-    if (!employee || !employees) return;
-
-    const exists = employees.find((employee) => employeeCoId === employee.id);
-
-    if (!exists) {
-      employees.push(employee);
-    }
-    navigate("/");
-  }, [employee, employees, navigate]);
-
-  return <div>Importing Employee ${employeeCoId} ...</div>;
-}
-
-function AcceptInvite() {
-  const navigate = useNavigate();
-
-  useAcceptInvite({
-    invitedObjectSchema: CoEmployee,
-    onAccept: (employeeCoId) => {
-      navigate(`/import/${employeeCoId}`);
-    },
-  });
-
-  return <p>Accepting invite...</p>;
-}
-
-function App() {
-  const { me, logOut } = useAccount();
-  const employeeCoListId = me.profile?._refs.employees.id;
-
-  const router = createHashRouter([
-    {
-      path: "/",
-      element: <EmployeeList employeeListCoId={employeeCoListId} />,
-    },
-    {
-      path: "employee/new",
-      element: <NewEmployee employeeListCoId={employeeCoListId} />,
-    },
-    {
-      path: "/employee/:employeeCoId",
-      element: <EmployeeOnboading />,
-    },
-    {
-      path: "/import/:employeeCoId",
-      element: <ImportEmployee employeeListCoId={employeeCoListId} />,
-    },
-    {
-      path: "/invite/*",
-      element: <AcceptInvite />,
-    },
-  ]);
-
-  return (
-    <>
-      <header className="flex flex-wrap space-x-8   max-w-screen-lg m-2">
-        <h1 className="text-3xl font-extrabold">
-          Jazz Onboarding Flow example
-        </h1>
-        <Button
-          onClick={() => {
-            window.location.href = "/";
-            logOut();
-          }}
-          text="Log Out"
-        />
-      </header>
-      <main className="ml-2">
-        {employeeCoListId && <RouterProvider router={router} />}
-      </main>
-    </>
-  );
-}
-
-export default App;

examples/onboarding/src/components/Button.tsx

@@ -1,29 +0,0 @@
-const disabledClasses =
-  "text-white bg-gray-400 dark:bg-gray-500 cursor-not-allowed";
-const regularClasses =
-  "text-white bg-gradient-to-r from-green-400 via-green-500 to-green-600 hover:bg-gradient-to-br focus:ring-4 focus:outline-none focus:ring-green-300 dark:focus:ring-green-800";
-
-export function Button({
-  text,
-  onClick,
-  disabled,
-  ...props
-}: {
-  text: string;
-  onClick?: () => void;
-  disabled?: boolean;
-}) {
-  return (
-    <button
-      {...props}
-      onClick={onClick}
-      type="button"
-      disabled={disabled}
-      className={`${
-        disabled ? disabledClasses : regularClasses
-      } text-base font-medium rounded-lg text-sm px-5 py-2.5 text-center me-2 mb-2`}
-    >
-      {text}
-    </button>
-  );
-}

examples/onboarding/src/components/ButtonLink.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-
-export function ButtonLink({
-  to,
-  children,
-}: {
-  to: string;
-  children: React.ReactNode;
-}) {
-  return (
-    <Link
-      className="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 dark:bg-blue-600 dark:hover:bg-blue-700 focus:outline-none dark:focus:ring-blue-800"
-      to={to}
-    >
-      {children}
-    </Link>
-  );
-}

examples/onboarding/src/components/NavLink.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-
-export function NavLink({
-  to,
-  children,
-}: {
-  to: string;
-  children: React.ReactNode;
-}) {
-  return (
-    <Link
-      className="font-medium text-blue-600 dark:text-blue-500 hover:underline"
-      to={to}
-    >
-      {children}
-    </Link>
-  );
-}

examples/onboarding/src/components/NavigateBack.tsx

@@ -1,24 +0,0 @@
-import { useNavigate } from "react-router-dom";
-import { Button } from "./Button.tsx";
-
-export function NavigateBack() {
-  const navigate = useNavigate();
-  const canGoBack = window.history.state.idx !== 0;
-
-  if (!canGoBack) return null;
-
-  return (
-    <div>
-      <Button onClick={() => navigate(-1)} text="< Back" />
-    </div>
-  );
-}
-
-export function NavigateButton({ text, to }: { text: string; to: string }) {
-  const navigate = useNavigate();
-  return (
-    <div>
-      <Button onClick={() => navigate(to)} text={text} />
-    </div>
-  );
-}

examples/onboarding/src/components/Stack.tsx

@@ -1,19 +0,0 @@
-import React from "react";
-
-export function Stack({
-  children,
-  horizontal,
-}: {
-  children: React.ReactNode;
-  horizontal?: boolean;
-}) {
-  return (
-    <div
-      className={`container flex ${
-        horizontal ? "flex-row" : "flex-col"
-      } col ${horizontal ? "space-x-4 flex-wrap" : "space-y-4"} p-4`}
-    >
-      {children}
-    </div>
-  );
-}

examples/onboarding/src/components/TextInput.tsx

@@ -1,36 +0,0 @@
-import { ChangeEvent } from "react";
-
-export function TextInput({
-  id,
-  value,
-  label,
-  onChange,
-  disabled,
-}: {
-  id: string;
-  label: string;
-  value: string;
-  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
-  disabled?: boolean;
-}) {
-  return (
-    <div>
-      <label
-        htmlFor={id}
-        className="block mb-2 font-medium text-gray-900 dark:text-white"
-      >
-        {label}
-      </label>
-      <input
-        value={value}
-        onChange={onChange}
-        type="text"
-        id={id}
-        disabled={disabled}
-        className="disabled:cursor-not-allowed bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-        placeholder="John"
-        required
-      />
-    </div>
-  );
-}

examples/onboarding/src/index.css

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

examples/onboarding/src/main.tsx

@@ -1,39 +0,0 @@
-import App from "@/App.tsx";
-import React from "react";
-import ReactDOM from "react-dom/client";
-import "@/index.css";
-import { HRAccount } from "@/schema.ts";
-import { DemoAuthBasicUI, createJazzReactApp, useDemoAuth } from "jazz-react";
-
-const Jazz = createJazzReactApp({
-  AccountSchema: HRAccount,
-});
-export const { useAccount, useCoState, useAcceptInvite } = Jazz;
-
-const peer =
-  (new URL(window.location.href).searchParams.get(
-    "peer",
-  ) as `ws://${string}`) ??
-  "wss://cloud.jazz.tools/?key=onboarding-example-jazz@gcmp.io";
-
-function JazzAndAuth({ children }: { children: React.ReactNode }) {
-  const [auth, authState] = useDemoAuth();
-  return (
-    <>
-      <Jazz.Provider auth={auth} peer={peer}>
-        {children}
-      </Jazz.Provider>
-      {authState.state !== "signedIn" && (
-        <DemoAuthBasicUI appName="Jazz Onboarding" state={authState} />
-      )}
-    </>
-  );
-}
-
-ReactDOM.createRoot(document.getElementById("root")!).render(
-  <React.StrictMode>
-    <JazzAndAuth>
-      <App />
-    </JazzAndAuth>
-  </React.StrictMode>,
-);

examples/onboarding/src/pages/EmployeeList.tsx

@@ -1,50 +0,0 @@
-import { NavLink } from "@/components/NavLink.tsx";
-import { NavigateButton } from "@/components/NavigateBack.tsx";
-import { Stack } from "@/components/Stack.tsx";
-import { useCoState } from "@/main.tsx";
-import { CoEmployee, EmployeeCoList } from "@/schema.ts";
-import { ID } from "jazz-tools";
-
-export function EmployeeList({
-  employeeListCoId,
-}: {
-  employeeListCoId: ID<EmployeeCoList>;
-}) {
-  const employees = useCoState(EmployeeCoList, employeeListCoId, [{}]);
-
-  if (!employees) {
-    return <div>Loading...</div>;
-  }
-
-  return (
-    <Stack>
-      <NavigateButton to="/employee/new" text={"Add New Employee"} />
-      <ul className="max-w-md">
-        {employees.map((employee: CoEmployee) =>
-          employee.deleted ? null : (
-            <li key={employee.id} className="flex flex-row space-x-8 w-full">
-              <span>{employee._owner.myRole()}</span>
-              <span className="w-1/3">
-                <NavLink to={`/employee/${employee.id}`}>
-                  {employee.name}
-                </NavLink>
-              </span>
-              {employee.finalStep?.done && <span>✅</span>}
-              {employee._owner.myRole() === "admin" &&
-                !employee.finalStep?.done && (
-                  <span
-                    onClick={() => {
-                      employee.deleted = true;
-                    }}
-                    className="cursor-pointer"
-                  >
-                    🗑
-                  </span>
-                )}
-            </li>
-          ),
-        )}
-      </ul>
-    </Stack>
-  );
-}

examples/onboarding/src/pages/EmployeeOnboarding.tsx

@@ -1,240 +0,0 @@
-import { Button } from "@/components/Button.tsx";
-import { NavigateBack } from "@/components/NavigateBack.tsx";
-import { Stack } from "@/components/Stack.tsx";
-import { TextInput } from "@/components/TextInput.tsx";
-import { useCoState } from "@/main.tsx";
-import { createImage } from "jazz-browser-media-images";
-import { ProgressiveImg, createInviteLink } from "jazz-react";
-import { CoMap, ID } from "jazz-tools";
-import { ChangeEvent, ReactNode, useCallback } from "react";
-import { useParams } from "react-router";
-import {
-  CoDocUploadStep,
-  CoEmployee,
-  CoFinalStep,
-  CoInitialStep,
-} from "../schema.ts";
-
-const Card = ({
-  children,
-  title,
-  isDone,
-  isActive,
-}: {
-  children: ReactNode;
-  title: string;
-  isDone: boolean;
-  isActive?: boolean;
-}) => (
-  <div
-    className={`w-full p-4 bg-white border border-gray-200 rounded-lg shadow max-w-md ${
-      isActive ? "border-gray-900 hover:bg-green-50 shadow-xl" : ""
-    }`}
-  >
-    <Stack horizontal={true}>
-      <h5 className="mb-2 text-2xl text-gray-900">{title}</h5>
-      <h6 className="mb-2 text-2xl">
-        {isDone ? "✅" : isActive ? "❓" : "⌛"}
-      </h6>
-    </Stack>
-    {children}
-  </div>
-);
-
-const InfoCard = ({
-  initialStep,
-  canWrite,
-}: {
-  initialStep: CoInitialStep;
-  canWrite: boolean;
-}) => {
-  const isDisabled = !initialStep.isCurrentStep() || !canWrite;
-
-  return (
-    <Card
-      title="Personal Info"
-      isDone={initialStep?.done}
-      isActive={initialStep.isCurrentStep()}
-    >
-      <Stack>
-        <TextInput
-          disabled={isDisabled}
-          id="ssn"
-          label="Social Security Number"
-          value={initialStep.ssn || ""}
-          onChange={({ target: { value } }) => (initialStep.ssn = value)}
-        />
-        <TextInput
-          disabled={isDisabled}
-          id="address"
-          label="Address"
-          value={initialStep.address || ""}
-          onChange={({ target: { value } }) => (initialStep.address = value)}
-        />
-        {!initialStep.done && (
-          <Button
-            text={"Upload step >"}
-            disabled={!initialStep.ssn || !initialStep.address || isDisabled}
-            onClick={() => (initialStep.done = true)}
-          />
-        )}
-      </Stack>
-    </Card>
-  );
-};
-
-const UploadCard = ({
-  uploadStep,
-  canWrite,
-}: {
-  uploadStep: CoDocUploadStep;
-  canWrite: boolean;
-}) => {
-  const isDisabled = !uploadStep.isCurrentStep() || !canWrite;
-
-  const onImageSelected = useCallback(
-    async (event: ChangeEvent<HTMLInputElement>) => {
-      if (!event.target.files) return;
-
-      const image = await createImage(event.target.files[0], {
-        owner: uploadStep._owner,
-      });
-
-      uploadStep.photo = image;
-    },
-    [uploadStep],
-  );
-
-  return (
-    <Card
-      title="Uploads"
-      isDone={uploadStep?.done}
-      isActive={uploadStep.isCurrentStep()}
-    >
-      <Stack>
-        {uploadStep.photo && (
-          <ProgressiveImg image={uploadStep.photo}>
-            {({ src }) => (
-              <img
-                className="max-h-full max-w-full rounded-l-sm rounded-r-md shadow-lg p-2"
-                src={src}
-              />
-            )}
-          </ProgressiveImg>
-        )}
-
-        {!uploadStep.done && (
-          <>
-            <input
-              type="file"
-              disabled={isDisabled}
-              onChange={onImageSelected}
-              data-testid="file-upload"
-            />
-            <Button
-              text={"Confirmation step >"}
-              disabled={isDisabled || !uploadStep.photo}
-              onClick={() => (uploadStep.done = true)}
-            />
-          </>
-        )}
-      </Stack>
-    </Card>
-  );
-};
-
-const ConfirmationCard = ({
-  finalStep,
-  editable,
-}: {
-  finalStep: CoFinalStep;
-  editable: boolean;
-}) => {
-  const isDisabled = !finalStep.isCurrentStep() || !editable;
-  return (
-    <Card
-      title="Confirmation by admin"
-      isDone={finalStep?.done}
-      isActive={finalStep.isCurrentStep()}
-    >
-      <Stack>
-        {!finalStep.done && (
-          <Button
-            text="Confirmation by admin"
-            disabled={isDisabled}
-            onClick={() => (finalStep.done = true)}
-          />
-        )}
-      </Stack>
-    </Card>
-  );
-};
-
-export function EmployeeOnboading() {
-  const { employeeCoId } = useParams();
-
-  const employee = useCoState(CoEmployee, employeeCoId as ID<CoEmployee>, {});
-
-  const handleInviteLinkCreation = useCallback(
-    (role: "reader" | "writer") => {
-      if (!employee) return;
-
-      const link = createInviteLink(employee, role);
-      navigator.clipboard.writeText(link);
-      alert("Invite link copied to clipboard!");
-    },
-    [employee],
-  );
-
-  const isMeWriter = (step: CoMap): boolean => {
-    return ["writer", "admin"].includes(step._owner.myRole() || "");
-  };
-
-  return (
-    <>
-      <Stack>
-        <Stack horizontal={true}>
-          <NavigateBack />
-          {employee?._owner.myRole() === "admin" && (
-            <Button
-              text={"Invite a co-worker"}
-              onClick={() => handleInviteLinkCreation("writer")}
-            />
-          )}
-        </Stack>
-        <h2 className="mb-2 text-2xl text-gray-900 font-semibold">
-          {employee ? employee.name : "Loading..."}
-        </h2>
-      </Stack>
-
-      {employee && (
-        <Stack>
-          {employee.initialStep ? (
-            <InfoCard
-              initialStep={employee.initialStep}
-              canWrite={isMeWriter(employee.initialStep)}
-            />
-          ) : (
-            <div>Loading...</div>
-          )}
-          {employee.docUploadStep ? (
-            <UploadCard
-              uploadStep={employee.docUploadStep}
-              canWrite={isMeWriter(employee.docUploadStep)}
-            />
-          ) : (
-            <div>Loading...</div>
-          )}
-          {employee.finalStep ? (
-            <ConfirmationCard
-              finalStep={employee.finalStep}
-              editable={isMeWriter(employee.finalStep)}
-            />
-          ) : (
-            <div>Loading...</div>
-          )}
-        </Stack>
-      )}
-    </>
-  );
-}