crazy auth refactoring

.github/workflows/build-examples.yaml

@@ -27,13 +27,8 @@ jobs:
       with:
         submodules: true
 
-    - name: Enable latestcorepack
-      run: |
-        echo "Before: corepack version => $(corepack --version || echo 'not installed')"
-        npm install -g corepack@latest
-        echo "After : corepack version => $(corepack --version)"
-        corepack enable
-        pnpm --version
+    - name: Enable corepack
+      run: corepack enable
 
     - name: Install Node.js
       uses: actions/setup-node@v3

.github/workflows/build-starters.yaml

@@ -18,13 +18,8 @@ jobs:
       with:
         submodules: true
 
-    - name: Enable latestcorepack
-      run: |
-        echo "Before: corepack version => $(corepack --version || echo 'not installed')"
-        npm install -g corepack@latest
-        echo "After : corepack version => $(corepack --version)"
-        corepack enable
-        pnpm --version
+    - name: Enable corepack
+      run: corepack enable
 
     - name: Install Node.js
       uses: actions/setup-node@v3

.github/workflows/jazz-run.yml

@@ -16,13 +16,8 @@ jobs:
         with:
           submodules: true
 
-      - name: Enable latestcorepack
-        run: |
-          echo "Before: corepack version => $(corepack --version || echo 'not installed')"
-          npm install -g corepack@latest
-          echo "After : corepack version => $(corepack --version)"
-          corepack enable
-          pnpm --version
+      - name: Enable corepack
+        run: corepack enable
 
       - name: Install Node.js
         uses: actions/setup-node@v3

.github/workflows/playwright.yml

@@ -20,13 +20,8 @@ jobs:
         with:
           submodules: true
 
-      - name: Enable latestcorepack
-        run: |
-          echo "Before: corepack version => $(corepack --version || echo 'not installed')"
-          npm install -g corepack@latest
-          echo "After : corepack version => $(corepack --version)"
-          corepack enable
-          pnpm --version
+      - name: Enable corepack
+        run: corepack enable
 
       - name: Install Node.js
         uses: actions/setup-node@v3

.github/workflows/release.yml

@@ -22,13 +22,8 @@ jobs:
       - name: Checkout Repo
         uses: actions/checkout@v3
 
-      - name: Enable latestcorepack
-        run: |
-          echo "Before: corepack version => $(corepack --version || echo 'not installed')"
-          npm install -g corepack@latest
-          echo "After : corepack version => $(corepack --version)"
-          corepack enable
-          pnpm --version
+      - name: Enable corepack
+        run: corepack enable
 
       - name: Install Node.js
         uses: actions/setup-node@v3

.github/workflows/unit-test.yml

@@ -15,13 +15,8 @@ jobs:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Enable latestcorepack
-        run: |
-          echo "Before: corepack version => $(corepack --version || echo 'not installed')"
-          npm install -g corepack@latest
-          echo "After : corepack version => $(corepack --version)"
-          corepack enable
-          pnpm --version
+      - name: Enable corepack
+        run: corepack enable
 
       - name: Install Node.js
         uses: actions/setup-node@v4

LICENSE.txt

@@ -1,4 +1,4 @@
-Copyright 2025, Garden Computing, Inc.
+Copyright 2024, Garden Computing, Inc.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -16,4 +16,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

README.md

