Merge pull request #2423 from garden-co/changeset-release/main

Version Packages

.changeset/config.json

@@ -2,8 +2,8 @@
   "$schema": "https://unpkg.com/@changesets/config@2.3.1/schema.json",
   "changelog": "@changesets/cli/changelog",
   "commit": false,
-  "fixed": [],
-  "linked": [
+  "linked": [],
+  "fixed": [
     [
       "cojson",
       "cojson-storage",
@@ -27,6 +27,8 @@
       "jazz-react-native-core",
       "jazz-react-native",
       "jazz-react-native-media-images",
+      "jazz-richtext-prosemirror",
+      "jazz-richtext-tiptap",
       "jazz-run",
       "jazz-svelte",
       "jazz-tools",

.github/workflows/e2e-rn-test.yml

@@ -38,7 +38,6 @@ jobs:
       - name: chat-rn-expo App Pre Build
         working-directory: ./examples/chat-rn-expo
         run: |
-          pnpm build
           pnpm expo prebuild --clean
 
       - name: Install Maestro

.github/workflows/playwright-homepage.yml

@@ -0,0 +1,46 @@
+name: Playwright Tests
+
+on:
+  push:
+    branches: ["main"]
+  pull_request:
+    types: [opened, synchronize, reopened]
+
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: blacksmith-4vcpu-ubuntu-2204
+    strategy:
+      matrix:
+        project: ["homepage/homepage"]
+
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          submodules: true
+
+      - name: Setup Source Code
+        uses: ./.github/actions/source-code/
+
+      - name: Install project dependencies
+        run: pnpm install
+        working-directory: ./${{ matrix.project }}
+
+      - name: Pnpm Build
+        run: pnpm turbo build
+        working-directory: ./${{ matrix.project }}
+
+      - name: Install Playwright Browsers
+        run: pnpm exec playwright install
+        working-directory: ./${{ matrix.project }}
+
+      - name: Run Playwright tests
+        run: pnpm exec playwright test
+        working-directory: ./${{ matrix.project }}
+
+      - uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: ${{ hashFiles(format('{0}/package.json', matrix.project)) }}-playwright-report
+          path: ./${{ matrix.project }}/playwright-report/
+          retention-days: 30

.gitignore

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

biome.json

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

examples/betterauth/CHANGELOG.md

@@ -1,5 +1,78 @@
 # betterauth
 
+## 0.1.23
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-betterauth-server-plugin@0.14.20
+  - jazz-inspector@0.14.20
+  - jazz-react@0.14.20
+  - jazz-react-auth-betterauth@0.14.20
+  - jazz-betterauth-client-plugin@0.14.20
+
+## 0.1.22
+
+### Patch Changes
+
+- jazz-betterauth-client-plugin@0.14.19
+- jazz-betterauth-server-plugin@0.14.19
+- jazz-react-auth-betterauth@0.14.19
+- jazz-inspector@0.14.19
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.1.21
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-betterauth-server-plugin@0.14.18
+  - jazz-inspector@0.14.18
+  - jazz-react@0.14.18
+  - jazz-react-auth-betterauth@0.14.18
+  - jazz-betterauth-client-plugin@0.14.18
+
+## 0.1.20
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-betterauth-server-plugin@0.14.17
+  - jazz-tools@0.14.17
+  - jazz-betterauth-client-plugin@0.14.17
+  - jazz-inspector@0.14.17
+  - jazz-react@0.14.17
+  - jazz-react-auth-betterauth@0.14.17
+
+## 0.1.19
+
+### Patch Changes
+
+- jazz-betterauth-server-plugin@0.14.16
+- jazz-inspector@0.14.16
+- jazz-react@0.14.16
+- jazz-react-auth-betterauth@0.14.16
+- jazz-tools@0.14.16
+- jazz-betterauth-client-plugin@0.14.16
+
+## 0.1.18
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-betterauth-server-plugin@0.14.15
+  - jazz-inspector@0.14.15
+  - jazz-react-auth-betterauth@0.14.15
+  - jazz-tools@0.14.15
+  - jazz-betterauth-client-plugin@0.14.15
+
 ## 0.1.17
 
 ### Patch Changes

examples/betterauth/package.json

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

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

@@ -1,5 +1,60 @@
 # chat-rn-expo-clerk
 
+## 1.0.143
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-expo@0.14.20
+  - jazz-react-native-media-images@0.14.20
+
+## 1.0.142
+
+### Patch Changes
+
+- Updated dependencies [061ec99]
+  - jazz-expo@0.14.19
+  - jazz-react-native-media-images@0.14.19
+  - jazz-tools@0.14.19
+
+## 1.0.141
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-expo@0.14.18
+  - jazz-react-native-media-images@0.14.18
+
+## 1.0.140
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-expo@0.14.17
+  - jazz-react-native-media-images@0.14.17
+
+## 1.0.139
+
+### Patch Changes
+
+- jazz-expo@0.14.16
+- jazz-tools@0.14.16
+- jazz-react-native-media-images@0.14.16
+
+## 1.0.138
+
+### Patch Changes
+
+- jazz-expo@0.14.15
+- jazz-tools@0.14.15
+- jazz-react-native-media-images@0.14.15
+
 ## 1.0.137
 
 ### Patch Changes

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

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

examples/chat-rn-expo/CHANGELOG.md

@@ -1,5 +1,54 @@
 # chat-rn-expo
 
+## 1.0.11
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-expo@0.14.20
+
+## 1.0.10
+
+### Patch Changes
+
+- Updated dependencies [061ec99]
+  - jazz-expo@0.14.19
+  - jazz-tools@0.14.19
+
+## 1.0.9
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-expo@0.14.18
+
+## 1.0.8
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-expo@0.14.17
+
+## 1.0.7
+
+### Patch Changes
+
+- jazz-expo@0.14.16
+- jazz-tools@0.14.16
+
+## 1.0.6
+
+### Patch Changes
+
+- jazz-expo@0.14.15
+- jazz-tools@0.14.15
+
 ## 1.0.5
 
 ### Patch Changes

examples/chat-rn-expo/app.json

@@ -14,7 +14,7 @@
     },
     "ios": {
       "supportsTablet": true,
-      "bundleIdentifier": "com.anonymous.chatrnexpo"
+      "bundleIdentifier": "tools.jazz.chatrnexpo"
     },
     "android": {
       "adaptiveIcon": {
@@ -22,7 +22,7 @@
         "backgroundColor": "#ffffff"
       },
       "edgeToEdgeEnabled": true,
-      "package": "com.anonymous.chatrnexpo"
+      "package": "tools.jazz.chatrnexpo"
     },
     "web": {
       "favicon": "./assets/favicon.png"

examples/chat-rn-expo/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-rn-expo",
-  "version": "1.0.5",
+  "version": "1.0.11",
   "main": "index.ts",
   "scripts": {
     "build": "expo prebuild",

examples/chat-rn-expo/test/e2e/erase_text.yml

@@ -2,7 +2,7 @@
 # fully erased.  The tap into the input field hits the middle, and clears all
 # text to the left.  If there's more to the right, it slides left, and thus we
 # repeat this step.  https://maestro.mobile.dev/api-reference/commands/erasetext
-appId: com.jazz.chatrn
+appId: tools.jazz.chatrnexpo
 ---
 - copyTextFrom:
    id: ${id}

examples/chat-rn-expo/test/e2e/flow.yml

@@ -1,4 +1,4 @@
-appId: com.jazz.chatrn
+appId: tools.jazz.chatrnexpo
 ---
 - launchApp
 

examples/chat-rn-expo/test/e2e/run.sh

@@ -3,14 +3,18 @@
 # This script is necessary, because unlike ios, the android emulator action
 # accepts a script, runs it as your tests, then terminates.
 
-# set -e
+set -e
 
-# # build and install the app
-# echo "Building and installing Android app."
-# echo "If it fails, its output will be in artifact: android-install.log..."
-# cd ./android/
-# ./gradlew installRelease >> ~/output/android-install.log 2>&1
-# cd ..
+OUTPUT_FILE=~/output/android-install.log
+mkdir -p ~/output
+touch $OUTPUT_FILE
+
+# build and install the app
+echo "Building and installing Android app."
+echo "If it fails, its output will be in artifact: android-install.log..."
+cd ./android/
+./gradlew installRelease >> $OUTPUT_FILE 2>&1
+cd ..
 
 # run the e2e tests
 export PATH="$PATH":"$HOME/.maestro/bin"

examples/chat-rn/CHANGELOG.md

@@ -1,5 +1,67 @@
 # chat-rn
 
+## 1.0.138
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react-native@0.14.20
+  - cojson@0.14.20
+  - cojson-transport-ws@0.14.20
+
+## 1.0.137
+
+### Patch Changes
+
+- Updated dependencies [061ec99]
+  - jazz-react-native@0.14.19
+  - cojson@0.14.19
+  - cojson-transport-ws@0.14.19
+  - jazz-tools@0.14.19
+
+## 1.0.136
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [0d5ee3e]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - cojson@0.14.18
+  - jazz-react-native@0.14.18
+  - cojson-transport-ws@0.14.18
+
+## 1.0.135
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react-native@0.14.17
+
+## 1.0.134
+
+### Patch Changes
+
+- Updated dependencies [5e253cc]
+  - cojson@0.14.16
+  - cojson-transport-ws@0.14.16
+  - jazz-react-native@0.14.16
+  - jazz-tools@0.14.16
+
+## 1.0.133
+
+### Patch Changes
+
+- Updated dependencies [23daa7c]
+  - cojson@0.14.15
+  - jazz-react-native@0.14.15
+  - cojson-transport-ws@0.14.15
+  - jazz-tools@0.14.15
+
 ## 1.0.132
 
 ### Patch Changes

examples/chat-rn/README.md

@@ -26,7 +26,7 @@ This will set up and launch the app on iOS. For Android, you can skip `pnpm pods
 This was created using the following command:
 
 ```bash
-pnpx @react-native-community/cli init chat-rn --version 0.76.7 --install-pods true --skip-git-init true --package-name com.chatrn --directory chat-rn
+pnpx @react-native-community/cli init chat-rn --version 0.76.9 --install-pods true --skip-git-init true --package-name com.chatrn --directory chat-rn
 ```
 
 Then change package name in `package.json`, and begin build instructions above.

examples/chat-rn/app.json

@@ -2,9 +2,9 @@
   "name": "ChatRN",
   "displayName": "ChatRN",
   "android": {
-    "package": "com.anonymous.ChatRN"
+    "package": "tools.jazz.chatrn"
   },
   "ios": {
-    "bundleIdentifier": "com.anonymous.ChatRN"
+    "bundleIdentifier": "tools.jazz.chatrn"
   }
 }

examples/chat-rn/metro.config.js

@@ -26,7 +26,7 @@ module.exports = makeMetroConfig({
     resolveRequest: MetroSymlinksResolver(),
     extraNodeModules,
     nodeModulesPaths,
+    sourceExts: ["mjs", "js", "json", "ts", "tsx"],
   },
-  sourceExts: ["mjs", "js", "json", "ts", "tsx"],
   watchFolders,
 });

examples/chat-rn/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-rn",
-  "version": "1.0.132",
+  "version": "1.0.138",
   "main": "index.js",
   "scripts": {
     "android": "react-native run-android",
@@ -40,10 +40,10 @@
     "@react-native-community/cli": "15.0.1",
     "@react-native-community/cli-platform-android": "15.0.1",
     "@react-native-community/cli-platform-ios": "15.0.1",
-    "@react-native/babel-preset": "0.76.7",
-    "@react-native/eslint-config": "0.76.7",
-    "@react-native/metro-config": "0.76.7",
-    "@react-native/typescript-config": "0.76.7",
+    "@react-native/babel-preset": "0.76.9",
+    "@react-native/eslint-config": "0.76.9",
+    "@react-native/metro-config": "0.76.9",
+    "@react-native/typescript-config": "0.76.9",
     "@rnx-kit/metro-config": "^2.0.1",
     "@rnx-kit/metro-resolver-symlinks": "^0.2.1",
     "@types/react": "^18.3.12",

examples/chat-rn/src/chat.tsx

@@ -3,7 +3,6 @@ import { useAccount, useCoState } from "jazz-react-native";
 import { CoPlainText, Group, ID, Loaded, Profile } from "jazz-tools";
 import { useEffect, useState } from "react";
 import {
-  Alert,
   Button,
   FlatList,
   KeyboardAvoidingView,
@@ -19,6 +18,7 @@ import { Chat, Message } from "./schema";
 export function ChatScreen({ navigation }: { navigation: any }) {
   const { me, logOut } = useAccount();
   const [chatId, setChatId] = useState<string>();
+  const [chatIdInput, setChatIdInput] = useState<string>();
   const loadedChat = useCoState(Chat, chatId, { resolve: { $each: true } });
   const [message, setMessage] = useState("");
   const profile = useCoState(Profile, me._refs.profile?.id, {});
@@ -36,10 +36,8 @@ export function ChatScreen({ navigation }: { navigation: any }) {
           <Button
             onPress={() => {
               if (loadedChat?.id) {
-                Clipboard.setString(
-                  `https://chat.jazz.tools/#/chat/${loadedChat.id}`,
-                );
-                Alert.alert("Copied to clipboard", `Chat ID: ${loadedChat.id}`);
+                Clipboard.setString(loadedChat.id);
+                console.log("Copied to clipboard", `Chat ID: ${loadedChat.id}`);
               }
             }}
             title="Share"