@@ -17,4 +17,4 @@ For community and support, please join our [Discord](https://discord.gg/utDMjHYg
 - Community & support: [Discord](https://discord.gg/utDMjHYg42)
 - Updates: [X](https://x.com/jazz_tools) & [Email](https://garden.co/news)
 
-Copyright 2025 — Garden Computing, Inc.
+Copyright 2024 — Garden Computing, Inc.

biome.json

@@ -42,15 +42,6 @@
     }
   },
   "overrides": [
-    {
-      "include": ["**/package.json"],
-      "linter": {
-        "enabled": false
-      },
-      "formatter": {
-        "enabled": false
-      }
-    },
     {
       "include": ["packages/**/src/**"],
       "linter": {

examples/chat-rn-clerk/CHANGELOG.md

@@ -1,127 +1,5 @@
 # chat-rn-clerk
 
-## 1.0.64
-
-### Patch Changes
-
-- jazz-react-native@0.9.23
-- jazz-react-native-auth-clerk@0.9.23
-- jazz-tools@0.9.23
-- jazz-react-native-media-images@0.9.23
-
-## 1.0.63
-
-### Patch Changes
-
-- jazz-react-native@0.9.22
-- jazz-react-native-auth-clerk@0.9.22
-
-## 1.0.62
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-react-native@0.9.21
-  - jazz-react-native-auth-clerk@0.9.21
-  - jazz-react-native-media-images@0.9.21
-
-## 1.0.61
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-react-native@0.9.20
-  - jazz-react-native-auth-clerk@0.9.20
-  - jazz-react-native-media-images@0.9.20
-
-## 1.0.60
-
-### Patch Changes
-
-- jazz-react-native@0.9.19
-- jazz-react-native-auth-clerk@0.9.19
-- jazz-tools@0.9.19
-- jazz-react-native-media-images@0.9.19
-
-## 1.0.59
-
-### Patch Changes
-
-- jazz-react-native@0.9.18
-- jazz-react-native-auth-clerk@0.9.18
-- jazz-tools@0.9.18
-- jazz-react-native-media-images@0.9.18
-
-## 1.0.58
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-react-native@0.9.17
-  - jazz-react-native-auth-clerk@0.9.17
-  - jazz-react-native-media-images@0.9.17
-
-## 1.0.57
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-react-native-auth-clerk@0.9.16
-  - jazz-tools@0.9.16
-  - jazz-react-native@0.9.16
-  - jazz-react-native-media-images@0.9.16
-
-## 1.0.56
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-react-native@0.9.15
-  - jazz-react-native-auth-clerk@0.9.15
-  - jazz-react-native-media-images@0.9.15
-
-## 1.0.55
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-react-native@0.9.14
-  - jazz-react-native-auth-clerk@0.9.14
-  - jazz-react-native-media-images@0.9.14
-
-## 1.0.54
-
-### Patch Changes
-
-- jazz-react-native@0.9.13
-- jazz-react-native-auth-clerk@0.9.13
-- jazz-tools@0.9.13
-- jazz-react-native-media-images@0.9.13
-
-## 1.0.53
-
-### Patch Changes
-
-- jazz-react-native@0.9.12
-- jazz-react-native-auth-clerk@0.9.12
-- jazz-tools@0.9.12
-- jazz-react-native-media-images@0.9.12
-
-## 1.0.52
-
-### Patch Changes
-
-- jazz-react-native@0.9.11
-- jazz-react-native-auth-clerk@0.9.11
-- jazz-tools@0.9.11
-- jazz-react-native-media-images@0.9.11
-
 ## 1.0.51
 
 ### Patch Changes

examples/chat-rn-clerk/package.json

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

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

@@ -1,7 +1,13 @@
 import { useClerk, useUser } from "@clerk/clerk-expo";
 import { JazzProvider, setupKvStore } from "jazz-react-native";
 import { useJazzClerkAuth } from "jazz-react-native-auth-clerk";
-import React, { createContext, PropsWithChildren, useContext } from "react";
+import React, {
+  createContext,
+  PropsWithChildren,
+  useContext,
+  useEffect,
+  useState,
+} from "react";
 import { Text, View } from "react-native";
 const AuthContext = createContext<{
   isAuthenticated: boolean;
@@ -21,7 +27,15 @@ export function JazzAndAuth({ children }: PropsWithChildren) {
   const { isSignedIn, isLoaded: isClerkLoaded } = useUser();
   const clerk = useClerk();
   const [auth, state] = useJazzClerkAuth(clerk, kvStore);
-  const isAuthenticated = Boolean(isSignedIn && isClerkLoaded && auth);
+  const [isAuthenticated, setIsAuthenticated] = useState(false);
+
+  useEffect(() => {
+    if (isSignedIn && isClerkLoaded && auth) {
+      setIsAuthenticated(true);
+    } else {
+      setIsAuthenticated(false);
+    }
+  }, [isSignedIn, isClerkLoaded, auth]);
 
   return (
     <AuthContext.Provider

examples/chat-rn/CHANGELOG.md

@@ -1,102 +1,5 @@
 # chat-rn
 
-## 1.0.61
-
-### Patch Changes
-
-- jazz-react-native@0.9.23
-- jazz-tools@0.9.23
-
-## 1.0.60
-
-### Patch Changes
-
-- jazz-react-native@0.9.22
-
-## 1.0.59
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-react-native@0.9.21
-
-## 1.0.58
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-react-native@0.9.20
-
-## 1.0.57
-
-### Patch Changes
-
-- jazz-react-native@0.9.19
-- jazz-tools@0.9.19
-
-## 1.0.56
-
-### Patch Changes
-
-- jazz-react-native@0.9.18
-- jazz-tools@0.9.18
-
-## 1.0.55
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-react-native@0.9.17
-
-## 1.0.54
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-react-native@0.9.16
-
-## 1.0.53
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-react-native@0.9.15
-
-## 1.0.52
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-react-native@0.9.14
-
-## 1.0.51
-
-### Patch Changes
-
-- jazz-react-native@0.9.13
-- jazz-tools@0.9.13
-
-## 1.0.50
-
-### Patch Changes
-
-- jazz-react-native@0.9.12
-- jazz-tools@0.9.12
-
-## 1.0.49
-
-### Patch Changes
-
-- jazz-react-native@0.9.11
-- jazz-tools@0.9.11
-
 ## 1.0.48
 
 ### Patch Changes

examples/chat-rn/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-rn",
-  "version": "1.0.61",
+  "version": "1.0.48",
   "main": "index.js",
   "scripts": {
     "build": "expo export -p ios",

examples/chat-vue/CHANGELOG.md

@@ -1,115 +1,5 @@
 # chat-vue
 
-## 0.0.48
-
-### Patch Changes
-
-- jazz-browser@0.9.23
-- jazz-tools@0.9.23
-- jazz-vue@0.9.23
-
-## 0.0.47
-
-### Patch Changes
-
-- jazz-browser@0.9.22
-- jazz-vue@0.9.22
-
-## 0.0.46
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-browser@0.9.21
-  - jazz-vue@0.9.21
-
-## 0.0.45
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-browser@0.9.20
-  - jazz-vue@0.9.20
-
-## 0.0.44
-
-### Patch Changes
-
-- jazz-browser@0.9.19
-- jazz-tools@0.9.19
-- jazz-vue@0.9.19
-
-## 0.0.43
-
-### Patch Changes
-
-- jazz-browser@0.9.18
-- jazz-tools@0.9.18
-- jazz-vue@0.9.18
-
-## 0.0.42
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-browser@0.9.17
-  - jazz-vue@0.9.17
-
-## 0.0.41
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-browser@0.9.16
-  - jazz-vue@0.9.16
-
-## 0.0.40
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-browser@0.9.15
-  - jazz-vue@0.9.15
-
-## 0.0.39
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-browser@0.9.14
-  - jazz-vue@0.9.14
-
-## 0.0.38
-
-### Patch Changes
-
-- jazz-browser@0.9.13
-- jazz-tools@0.9.13
-- jazz-vue@0.9.13
-
-## 0.0.37
-
-### Patch Changes
-
-- jazz-browser@0.9.12
-- jazz-tools@0.9.12
-- jazz-vue@0.9.12
-
-## 0.0.36
-
-### Patch Changes
-
-- jazz-browser@0.9.11
-- jazz-tools@0.9.11
-- jazz-vue@0.9.11
-
 ## 0.0.35
 
 ### Patch Changes

examples/chat-vue/README.md

@@ -11,6 +11,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example chat-vue --project-name chat-vue
+```
+or
+```bash
 npx create-jazz-app@latest --example chat-vue --project-name chat-vue
 ```
 

examples/chat-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chat-vue",
-  "version": "0.0.48",
+  "version": "0.0.35",
   "private": true,
   "type": "module",
   "scripts": {

examples/chat/CHANGELOG.md

@@ -1,115 +1,5 @@
 # jazz-example-chat
 
-## 0.0.144
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-- jazz-browser-media-images@0.9.23
-
-## 0.0.143
-
-### Patch Changes
-
-- jazz-browser-media-images@0.9.22
-- jazz-react@0.9.22
-
-## 0.0.142
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-browser-media-images@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.141
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-browser-media-images@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.140
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-- jazz-browser-media-images@0.9.19
-
-## 0.0.139
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-- jazz-browser-media-images@0.9.18
-
-## 0.0.138
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-browser-media-images@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.137
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-browser-media-images@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.136
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-browser-media-images@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.135
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-browser-media-images@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.134
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-- jazz-browser-media-images@0.9.13
-
-## 0.0.133
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-- jazz-browser-media-images@0.9.12
-
-## 0.0.132
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-- jazz-browser-media-images@0.9.11
-
 ## 0.0.131
 
 ### Patch Changes

examples/chat/README.md

@@ -13,6 +13,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example chat --project-name chat
+```
+or
+```bash
 npx create-jazz-app@latest --example chat --project-name chat
 ```
 

examples/chat/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-chat",
   "private": true,
-  "version": "0.0.144",
+  "version": "0.0.131",
   "type": "module",
   "scripts": {
     "dev": "vite",

examples/clerk/CHANGELOG.md

@@ -1,115 +1,5 @@
 # minimal-auth-clerk
 
-## 0.0.43
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-react-auth-clerk@0.9.23
-- jazz-tools@0.9.23
-
-## 0.0.42
-
-### Patch Changes
-
-- jazz-react@0.9.22
-- jazz-react-auth-clerk@0.9.22
-
-## 0.0.41
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-react@0.9.21
-  - jazz-react-auth-clerk@0.9.21
-
-## 0.0.40
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-react@0.9.20
-  - jazz-react-auth-clerk@0.9.20
-
-## 0.0.39
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-react-auth-clerk@0.9.19
-- jazz-tools@0.9.19
-
-## 0.0.38
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-react-auth-clerk@0.9.18
-- jazz-tools@0.9.18
-
-## 0.0.37
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-react@0.9.17
-  - jazz-react-auth-clerk@0.9.17
-
-## 0.0.36
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-react-auth-clerk@0.9.16
-  - jazz-tools@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.35
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-react@0.9.15
-  - jazz-react-auth-clerk@0.9.15
-
-## 0.0.34
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-react@0.9.14
-  - jazz-react-auth-clerk@0.9.14
-
-## 0.0.33
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-react-auth-clerk@0.9.13
-- jazz-tools@0.9.13
-
-## 0.0.32
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-react-auth-clerk@0.9.12
-- jazz-tools@0.9.12
-
-## 0.0.31
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-react-auth-clerk@0.9.11
-- jazz-tools@0.9.11
-
 ## 0.0.30
 
 ### Patch Changes

examples/clerk/README.md

@@ -15,7 +15,11 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
-npx create-jazz-app@latest --example clerk --project-name clerk
+npm create jazz-app@latest --start clerk --project-name clerk
+```
+or
+```bash
+npx create-jazz-app@latest --start clerk --project-name clerk
 ```
 
 Go to the new project directory.

examples/clerk/package.json

@@ -1,7 +1,7 @@
 {
   "name": "clerk",
   "private": true,
-  "version": "0.0.43",
+  "version": "0.0.30",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,7 +13,7 @@
   "dependencies": {
     "@clerk/clerk-react": "^5.4.1",
     "jazz-react": "workspace:*",
-    "jazz-react-auth-clerk": "workspace:0.9.23",
+    "jazz-react-auth-clerk": "workspace:0.9.10",
     "jazz-tools": "workspace:*",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"

examples/file-share-svelte/CHANGELOG.md

@@ -1,102 +1,5 @@
 # file-share-svelte
 
-## 0.0.28
-
-### Patch Changes
-
-- jazz-svelte@0.9.23
-- jazz-tools@0.9.23
-
-## 0.0.27
-
-### Patch Changes
-
-- jazz-svelte@0.9.22
-
-## 0.0.26
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-svelte@0.9.21
-
-## 0.0.25
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-svelte@0.9.20
-
-## 0.0.24
-
-### Patch Changes
-
-- jazz-svelte@0.9.19
-- jazz-tools@0.9.19
-
-## 0.0.23
-
-### Patch Changes
-
-- jazz-svelte@0.9.18
-- jazz-tools@0.9.18
-
-## 0.0.22
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-svelte@0.9.17
-
-## 0.0.21
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-svelte@0.9.16
-
-## 0.0.20
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-svelte@0.9.15
-
-## 0.0.19
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-svelte@0.9.14
-
-## 0.0.18
-
-### Patch Changes
-
-- jazz-svelte@0.9.13
-- jazz-tools@0.9.13
-
-## 0.0.17
-
-### Patch Changes
-
-- jazz-svelte@0.9.12
-- jazz-tools@0.9.12
-
-## 0.0.16
-
-### Patch Changes
-
-- jazz-svelte@0.9.11
-- jazz-tools@0.9.11
-
 ## 0.0.15
 
 ### Patch Changes

examples/file-share-svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "file-share-svelte",
-  "version": "0.0.28",
+  "version": "0.0.15",
   "private": true,
   "type": "module",
   "scripts": {

examples/form/CHANGELOG.md

@@ -1,115 +1,5 @@
 # form
 
-## 0.0.39
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-- jazz-browser-media-images@0.9.23
-
-## 0.0.38
-
-### Patch Changes
-
-- jazz-browser-media-images@0.9.22
-- jazz-react@0.9.22
-
-## 0.0.37
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-browser-media-images@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.36
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-browser-media-images@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.35
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-- jazz-browser-media-images@0.9.19
-
-## 0.0.34
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-- jazz-browser-media-images@0.9.18
-
-## 0.0.33
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-browser-media-images@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.32
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-browser-media-images@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.31
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-browser-media-images@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.30
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-browser-media-images@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.29
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-- jazz-browser-media-images@0.9.13
-
-## 0.0.28
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-- jazz-browser-media-images@0.9.12
-
-## 0.0.27
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-- jazz-browser-media-images@0.9.11
-
 ## 0.0.26
 
 ### Patch Changes

examples/form/README.md

@@ -28,7 +28,11 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
-npx create-jazz-app@latest --example form --project-name form
+npm create jazz-app@latest --start form --project-name form
+```
+or
+```bash
+npx create-jazz-app@latest --start form --project-name form
 ```
 
 Go to the new project directory.

examples/form/package.json

@@ -1,7 +1,7 @@
 {
   "name": "form",
   "private": true,
-  "version": "0.0.39",
+  "version": "0.0.26",
   "type": "module",
   "scripts": {
     "dev": "vite",

examples/image-upload/CHANGELOG.md

@@ -1,115 +1,5 @@
 # image-upload
 
-## 0.0.41
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-- jazz-browser-media-images@0.9.23
-
-## 0.0.40
-
-### Patch Changes
-
-- jazz-browser-media-images@0.9.22
-- jazz-react@0.9.22
-
-## 0.0.39
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-browser-media-images@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.38
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-browser-media-images@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.37
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-- jazz-browser-media-images@0.9.19
-
-## 0.0.36
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-- jazz-browser-media-images@0.9.18
-
-## 0.0.35
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-browser-media-images@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.34
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-browser-media-images@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.33
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-browser-media-images@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.32
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-browser-media-images@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.31
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-- jazz-browser-media-images@0.9.13
-
-## 0.0.30
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-- jazz-browser-media-images@0.9.12
-
-## 0.0.29
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-- jazz-browser-media-images@0.9.11
-
 ## 0.0.28
 
 ### Patch Changes

examples/image-upload/README.md

@@ -15,6 +15,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example image-upload --project-name image-upload
+```
+or
+```bash
 npx create-jazz-app@latest --example image-upload --project-name image-upload
 ```
 

examples/image-upload/package.json

@@ -1,7 +1,7 @@
 {
   "name": "image-upload",
   "private": true,
-  "version": "0.0.41",
+  "version": "0.0.28",
   "type": "module",
   "scripts": {
     "dev": "vite",

examples/inspector/CHANGELOG.md

@@ -1,61 +1,5 @@
 # jazz-example-inspector
 
-## 0.0.102
-
-### Patch Changes
-
-- Updated dependencies [70c9a5d]
-  - cojson@0.9.23
-  - cojson-transport-ws@0.9.23
-
-## 0.0.101
-
-### Patch Changes
-
-- Updated dependencies [14b6149]
-  - cojson-transport-ws@0.9.22
-
-## 0.0.100
-
-### Patch Changes
-
-- Updated dependencies [6ad0a9f]
-  - cojson@0.9.19
-  - cojson-transport-ws@0.9.19
-
-## 0.0.99
-
-### Patch Changes
-
-- Updated dependencies [8898b10]
-  - cojson@0.9.18
-  - cojson-transport-ws@0.9.18
-
-## 0.0.98
-
-### Patch Changes
-
-- Updated dependencies [8d29e50]
-  - cojson-transport-ws@0.9.13
-  - cojson@0.9.13
-
-## 0.0.97
-
-### Patch Changes
-
-- Updated dependencies [15d4b2a]
-  - cojson-transport-ws@0.9.12
-  - cojson@0.9.12
-
-## 0.0.96
-
-### Patch Changes
-
-- Updated dependencies [efbf3d8]
-- Updated dependencies [5863bad]
-  - cojson@0.9.11
-  - cojson-transport-ws@0.9.11
-
 ## 0.0.95
 
 ### Patch Changes

examples/inspector/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-inspector-app",
   "private": true,
-  "version": "0.0.102",
+  "version": "0.0.95",
   "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.9.23",
-    "cojson-transport-ws": "workspace:0.9.23",
+    "cojson": "workspace:0.9.10",
+    "cojson-transport-ws": "workspace:0.9.10",
     "hash-slash": "workspace:0.2.1",
     "lucide-react": "^0.274.0",
     "qrcode": "^1.5.3",

examples/music-player/CHANGELOG.md

@@ -1,121 +1,5 @@
 # jazz-example-musicplayer
 
-## 0.0.65
-
-### Patch Changes
-
-- jazz-inspector@0.9.23
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-
-## 0.0.64
-
-### Patch Changes
-
-- jazz-react@0.9.22
-
-## 0.0.63
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-inspector@0.9.22
-  - jazz-react@0.9.21
-
-## 0.0.62
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-inspector@0.9.21
-  - jazz-react@0.9.20
-
-## 0.0.61
-
-### Patch Changes
-
-- jazz-inspector@0.9.20
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-
-## 0.0.60
-
-### Patch Changes
-
-- Updated dependencies [2faf22f]
-  - jazz-inspector@0.9.19
-
-## 0.0.59
-
-### Patch Changes
-
-- jazz-inspector@0.9.18
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-
-## 0.0.58
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-inspector@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.57
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-inspector@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.56
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-inspector@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.55
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-inspector@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.54
-
-### Patch Changes
-
-- jazz-inspector@0.9.13
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-
-## 0.0.53
-
-### Patch Changes
-
-- jazz-inspector@0.9.12
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-
-## 0.0.52
-
-### Patch Changes
-
-- jazz-inspector@0.9.11
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-
 ## 0.0.51
 
 ### Patch Changes

examples/music-player/README.md

@@ -13,6 +13,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example music-player --project-name music-player
+```
+or
+```bash
 npx create-jazz-app@latest --example music-player --project-name music-player
 ```
 

examples/music-player/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-music-player",
   "private": true,
-  "version": "0.0.65",
+  "version": "0.0.51",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -13,13 +13,16 @@
     "test:ui": "playwright test --ui"
   },
   "dependencies": {
+    "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-label": "^2.1.1",
+    "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-toast": "^1.1.4",
+    "@radix-ui/react-tooltip": "^1.1.6",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "jazz-react": "workspace:0.9.23",
-    "jazz-tools": "workspace:0.9.23",
+    "jazz-react": "workspace:0.9.10",
+    "jazz-tools": "workspace:0.9.10",
     "jazz-inspector": "workspace:*",
     "lucide-react": "^0.274.0",
     "react": "^18.3.1",

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

@@ -85,7 +85,7 @@ export class MusicaAccount extends Account {
    *  The account migration is run on account creation and on every log-in.
    *  You can use it to set up the account root and any other initial CoValues you need.
    */
-  migrate() {
+  migrate(this: MusicaAccount) {
     if (!this._refs.root) {
       const ownership = { owner: this };
 

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

@@ -11,7 +11,7 @@ import { PlayerControls } from "./components/PlayerControls";
 import "./index.css";
 
 import { MusicaAccount } from "@/1_schema";
-import { DemoAuthBasicUI, JazzProvider, useDemoAuth } from "jazz-react";
+import { JazzProvider, useIsAnonymousUser } from "jazz-react";
 import { useUploadExampleData } from "./lib/useUploadExampleData";
 
 /**
@@ -55,27 +55,24 @@ function Main() {
 }
 
 function JazzAndAuth({ children }: { children: React.ReactNode }) {
-  const [auth, state] = useDemoAuth();
-
   const peer =
     (new URL(window.location.href).searchParams.get(
       "peer",
     ) as `ws://${string}`) ??
     "wss://cloud.jazz.tools/?key=music-player-example-jazz@garden.co";
 
+  const isAnonymous = useIsAnonymousUser();
+
   return (
-    <>
-      <JazzProvider
-        storage="indexedDB"
-        auth={auth}
-        peer={peer}
-        AccountSchema={MusicaAccount}
-      >
-        {children}
-        <JazzInspector />
-      </JazzProvider>
-      <DemoAuthBasicUI appName="Jazz Music Player" state={state} />
-    </>
+    <JazzProvider
+      storage="indexedDB"
+      peer={peer}
+      localOnly={isAnonymous}
+      AccountSchema={MusicaAccount}
+    >
+      {children}
+      <JazzInspector />
+    </JazzProvider>
   );
 }
 

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

@@ -1,12 +1,17 @@
 import { useToast } from "@/hooks/use-toast";
-import { createInviteLink, useAccount, useCoState } from "jazz-react";
+import {
+  createInviteLink,
+  useAccount,
+  useCoState,
+  useIsAnonymousUser,
+} from "jazz-react";
 import { ID } from "jazz-tools";
 import { useNavigate, useParams } from "react-router";
 import { Playlist } from "./1_schema";
 import { createNewPlaylist, uploadMusicTracks } from "./4_actions";
 import { MediaPlayer } from "./5_useMediaPlayer";
+import { AuthButton } from "./components/AuthButton";
 import { FileUploadButton } from "./components/FileUploadButton";
-import { LogoutButton } from "./components/LogoutButton";
 import { MusicTrackRow } from "./components/MusicTrackRow";
 import { PlaylistTitleInput } from "./components/PlaylistTitleInput";
 import { SidePanel } from "./components/SidePanel";
@@ -66,6 +71,8 @@ export function HomePage({ mediaPlayer }: { mediaPlayer: MediaPlayer }) {
     });
   };
 
+  const isAnonymousUser = useIsAnonymousUser();
+
   return (
     <div className="flex flex-col h-screen text-gray-800 bg-blue-50">
       <div className="flex flex-1 overflow-hidden">
@@ -86,12 +93,12 @@ export function HomePage({ mediaPlayer }: { mediaPlayer: MediaPlayer }) {
                   <Button onClick={handleCreatePlaylist}>New playlist</Button>
                 </>
               )}
-              {!isRootPlaylist && (
+              {!isRootPlaylist && !isAnonymousUser && (
                 <Button onClick={handlePlaylistShareClick}>
                   Share playlist
                 </Button>
               )}
-              <LogoutButton />
+              <AuthButton />
             </div>
           </div>
           <ul className="flex flex-col">

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

@@ -0,0 +1,40 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import { useAccount, useIsAnonymousUser } from "jazz-react";
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { AuthModal } from "./AuthModal";
+
+export function AuthButton() {
+  const [open, setOpen] = useState(false);
+  const { logOut } = useAccount();
+  const navigate = useNavigate();
+
+  const isOnboarding = useIsAnonymousUser();
+
+  function handleSignOut() {
+    logOut();
+    navigate("/");
+  }
+
+  if (!isOnboarding) {
+    return (
+      <Button variant="outline" onClick={handleSignOut}>
+        Sign out
+      </Button>
+    );
+  }
+
+  return (
+    <>
+      <Button
+        onClick={() => setOpen(true)}
+        className="bg-white text-black hover:bg-gray-100"
+      >
+        Sign up
+      </Button>
+      <AuthModal open={open} onOpenChange={setOpen} />
+    </>
+  );
+}

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

@@ -0,0 +1,112 @@
+import { Button } from "@/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { useAccount, usePasskeyAuth } from "jazz-react";
+import { Loader2 } from "lucide-react";
+import { useState } from "react";
+
+interface AuthModalProps {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+}
+
+export function AuthModal({ open, onOpenChange }: AuthModalProps) {
+  const [username, setUsername] = useState("");
+  const [isSignUp, setIsSignUp] = useState(true);
+
+  const { me } = useAccount();
+
+  const [, authState] = usePasskeyAuth({
+    appName: "Jazz Music Player",
+    onAnonymousUserUpgrade: ({ username, isSignUp }) => {
+      if (isSignUp) {
+        me.profile!.name = username;
+      }
+
+      onOpenChange(false);
+    },
+  });
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (authState.state === "ready") {
+      if (isSignUp) {
+        authState.signUp(username);
+      } else {
+        authState.logIn();
+      }
+    }
+  };
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="sm:max-w-[425px]">
+        <DialogHeader>
+          <DialogTitle className="text-2xl font-bold">
+            {isSignUp ? "Create account" : "Welcome back"}
+          </DialogTitle>
+          {authState.state === "ready" && (
+            <DialogDescription>
+              {isSignUp
+                ? "Sign up to enable network sync and share your playlists with others"
+                : "Changes done before logging in will be lost"}
+            </DialogDescription>
+          )}
+        </DialogHeader>
+        <form onSubmit={handleSubmit} className="space-y-4">
+          {isSignUp && (
+            <div className="space-y-2">
+              <Label htmlFor="username">Username</Label>
+              <Input
+                id="username"
+                value={username}
+                onChange={(e) => setUsername(e.target.value)}
+                placeholder="Enter your username"
+                required
+              />
+            </div>
+          )}
+          {authState.errors.length > 0 && (
+            <div className="text-sm text-red-500">
+              {authState.errors.map((error, i) => (
+                <p key={i}>{error}</p>
+              ))}
+            </div>
+          )}
+          <div className="space-y-4">
+            <Button
+              type="submit"
+              className="w-full bg-blue-600 hover:bg-blue-700"
+              disabled={authState.state === "loading"}
+            >
+              {authState.state === "loading" ? (
+                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+              ) : isSignUp ? (
+                "Sign up with passkey"
+              ) : (
+                "Login with passkey"
+              )}
+            </Button>
+            <div className="text-center text-sm">
+              {isSignUp ? "Already have an account?" : "Don't have an account?"}{" "}
+              <button
+                type="button"
+                onClick={() => setIsSignUp(!isSignUp)}
+                className="text-blue-600 hover:underline"
+              >
+                {isSignUp ? "Login" : "Sign up"}
+              </button>
+            </div>
+          </div>
+        </form>
+      </DialogContent>
+    </Dialog>
+  );
+}

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

@@ -0,0 +1,37 @@
+import { Badge } from "@/components/ui/badge";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip";
+import { useIsAnonymousUser } from "jazz-react";
+import { Info } from "lucide-react";
+
+export function LocalOnlyTag() {
+  const isAnonymousUser = useIsAnonymousUser();
+
+  if (!isAnonymousUser) {
+    return null;
+  }
+
+  return (
+    <TooltipProvider>
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <div className="inline-flex items-center gap-1.5 cursor-help">
+            <Badge variant="default" className="h-5 text-xs font-normal">
+              Local only
+            </Badge>
+            <Info className="h-3.5 w-3.5 text-muted-foreground" />
+          </div>
+        </TooltipTrigger>
+        <TooltipContent className="max-w-[250px]">
+          <p>
+            Sign up to enable network sync and share your playlists with others
+          </p>
+        </TooltipContent>
+      </Tooltip>
+    </TooltipProvider>
+  );
+}

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

@@ -1,5 +1,6 @@
 import { useAccount } from "jazz-react";
 import { useNavigate, useParams } from "react-router";
+import { LocalOnlyTag } from "./LocalOnlyTag";
 
 export function SidePanel() {
   const { playlistId } = useParams();
@@ -25,7 +26,7 @@ export function SidePanel() {
 
   return (
     <aside className="w-64 p-6 bg-white overflow-y-auto">
-      <div className="flex items-center mb-6">
+      <div className="flex items-center mb-1">
         <svg
           className="w-8 h-8 mr-2"
           viewBox="0 0 24 24"
@@ -46,6 +47,9 @@ export function SidePanel() {
         </svg>
         <span className="text-xl font-bold text-blue-600">Music Player</span>
       </div>
+      <div className="mb-6">
+        <LocalOnlyTag />
+      </div>
       <nav>
         <h2 className="mb-2 text-sm font-semibold text-gray-600">Playlists</h2>
         <ul className="space-y-1">

examples/music-player/src/components/ui/badge.tsx

@@ -0,0 +1,36 @@
+import { type VariantProps, cva } from "class-variance-authority";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default:
+          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary:
+          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive:
+          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground",
+      },
+    },
+    defaultVariants: {
+      variant: "default",
+    },
+  },
+);
+
+export interface BadgeProps
+  extends React.HTMLAttributes<HTMLDivElement>,
+    VariantProps<typeof badgeVariants> {}
+
+function Badge({ className, variant, ...props }: BadgeProps) {
+  return (
+    <div className={cn(badgeVariants({ variant }), className)} {...props} />
+  );
+}
+
+export { Badge, badgeVariants };

examples/music-player/src/components/ui/dialog.tsx

@@ -0,0 +1,120 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { X } from "lucide-react";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const Dialog = DialogPrimitive.Root;
+
+const DialogTrigger = DialogPrimitive.Trigger;
+
+const DialogPortal = DialogPrimitive.Portal;
+
+const DialogClose = DialogPrimitive.Close;
+
+const DialogOverlay = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Overlay>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Overlay
+    ref={ref}
+    className={cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className,
+    )}
+    {...props}
+  />
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+
+const DialogContent = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <DialogPortal>
+    <DialogOverlay />
+    <DialogPrimitive.Content
+      ref={ref}
+      className={cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      <DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
+        <X className="h-4 w-4" />
+        <span className="sr-only">Close</span>
+      </DialogPrimitive.Close>
+    </DialogPrimitive.Content>
+  </DialogPortal>
+));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+
+const DialogHeader = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className,
+    )}
+    {...props}
+  />
+);
+DialogHeader.displayName = "DialogHeader";
+
+const DialogFooter = ({
+  className,
+  ...props
+}: React.HTMLAttributes<HTMLDivElement>) => (
+  <div
+    className={cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className,
+    )}
+    {...props}
+  />
+);
+DialogFooter.displayName = "DialogFooter";
+
+const DialogTitle = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Title>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Title
+    ref={ref}
+    className={cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className,
+    )}
+    {...props}
+  />
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+
+const DialogDescription = React.forwardRef<
+  React.ElementRef<typeof DialogPrimitive.Description>,
+  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
+>(({ className, ...props }, ref) => (
+  <DialogPrimitive.Description
+    ref={ref}
+    className={cn("text-sm text-muted-foreground", className)}
+    {...props}
+  />
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export {
+  Dialog,
+  DialogPortal,
+  DialogOverlay,
+  DialogClose,
+  DialogTrigger,
+  DialogContent,
+  DialogHeader,
+  DialogFooter,
+  DialogTitle,
+  DialogDescription,
+};

examples/music-player/src/components/ui/input.tsx

@@ -0,0 +1,22 @@
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
+  ({ className, type, ...props }, ref) => {
+    return (
+      <input
+        type={type}
+        className={cn(
+          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className,
+        )}
+        ref={ref}
+        {...props}
+      />
+    );
+  },
+);
+Input.displayName = "Input";
+
+export { Input };

examples/music-player/src/components/ui/label.tsx

@@ -0,0 +1,24 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { type VariantProps, cva } from "class-variance-authority";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+);
+
+const Label = React.forwardRef<
+  React.ElementRef<typeof LabelPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> &
+    VariantProps<typeof labelVariants>
+>(({ className, ...props }, ref) => (
+  <LabelPrimitive.Root
+    ref={ref}
+    className={cn(labelVariants(), className)}
+    {...props}
+  />
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };

examples/music-player/src/components/ui/tooltip.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import * as React from "react";
+
+import { cn } from "@/lib/utils";
+
+const TooltipProvider = TooltipPrimitive.Provider;
+
+const Tooltip = TooltipPrimitive.Root;
+
+const TooltipTrigger = TooltipPrimitive.Trigger;
+
+const TooltipContent = React.forwardRef<
+  React.ElementRef<typeof TooltipPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+>(({ className, sideOffset = 4, ...props }, ref) => (
+  <TooltipPrimitive.Content
+    ref={ref}
+    sideOffset={sideOffset}
+    className={cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className,
+    )}
+    {...props}
+  />
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

examples/music-player/tests/createAndShare.spec.ts

@@ -1,44 +1,81 @@
-import { test } from "@playwright/test";
+import { BrowserContext, test } from "@playwright/test";
 import { HomePage } from "./pages/HomePage";
-import { LoginPage } from "./pages/LoginPage";
 
 const sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));
 
-test("create a new playlist and share", async ({ page }) => {
-  const loginPage = new LoginPage(page);
+async function mockAuthenticator(context: BrowserContext) {
+  await context.addInitScript(() => {
+    Object.defineProperty(window.navigator, "credentials", {
+      value: {
+        ...window.navigator.credentials,
+        create: async () => ({
+          type: "public-key",
+          id: new Uint8Array([1, 2, 3, 4]),
+          rawId: new Uint8Array([1, 2, 3, 4]),
+          response: {
+            clientDataJSON: new Uint8Array([1]),
+            attestationObject: new Uint8Array([2]),
+          },
+        }),
+        get: async () => ({
+          type: "public-key",
+          id: new Uint8Array([1, 2, 3, 4]),
+          rawId: new Uint8Array([1, 2, 3, 4]),
+          response: {
+            authenticatorData: new Uint8Array([1]),
+            clientDataJSON: new Uint8Array([2]),
+            signature: new Uint8Array([3]),
+          },
+        }),
+      },
+      configurable: true,
+    });
+  });
+}
 
-  await loginPage.goto();
-  await loginPage.fillUsername("S. Mario");
-  await loginPage.signup();
+// Configure the authenticator
+test.beforeEach(async ({ context }) => {
+  // Enable virtual authenticator environment
+  await mockAuthenticator(context);
+});
 
-  const homePage = new HomePage(page);
+test("create a new playlist and share", async ({
+  page: marioPage,
+  browser,
+}) => {
+  await marioPage.goto("/");
+
+  const marioHome = new HomePage(marioPage);
 
   // The example song should be loaded
-  await homePage.expectMusicTrack("Example song");
-  await homePage.editTrackTitle("Example song", "Super Mario World");
+  await marioHome.expectMusicTrack("Example song");
+  await marioHome.editTrackTitle("Example song", "Super Mario World");
 
-  await homePage.createPlaylist();
-  await homePage.editPlaylistTitle("Save the princess");
+  await marioHome.createPlaylist();
+  await marioHome.editPlaylistTitle("Save the princess");
 
-  await homePage.navigateToPlaylist("All tracks");
-  await homePage.addTrackToPlaylist("Super Mario World", "Save the princess");
+  await marioHome.navigateToPlaylist("All tracks");
+  await marioHome.addTrackToPlaylist("Super Mario World", "Save the princess");
 
-  await homePage.navigateToPlaylist("Save the princess");
-  await homePage.expectMusicTrack("Super Mario World");
+  await marioHome.navigateToPlaylist("Save the princess");
+  await marioHome.expectMusicTrack("Super Mario World");
 
-  const url = await homePage.getShareLink();
+  await marioHome.signUp("Mario");
+
+  const url = await marioHome.getShareLink();
 
   await sleep(4000); // Wait for the sync to complete
 
-  await homePage.logout();
+  const luigiPage = await (await browser.newContext()).newPage();
+  await luigiPage.goto("/");
 
-  await loginPage.goto();
-  await loginPage.fillUsername("Luigi");
-  await loginPage.signup();
+  const luigiHome = new HomePage(luigiPage);
 
-  await page.goto(url);
+  await luigiHome.signUp("Luigi");
 
-  await homePage.expectMusicTrack("Super Mario World");
-  await homePage.playMusicTrack("Super Mario World");
-  await homePage.expectActiveTrackPlaying();
+  await luigiPage.goto(url);
+
+  await luigiHome.expectMusicTrack("Super Mario World");
+  await luigiHome.playMusicTrack("Super Mario World");
+  await luigiHome.expectActiveTrackPlaying();
 });

examples/music-player/tests/pages/HomePage.ts

@@ -95,6 +95,14 @@ export class HomePage {
       .click();
   }
 
+  async signUp(name: string) {
+    await this.page.getByRole("button", { name: "Sign up" }).click();
+    await this.page.getByRole("textbox", { name: "Username" }).fill(name);
+    await this.page
+      .getByRole("button", { name: "Sign up with passkey" })
+      .click();
+  }
+
   async logout() {
     await this.logoutButton.click();
   }

examples/music-player/tests/pages/LoginPage.ts

@@ -1,40 +0,0 @@
-import { Locator, Page, expect } from "@playwright/test";
-
-export class LoginPage {
-  readonly page: Page;
-  readonly usernameInput: Locator;
-  readonly signupButton: Locator;
-
-  constructor(page: Page) {
-    this.page = page;
-    this.usernameInput = page.getByRole("textbox");
-    this.signupButton = page.getByRole("button", {
-      name: "Sign up",
-    });
-  }
-
-  async goto() {
-    this.page.goto("/");
-  }
-
-  async fillUsername(value: string) {
-    await this.usernameInput.clear();
-    await this.usernameInput.fill(value);
-  }
-
-  async loginAs(value: string) {
-    await this.page
-      .getByRole("button", {
-        name: value,
-      })
-      .click();
-  }
-
-  async signup() {
-    await this.signupButton.click();
-  }
-
-  async expectLoaded() {
-    await expect(this.signupButton).toBeVisible();
-  }
-}

examples/onboarding/CHANGELOG.md

@@ -1,115 +1,5 @@
 # jazz-example-onboarding
 
-## 0.0.45
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-- jazz-browser-media-images@0.9.23
-
-## 0.0.44
-
-### Patch Changes
-
-- jazz-browser-media-images@0.9.22
-- jazz-react@0.9.22
-
-## 0.0.43
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-browser-media-images@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.42
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-browser-media-images@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.41
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-- jazz-browser-media-images@0.9.19
-
-## 0.0.40
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-- jazz-browser-media-images@0.9.18
-
-## 0.0.39
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-browser-media-images@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.38
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-browser-media-images@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.37
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-browser-media-images@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.36
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-browser-media-images@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.35
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-- jazz-browser-media-images@0.9.13
-
-## 0.0.34
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-- jazz-browser-media-images@0.9.12
-
-## 0.0.33
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-- jazz-browser-media-images@0.9.11
-
 ## 0.0.32
 
 ### Patch Changes

examples/onboarding/README.md

@@ -11,6 +11,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example onboarding --project-name onboarding
+```
+or
+```bash
 npx create-jazz-app@latest --example onboarding --project-name onboarding
 ```
 

examples/onboarding/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-onboarding",
   "private": true,
-  "version": "0.0.45",
+  "version": "0.0.32",
   "type": "module",
   "scripts": {
     "dev": "vite",

examples/organization/CHANGELOG.md

@@ -1,102 +1,5 @@
 # organization
 
-## 0.0.37
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-
-## 0.0.36
-
-### Patch Changes
-
-- jazz-react@0.9.22
-
-## 0.0.35
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.34
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.33
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-
-## 0.0.32
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-
-## 0.0.31
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.30
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.29
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.28
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.27
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-
-## 0.0.26
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-
-## 0.0.25
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-
 ## 0.0.24
 
 ### Patch Changes

examples/organization/README.md

@@ -16,6 +16,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example organization --project-name organization
+```
+or
+```bash
 npx create-jazz-app@latest --example organization --project-name organization
 ```
 

examples/organization/package.json

@@ -1,7 +1,7 @@
 {
   "name": "organization",
   "private": true,
-  "version": "0.0.37",
+  "version": "0.0.24",
   "type": "module",
   "scripts": {
     "dev": "vite",

examples/passkey-svelte/CHANGELOG.md

@@ -1,83 +1,5 @@
 # passkey-svelte
 
-## 0.0.32
-
-### Patch Changes
-
-- jazz-svelte@0.9.23
-
-## 0.0.31
-
-### Patch Changes
-
-- jazz-svelte@0.9.22
-
-## 0.0.30
-
-### Patch Changes
-
-- jazz-svelte@0.9.21
-
-## 0.0.29
-
-### Patch Changes
-
-- jazz-svelte@0.9.20
-
-## 0.0.28
-
-### Patch Changes
-
-- jazz-svelte@0.9.19
-
-## 0.0.27
-
-### Patch Changes
-
-- jazz-svelte@0.9.18
-
-## 0.0.26
-
-### Patch Changes
-
-- jazz-svelte@0.9.17
-
-## 0.0.25
-
-### Patch Changes
-
-- jazz-svelte@0.9.16
-
-## 0.0.24
-
-### Patch Changes
-
-- jazz-svelte@0.9.15
-
-## 0.0.23
-
-### Patch Changes
-
-- jazz-svelte@0.9.14
-
-## 0.0.22
-
-### Patch Changes
-
-- jazz-svelte@0.9.13
-
-## 0.0.21
-
-### Patch Changes
-
-- jazz-svelte@0.9.12
-
-## 0.0.20
-
-### Patch Changes
-
-- jazz-svelte@0.9.11
-
 ## 0.0.19
 
 ### Patch Changes

examples/passkey-svelte/README.md

@@ -21,6 +21,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example passkey-svelte --project-name passkey-svelte
+```
+or
+```bash
 npx create-jazz-app@latest --example passkey-svelte --project-name passkey-svelte
 ```
 

examples/passkey-svelte/package.json

@@ -1,6 +1,6 @@
 {
   "name": "passkey-svelte",
-  "version": "0.0.32",
+  "version": "0.0.19",
   "type": "module",
   "private": true,
   "scripts": {

examples/passkey/CHANGELOG.md

@@ -1,102 +1,5 @@
 # minimal-auth-passkey
 
-## 0.0.42
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-
-## 0.0.41
-
-### Patch Changes
-
-- jazz-react@0.9.22
-
-## 0.0.40
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.39
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.38
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-
-## 0.0.37
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-
-## 0.0.36
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.35
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.34
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.33
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.32
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-
-## 0.0.31
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-
-## 0.0.30
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-
 ## 0.0.29
 
 ### Patch Changes

examples/passkey/README.md

@@ -15,6 +15,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example passkey --project-name passkey
+```
+or
+```bash
 npx create-jazz-app@latest --example passkey --project-name passkey
 ```
 

examples/passkey/package.json

@@ -1,7 +1,7 @@
 {
   "name": "passkey",
   "private": true,
-  "version": "0.0.42",
+  "version": "0.0.29",
   "type": "module",
   "scripts": {
     "dev": "vite",

examples/password-manager/CHANGELOG.md

@@ -1,102 +1,5 @@
 # jazz-password-manager
 
-## 0.0.63
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-
-## 0.0.62
-
-### Patch Changes
-
-- jazz-react@0.9.22
-
-## 0.0.61
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.60
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.59
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-
-## 0.0.58
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-
-## 0.0.57
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.56
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.55
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.54
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.53
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-
-## 0.0.52
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-
-## 0.0.51
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-
 ## 0.0.50
 
 ### Patch Changes

examples/password-manager/README.md

@@ -15,6 +15,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example password-manager --project-name password-manager
+```
+or
+```bash
 npx create-jazz-app@latest --example password-manager --project-name password-manager
 ```
 

examples/password-manager/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-password-manager",
   "private": true,
-  "version": "0.0.63",
+  "version": "0.0.50",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -12,8 +12,8 @@
     "clean-install": "rm -rf node_modules pnpm-lock.yaml && pnpm install"
   },
   "dependencies": {
-    "jazz-react": "workspace:0.9.23",
-    "jazz-tools": "workspace:0.9.23",
+    "jazz-react": "workspace:0.9.10",
+    "jazz-tools": "workspace:0.9.10",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-hook-form": "^7.41.5",

examples/pets/CHANGELOG.md

@@ -1,115 +1,5 @@
 # jazz-example-pets
 
-## 0.0.161
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-- jazz-browser-media-images@0.9.23
-
-## 0.0.160
-
-### Patch Changes
-
-- jazz-browser-media-images@0.9.22
-- jazz-react@0.9.22
-
-## 0.0.159
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-browser-media-images@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.158
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-browser-media-images@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.157
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-- jazz-browser-media-images@0.9.19
-
-## 0.0.156
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-- jazz-browser-media-images@0.9.18
-
-## 0.0.155
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-browser-media-images@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.154
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-browser-media-images@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.153
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-browser-media-images@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.152
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-browser-media-images@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.151
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-- jazz-browser-media-images@0.9.13
-
-## 0.0.150
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-- jazz-browser-media-images@0.9.12
-
-## 0.0.149
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-- jazz-browser-media-images@0.9.11
-
 ## 0.0.148
 
 ### Patch Changes

examples/pets/README.md

@@ -13,6 +13,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example pets --project-name pets
+```
+or
+```bash
 npx create-jazz-app@latest --example pets --project-name pets
 ```
 

examples/pets/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-pets",
   "private": true,
-  "version": "0.0.161",
+  "version": "0.0.148",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -19,9 +19,9 @@
     "@radix-ui/react-toast": "^1.1.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.0.0",
-    "jazz-browser-media-images": "workspace:0.9.23",
-    "jazz-react": "workspace:0.9.23",
-    "jazz-tools": "workspace:0.9.23",
+    "jazz-browser-media-images": "workspace:0.9.10",
+    "jazz-react": "workspace:0.9.10",
+    "jazz-tools": "workspace:0.9.10",
     "lucide-react": "^0.274.0",
     "qrcode": "^1.5.3",
     "react": "^18.3.1",
@@ -41,7 +41,7 @@
     "@vitejs/plugin-react-swc": "^3.3.2",
     "autoprefixer": "^10.4.20",
     "is-ci": "^3.0.1",
-    "jazz-run": "workspace:0.9.23",
+    "jazz-run": "workspace:0.9.10",
     "postcss": "^8.4.27",
     "tailwindcss": "^3.4.15",
     "typescript": "~5.6.2",

examples/reactions/CHANGELOG.md

@@ -1,115 +1,5 @@
 # reactions
 
-## 0.0.41
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-- jazz-browser-media-images@0.9.23
-
-## 0.0.40
-
-### Patch Changes
-
-- jazz-browser-media-images@0.9.22
-- jazz-react@0.9.22
-
-## 0.0.39
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-browser-media-images@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.38
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-browser-media-images@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.37
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-- jazz-browser-media-images@0.9.19
-
-## 0.0.36
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-- jazz-browser-media-images@0.9.18
-
-## 0.0.35
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-browser-media-images@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.34
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-browser-media-images@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.33
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-browser-media-images@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.32
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-browser-media-images@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.31
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-- jazz-browser-media-images@0.9.13
-
-## 0.0.30
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-- jazz-browser-media-images@0.9.12
-
-## 0.0.29
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-- jazz-browser-media-images@0.9.11
-
 ## 0.0.28
 
 ### Patch Changes

examples/reactions/README.md

@@ -13,6 +13,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example reactions --project-name reactions
+```
+or
+```bash
 npx create-jazz-app@latest --example reactions --project-name reactions
 ```
 

examples/reactions/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactions",
   "private": true,
-  "version": "0.0.41",
+  "version": "0.0.28",
   "type": "module",
   "scripts": {
     "dev": "vite",

examples/todo-vue/CHANGELOG.md

@@ -1,115 +1,5 @@
 # todo-vue
 
-## 0.0.46
-
-### Patch Changes
-
-- jazz-browser@0.9.23
-- jazz-tools@0.9.23
-- jazz-vue@0.9.23
-
-## 0.0.45
-
-### Patch Changes
-
-- jazz-browser@0.9.22
-- jazz-vue@0.9.22
-
-## 0.0.44
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-browser@0.9.21
-  - jazz-vue@0.9.21
-
-## 0.0.43
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-browser@0.9.20
-  - jazz-vue@0.9.20
-
-## 0.0.42
-
-### Patch Changes
-
-- jazz-browser@0.9.19
-- jazz-tools@0.9.19
-- jazz-vue@0.9.19
-
-## 0.0.41
-
-### Patch Changes
-
-- jazz-browser@0.9.18
-- jazz-tools@0.9.18
-- jazz-vue@0.9.18
-
-## 0.0.40
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-browser@0.9.17
-  - jazz-vue@0.9.17
-
-## 0.0.39
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-browser@0.9.16
-  - jazz-vue@0.9.16
-
-## 0.0.38
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-browser@0.9.15
-  - jazz-vue@0.9.15
-
-## 0.0.37
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-browser@0.9.14
-  - jazz-vue@0.9.14
-
-## 0.0.36
-
-### Patch Changes
-
-- jazz-browser@0.9.13
-- jazz-tools@0.9.13
-- jazz-vue@0.9.13
-
-## 0.0.35
-
-### Patch Changes
-
-- jazz-browser@0.9.12
-- jazz-tools@0.9.12
-- jazz-vue@0.9.12
-
-## 0.0.34
-
-### Patch Changes
-
-- jazz-browser@0.9.11
-- jazz-tools@0.9.11
-- jazz-vue@0.9.11
-
 ## 0.0.33
 
 ### Patch Changes

examples/todo-vue/README.md

@@ -11,6 +11,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example todo-vue --project-name todo-vue
+```
+or
+```bash
 npx create-jazz-app@latest --example todo-vue --project-name todo-vue
 ```
 

examples/todo-vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "todo-vue",
-  "version": "0.0.46",
+  "version": "0.0.33",
   "private": true,
   "type": "module",
   "scripts": {

examples/todo/CHANGELOG.md

@@ -1,102 +1,5 @@
 # jazz-example-todo
 
-## 0.0.160
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-
-## 0.0.159
-
-### Patch Changes
-
-- jazz-react@0.9.22
-
-## 0.0.158
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.157
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.156
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-
-## 0.0.155
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-
-## 0.0.154
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.153
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.152
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.151
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.150
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-
-## 0.0.149
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-
-## 0.0.148
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-
 ## 0.0.147
 
 ### Patch Changes

examples/todo/README.md

@@ -13,6 +13,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example todo --project-name todo
+```
+or
+```bash
 npx create-jazz-app@latest --example todo --project-name todo
 ```
 

examples/todo/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jazz-example-todo",
   "private": true,
-  "version": "0.0.160",
+  "version": "0.0.147",
   "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",
-    "jazz-react": "workspace:0.9.23",
-    "jazz-tools": "workspace:0.9.23",
+    "jazz-react": "workspace:0.9.10",
+    "jazz-tools": "workspace:0.9.10",
     "lucide-react": "^0.274.0",
     "qrcode": "^1.5.3",
     "react": "^18.3.1",

examples/version-history/CHANGELOG.md

@@ -1,102 +1,5 @@
 # version-history
 
-## 0.0.38
-
-### Patch Changes
-
-- jazz-react@0.9.23
-- jazz-tools@0.9.23
-
-## 0.0.37
-
-### Patch Changes
-
-- jazz-react@0.9.22
-
-## 0.0.36
-
-### Patch Changes
-
-- Updated dependencies [1be017d]
-  - jazz-tools@0.9.21
-  - jazz-react@0.9.21
-
-## 0.0.35
-
-### Patch Changes
-
-- Updated dependencies [b01cc1f]
-  - jazz-tools@0.9.20
-  - jazz-react@0.9.20
-
-## 0.0.34
-
-### Patch Changes
-
-- jazz-react@0.9.19
-- jazz-tools@0.9.19
-
-## 0.0.33
-
-### Patch Changes
-
-- jazz-react@0.9.18
-- jazz-tools@0.9.18
-
-## 0.0.32
-
-### Patch Changes
-
-- Updated dependencies [c2ca1fe]
-- Updated dependencies [1227047]
-  - jazz-tools@0.9.17
-  - jazz-react@0.9.17
-
-## 0.0.31
-
-### Patch Changes
-
-- Updated dependencies [24b3b6a]
-  - jazz-tools@0.9.16
-  - jazz-react@0.9.16
-
-## 0.0.30
-
-### Patch Changes
-
-- Updated dependencies [7491711]
-  - jazz-tools@0.9.15
-  - jazz-react@0.9.15
-
-## 0.0.29
-
-### Patch Changes
-
-- Updated dependencies [3df93cc]
-  - jazz-tools@0.9.14
-  - jazz-react@0.9.14
-
-## 0.0.28
-
-### Patch Changes
-
-- jazz-react@0.9.13
-- jazz-tools@0.9.13
-
-## 0.0.27
-
-### Patch Changes
-
-- jazz-react@0.9.12
-- jazz-tools@0.9.12
-
-## 0.0.26
-
-### Patch Changes
-
-- jazz-react@0.9.11
-- jazz-tools@0.9.11
-
 ## 0.0.25
 
 ### Patch Changes

examples/version-history/README.md

@@ -13,6 +13,10 @@ You can either
 
 Create a new Jazz project, and use this example as a template.
 ```bash
+npm create jazz-app@latest --example version-history --project-name version-history
+```
+or
+```bash
 npx create-jazz-app@latest --example version-history --project-name version-history
 ```
 

examples/version-history/package.json

@@ -1,7 +1,7 @@
 {
   "name": "version-history",
   "private": true,
-  "version": "0.0.38",
+  "version": "0.0.25",
   "type": "module",
   "scripts": {
     "dev": "vite",

flake.lock

@@ -5,11 +5,11 @@
         "systems": "systems"
       },
       "locked": {
-        "lastModified": 1731533236,
-        "narHash": "sha256-l0KFg5HjrsfsO/JpG+r7fRrqm12kzFHyUHqHCVpMMbI=",
+        "lastModified": 1726560853,
+        "narHash": "sha256-X6rJYSESBVr3hBoH0WbKE5KvhPU5bloyZ2L4K60/fPQ=",
         "owner": "numtide",
         "repo": "flake-utils",
-        "rev": "11707dc2f618dd54ca8739b309ec4fc024de578b",
+        "rev": "c1dfcf08411b08f6b8615f7d8971a2bfa81d5e8a",
         "type": "github"
       },
       "original": {
@@ -20,11 +20,11 @@
     },
     "nixpkgs": {
       "locked": {
-        "lastModified": 1737885589,
-        "narHash": "sha256-Zf0hSrtzaM1DEz8//+Xs51k/wdSajticVrATqDrfQjg=",
+        "lastModified": 1730785428,
+        "narHash": "sha256-Zwl8YgTVJTEum+L+0zVAWvXAGbWAuXHax3KzuejaDyo=",
         "owner": "nixos",
         "repo": "nixpkgs",
-        "rev": "852ff1d9e153d8875a83602e03fdef8a63f0ecf8",
+        "rev": "4aa36568d413aca0ea84a1684d2d46f55dbabad7",
         "type": "github"
       },
       "original": {

flake.nix

@@ -18,15 +18,12 @@
           buildInputs = with pkgs; [
             nodejs_22
             nodePackages.pnpm
-            git
           ];
 
           shellHook = ''
-            echo ""
             echo "Welcome to the Jazz development environment!"
             echo "Run 'pnpm install' to install the dependencies."
-            echo ""
           '';
         };
       });
-}
+}

homepage/design-system/src/app/components/atoms/Button.tsx

@@ -1,11 +1,11 @@
 import { clsx } from "clsx";
 import Link from "next/link";
 import { forwardRef } from "react";
-import { Icon } from "./Icon";
+import { Icon } from "../atoms/Icon";
 import { Spinner } from "./Spinner";
 
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  variant?: "primary" | "secondary" | "tertiary" | "destructive" | "plain";
+  variant?: "primary" | "secondary" | "tertiary";
   size?: "sm" | "md" | "lg";
   href?: string;
   newTab?: boolean;
@@ -42,7 +42,6 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
       loading,
       loadingText,
       icon,
-      type = "button",
       ...buttonProps
     },
     ref,
@@ -59,21 +58,16 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
       secondary:
         "text-stone-900 border font-medium hover:border-stone-300 hover:dark:border-stone-700 dark:text-white",
       tertiary: "text-blue underline underline-offset-4",
-      destructive:
-        "bg-red-600 border-red-600 text-white font-medium hover:bg-red-700 hover:border-red-700",
     };
 
-    const classNames =
-      variant === "plain"
-        ? className
-        : clsx(
-            className,
-            "inline-flex items-center justify-center gap-2 rounded-lg text-center transition-colors",
-            "disabled:pointer-events-none disabled:opacity-70",
-            sizeClasses[size],
-            variantClasses[variant],
-            disabled && "opacity-50 cursor-not-allowed pointer-events-none",
-          );
+    const classNames = clsx(
+      className,
+      "inline-flex items-center justify-center gap-2 rounded-lg text-center transition-colors",
+      "disabled:pointer-events-none disabled:opacity-70",
+      sizeClasses[size],
+      variantClasses[variant],
+      disabled && "opacity-50 cursor-not-allowed pointer-events-none",
+    );
 
     if (href) {
       return (
@@ -101,7 +95,6 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
         {...buttonProps}
         disabled={disabled || loading}
         className={classNames}
-        type={type}
       >
         <ButtonIcon icon={icon} loading={loading} />
 

homepage/design-system/src/app/components/atoms/Copyright.tsx

@@ -1,13 +0,0 @@
-export function Copyright({
-  className,
-  companyName = "Garden Computing, Inc.",
-}: {
-  companyName?: string;
-  className?: string;
-}) {
-  return (
-    <p className={className}>
-      © {new Date().getFullYear()} {companyName}
-    </p>
-  );
-}

homepage/design-system/src/app/components/atoms/Heading.tsx

@@ -1,48 +0,0 @@
-import clsx from "clsx";
-
-type HeadingProps = {
-  level?: 1 | 2 | 3 | 4 | 5 | 6;
-  size?: 1 | 2 | 3 | 4 | 5 | 6;
-} & React.ComponentPropsWithoutRef<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
-
-const classes = {
-  1: [
-    "font-display",
-    "text-stone-950 dark:text-white",
-    "text-5xl lg:text-6xl",
-    "mb-3",
-    "font-medium",
-    "tracking-tighter",
-  ],
-  2: [
-    "font-display",
-    "text-stone-950 dark:text-white",
-    "text-2xl md:text-4xl",
-    "mb-2",
-    "font-semibold",
-    "tracking-tight",
-  ],
-  3: [
-    "font-display",
-    "text-stone-950 dark:text-white",
-    "text-xl md:text-2xl",
-    "mb-2",
-    "font-semibold",
-    "tracking-tight",
-  ],
-  4: ["text-bold"],
-  5: [],
-  6: [],
-};
-
-export function Heading({
-  className,
-  level = 1,
-  size: customSize,
-  ...props
-}: HeadingProps) {
-  let Element: `h${typeof level}` = `h${level}`;
-  const size = customSize || level;
-
-  return <Element {...props} className={clsx(classes[size])} />;
-}

homepage/design-system/src/app/components/atoms/Headings.tsx

@@ -1,38 +1,85 @@
 import clsx from "clsx";
-import { Heading } from "./Heading";
 
-export function H1(
-  props: React.ComponentPropsWithoutRef<"h1"> & React.PropsWithChildren,
-) {
-  return <Heading level={1} {...props} />;
+interface HeadingProps {
+  children: React.ReactNode;
+  className?: string;
+  id?: string;
 }
 
-export function H2(
-  props: React.ComponentPropsWithoutRef<"h2"> & React.PropsWithChildren,
-) {
-  return <Heading level={2} {...props} />;
+export function H1({ children, className, id }: HeadingProps) {
+  return (
+    <h1
+      id={id}
+      className={clsx(
+        className,
+        "font-display",
+        "text-stone-950 dark:text-white",
+        "text-5xl lg:text-6xl",
+        "mb-3",
+        "font-medium",
+        "tracking-tighter",
+      )}
+    >
+      {children}
+    </h1>
+  );
 }
 
-export function H3(
-  props: React.ComponentPropsWithoutRef<"h3"> & React.PropsWithChildren,
-) {
-  return <Heading level={3} {...props} />;
+export function H2({ children, className, id }: HeadingProps) {
+  return (
+    <h2
+      id={id}
+      className={clsx(
+        className,
+        "font-display",
+        "text-stone-950 dark:text-white",
+        "text-2xl md:text-4xl",
+        "mb-2",
+        "font-semibold",
+        "tracking-tight",
+      )}
+    >
+      {children}
+    </h2>
+  );
 }
 
-export function H4(
-  props: React.ComponentPropsWithoutRef<"h4"> & React.PropsWithChildren,
-) {
-  return <Heading level={4} {...props} />;
+export function H3({ children, className, id }: HeadingProps) {
+  return (
+    <h3
+      id={id}
+      className={clsx(
+        className,
+        "font-display",
+        "text-stone-950 dark:text-white",
+        "text-xl md:text-2xl",
+        "mb-2",
+        "font-semibold",
+        "tracking-tight",
+      )}
+    >
+      {children}
+    </h3>
+  );
 }
 
-export function H5(
-  props: React.ComponentPropsWithoutRef<"h5"> & React.PropsWithChildren,
-) {
-  return <Heading level={5} {...props} />;
+export function H4({ children, className, id }: HeadingProps) {
+  return (
+    <h4 id={id} className={clsx(className, "text-bold")}>
+      {children}
+    </h4>
+  );
 }
 
-export function H6(
-  props: React.ComponentPropsWithoutRef<"h6"> & React.PropsWithChildren,
-) {
-  return <Heading level={6} {...props} />;
+export function Kicker({ children, className }: HeadingProps) {
+  return (
+    <p
+      className={clsx(
+        className,
+        "uppercase text-blue tracking-widest text-sm font-medium dark:text-stone-400",
+      )}
+    >
+      {children}
+    </p>
+  );
 }

homepage/design-system/src/app/components/atoms/Kicker.tsx

@@ -1,21 +0,0 @@
-import clsx from "clsx";
-
-export function Kicker({
-  children,
-  className,
-  as,
-}: React.ComponentPropsWithoutRef<"p"> & {
-  as?: React.ElementType;
-}) {
-  const Element = as ?? "p";
-  return (
-    <Element
-      className={clsx(
-        className,
-        "uppercase text-blue tracking-widest text-sm font-medium dark:text-stone-400",
-      )}
-    >
-      {children}
-    </Element>
-  );
-}

homepage/design-system/src/app/components/molecules/Input.tsx

@@ -1,33 +1,32 @@
 import { clsx } from "clsx";
-import { forwardRef, useId } from "react";
+import { useId } from "react";
 
-interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-  // label can be hidden with a "label:sr-only" className
+interface Props extends React.InputHTMLAttributes<HTMLInputElement> {
+  // label is required for a11y, but you can hide it with a "label:sr-only" className
   label: string;
-  className?: string;
-  id?: string;
+  type?: "text" | "email" | "number";
 }
-export const Input = forwardRef<HTMLInputElement, InputProps>(
-  ({ label, className, id: customId, ...inputProps }, ref) => {
-    const generatedId = useId();
-    const id = customId || generatedId;
 
-    const inputClassName = clsx(
-      "w-full rounded-md border px-3.5 py-2 shadow-sm",
-      "font-medium text-stone-900",
-      "dark:text-white dark:bg-stone-925",
-    );
+export function Input(props: Props) {
+  const { label, id: customId, className, type = "text" } = props;
+  const generatedId = useId();
+  const id = customId || generatedId;
 
-    const containerClassName = clsx("grid gap-1", className);
+  const inputClassName = clsx(
+    "w-full rounded-md border px-3.5 py-2 shadow-sm",
+    "font-medium text-stone-900",
+    "dark:text-white",
+  );
 
-    return (
-      <div className={containerClassName}>
-        <label htmlFor={id} className="text-stone-600 dark:text-stone-300">
-          {label}
-        </label>
+  const containerClassName = clsx("grid gap-1", className);
 
-        <input ref={ref} {...inputProps} id={id} className={inputClassName} />
-      </div>
-    );
-  },
-);
+  return (
+    <div className={containerClassName}>
+      <label htmlFor={id} className="text-stone-600 dark:text-stone-300">
+        {label}
+      </label>
+
+      <input {...props} type={type} id={id} className={inputClassName} />
+    </div>
+  );
+}

homepage/design-system/src/app/components/molecules/SectionHeader.tsx

@@ -1,7 +1,6 @@
 import clsx from "clsx";
 import { ReactNode } from "react";
-import { H2 } from "../atoms/Headings";
-import { Kicker } from "../atoms/Kicker";
+import { H2, Kicker } from "../atoms/Headings";
 import { Prose } from "./Prose";
 
 function H2Sub({ children }: { children: React.ReactNode }) {

homepage/design-system/src/app/components/molecules/Select.tsx

@@ -14,9 +14,10 @@ export function Select(
   const containerClassName = clsx("grid gap-1", className);
 
   const selectClassName = clsx(
+    "g-select",
     "w-full rounded-md border shadow-sm px-2 py-1.5 text-sm",
     "font-medium text-stone-900",
-    "dark:text-white dark:bg-stone-925",
+    "dark:text-white",
     "appearance-none",
   );
 

homepage/design-system/src/app/components/organisms/Footer.tsx

@@ -4,7 +4,6 @@ import clsx from "clsx";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { ComponentType, ReactNode } from "react";
-import { Copyright } from "../atoms/Copyright";
 import { NewsletterForm } from "./NewsletterForm";
 import { SocialLinks, SocialLinksProps } from "./SocialLinks";
 
@@ -19,13 +18,29 @@ type FooterSection = {
 
 type FooterProps = {
   logo: ReactNode;
+  companyName: string;
   sections: FooterSection[];
   socials: SocialLinksProps;
   themeToggle: ComponentType<{ className?: string }>;
 };
 
+function Copyright({
+  className,
+  companyName,
+}: {
+  companyName: string;
+  className?: string;
+}) {
+  return (
+    <p className={clsx(className, "text-sm")}>
+      © {new Date().getFullYear()} {companyName}
+    </p>
+  );
+}
+
 export function Footer({
   logo,
+  companyName,
   sections,
   socials,
   themeToggle: ThemeToggle,
@@ -67,7 +82,10 @@ export function Footer({
             </div>
           ))}
 
-          <Copyright className="text-sm order-last col-span-full self-center md:col-span-10 md:order-none" />
+          <Copyright
+            className="order-last col-span-full self-center md:col-span-10 md:order-none"
+            companyName={companyName}
+          />
 
           <div className="col-span-full flex items-center justify-between gap-6 md:col-span-2">
             <SocialLinks {...socials}></SocialLinks>

homepage/gcmp/app/layout.tsx

@@ -9,7 +9,6 @@ import { GcmpNav } from "@/components/Nav";
 import { ThemeToggle } from "@/components/ThemeToggle";
 import { Analytics } from "@vercel/analytics/react";
 import { SpeedInsights } from "@vercel/speed-insights/next";
-import { Copyright } from "gcmp-design-system/src/app/components/atoms/Copyright";
 
 // If loading a variable font, you don't need to specify the font weight
 const manrope = Manrope({
@@ -99,7 +98,7 @@ export default function RootLayout({
           <GcmpNav />
           <main className="flex-1 w-full">{children}</main>
           <footer className="py-8 text-sm flex justify-between gap-3 w-full container mt-12 md:mt-20">
-            <Copyright />
+            <p>©2024 Garden Computing, Inc.</p>
 
             <ThemeToggle className="hidden md:block" />
           </footer>

homepage/homepage/.gitignore

@@ -40,6 +40,3 @@ codeSamples
 .turbo
 
 .env
-
-# LLM docs
-public/llms*.txt

homepage/homepage/app/docs/[framework]/[...slug]/page.tsx

@@ -1,7 +1,7 @@
 import DocsLayout from "@/app/docs/[framework]/(others)/layout";
 import { TableOfContents } from "@/components/docs/TableOfContents";
 import ComingSoonPage from "@/components/docs/coming-soon.mdx";
-import { docNavigationItems } from "@/lib/docNavigationItems.js";
+import { docNavigationItems } from "@/lib/docNavigationItems";
 import { Framework, frameworks } from "@/lib/framework";
 import type { Toc } from "@stefanprobst/rehype-extract-toc";
 import { Prose } from "gcmp-design-system/src/app/components/molecules/Prose";

homepage/homepage/app/docs/[framework]/[...slug]/schemas/accounts-and-migrations.mdx

@@ -132,7 +132,7 @@ As you develop your app, you'll likely want to
 - initialise data in a user's `root` and `profile`
 - add more data to your `root` and `profile` schemas
 
-You can achieve both by overriding the `migrate()` method on your `Account` schema class.
+You can achieve both by overriding the static `migrate()` method on your `Account` schema class.
 
 ### When migrations run
 

homepage/homepage/components/docs/docs-intro.mdx

@@ -8,6 +8,14 @@ The Jazz docs are currently heavily work in progress, sorry about that!
 
 Run the following command to create a new Jazz project from one of our example apps:
 
+<CodeGroup>
+```sh
+npm create jazz-app@latest
+```
+</CodeGroup>
+
+or
+
 <CodeGroup>
 ```sh
 npx create-jazz-app@latest
@@ -39,20 +47,7 @@ Sync and persist your data by setting up a [sync and storage infrastructure](/do
 
 Learn how to structure your data using [collaborative values](/docs/schemas/covalues).
 
-## API Reference
-
-Many of the packages provided are documented in the [API Reference](/api-reference).
-
-## LLM Docs
-
-We support the [llms.txt](https://llmstxt.org/) convention for making documentation available to large language models and the applications that make use of them.
-
-We currently have: 
-
-- [/llms.txt](/llms.txt) - A overview listing of the available packages and their documentation
-- [/llms-full.txt](/llms-full.txt) - Full documentation for our packages
-
 ## Get support
 
 If you have any questions or need assistance, please don't hesitate to reach out to us on [Discord](https://discord.gg/utDMjHYg42).
-We would love to help you get started.
+We would love to help you get started.

homepage/homepage/components/docs/nav.tsx

@@ -3,7 +3,7 @@
 import { SideNav } from "@/components/SideNav";
 import { SideNavHeader } from "@/components/SideNavHeader";
 import { FrameworkSelect } from "@/components/docs/FrameworkSelect";
-import { docNavigationItems } from "@/lib/docNavigationItems.js";
+import { docNavigationItems } from "@/lib/docNavigationItems";
 import { useFramework } from "@/lib/use-framework";
 import { clsx } from "clsx";
 

homepage/homepage/components/docs/tags.tsx

@@ -156,14 +156,8 @@ export function FnDecl({
   doc: ReactNode;
   example: ReactNode;
 }) {
-  // Extract the method name from the signature (everything before the first parenthesis or type parameter)
-  const methodName = signature.match(/^[^(<]+/)?.[0];
-
   return (
-    <div
-      id={methodName}
-      className="text-sm flex flex-col gap-3 my-2 p-3 rounded bg-stone-50 dark:bg-stone-925"
-    >
+    <div className="text-sm flex flex-col gap-3 my-2 p-3 rounded bg-stone-50 dark:bg-stone-925">
       <div className="flex flex-col gap-2">
         <div>
           {<Highlight>{signature + ":"}</Highlight>}{" "}

homepage/homepage/components/footer.tsx

@@ -7,6 +7,7 @@ export function JazzFooter() {
   return (
     <Footer
       logo={<GcmpLogo monochrome className="w-36" />}
+      companyName="Garden Computing, Inc."
       socials={socials}
       themeToggle={ThemeToggle}
       sections={[