@@ -56,27 +54,11 @@ export function ChatScreen({ navigation }: { navigation: any }) {
   };
 
   const joinChat = () => {
-    Alert.prompt(
-      "Join Chat",
-      "Enter the Chat ID (example: co_zBGEHYvRfGuT2YSBraY3njGjnde)",
-      [
-        {
-          text: "Cancel",
-          style: "cancel",
-        },
-        {
-          text: "Join",
-          onPress: (chatId) => {
-            if (chatId) {
-              setChatId(chatId);
-            } else {
-              Alert.alert("Error", "Chat ID cannot be empty.");
-            }
-          },
-        },
-      ],
-      "plain-text",
-    );
+    if (chatIdInput) {
+      setChatId(chatIdInput as ID<Chat>);
+    } else {
+      console.warn("Error: Chat ID cannot be empty.");
+    }
   };
 
   const sendMessage = () => {
@@ -153,6 +135,16 @@ export function ChatScreen({ navigation }: { navigation: any }) {
           <TouchableOpacity onPress={createChat} style={styles.newChatButton}>
             <Text style={styles.buttonText}>Start new chat</Text>
           </TouchableOpacity>
+          <Text style={styles.usernameLabel}>Join existing chat</Text>
+          <TextInput
+            style={styles.chatIdInput}
+            placeholder="Chat ID"
+            value={chatIdInput ?? ""}
+            onChangeText={setChatIdInput}
+            textAlignVertical="center"
+            onSubmitEditing={joinChat}
+            testID="chat-id-input"
+          />
           <TouchableOpacity onPress={joinChat} style={styles.joinChatButton}>
             <Text style={styles.buttonText}>Join chat</Text>
           </TouchableOpacity>
@@ -205,27 +197,91 @@ export function ChatScreen({ navigation }: { navigation: any }) {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    flexDirection: "column",
-    height: "100%",
+  },
+  welcomeContainer: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 16,
+  },
+  usernameLabel: {
+    fontSize: 16,
+    fontWeight: "bold",
+    marginBottom: 16,
+  },
+  usernameInput: {
+    width: 160,
+    height: 48,
+    borderWidth: 1,
+    borderColor: "#ddd",
+    borderRadius: 8,
+    paddingHorizontal: 8,
+    marginBottom: 24,
+  },
+  chatIdInput: {
+    width: 320,
+    height: 48,
+    borderWidth: 1,
+    borderColor: "#ddd",
+    borderRadius: 8,
+    paddingHorizontal: 8,
+    marginBottom: 24,
+    marginTop: 8,
+  },
+  newChatButton: {
+    backgroundColor: "#3B82F6",
+    padding: 16,
+    borderRadius: 8,
+    marginBottom: 24,
+  },
+  joinChatButton: {
+    backgroundColor: "#10B981",
+    padding: 16,
+    borderRadius: 8,
+  },
+  buttonText: {
+    color: "white",
+    fontSize: 16,
+    fontWeight: "bold",
+    textAlign: "center",
+  },
+  messageList: {
+    flex: 1,
+  },
+  inputContainer: {
+    padding: 12,
+  },
+  inputWrapper: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderColor: "#ddd",
+    borderRadius: 8,
+    paddingHorizontal: 12,
+  },
+  messageInput: {
+    flex: 1,
+    height: 32,
+    paddingHorizontal: 8,
+  },
+  sendButton: {
+    paddingHorizontal: 16,
   },
   messageContainer: {
-    borderRadius: 8,
-    paddingVertical: 4,
-    paddingHorizontal: 6,
-    maxWidth: "80%",
+    flexDirection: "column",
+    alignItems: "flex-start",
+    marginBottom: 8,
   },
   myMessage: {
-    backgroundColor: "#e5e7eb", // gray-200
     alignSelf: "flex-end",
-    textAlign: "right",
   },
   otherMessage: {
-    backgroundColor: "#d1d5db", // gray-300
     alignSelf: "flex-start",
   },
   senderName: {
     fontSize: 12,
-    color: "#6b7280", // gray-500
+    color: "#666",
+    marginBottom: 4,
   },
   textRight: {
     textAlign: "right",
@@ -234,92 +290,27 @@ const styles = StyleSheet.create({
     textAlign: "left",
   },
   messageContent: {
-    position: "relative",
-    flexDirection: "row",
-    alignItems: "flex-end",
-    justifyContent: "space-between",
+    backgroundColor: "#f0f0f0",
+    borderRadius: 8,
+    padding: 8,
   },
   messageText: {
-    color: "#000000",
     fontSize: 16,
-    maxWidth: "85%",
   },
   timestamp: {
     fontSize: 10,
-    color: "#6b7280", // gray-500
-    textAlign: "right",
-    marginLeft: 8,
+    color: "#666",
+    marginTop: 4,
   },
   timestampOther: {
+    textAlign: "left",
     marginTop: 8,
   },
   timestampMy: {
+    textAlign: "right",
     marginTop: 4,
   },
-  welcomeContainer: {
-    flex: 1,
-    flexDirection: "column",
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  usernameLabel: {
-    fontSize: 16,
-    fontWeight: "bold",
-    marginBottom: 24,
-  },
-  usernameInput: {
-    borderRadius: 4,
-    height: 48,
-    padding: 8,
-    marginBottom: 48,
-    width: 160,
-    borderWidth: 1,
-    borderColor: "#e5e7eb", // gray-200
-  },
-  newChatButton: {
-    backgroundColor: "#3b82f6", // blue-500
-    padding: 16,
-    borderRadius: 6,
-  },
-  joinChatButton: {
-    backgroundColor: "#10b981", // green-500
-    padding: 16,
-    borderRadius: 6,
-    marginTop: 16,
-  },
-  buttonText: {
-    color: "white",
-    fontWeight: "600",
-  },
-  messageList: {
-    flex: 1,
-  },
-  inputContainer: {
-    paddingVertical: 16,
-    paddingHorizontal: 10,
-    backgroundColor: "white",
-    borderTopWidth: 1,
-    borderTopColor: "#d1d5db", // gray-300
-  },
-  inputWrapper: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-    margin: 5,
-  },
-  messageInput: {
-    borderRadius: 20,
-    height: 32,
-    paddingVertical: 0,
-    paddingHorizontal: 8,
-    borderWidth: 1,
-    borderColor: "#e5e7eb", // gray-200
-    flex: 1,
-  },
-  sendButton: {
-    marginLeft: 10,
-    backgroundColor: "#d1d5db", // gray-300
+  avatar: {
     borderRadius: 16,
     height: 32,
     width: 32,

examples/chat-vue/CHANGELOG.md

@@ -1,5 +1,59 @@
 # chat-vue
 
+## 0.0.118
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-browser@0.14.20
+  - jazz-vue@0.14.20
+
+## 0.0.117
+
+### Patch Changes
+
+- jazz-browser@0.14.19
+- jazz-tools@0.14.19
+- jazz-vue@0.14.19
+
+## 0.0.116
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-browser@0.14.18
+  - jazz-vue@0.14.18
+
+## 0.0.115
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-browser@0.14.17
+  - jazz-vue@0.14.17
+
+## 0.0.114
+
+### Patch Changes
+
+- jazz-browser@0.14.16
+- jazz-tools@0.14.16
+- jazz-vue@0.14.16
+
+## 0.0.113
+
+### Patch Changes
+
+- jazz-browser@0.14.15
+- jazz-tools@0.14.15
+- jazz-vue@0.14.15
+
 ## 0.0.112
 
 ### Patch Changes

examples/chat-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-vue",
-  "version": "0.0.112",
+  "version": "0.0.118",
   "private": true,
   "type": "module",
   "scripts": {
@@ -32,7 +32,7 @@
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11",
+    "vite": "6.3.5",
     "vite-plugin-vue-devtools": "^7.4.6",
     "vue-tsc": "^2.1.6"
   }

examples/chat/CHANGELOG.md

@@ -1,5 +1,60 @@
 # jazz-example-chat
 
+## 0.0.218
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-inspector@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.217
+
+### Patch Changes
+
+- jazz-inspector@0.14.19
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.216
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-inspector@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.215
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-inspector@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.214
+
+### Patch Changes
+
+- jazz-inspector@0.14.16
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.213
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-inspector@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.212
 
 ### Patch Changes

examples/chat/package.json

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

examples/clerk/CHANGELOG.md

@@ -1,5 +1,60 @@
 # minimal-auth-clerk
 
+## 0.0.117
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+  - jazz-react-auth-clerk@0.14.20
+
+## 0.0.116
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-react-auth-clerk@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.115
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+  - jazz-react-auth-clerk@0.14.18
+
+## 0.0.114
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+  - jazz-react-auth-clerk@0.14.17
+
+## 0.0.113
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-react-auth-clerk@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.112
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-react-auth-clerk@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.111
 
 ### Patch Changes

examples/clerk/package.json

@@ -1,7 +1,7 @@
 {
   "name": "clerk",
   "private": true,
-  "version": "0.0.111",
+  "version": "0.0.117",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -25,9 +25,9 @@
     "@biomejs/biome": "1.9.4",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "globals": "^15.11.0",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/file-share-svelte/CHANGELOG.md

@@ -1,5 +1,59 @@
 # file-share-svelte
 
+## 0.0.102
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-inspector-element@0.14.20
+  - jazz-svelte@0.14.20
+
+## 0.0.101
+
+### Patch Changes
+
+- jazz-inspector-element@0.14.19
+- jazz-svelte@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.100
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-inspector-element@0.14.18
+  - jazz-svelte@0.14.18
+
+## 0.0.99
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-inspector-element@0.14.17
+  - jazz-svelte@0.14.17
+
+## 0.0.98
+
+### Patch Changes
+
+- jazz-svelte@0.14.16
+- jazz-tools@0.14.16
+- jazz-inspector-element@0.14.16
+
+## 0.0.97
+
+### Patch Changes
+
+- jazz-svelte@0.14.15
+- jazz-tools@0.14.15
+- jazz-inspector-element@0.14.15
+
 ## 0.0.96
 
 ### Patch Changes

examples/file-share-svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "file-share-svelte",
-  "version": "0.0.96",
+  "version": "0.0.102",
   "private": true,
   "type": "module",
   "scripts": {
@@ -35,7 +35,7 @@
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
     "typescript-eslint": "^8.0.0",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   },
   "dependencies": {
     "@tailwindcss/typography": "^0.5.15",

examples/filestream/CHANGELOG.md

@@ -1,5 +1,60 @@
 # jazz-tailwind-demo-auth-starter
 
+## 0.0.57
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-inspector@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.56
+
+### Patch Changes
+
+- jazz-inspector@0.14.19
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.55
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-inspector@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.54
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-inspector@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.53
+
+### Patch Changes
+
+- jazz-inspector@0.14.16
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.52
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-inspector@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.51
 
 ### Patch Changes

examples/filestream/package.json

@@ -1,7 +1,7 @@
 {
   "name": "filestream",
   "private": true,
-  "version": "0.0.51",
+  "version": "0.0.57",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -21,13 +21,13 @@
     "@biomejs/biome": "1.9.4",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "autoprefixer": "^10.4.20",
     "globals": "^15.11.0",
     "is-ci": "^3.0.1",
     "postcss": "^8.5.3",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/form/CHANGELOG.md

@@ -1,5 +1,54 @@
 # form
 
+## 0.1.58
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.1.57
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.1.56
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.1.55
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.1.54
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.1.53
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.1.52
 
 ### Patch Changes

examples/form/package.json

@@ -1,7 +1,7 @@
 {
   "name": "form",
   "private": true,
-  "version": "0.1.52",
+  "version": "0.1.58",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -23,13 +23,13 @@
     "@tailwindcss/forms": "^0.5.9",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "autoprefixer": "^10.4.20",
     "globals": "^15.11.0",
     "is-ci": "^3.0.1",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/image-upload/CHANGELOG.md

@@ -1,5 +1,54 @@
 # image-upload
 
+## 0.0.114
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.113
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.112
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.111
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.110
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.109
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.108
 
 ### Patch Changes

examples/image-upload/package.json

@@ -1,7 +1,7 @@
 {
   "name": "image-upload",
   "private": true,
-  "version": "0.0.108",
+  "version": "0.0.114",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -20,10 +20,10 @@
     "@biomejs/biome": "1.9.4",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "globals": "^15.11.0",
     "typescript": "5.6.2",
-    "vite": "6.0.11",
+    "vite": "6.3.5",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17"

examples/inspector/CHANGELOG.md

@@ -1,5 +1,54 @@
 # jazz-example-inspector
 
+## 0.0.167
+
+### Patch Changes
+
+- jazz-inspector@0.14.20
+- cojson@0.14.20
+- cojson-transport-ws@0.14.20
+
+## 0.0.166
+
+### Patch Changes
+
+- cojson@0.14.19
+- cojson-transport-ws@0.14.19
+- jazz-inspector@0.14.19
+
+## 0.0.165
+
+### Patch Changes
+
+- Updated dependencies [0d5ee3e]
+  - cojson@0.14.18
+  - jazz-inspector@0.14.18
+  - cojson-transport-ws@0.14.18
+
+## 0.0.164
+
+### Patch Changes
+
+- jazz-inspector@0.14.17
+
+## 0.0.163
+
+### Patch Changes
+
+- Updated dependencies [5e253cc]
+  - cojson@0.14.16
+  - cojson-transport-ws@0.14.16
+  - jazz-inspector@0.14.16
+
+## 0.0.162
+
+### Patch Changes
+
+- Updated dependencies [23daa7c]
+  - cojson@0.14.15
+  - cojson-transport-ws@0.14.15
+  - jazz-inspector@0.14.15
+
 ## 0.0.161
 
 ### Patch Changes

examples/inspector/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-inspector-app",
   "private": true,
-  "version": "0.0.161",
+  "version": "0.0.167",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -26,11 +26,11 @@
   "devDependencies": {
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react-swc": "^3.3.2",
+    "@vitejs/plugin-react-swc": "^3.10.1",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/jazz-nextjs/CHANGELOG.md

@@ -1,5 +1,54 @@
 # jazz-nextjs
 
+## 0.1.7
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.1.6
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.1.5
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.1.4
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.1.3
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.1.2
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.1.1
 
 ### Patch Changes

examples/jazz-nextjs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jazz-nextjs",
-  "version": "0.1.1",
+  "version": "0.1.7",
   "private": true,
   "scripts": {
     "dev": "next dev --turbopack",

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

@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
-import { Jazz } from "./jazz";
+import { Jazz } from "../jazz";
 
 const geistSans = Geist({
   variable: "--font-geist-sans",

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

@@ -2,6 +2,7 @@
 
 import { useAccount } from "jazz-react";
 import { Account } from "jazz-tools";
+import Link from "next/link";
 
 export default function Home() {
   const { me } = useAccount(Account, {
@@ -34,6 +35,12 @@ export default function Home() {
           }}
         />
       </label>
+      <Link
+        href={`/profile/${me?.profile.id}`}
+        className="bg-blue-500 text-white px-4 py-2 rounded-md"
+      >
+        Your profile name in a Server Component
+      </Link>
     </div>
   );
 }

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

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

examples/jazz-nextjs/src/jazzSSR.ts

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

examples/jazz-paper-scissors/package.json

@@ -41,6 +41,6 @@
     "npm-run-all": "^4.1.5",
     "tsx": "^4.19.3",
     "typescript": "~5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/multi-cursors/CHANGELOG.md

@@ -1,5 +1,54 @@
 # multi-cursors
 
+## 0.0.110
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.109
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.108
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.107
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.106
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.105
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.104
 
 ### Patch Changes

examples/multi-cursors/package.json

@@ -1,7 +1,7 @@
 {
   "name": "multi-cursors",
   "private": true,
-  "version": "0.0.104",
+  "version": "0.0.110",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -17,20 +17,20 @@
     "jazz-tools": "workspace:*",
     "react": "19.0.0",
     "react-dom": "19.0.0",
-    "zod": "3.25.0-beta.20250518T002810"
+    "zod": "3.25.28"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "autoprefixer": "^10.4.20",
     "globals": "^15.11.0",
     "is-ci": "^3.0.1",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11",
+    "vite": "6.3.5",
     "vitest": "3.1.1"
   }
 }

examples/multiauth/CHANGELOG.md

@@ -1,5 +1,60 @@
 # multiauth
 
+## 0.0.58
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+  - jazz-react-auth-clerk@0.14.20
+
+## 0.0.57
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-react-auth-clerk@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.56
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+  - jazz-react-auth-clerk@0.14.18
+
+## 0.0.55
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+  - jazz-react-auth-clerk@0.14.17
+
+## 0.0.54
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-react-auth-clerk@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.53
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-react-auth-clerk@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.52
 
 ### Patch Changes

examples/multiauth/package.json

@@ -1,7 +1,7 @@
 {
   "name": "multiauth",
   "private": true,
-  "version": "0.0.52",
+  "version": "0.0.58",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -22,9 +22,9 @@
     "@biomejs/biome": "1.9.4",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "globals": "^15.11.0",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/music-player/CHANGELOG.md

@@ -1,5 +1,60 @@
 # jazz-example-musicplayer
 
+## 0.0.139
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-inspector@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.138
+
+### Patch Changes
+
+- jazz-inspector@0.14.19
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.137
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-inspector@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.136
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-inspector@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.135
+
+### Patch Changes
+
+- jazz-inspector@0.14.16
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.134
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-inspector@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.133
 
 ### Patch Changes

examples/music-player/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-music-player",
   "private": true,
-  "version": "0.0.133",
+  "version": "0.0.139",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -37,11 +37,11 @@
     "@playwright/test": "^1.50.1",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react-swc": "^3.3.2",
+    "@vitejs/plugin-react-swc": "^3.10.1",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

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

@@ -41,8 +41,8 @@ export const MusicTrack = co.map({
   /**
    * You can use getters for recusrive relations
    */
-  get sourceTrack(): z.ZodOptional<typeof MusicTrack> {
-    return z.optional(MusicTrack);
+  get sourceTrack() {
+    return MusicTrack.optional();
   },
 });
 export type MusicTrack = co.loaded<typeof MusicTrack>;

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

@@ -14,6 +14,7 @@ import { apiKey } from "@/apiKey.ts";
 import { SidebarProvider } from "@/components/ui/sidebar";
 import { JazzProvider } from "jazz-react";
 import { onAnonymousAccountDiscarded } from "./4_actions";
+import { KeyboardListener } from "./components/PlayerControls";
 import { useUploadExampleData } from "./lib/useUploadExampleData";
 
 /**
@@ -50,7 +51,7 @@ function Main() {
   return (
     <>
       <RouterProvider router={router} />
-      {/* <PlayerControls mediaPlayer={mediaPlayer} /> */}
+      <KeyboardListener mediaPlayer={mediaPlayer} />
       <Toaster />
     </>
   );

examples/music-player/src/3_HomePage.tsx

@@ -67,7 +67,7 @@ export function HomePage({ mediaPlayer }: { mediaPlayer: MediaPlayer }) {
     <SidebarInset className="flex flex-col h-screen text-gray-800 bg-blue-50">
       <div className="flex flex-1 overflow-hidden">
         <SidePanel mediaPlayer={mediaPlayer} />
-        <main className="flex-1 p-6 overflow-y-auto">
+        <main className="flex-1 p-6 overflow-y-auto overflow-x-hidden">
           <SidebarTrigger />
           <div className="flex items-center justify-between mb-6">
             {isRootPlaylist ? (
@@ -90,7 +90,7 @@ export function HomePage({ mediaPlayer }: { mediaPlayer: MediaPlayer }) {
               )}
             </div>
           </div>
-          <ul className="flex flex-col">
+          <ul className="flex flex-col max-w-full">
             {playlist?.tracks?.map(
               (track) =>
                 track && (

examples/music-player/src/components/MusicTrackRow.tsx

@@ -62,9 +62,7 @@ export function MusicTrackRow({
 
   return (
     <li
-      className={
-        "flex gap-1  hover:bg-slate-200 group py-2 px-2 cursor-pointer"
-      }
+      className={"flex gap-1 hover:bg-slate-200 group py-2 px-2 cursor-pointer"}
       onClick={handleTrackClick}
     >
       <button

examples/music-player/src/components/MusicTrackTitleInput.tsx

@@ -31,7 +31,7 @@ export function MusicTrackTitleInput({
 
   return (
     <div
-      className="relative flex-grow"
+      className="relative flex-grow max-w-64"
       onClick={(evt) => evt.stopPropagation()}
     >
       <input

examples/music-player/src/components/PlayerControls.tsx

@@ -15,13 +15,6 @@ export function PlayerControls({ mediaPlayer }: { mediaPlayer: MediaPlayer }) {
     resolve: { root: { activePlaylist: true } },
   }).me?.root.activePlaylist;
 
-  useMediaEndListener(mediaPlayer.playNextTrack);
-  useKeyboardListener("Space", () => {
-    if (document.activeElement !== document.body) return;
-
-    playState.toggle();
-  });
-
   const activeTrack = useCoState(MusicTrack, mediaPlayer.activeTrackId, {
     resolve: { waveform: true },
   });
@@ -73,3 +66,18 @@ export function PlayerControls({ mediaPlayer }: { mediaPlayer: MediaPlayer }) {
     </footer>
   );
 }
+
+export function KeyboardListener({
+  mediaPlayer,
+}: { mediaPlayer: MediaPlayer }) {
+  const playState = usePlayState();
+
+  useMediaEndListener(mediaPlayer.playNextTrack);
+  useKeyboardListener("Space", () => {
+    if (document.activeElement !== document.body) return;
+
+    playState.toggle();
+  });
+
+  return null;
+}

examples/organization/CHANGELOG.md

@@ -1,5 +1,54 @@
 # organization
 
+## 0.0.110
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.109
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.108
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.107
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.106
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.105
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.104
 
 ### Patch Changes

examples/organization/package.json

@@ -1,7 +1,7 @@
 {
   "name": "organization",
   "private": true,
-  "version": "0.0.104",
+  "version": "0.0.110",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -27,12 +27,12 @@
     "@tailwindcss/forms": "^0.5.9",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "autoprefixer": "^10.4.20",
     "globals": "^15.11.0",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/passkey-svelte/CHANGELOG.md

@@ -1,5 +1,53 @@
 # passkey-svelte
 
+## 0.0.104
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-svelte@0.14.20
+
+## 0.0.103
+
+### Patch Changes
+
+- jazz-svelte@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.102
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-svelte@0.14.18
+
+## 0.0.101
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-svelte@0.14.17
+
+## 0.0.100
+
+### Patch Changes
+
+- jazz-svelte@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.99
+
+### Patch Changes
+
+- jazz-svelte@0.14.15
+- jazz-tools@0.14.15
+
 ## 0.0.98
 
 ### Patch Changes

examples/passkey-svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "passkey-svelte",
-  "version": "0.0.98",
+  "version": "0.0.104",
   "type": "module",
   "private": true,
   "scripts": {
@@ -29,7 +29,7 @@
     "svelte-check": "^4.0.0",
     "typescript": "5.6.2",
     "typescript-eslint": "^8.0.0",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   },
   "dependencies": {
     "jazz-svelte": "workspace:*",

examples/passkey/CHANGELOG.md

@@ -1,5 +1,54 @@
 # minimal-auth-passkey
 
+## 0.0.115
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.114
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.113
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.112
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.111
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.110
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.109
 
 ### Patch Changes

examples/passkey/package.json

@@ -1,7 +1,7 @@
 {
   "name": "passkey",
   "private": true,
-  "version": "0.0.109",
+  "version": "0.0.115",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -20,9 +20,9 @@
     "@biomejs/biome": "1.9.4",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "globals": "^15.11.0",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/passphrase/CHANGELOG.md

@@ -1,5 +1,54 @@
 # passphrase
 
+## 0.0.112
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.111
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.110
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.109
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.108
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.107
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.106
 
 ### Patch Changes

examples/passphrase/package.json

@@ -1,7 +1,7 @@
 {
   "name": "passphrase",
   "private": true,
-  "version": "0.0.106",
+  "version": "0.0.112",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -20,9 +20,9 @@
     "@biomejs/biome": "1.9.4",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "globals": "^15.11.0",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/password-manager/CHANGELOG.md

@@ -1,5 +1,54 @@
 # jazz-password-manager
 
+## 0.0.136
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.135
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.134
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.133
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.132
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.131
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.130
 
 ### Patch Changes

examples/password-manager/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-password-manager",
   "private": true,
-  "version": "0.0.130",
+  "version": "0.0.136",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -22,12 +22,12 @@
   "devDependencies": {
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
-    "@vitejs/plugin-react-swc": "^3.3.2",
+    "@vitejs/plugin-react": "^4.5.1",
+    "@vitejs/plugin-react-swc": "^3.10.1",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/pets/CHANGELOG.md

@@ -1,5 +1,54 @@
 # jazz-example-pets
 
+## 0.0.234
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.233
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.232
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.231
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.230
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.229
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.228
 
 ### Patch Changes

examples/pets/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-pets",
   "private": true,
-  "version": "0.0.228",
+  "version": "0.0.234",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -37,14 +37,14 @@
     "@types/qrcode": "^1.5.1",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react-swc": "^3.3.2",
+    "@vitejs/plugin-react-swc": "^3.10.1",
     "autoprefixer": "^10.4.20",
     "is-ci": "^3.0.1",
     "jazz-run": "workspace:*",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11",
+    "vite": "6.3.5",
     "vite-plugin-top-level-await": "^1.4.4"
   }
 }

examples/reactions/CHANGELOG.md

@@ -1,5 +1,54 @@
 # reactions
 
+## 0.0.114
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.113
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.112
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.111
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.110
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.109
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.108
 
 ### Patch Changes

examples/reactions/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactions",
   "private": true,
-  "version": "0.0.108",
+  "version": "0.0.114",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -21,9 +21,9 @@
     "@biomejs/biome": "1.9.4",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "globals": "^15.11.0",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/richtext-tiptap/CHANGELOG.md

@@ -1,5 +1,60 @@
 # richtext-tiptap
 
+## 0.1.27
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+  - jazz-richtext-tiptap@0.14.20
+
+## 0.1.26
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-richtext-tiptap@0.14.19
+- jazz-tools@0.14.19
+
+## 0.1.25
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+  - jazz-richtext-tiptap@0.14.18
+
+## 0.1.24
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+  - jazz-richtext-tiptap@0.1.22
+
+## 0.1.23
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+- jazz-richtext-tiptap@0.1.21
+
+## 0.1.22
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+  - jazz-richtext-tiptap@0.1.20
+
 ## 0.1.21
 
 ### Patch Changes

examples/richtext-tiptap/package.json

@@ -1,7 +1,7 @@
 {
   "name": "richtext-tiptap",
   "private": true,
-  "version": "0.1.21",
+  "version": "0.1.27",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -33,13 +33,13 @@
     "@playwright/test": "^1.50.1",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "autoprefixer": "^10.4.20",
     "globals": "^15.11.0",
     "is-ci": "^3.0.1",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/richtext/CHANGELOG.md

@@ -1,5 +1,60 @@
 # richtext
 
+## 0.0.104
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+  - jazz-richtext-prosemirror@0.14.20
+
+## 0.0.103
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-richtext-prosemirror@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.102
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+  - jazz-richtext-prosemirror@0.14.18
+
+## 0.0.101
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+  - jazz-richtext-prosemirror@0.1.33
+
+## 0.0.100
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+- jazz-richtext-prosemirror@0.1.32
+
+## 0.0.99
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+  - jazz-richtext-prosemirror@0.1.31
+
 ## 0.0.98
 
 ### Patch Changes

examples/richtext/package.json

@@ -1,7 +1,7 @@
 {
   "name": "richtext",
   "private": true,
-  "version": "0.0.98",
+  "version": "0.0.104",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -30,13 +30,13 @@
     "@playwright/test": "^1.50.1",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "autoprefixer": "^10.4.20",
     "globals": "^15.11.0",
     "is-ci": "^3.0.1",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/todo-vue/CHANGELOG.md

@@ -1,5 +1,59 @@
 # todo-vue
 
+## 0.0.116
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-browser@0.14.20
+  - jazz-vue@0.14.20
+
+## 0.0.115
+
+### Patch Changes
+
+- jazz-browser@0.14.19
+- jazz-tools@0.14.19
+- jazz-vue@0.14.19
+
+## 0.0.114
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-browser@0.14.18
+  - jazz-vue@0.14.18
+
+## 0.0.113
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-browser@0.14.17
+  - jazz-vue@0.14.17
+
+## 0.0.112
+
+### Patch Changes
+
+- jazz-browser@0.14.16
+- jazz-tools@0.14.16
+- jazz-vue@0.14.16
+
+## 0.0.111
+
+### Patch Changes
+
+- jazz-browser@0.14.15
+- jazz-tools@0.14.15
+- jazz-vue@0.14.15
+
 ## 0.0.110
 
 ### Patch Changes

examples/todo-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "todo-vue",
-  "version": "0.0.110",
+  "version": "0.0.116",
   "private": true,
   "type": "module",
   "scripts": {
@@ -32,7 +32,7 @@
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11",
+    "vite": "6.3.5",
     "vite-plugin-vue-devtools": "^7.4.6",
     "vue-tsc": "^2.1.6"
   }

examples/todo/CHANGELOG.md

@@ -1,5 +1,54 @@
 # jazz-example-todo
 
+## 0.0.233
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.232
+
+### Patch Changes
+
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.231
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.230
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.229
+
+### Patch Changes
+
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.228
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.227
 
 ### Patch Changes

examples/todo/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-todo",
   "private": true,
-  "version": "0.0.227",
+  "version": "0.0.233",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -33,11 +33,11 @@
     "@types/qrcode": "^1.5.1",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react-swc": "^3.3.2",
+    "@vitejs/plugin-react-swc": "^3.10.1",
     "autoprefixer": "^10.4.20",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.17",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/todo/src/1_schema.ts

@@ -1,4 +1,4 @@
-import { co, z } from "jazz-tools";
+import { CoPlainText, co, z } from "jazz-tools";
 
 /** Walkthrough: Defining the data model with CoJSON
  *
@@ -11,9 +11,30 @@ import { co, z } from "jazz-tools";
  **/
 
 /** An individual task which collaborators can tick or rename */
-export const Task = co.map({
+export const Task = co
+  .map({
+    done: z.boolean(),
+    text: co.plainText(),
+    version: z.literal(1),
+  })
+  .withMigration((task) => {
+    if (!task.version) {
+      // Cast to the v1 version
+      const task_v1 = task.castAs(Task_V1);
+
+      // Check if the task text field is a string or an id
+      // if it's a string migrate to plaintext
+      // We need to do this check because some tasks with plainText have been created before we added the version field
+      if (!task_v1.text.startsWith("co_z")) {
+        task.text = CoPlainText.create(task_v1.text, task._owner);
+      }
+      task.version = 1;
+    }
+  });
+
+const Task_V1 = co.map({
   done: z.boolean(),
-  text: co.plainText(),
+  text: z.string(),
 });
 
 /** Our top level object: a project with a title, referencing a list of tasks */

examples/todo/src/4_ProjectTodoTable.tsx

@@ -51,6 +51,7 @@ export function ProjectTodoTable() {
         {
           done: false,
           text: CoPlainText.create(text, project._owner),
+          version: 1,
         },
         project._owner,
       );

examples/todo/src/generate.ts

@@ -19,6 +19,7 @@ export function generateRandomProject(
         faker.lorem.sentence({ min: 3, max: 8 }),
         tasks._owner,
       ),
+      version: 1,
     });
     tasks.push(task);
   }

examples/version-history/CHANGELOG.md

@@ -1,5 +1,60 @@
 # version-history
 
+## 0.0.112
+
+### Patch Changes
+
+- Updated dependencies [6f72419]
+- Updated dependencies [04b20c2]
+  - jazz-tools@0.14.20
+  - jazz-inspector@0.14.20
+  - jazz-react@0.14.20
+
+## 0.0.111
+
+### Patch Changes
+
+- jazz-inspector@0.14.19
+- jazz-react@0.14.19
+- jazz-tools@0.14.19
+
+## 0.0.110
+
+### Patch Changes
+
+- Updated dependencies [4b950bc]
+- Updated dependencies [d6d9c0a]
+- Updated dependencies [c559054]
+  - jazz-tools@0.14.18
+  - jazz-inspector@0.14.18
+  - jazz-react@0.14.18
+
+## 0.0.109
+
+### Patch Changes
+
+- Updated dependencies [e512df4]
+  - jazz-tools@0.14.17
+  - jazz-inspector@0.14.17
+  - jazz-react@0.14.17
+
+## 0.0.108
+
+### Patch Changes
+
+- jazz-inspector@0.14.16
+- jazz-react@0.14.16
+- jazz-tools@0.14.16
+
+## 0.0.107
+
+### Patch Changes
+
+- Updated dependencies [f9590f9]
+  - jazz-react@0.14.15
+  - jazz-inspector@0.14.15
+  - jazz-tools@0.14.15
+
 ## 0.0.106
 
 ### Patch Changes

examples/version-history/package.json

@@ -1,7 +1,7 @@
 {
   "name": "version-history",
   "private": true,
-  "version": "0.0.106",
+  "version": "0.0.112",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -23,9 +23,9 @@
     "@biomejs/biome": "1.9.4",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "@vitejs/plugin-react": "^4.3.3",
+    "@vitejs/plugin-react": "^4.5.1",
     "globals": "^15.11.0",
     "typescript": "5.6.2",
-    "vite": "6.0.11"
+    "vite": "6.3.5"
   }
 }

examples/version-history/src/App.tsx

@@ -27,6 +27,7 @@ function App() {
         ),
         estimate: 5,
         status: "backlog",
+        createdAt: new Date(),
       },
       group,
     );

examples/version-history/src/IssueVersionHistory.tsx

@@ -74,6 +74,8 @@ export function IssueVersionHistory({ id }: { id: string }) {
     ].sort((a, b) => (a.madeAt < b.madeAt ? -1 : a.madeAt > b.madeAt ? 1 : 0));
   }, [issue?._edits]);
 
+  if (!issue) return;
+
   return (
     <>
       <div className="flex flex-col text-sm gap-2">
@@ -98,6 +100,12 @@ export function IssueVersionHistory({ id }: { id: string }) {
       <hr />
 
       <DescriptionVersionHistory id={id} />
+
+      <hr />
+
+      <div>
+        <p>This issue was created at {issue.createdAt.toLocaleString()}</p>
+      </div>
     </>
   );
 }

examples/version-history/src/Project.tsx

@@ -22,6 +22,7 @@ export function ProjectComponent({ projectID }: { projectID: string }) {
           description: CoPlainText.create("", project._owner),
           estimate: 0,
           status: "backlog",
+          createdAt: new Date(),
         },
         project._owner,
       ),

examples/version-history/src/schema.ts

@@ -10,6 +10,7 @@ export const Issue = co.map({
   description: co.plainText(),
   estimate: z.number(),
   status: z.literal(["backlog", "in progress", "done"]),
+  createdAt: z.date(),
 });
 
 export const Project = co.map({

homepage/gcmp/.gitignore

@@ -34,5 +34,4 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-typedoc
 codeSamples

homepage/gcmp/app/team/members.ts

@@ -72,7 +72,7 @@ export const team: Array<TeamMember> = [
   {
     name: "Emil Sayahi",
     titles: ["Full-Stack Dev", "Support Dev"],
-    location: "Oxford, Ohio, US",
+    location: "San Francisco, California, US",
     github: "emmyoh",
     linkedin: "emil-sayahi",
     bluesky: "sayahi.bsky.social",

homepage/gcmp/package.json

@@ -44,7 +44,6 @@
     "autoprefixer": "^10",
     "postcss": "^8",
     "tailwindcss": "^3",
-    "typedoc": "^0.25.13",
     "typescript": "^5.3.3"
   }
 }

homepage/homepage/.gitignore

@@ -34,7 +34,6 @@ yarn-error.log*
 *.tsbuildinfo
 next-env.d.ts
 
-typedoc
 codeSamples
 # Turborepo
 .turbo

homepage/homepage/app/(docs)/api-reference/[package]/page.tsx

@@ -1,29 +0,0 @@
-import { PackageDocs } from "@/components/docs/packageDocs";
-import { packages } from "@/content/packages";
-import { notFound } from "next/navigation";
-
-interface Props {
-  params: Promise<{ package: string }>;
-}
-
-export default async function Page({ params }: Props) {
-  const packageName = (await params).package;
-  if (!packages.map((p) => p.name).includes(packageName)) {
-    return notFound();
-  }
-
-  return <PackageDocs package={packageName} />;
-}
-
-export async function generateMetadata({ params }: Props) {
-  const packageName = (await params).package;
-  return {
-    title: `${packageName} - jazz`,
-    description: `API reference for ${packageName}.`,
-  };
-}
-
-export async function generateStaticParams() {
-  // TODO: ideally we check which files exist in ../../typedoc
-  return packages.map((pkg) => ({ package: pkg.name }));
-}

homepage/homepage/app/(docs)/api-reference/layout.tsx

@@ -1,37 +0,0 @@
-import { SideNavLayout } from "@/components/SideNavLayout";
-import { ApiNav } from "@/components/docs/ApiNav";
-import { JazzMobileNav } from "@/components/nav";
-import { Prose } from "@garden-co/design-system/src/components/molecules/Prose";
-
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
-  return (
-    <SideNavLayout
-      sideNav={<ApiNav />}
-      floatingNavSections={[
-        {
-          name: "API Ref",
-          content: <ApiNav />,
-          icon: "package",
-        },
-      ]}
-    >
-      <Prose className="overflow-x-hidden lg:flex-1 pb-10 pt-[calc(61px+2.5rem)] md:pt-10">
-        {children}
-      </Prose>
-
-      <JazzMobileNav
-        sections={[
-          {
-            name: "API Ref",
-            content: <ApiNav />,
-            icon: "package",
-          },
-        ]}
-      />
-    </SideNavLayout>
-  );
-}

homepage/homepage/app/(docs)/api-reference/page.tsx

@@ -1,107 +0,0 @@
-import { packages } from "@/content/packages";
-import { Icon } from "@garden-co/design-system/src/components/atoms/Icon";
-import { clsx } from "clsx";
-import type { Metadata } from "next";
-import Link from "next/link";
-
-export const metadata: Metadata = {
-  title: "API reference",
-  openGraph: {
-    title: "API reference",
-  },
-};
-
-const CardHeading = ({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) => {
-  return (
-    <h2
-      className={clsx(
-        className,
-        "font-medium text-stone-950 dark:text-white text-lg transition-colors",
-      )}
-    >
-      {children}
-    </h2>
-  );
-};
-
-const CardBody = ({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) => {
-  return <p className={clsx(className, "text-sm")}>{children}</p>;
-};
-
-const Card = ({
-  children,
-  className,
-}: {
-  children: React.ReactNode;
-  className?: string;
-}) => {
-  return (
-    <div
-      className={clsx(
-        className,
-        "not-prose p-4 h-full rounded-xl flex flex-col gap-1.5 group lg:p-5",
-      )}
-    >
-      {children}
-    </div>
-  );
-};
-
-export default function Page() {
-  return (
-    <>
-      <h1>API Reference</h1>
-
-      <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-4">
-        {packages.map(({ name, description }) => (
-          <Link
-            className="not-prose block"
-            href={`/api-reference/${name}`}
-            key={name}
-          >
-            <Card className="border shadow-sm">
-              <Icon name="package" className="text-stone-500" />
-              <CardHeading className="group-hover:text-primary dark:group-hover:text-blue-600">
-                {name}
-              </CardHeading>
-              <CardBody>{description}</CardBody>
-            </Card>
-          </Link>
-        ))}
-
-        <Card className="bg-stone-50 dark:bg-stone-925">
-          <Icon name="help" size="md" className="text-stone-500 " />
-          <CardHeading>
-            Can&apos;t find what you&apos;re looking for?
-          </CardHeading>
-          <CardBody>
-            Get help from our{" "}
-            <Link href="https://discord.gg/utDMjHYg42" className="underline">
-              Discord
-            </Link>
-            , or open an issue on{" "}
-            <Link
-              href="https://github.com/garden-co/jazz"
-              className="underline"
-            >
-              GitHub
-            </Link>
-            .
-          </CardBody>
-        </Card>
-      </div>
-    </>
-  );
-}

homepage/homepage/app/(others)/(home)/page.tsx

@@ -17,6 +17,7 @@ export default function Home() {
       <HeroSection />
 
       <div className="container flex flex-col gap-12 mt-12 lg:gap-20 lg:mt-20">
+        <SupportedEnvironmentsSection />
         <HowJazzWorksSection />
 
         <Testimonial name="Spreadsheet app (stealth)" role="CTO">
@@ -51,8 +52,6 @@ export default function Home() {
 
         <FeaturesSection />
 
-        <SupportedEnvironmentsSection />
-
         <ComingSoonSection />
 
         <EarlyAdopterSection />

homepage/homepage/app/layout.tsx

@@ -3,7 +3,7 @@ import { ThemeProvider } from "@/components/ThemeProvider";
 import { JazzFooter } from "@/components/footer";
 import { marketingCopy } from "@/content/marketingCopy";
 import { fontClasses } from "@garden-co/design-system/src/fonts";
-import { Analytics } from "@vercel/analytics/react";
+import { Analytics } from "@vercel/analytics/next";
 import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { Metadata } from "next";
 

homepage/homepage/components/docs/ApiNav.tsx

@@ -1,78 +0,0 @@
-import { SideNav, SideNavBody, SideNavHeader } from "@/components/SideNav";
-import { SideNavItem } from "@/components/SideNavItem";
-import { packages } from "@/content/packages";
-import { Icon } from "@garden-co/design-system/src/components/atoms/Icon";
-import Link from "next/link";
-import { requestProject } from "./requestProject";
-
-export function ApiNav({ className }: { className?: string }) {
-  return (
-    <SideNav className={className}>
-      <SideNavBody>
-        <SideNavHeader className="mb-5" href="/api-reference">
-          API Reference
-        </SideNavHeader>
-        <ul className="space-y-5">
-          {packages.map(({ name }) => (
-            <li key={name}>
-              <PackageNavItem package={name} />
-            </li>
-          ))}
-        </ul>
-      </SideNavBody>
-    </SideNav>
-  );
-}
-
-export async function PackageNavItem({
-  package: packageName,
-}: {
-  package: string;
-}) {
-  let project = await requestProject(packageName as any);
-
-  return (
-    <>
-      <SideNavItem
-        className="mb-1 flex gap-2 items-center"
-        href={`/api-reference/${packageName}`}
-      >
-        <Icon name="package" size="xs" />
-        {packageName}
-      </SideNavItem>
-      {project.categories?.map((category) => {
-        return (
-          <details
-            key={category.title}
-            open={category.title !== "Other"}
-            className="group ml-1.5 border-l"
-          >
-            <summary className="pl-[13px] py-1 cursor-pointer flex gap-2 items-center justify-between hover:text-stone-800 dark:hover:text-stone-200 [&::-webkit-details-marker]:hidden">
-              {category.title}
-
-              <Icon
-                name="chevronRight"
-                size="sm"
-                className="text-stone-300 group-open:rotate-90 transition-transform dark:text-stone-800"
-              />
-            </summary>
-            <div className="pl-6">
-              {category.children.map(
-                (child, i, children) =>
-                  (i == 0 || child.name !== children[i - 1]!.name) && (
-                    <Link
-                      key={child.id}
-                      className="block py-0.5 text-ellipsis overflow-hidden font-mono hover:text-stone-800 dark:hover:text-stone-200"
-                      href={`/api-reference/${packageName}#${child.name}`}
-                    >
-                      {child.name}
-                    </Link>
-                  ),
-              )}
-            </div>
-          </details>
-        );
-      })}
-    </>
-  );
-}

homepage/homepage/components/docs/packageDocs.tsx

@@ -1,425 +0,0 @@
-import { Icon } from "@garden-co/design-system/src/components/atoms/Icon";
-import { Fragment } from "react";
-import {
-  CommentDisplayPart,
-  DeclarationReflection,
-  ReflectionKind,
-  SignatureReflection,
-  SomeType,
-  TypeContext,
-  TypeParameterReflection,
-} from "typedoc";
-import { requestProject } from "./requestProject";
-import {
-  ClassOrInterface,
-  DocComment,
-  FnDecl,
-  Highlight,
-  PropCategory,
-  PropDecl,
-} from "./tags";
-
-export async function PackageDocs({
-  package: packageName,
-}: {
-  package: string;
-}) {
-  let project = await requestProject(packageName as any);
-
-  // console.dir(project, {depth: 10});
-
-  return (
-    <>
-      <h2 className="flex items-center gap-2">
-        <code>{packageName}</code> <Icon name="package" size="md" />
-      </h2>
-      {project.categories?.map((category) => {
-        return (
-          <section key={category.title}>
-            <h2>{category.title}</h2>
-            {category.children.map(
-              (child) =>
-                // Ability to link external documents has been added. Turning it off for now
-                // https://typedoc.org/documents/External_Documents.html
-                child.variant !== "document" && (
-                  <RenderPackageChild
-                    child={child}
-                    key={child.id}
-                    inPackage={packageName}
-                  />
-                ),
-            )}
-          </section>
-        );
-      })}
-    </>
-  );
-}
-
-function RenderPackageChild({
-  child,
-  inPackage,
-}: {
-  child: DeclarationReflection;
-  inPackage: string;
-}) {
-  if (
-    child.kind === ReflectionKind.Class ||
-    child.kind === ReflectionKind.Interface
-  ) {
-    return (
-      <RenderClassOrInterface classOrInterface={child} inPackage={inPackage} />
-    );
-  } else if (child.kind === ReflectionKind.TypeAlias) {
-    return <RenderTypeAlias inPackage={inPackage} child={child} />;
-  } else if (child.kind === ReflectionKind.Function) {
-    return child.getAllSignatures().map((signature, i) => {
-      const paramTypes = printParamsWithTypes(signature);
-      return (
-        <div
-          key={i}
-          id={child.name}
-          className="not-prose mt-4 p-3 rounded bg-stone-50 dark:bg-stone-925"
-        >
-          {
-            <Highlight hide={[0, 2]}>
-              {`function \n${printSimpleSignature(child, signature) + ":"}\n {}`}
-            </Highlight>
-          }{" "}
-          <span className="opacity-75 text-xs pl-1">
-            <Highlight>{printType(signature.type)}</Highlight>
-          </span>
-          <div className="ml-4 mt-0 text-xs opacity-75 flex">
-            {paramTypes.length > 0 && (
-              <div>
-                <Highlight
-                  hide={[0, 1 + paramTypes.length]}
-                >{`function fn(...args: [\n${paramTypes.join(
-                  ",\n",
-                )}\n]) {}`}</Highlight>
-              </div>
-            )}
-          </div>
-        </div>
-      );
-    });
-  } else {
-    return (
-      <h3 id={child.name}>
-        {child.name} {child.type?.type}
-      </h3>
-    );
-  }
-}
-
-function RenderTypeAlias({
-  inPackage,
-  child,
-}: {
-  inPackage: string;
-  child: DeclarationReflection;
-}) {
-  const typeParameters = child.typeParameters?.map(
-    (tParam) =>
-      tParam.name + (tParam.type ? ` extends ${printType(tParam.type)}` : ""),
-  );
-  return (
-    <div className="mt-4">
-      <h3 className="not-prose" id={child.name}>
-        <Highlight>{`type ${child.name}`}</Highlight>
-      </h3>
-      <p className="not-prose text-sm ml-4">
-        <Highlight>{`type ${child.name}${typeParameters?.length && `<${typeParameters?.join(", ")}>`} = ${printType(
-          child.type,
-        )}`}</Highlight>
-      </p>
-      <div className="ml-4 mt-2 flex-[3]">
-        <DocComment>
-          {child.comment
-            ? renderSummary(child.comment.summary)
-            : "⚠️ undocumented"}
-        </DocComment>
-      </div>
-    </div>
-  );
-}
-
-function RenderClassOrInterface({
-  inPackage,
-  classOrInterface: classOrInterface,
-}: {
-  inPackage: string;
-  classOrInterface: DeclarationReflection;
-}) {
-  const commentSummary = classOrInterface.comment?.summary;
-  const typeParamsWithConstraints = printTypeParamsWithConstraints(
-    classOrInterface.typeParameters,
-  );
-  return (
-    <ClassOrInterface
-      inPackage={inPackage}
-      name={classOrInterface.name}
-      doc={renderSummary(commentSummary)}
-      isInterface={classOrInterface.kind === ReflectionKind.Interface}
-      typeParameters={
-        classOrInterface.typeParameters?.length
-          ? "<" +
-            classOrInterface.typeParameters
-              .map((tParam) => tParam.name)
-              .join(", ") +
-            ">"
-          : ""
-      }
-    >
-      {typeParamsWithConstraints.length > 0 && (
-        <div className="text-sm -mt-4">
-          <Highlight
-            hide={[0, 1 + typeParamsWithConstraints.length]}
-          >{`class Thing<\n${typeParamsWithConstraints.join(
-            ",\n",
-          )}\n]> {}`}</Highlight>
-        </div>
-      )}
-      {classOrInterface.categories?.map((category) => (
-        <div className="flex flex-col mt-6 first:mt-0" key={category.title}>
-          <PropCategory
-            name={category.title}
-            description={renderSummary(
-              category.description?.filter(
-                (p) => p.kind !== "code" || !p.text.startsWith("```"),
-              ),
-            )}
-            example={renderSummary(
-              category.description?.filter(
-                (p) => p.kind === "code" && p.text.startsWith("```"),
-              ),
-            )}
-          />
-          {category.children.map(
-            (prop) =>
-              prop.variant !== "document" && (
-                <RenderProp
-                  prop={prop}
-                  klass={classOrInterface}
-                  key={prop.id}
-                />
-              ),
-          )}
-        </div>
-      ))}
-    </ClassOrInterface>
-  );
-}
-
-function renderSummary(commentSummary: CommentDisplayPart[] | undefined) {
-  return commentSummary?.map((part, idx) =>
-    part.kind === "text" ? (
-      <span key={idx}>
-        {part.text.split("\n").map((line, i, lines) => (
-          <Fragment key={i}>
-            {line}
-            {i !== lines.length - 1 && <br />}
-          </Fragment>
-        ))}
-      </span>
-    ) : part.kind === "inline-tag" ? (
-      <code key={idx}>
-        {part.tag} {part.text}
-      </code>
-    ) : part.text.startsWith("```") ? (
-      <pre key={idx} className="text-xs sm:text-sm">
-        <Highlight>{part.text.split("\n").slice(1, -1).join("\n")}</Highlight>
-      </pre>
-    ) : (
-      <Highlight className="whitespace-nowrap" key={idx}>
-        {part.text.slice(1, -1)}
-      </Highlight>
-    ),
-  );
-}
-
-function RenderProp({
-  prop,
-  klass,
-}: {
-  prop: DeclarationReflection;
-  klass: DeclarationReflection;
-}) {
-  const propOrGetSig = prop.getSignature ? prop.getSignature : prop;
-  return prop.kind & ReflectionKind.FunctionOrMethod ? (
-    prop
-      .getAllSignatures()
-      .map((signature) => (
-        <FnDecl
-          key={signature.id}
-          signature={printSimplePropSignature(prop, klass, signature)}
-          typeParams={printTypeParamsWithConstraints(signature.typeParameters)}
-          paramTypes={printParamsWithTypes(signature)}
-          returnType={printType(signature.type)}
-          doc={renderSummary(signature.comment?.summary)}
-          example={renderSummary(
-            signature.comment?.getTag("@example")?.content,
-          )}
-        />
-      ))
-  ) : (
-    <PropDecl
-      name={
-        (prop.flags.isStatic ? klass.name : "") +
-        (prop.name.startsWith("[") ? "" : ".") +
-        prop.name
-      }
-      type={printType(propOrGetSig.type)}
-      doc={propOrGetSig.comment && renderSummary(propOrGetSig.comment.summary)}
-      example={renderSummary(propOrGetSig.comment?.getTag("@example")?.content)}
-    />
-  );
-}
-
-function printSimplePropSignature(
-  prop: DeclarationReflection,
-  klass: DeclarationReflection,
-  signature: SignatureReflection,
-): string {
-  return (
-    `${prop.flags.isStatic ? klass.name : ""}.` +
-    printSimpleSignature(prop, signature)
-  );
-}
-
-function printSimpleSignature(
-  item: DeclarationReflection,
-  signature: SignatureReflection,
-) {
-  return `${item.name}${
-    signature.typeParameters?.length
-      ? "<" +
-        signature.typeParameters.map((tParam) => tParam.name).join(", ") +
-        ">"
-      : ""
-  }(${printParams(signature)?.join(", ")})`;
-}
-
-function printParams(signature: SignatureReflection) {
-  return (
-    signature.parameters?.flatMap((param) =>
-      param.name === "this"
-        ? []
-        : [
-            param.name === "__namedParameters" &&
-            param.type?.type === "reflection"
-              ? "{ " +
-                param.type.declaration.children
-                  ?.map(
-                    (child) => child.name + (child.flags.isOptional ? "?" : ""),
-                  )
-                  .join(", ") +
-                " }"
-              : param.name + (param.defaultValue ? "?" : ""),
-          ],
-    ) || []
-  );
-}
-
-function printParamsWithTypes(signature: SignatureReflection) {
-  return (
-    signature.parameters?.map(
-      (param) =>
-        (param.name === "__namedParameters"
-          ? ""
-          : param.name + (param.defaultValue ? "?" : "") + ": ") +
-        printType(param.type),
-    ) || []
-  );
-}
-
-function printTypeParamsWithConstraints(
-  typeParams: TypeParameterReflection[] | undefined,
-): string[] {
-  return (
-    typeParams?.flatMap((tParam) =>
-      tParam.type ? [`${tParam.name} extends ${printType(tParam.type)}`] : [],
-    ) || []
-  );
-}
-
-function printType(type: SomeType | undefined): string {
-  if (!type) return "NO TYPE";
-  if (type.type === "reflection") {
-    if (type.declaration.kind === ReflectionKind.TypeLiteral) {
-      if (type.declaration.signatures?.length) {
-        return (
-          type.declaration.signatures
-            ?.map(
-              (sig) =>
-                `(${printParamsWithTypes(sig).join(
-                  ", ",
-                )}) => ${printType(sig.type)}`,
-            )
-            .join(" | ") || ""
-        );
-      } else {
-        return (
-          "{ " +
-          type.declaration.children
-            ?.map((child) => `${child.name}: ${printType(child.type)}`)
-            .join(", ") +
-          " }"
-        );
-      }
-    }
-    return "TODO reflection type " + type.declaration.kind;
-  } else if (type.type === "reference") {
-    return (
-      type.name +
-      (type.typeArguments?.length
-        ? "<" + type.typeArguments.map(printType).join(", ") + ">"
-        : "")
-    );
-  } else if (type.type === "intersection") {
-    return (
-      type.types
-        ?.map((part) =>
-          part.needsParenthesis(TypeContext["intersectionElement"])
-            ? `(${printType(part)})`
-            : printType(part),
-        )
-        .join(" & ") || "NO TYPES"
-    );
-  } else if (type.type === "union") {
-    return (
-      type.types
-        .sort((a, b) => (a.type === "intrinsic" ? 1 : -1))
-        ?.map((part) =>
-          part.needsParenthesis(TypeContext["unionElement"])
-            ? `(${printType(part)})`
-            : printType(part),
-        )
-        .join(" | ") || "NO TYPES"
-    );
-  } else if (type.type === "tuple") {
-    return `[${type.elements.map(printType).join(", ")}]`;
-  } else if (type.type === "array") {
-    if (type.needsParenthesis()) {
-      return `(${printType(type.elementType)})[]`;
-    } else {
-      return printType(type.elementType) + "[]";
-    }
-  } else if (type.type === "mapped") {
-    return `{[${type.parameter} in ${printType(
-      type.parameterType,
-    )}]: ${printType(type.templateType)}}`;
-  } else if (type.type === "indexedAccess") {
-    return `${printType(type.objectType)}[${printType(type.indexType)}]`;
-  } else if (type.type === "intrinsic") {
-    return type.name;
-  } else if (type.type === "predicate") {
-    return `${type.name} is ${printType(type.targetType)}`;
-  } else if (type.type === "query") {
-    return printType(type.queryType);
-  } else if (type.type === "literal") {
-    return JSON.stringify(type.value);
-  } else {
-    return "TODO type " + type.type;
-  }
-}