fix: correctly setup the metro config on React Native templates

Fix copy password button
Show button on mobile
2025-02-12 19:22:23 +01:00 · 2025-02-12 19:43:20 +07:00 · 2025-02-12 19:43:20 +07:00 · 2025-02-12 19:43:20 +07:00 · 2025-02-12 12:55:19 +01:00 · 2025-02-12 11:52:07 +00:00
101 changed files with 711 additions and 146 deletions
--- a/.changeset/red-geese-rescue.md
+++ b/.changeset/red-geese-rescue.md
@@ -0,0 +1,5 @@
+---
+"create-jazz-app": patch
+---
+
+Correctly setup the metro config on React Native templates
--- a/examples/chat-rn-clerk/CHANGELOG.md
+++ b/examples/chat-rn-clerk/CHANGELOG.md
@@ -1,5 +1,14 @@
 # chat-rn-clerk

+## 1.0.67
+
+### Patch Changes
+
+- jazz-react-native@0.10.2
+- jazz-react-native-auth-clerk@0.10.2
+- jazz-tools@0.10.2
+- jazz-react-native-media-images@0.10.2
+
 ## 1.0.66

 ### Patch Changes
--- a/examples/chat-rn-clerk/package.json
+++ b/examples/chat-rn-clerk/package.json
@@ -1,7 +1,7 @@
 {
  "name": "chat-rn-clerk",
  "main": "index.js",
-  "version": "1.0.66",
+  "version": "1.0.67",
  "scripts": {
    "build": "expo export -p ios",
    "start": "expo start",
--- a/examples/chat-rn/CHANGELOG.md
+++ b/examples/chat-rn/CHANGELOG.md
@@ -1,5 +1,12 @@
 # chat-rn

+## 1.0.64
+
+### Patch Changes
+
+- jazz-react-native@0.10.2
+- jazz-tools@0.10.2
+
 ## 1.0.63

 ### Patch Changes
--- a/examples/chat-rn/package.json
+++ b/examples/chat-rn/package.json
@@ -1,6 +1,6 @@
 {
  "name": "chat-rn",
-  "version": "1.0.63",
+  "version": "1.0.64",
  "main": "index.js",
  "scripts": {
    "build": "expo export -p ios",
--- a/examples/chat-vue/CHANGELOG.md
+++ b/examples/chat-vue/CHANGELOG.md
@@ -1,5 +1,13 @@
 # chat-vue

+## 0.0.51
+
+### Patch Changes
+
+- jazz-browser@0.10.2
+- jazz-tools@0.10.2
+- jazz-vue@0.10.2
+
 ## 0.0.50

 ### Patch Changes
--- a/examples/chat-vue/package.json
+++ b/examples/chat-vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "chat-vue",
-  "version": "0.0.50",
+  "version": "0.0.51",
  "private": true,
  "type": "module",
  "scripts": {
--- a/examples/chat/CHANGELOG.md
+++ b/examples/chat/CHANGELOG.md
@@ -1,5 +1,13 @@
 # jazz-example-chat

+## 0.0.147
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+- jazz-browser-media-images@0.10.2
+
 ## 0.0.146

 ### Patch Changes
--- a/examples/chat/package.json
+++ b/examples/chat/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-chat",
  "private": true,
-  "version": "0.0.146",
+  "version": "0.0.147",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/examples/clerk/CHANGELOG.md
+++ b/examples/clerk/CHANGELOG.md
@@ -1,5 +1,13 @@
 # minimal-auth-clerk

+## 0.0.46
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-react-auth-clerk@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.45

 ### Patch Changes
--- a/examples/clerk/package.json
+++ b/examples/clerk/package.json
@@ -1,7 +1,7 @@
 {
  "name": "clerk",
  "private": true,
-  "version": "0.0.45",
+  "version": "0.0.46",
  "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.10.1",
+    "jazz-react-auth-clerk": "workspace:0.10.2",
    "jazz-tools": "workspace:*",
    "react": "^18.3.1",
    "react-dom": "^18.3.1"
--- a/examples/file-share-svelte/CHANGELOG.md
+++ b/examples/file-share-svelte/CHANGELOG.md
@@ -1,5 +1,12 @@
 # file-share-svelte

+## 0.0.31
+
+### Patch Changes
+
+- jazz-svelte@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.30

 ### Patch Changes
--- a/examples/file-share-svelte/package.json
+++ b/examples/file-share-svelte/package.json
@@ -1,6 +1,6 @@
 {
  "name": "file-share-svelte",
-  "version": "0.0.30",
+  "version": "0.0.31",
  "private": true,
  "type": "module",
  "scripts": {
--- a/examples/form/CHANGELOG.md
+++ b/examples/form/CHANGELOG.md
@@ -1,5 +1,13 @@
 # form

+## 0.0.42
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+- jazz-browser-media-images@0.10.2
+
 ## 0.0.41

 ### Patch Changes
--- a/examples/form/package.json
+++ b/examples/form/package.json
@@ -1,7 +1,7 @@
 {
  "name": "form",
  "private": true,
-  "version": "0.0.41",
+  "version": "0.0.42",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/examples/image-upload/CHANGELOG.md
+++ b/examples/image-upload/CHANGELOG.md
@@ -1,5 +1,13 @@
 # image-upload

+## 0.0.44
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+- jazz-browser-media-images@0.10.2
+
 ## 0.0.43

 ### Patch Changes
--- a/examples/image-upload/package.json
+++ b/examples/image-upload/package.json
@@ -1,7 +1,7 @@
 {
  "name": "image-upload",
  "private": true,
-  "version": "0.0.43",
+  "version": "0.0.44",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/examples/inspector/CHANGELOG.md
+++ b/examples/inspector/CHANGELOG.md
@@ -1,5 +1,13 @@
 # jazz-example-inspector

+## 0.0.105
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - cojson-transport-ws@0.10.2
+
 ## 0.0.104

 ### Patch Changes
--- a/examples/inspector/package.json
+++ b/examples/inspector/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-inspector-app",
  "private": true,
-  "version": "0.0.104",
+  "version": "0.0.105",
  "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.10.1",
-    "cojson-transport-ws": "workspace:0.10.1",
+    "cojson": "workspace:0.10.2",
+    "cojson-transport-ws": "workspace:0.10.2",
    "hash-slash": "workspace:0.2.1",
    "lucide-react": "^0.274.0",
    "qrcode": "^1.5.3",
--- a/examples/music-player/CHANGELOG.md
+++ b/examples/music-player/CHANGELOG.md
@@ -1,5 +1,13 @@
 # jazz-example-musicplayer

+## 0.0.68
+
+### Patch Changes
+
+- jazz-inspector@0.10.2
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.67

 ### Patch Changes
--- a/examples/music-player/package.json
+++ b/examples/music-player/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-music-player",
  "private": true,
-  "version": "0.0.67",
+  "version": "0.0.68",
  "type": "module",
  "scripts": {
    "dev": "vite",
@@ -22,8 +22,8 @@
    "class-variance-authority": "^0.7.0",
    "clsx": "^2.0.0",
    "jazz-inspector": "workspace:*",
-    "jazz-react": "workspace:0.10.1",
-    "jazz-tools": "workspace:0.10.1",
+    "jazz-react": "workspace:0.10.2",
+    "jazz-tools": "workspace:0.10.2",
    "lucide-react": "^0.274.0",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
--- a/examples/onboarding/CHANGELOG.md
+++ b/examples/onboarding/CHANGELOG.md
@@ -1,5 +1,13 @@
 # jazz-example-onboarding

+## 0.0.48
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+- jazz-browser-media-images@0.10.2
+
 ## 0.0.47

 ### Patch Changes
--- a/examples/onboarding/package.json
+++ b/examples/onboarding/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-onboarding",
  "private": true,
-  "version": "0.0.47",
+  "version": "0.0.48",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/examples/organization/CHANGELOG.md
+++ b/examples/organization/CHANGELOG.md
@@ -1,5 +1,12 @@
 # organization

+## 0.0.40
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.39

 ### Patch Changes
--- a/examples/organization/package.json
+++ b/examples/organization/package.json
@@ -1,7 +1,7 @@
 {
  "name": "organization",
  "private": true,
-  "version": "0.0.39",
+  "version": "0.0.40",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/examples/passkey-svelte/CHANGELOG.md
+++ b/examples/passkey-svelte/CHANGELOG.md
@@ -1,5 +1,11 @@
 # passkey-svelte

+## 0.0.35
+
+### Patch Changes
+
+- jazz-svelte@0.10.2
+
 ## 0.0.34

 ### Patch Changes
--- a/examples/passkey-svelte/package.json
+++ b/examples/passkey-svelte/package.json
@@ -1,6 +1,6 @@
 {
  "name": "passkey-svelte",
-  "version": "0.0.34",
+  "version": "0.0.35",
  "type": "module",
  "private": true,
  "scripts": {
--- a/examples/passkey/CHANGELOG.md
+++ b/examples/passkey/CHANGELOG.md
@@ -1,5 +1,12 @@
 # minimal-auth-passkey

+## 0.0.45
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.44

 ### Patch Changes
--- a/examples/passkey/package.json
+++ b/examples/passkey/package.json
@@ -1,7 +1,7 @@
 {
  "name": "passkey",
  "private": true,
-  "version": "0.0.44",
+  "version": "0.0.45",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/examples/passphrase/CHANGELOG.md
+++ b/examples/passphrase/CHANGELOG.md
@@ -1,5 +1,12 @@
 # passphrase

+## 0.0.42
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.41

 ### Patch Changes
--- a/examples/passphrase/package.json
+++ b/examples/passphrase/package.json
@@ -1,7 +1,7 @@
 {
  "name": "passphrase",
  "private": true,
-  "version": "0.0.41",
+  "version": "0.0.42",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/examples/password-manager/CHANGELOG.md
+++ b/examples/password-manager/CHANGELOG.md
@@ -1,5 +1,12 @@
 # jazz-password-manager

+## 0.0.66
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.65

 ### Patch Changes
--- a/examples/password-manager/package.json
+++ b/examples/password-manager/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-password-manager",
  "private": true,
-  "version": "0.0.65",
+  "version": "0.0.66",
  "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.10.1",
-    "jazz-tools": "workspace:0.10.1",
+    "jazz-react": "workspace:0.10.2",
+    "jazz-tools": "workspace:0.10.2",
    "react": "^18.3.1",
    "react-dom": "^18.3.1",
    "react-hook-form": "^7.41.5",
--- a/examples/pets/CHANGELOG.md
+++ b/examples/pets/CHANGELOG.md
@@ -1,5 +1,13 @@
 # jazz-example-pets

+## 0.0.164
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+- jazz-browser-media-images@0.10.2
+
 ## 0.0.163

 ### Patch Changes
--- a/examples/pets/package.json
+++ b/examples/pets/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-pets",
  "private": true,
-  "version": "0.0.163",
+  "version": "0.0.164",
  "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.10.1",
-    "jazz-react": "workspace:0.10.1",
-    "jazz-tools": "workspace:0.10.1",
+    "jazz-browser-media-images": "workspace:0.10.2",
+    "jazz-react": "workspace:0.10.2",
+    "jazz-tools": "workspace:0.10.2",
    "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.10.1",
+    "jazz-run": "workspace:0.10.2",
    "postcss": "^8.4.27",
    "tailwindcss": "^3.4.17",
    "typescript": "~5.6.2",
--- a/examples/reactions/CHANGELOG.md
+++ b/examples/reactions/CHANGELOG.md
@@ -1,5 +1,13 @@
 # reactions

+## 0.0.44
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+- jazz-browser-media-images@0.10.2
+
 ## 0.0.43

 ### Patch Changes
--- a/examples/reactions/package.json
+++ b/examples/reactions/package.json
@@ -1,7 +1,7 @@
 {
  "name": "reactions",
  "private": true,
-  "version": "0.0.43",
+  "version": "0.0.44",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/examples/todo-vue/CHANGELOG.md
+++ b/examples/todo-vue/CHANGELOG.md
@@ -1,5 +1,13 @@
 # todo-vue

+## 0.0.49
+
+### Patch Changes
+
+- jazz-browser@0.10.2
+- jazz-tools@0.10.2
+- jazz-vue@0.10.2
+
 ## 0.0.48

 ### Patch Changes
--- a/examples/todo-vue/package.json
+++ b/examples/todo-vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "todo-vue",
-  "version": "0.0.48",
+  "version": "0.0.49",
  "private": true,
  "type": "module",
  "scripts": {
--- a/examples/todo/CHANGELOG.md
+++ b/examples/todo/CHANGELOG.md
@@ -1,5 +1,12 @@
 # jazz-example-todo

+## 0.0.163
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.162

 ### Patch Changes
--- a/examples/todo/package.json
+++ b/examples/todo/package.json
@@ -1,7 +1,7 @@
 {
  "name": "jazz-example-todo",
  "private": true,
-  "version": "0.0.162",
+  "version": "0.0.163",
  "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.10.1",
-    "jazz-tools": "workspace:0.10.1",
+    "jazz-react": "workspace:0.10.2",
+    "jazz-tools": "workspace:0.10.2",
    "lucide-react": "^0.274.0",
    "qrcode": "^1.5.3",
    "react": "^18.3.1",
--- a/examples/version-history/CHANGELOG.md
+++ b/examples/version-history/CHANGELOG.md
@@ -1,5 +1,12 @@
 # version-history

+## 0.0.41
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.40

 ### Patch Changes
--- a/examples/version-history/package.json
+++ b/examples/version-history/package.json
@@ -1,7 +1,7 @@
 {
  "name": "version-history",
  "private": true,
-  "version": "0.0.40",
+  "version": "0.0.41",
  "type": "module",
  "scripts": {
    "dev": "vite",
--- a/homepage/design-system/src/app/components/atoms/Icon.tsx
+++ b/homepage/design-system/src/app/components/atoms/Icon.tsx
@@ -77,6 +77,7 @@ const icons = {

 // copied from tailwind line height https://tailwindcss.com/docs/font-size
 const sizes = {
+  "2xs": 14,
  xs: 16,
  sm: 20,
  md: 24,
@@ -93,6 +94,7 @@ const sizes = {
 };

 const strokeWidths = {
+  "2xs": 2.5,
  xs: 2,
  sm: 2,
  md: 1.5,
--- a/homepage/design-system/src/app/components/molecules/CodeGroup.tsx
+++ b/homepage/design-system/src/app/components/molecules/CodeGroup.tsx
@@ -1,18 +1,18 @@
 "use client";

 import { clsx } from "clsx";
-import { useEffect, useRef, useState } from "react";
+import { useEffect, useId, useRef, useState } from "react";
 import { Icon } from "../atoms/Icon";

 // TODO: add tabs feature, and remove CodeExampleTabs

 function CopyButton({ code, size }: { code: string; size: "md" | "lg" }) {
-  let [copyCount, setCopyCount] = useState(0);
-  let copied = copyCount > 0;
+  const [copyCount, setCopyCount] = useState(0);
+  const copied = copyCount > 0;

  useEffect(() => {
    if (copyCount > 0) {
-      let timeout = setTimeout(() => setCopyCount(0), 1000);
+      const timeout = setTimeout(() => setCopyCount(0), 1000);
      return () => {
        clearTimeout(timeout);
      };
@@ -23,7 +23,8 @@ function CopyButton({ code, size }: { code: string; size: "md" | "lg" }) {
    <button
      type="button"
      className={clsx(
-        "group/button absolute overflow-hidden rounded text-2xs font-medium opacity-0 backdrop-blur transition focus:opacity-100 group-hover:opacity-100",
+        "group/button absolute overflow-hidden rounded text-2xs font-medium md:opacity-0 backdrop-blur transition md:focus:opacity-100 group-hover:opacity-100",
+        "right-[9px] top-[9px]",
        copied
          ? "bg-emerald-400/10 ring-1 ring-inset ring-emerald-400/20"
          : "bg-white/5 hover:bg-white/7.5 dark:bg-white/2.5 dark:hover:bg-white/5",
@@ -72,13 +73,13 @@ export function CodeGroup({
  size = "md",
  className,
 }: {
-  children: React.ReactNode;
+  children?: React.ReactNode;
+  text?: string;
  size?: "md" | "lg";
  className?: string;
 }) {
  const textRef = useRef<HTMLPreElement | null>(null);
  const [code, setCode] = useState<string>();
-
  useEffect(() => {
    if (textRef.current) {
      setCode(textRef.current.innerText);
--- a/homepage/design-system/src/app/components/organisms/Dialog.tsx
+++ b/homepage/design-system/src/app/components/organisms/Dialog.tsx
@@ -0,0 +1,108 @@
+import * as Headless from "@headlessui/react";
+import clsx from "clsx";
+import type React from "react";
+
+const sizes = {
+  xs: "sm:max-w-xs",
+  sm: "sm:max-w-sm",
+  md: "sm:max-w-md",
+  lg: "sm:max-w-lg",
+  xl: "sm:max-w-xl",
+  "2xl": "sm:max-w-2xl",
+  "3xl": "sm:max-w-3xl",
+  "4xl": "sm:max-w-4xl",
+  "5xl": "sm:max-w-5xl",
+};
+
+export type DialogProps = {
+  size?: keyof typeof sizes;
+  className?: string;
+  children: React.ReactNode;
+} & Omit<Headless.DialogProps, "as" | "className">;
+
+export function Dialog({
+  size = "lg",
+  className,
+  children,
+  ...props
+}: DialogProps) {
+  return (
+    <Headless.Dialog {...props}>
+      <Headless.DialogBackdrop
+        transition
+        className="z-50 fixed inset-0 flex w-screen justify-center overflow-y-auto bg-stone-950/25 px-2 py-2 transition duration-100 focus:outline-0 data-[closed]:opacity-0 data-[enter]:ease-out data-[leave]:ease-in sm:px-6 sm:py-8 lg:px-8 lg:py-16 dark:bg-stone-950/70"
+      />
+
+      <div className="z-50 fixed inset-0 w-screen overflow-y-auto pt-6 sm:pt-0">
+        <div className="grid min-h-full grid-rows-[1fr_auto] justify-items-center sm:grid-rows-[1fr_auto_3fr] sm:p-4">
+          <Headless.DialogPanel
+            transition
+            className={clsx(
+              className,
+              sizes[size],
+              "row-start-2 w-full min-w-0 rounded-t-3xl bg-white p-[--gutter] shadow-lg ring-1 ring-stone-950/10 [--gutter:theme(spacing.8)] sm:mb-auto sm:rounded-2xl dark:bg-stone-950 dark:ring-white/10 forced-colors:outline",
+              "transition duration-100 will-change-transform data-[closed]:translate-y-12 data-[closed]:opacity-0 data-[enter]:ease-out data-[leave]:ease-in sm:data-[closed]:translate-y-0 sm:data-[closed]:data-[enter]:scale-95",
+            )}
+          >
+            {children}
+          </Headless.DialogPanel>
+        </div>
+      </div>
+    </Headless.Dialog>
+  );
+}
+
+export function DialogTitle({
+  className,
+  ...props
+}: { className?: string } & Omit<
+  Headless.DialogTitleProps,
+  "as" | "className"
+>) {
+  return (
+    <Headless.DialogTitle
+      {...props}
+      className={clsx(
+        className,
+        "text-balance text-lg/6 font-semibold text-stone-900 dark:text-white",
+      )}
+    />
+  );
+}
+
+export function DialogDescription({
+  className,
+  ...props
+}: { className?: string } & Omit<
+  Headless.DescriptionProps,
+  "as" | "className"
+>) {
+  return (
+    <Headless.Description
+      {...props}
+      className={clsx(className, "mt-2 text-pretty")}
+    />
+  );
+}
+
+export function DialogBody({
+  className,
+  ...props
+}: React.ComponentPropsWithoutRef<"div">) {
+  return <div {...props} className={clsx(className, "mt-6")} />;
+}
+
+export function DialogActions({
+  className,
+  ...props
+}: React.ComponentPropsWithoutRef<"div">) {
+  return (
+    <div
+      {...props}
+      className={clsx(
+        className,
+        "mt-8 flex flex-col-reverse items-center justify-end gap-3 *:w-full sm:flex-row sm:*:w-auto",
+      )}
+    />
+  );
+}
--- a/homepage/homepage/app/(docs)/docs/[framework]/[...slug]/upgrade/0-10-0.mdx
+++ b/homepage/homepage/app/(docs)/docs/[framework]/[...slug]/upgrade/0-10-0.mdx
@@ -24,7 +24,8 @@ export const metadata = { title: "Jazz 0.10.0 is out!" };
  - [Group inheritance with role mapping](/docs/upgrade/0-10-0#group-inheritance): Groups can now inherit members from other groups with a fixed role.
  - Support for Node 14 dropped on cojson.
  - Bugfix: `Group.removeMember` now returns a promise.
-  - Now cojson and jazz-tools don't export directly the crypto providers anymore. Replace the import with `cojson/crypto/WasmCrypto` or `cojson/crypto/PureJSCrypto` depending on your use case.
+  - Now `cojson` and `jazz-tools` don't export directly the crypto providers anymore. Replace the import with `cojson/crypto/WasmCrypto` or `cojson/crypto/PureJSCrypto` depending on your use case.
+</div>

  <h3 id="new-authentication-flow">New authentication flow</h3>
  <div>
--- a/homepage/homepage/app/(others)/examples/page.tsx
+++ b/homepage/homepage/app/(others)/examples/page.tsx
@@ -283,27 +283,31 @@ const PasswordManagerIllustration = () => (
        </tr>
      </thead>
      <tbody>
-        <tr className="border-b">
-          <td className="p-2">user@gmail.com</td>
-          <td className="p-2">gmail.com</td>
-          <td className="p-2">
-            <MockButton>Copy password</MockButton>
-          </td>
-        </tr>
-        <tr className="border-b">
-          <td className="p-2">user@gmail.com</td>
-          <td className="p-2">fb.com</td>
-          <td className="p-2">
-            <MockButton>Copy password</MockButton>
-          </td>
-        </tr>
-        <tr className="border-b">
-          <td className="p-2">user@gmail.com</td>
-          <td className="p-2">x.com</td>
-          <td className="p-2">
-            <MockButton>Copy password</MockButton>
-          </td>
-        </tr>
+        {[
+          {
+            email: "user@gmail.com",
+            domain: "gmail.com",
+          },
+          {
+            email: "user@gmail.com",
+            domain: "fb.com",
+          },
+          {
+            email: "user@gmail.com",
+            domain: "x.com",
+          },
+        ].map(({ email, domain }) => (
+          <tr className="border-b max-sm:last:hidden" key={domain}>
+            <td className="p-2">{email}</td>
+            <td className="p-2">{domain}</td>
+            <td className="p-2">
+              <MockButton>
+                <Icon name="copy" size="2xs" className="mr-1" />
+                Password
+              </MockButton>
+            </td>
+          </tr>
+        ))}
      </tbody>
    </table>
  </div>
--- a/homepage/homepage/components/examples/CreateJazzApp.mdx
+++ b/homepage/homepage/components/examples/CreateJazzApp.mdx
@@ -0,0 +1,3 @@
+```sh
+npx create-jazz-app@latest --example $EXAMPLE
+```
--- a/homepage/homepage/components/examples/ExampleLinks.tsx
+++ b/homepage/homepage/components/examples/ExampleLinks.tsx
@@ -1,21 +1,66 @@
+"use client";
+
 import { Example } from "@/lib/example";
+import { InterpolateInCode } from "@/mdx-components";
+import { DialogDescription } from "@headlessui/react";
 import { Button } from "gcmp-design-system/src/app/components/atoms/Button";
+import { CodeGroup } from "gcmp-design-system/src/app/components/molecules/CodeGroup";
+import {
+  Dialog,
+  DialogActions,
+  DialogBody,
+  DialogTitle,
+} from "gcmp-design-system/src/app/components/organisms/Dialog";
+import { useState } from "react";
+import CreateJazzApp from "./CreateJazzApp.mdx";

 export function ExampleLinks({ example }: { example: Example }) {
  const { slug, demoUrl } = example;
  const githubUrl = `https://github.com/gardencmp/jazz/tree/main/examples/${slug}`;
+  const [isOpen, setIsOpen] = useState(false);

  return (
-    <div className="flex gap-2">
-      <Button href={githubUrl} newTab variant="secondary" size="sm">
-        View code
-      </Button>
-
-      {demoUrl && (
-        <Button href={demoUrl} newTab variant="secondary" size="sm">
-          View demo
+    <>
+      <div className="flex gap-2">
+        <Button variant="secondary" size="sm" onClick={() => setIsOpen(true)}>
+          Use as template
        </Button>
-      )}
-    </div>
+        <Button href={githubUrl} newTab variant="secondary" size="sm">
+          <span className="md:hidden">Code</span>
+          <span className="hidden md:inline">View code</span>
+        </Button>
+
+        {demoUrl && (
+          <Button href={demoUrl} newTab variant="secondary" size="sm">
+            <span className="md:hidden">Demo</span>
+            <span className="hidden md:inline">View demo</span>
+          </Button>
+        )}
+      </div>
+
+      <Dialog onClose={() => setIsOpen(false)} open={isOpen}>
+        <DialogTitle>Use {example.name} example as a template</DialogTitle>
+        <DialogBody>
+          <div className="mb-6 aspect-[16/9] overflow-hidden w-full rounded-md bg-white border dark:bg-stone-925 sm:aspect-[2/1] md:aspect-[3/2]">
+            {example.illustration}
+          </div>
+          <p className="mb-3">
+            Generate a new Jazz app by running the command below.
+          </p>
+          <CodeGroup>
+            <CreateJazzApp
+              components={InterpolateInCode({
+                $EXAMPLE: example.slug,
+              })}
+            />
+          </CodeGroup>
+        </DialogBody>
+        <DialogActions>
+          <Button onClick={() => setIsOpen(false)} variant="secondary">
+            Cancel
+          </Button>
+        </DialogActions>
+      </Dialog>
+    </>
  );
 }
--- a/homepage/homepage/mdx-components.tsx
+++ b/homepage/homepage/mdx-components.tsx
@@ -1,9 +1,31 @@
-import { DocsLink } from "@/components/docs/DocsLink";
 import type { MDXComponents } from "mdx/types";

 export function useMDXComponents(components: MDXComponents): MDXComponents {
  return {
-    a: (props) => <DocsLink {...props} />,
    ...components,
+    CodeWithInterpolation: ({
+      highlightedCode,
+    }: { highlightedCode: string }) => {
+      return <div dangerouslySetInnerHTML={{ __html: highlightedCode }} />;
+    },
+  };
+}
+
+export function InterpolateInCode(replace: { [key: string]: string }) {
+  return {
+    CodeWithInterpolation: ({
+      highlightedCode,
+    }: { highlightedCode: string }) => {
+      const newHighlightedCode = Object.entries(replace).reduce(
+        (acc, [key, value]) => {
+          return acc.replaceAll(
+            key.replaceAll("$", "&#36;").replaceAll("_", "&#95;"),
+            value,
+          );
+        },
+        highlightedCode,
+      );
+      return <div dangerouslySetInnerHTML={{ __html: newHighlightedCode }} />;
+    },
  };
 }
--- a/homepage/homepage/next.config.mjs
+++ b/homepage/homepage/next.config.mjs
@@ -38,7 +38,7 @@ function highlightPlugin() {
  return async function transformer(tree) {
    const highlighter = await getHighlighter({
      langs: ["typescript", "bash", "tsx", "json", "svelte"],
-      theme: "css-variables", // use the theme
+      theme: "css-variables", // use css variables in shiki.css
    });

    visit(tree, "code", visitor);
@@ -116,7 +116,7 @@ function remarkHtmlToJsx() {
    const [ast] = args;
    visit(ast, "html", (node) => {
      const escapedHtml = JSON.stringify(node.value);
-      const jsx = `<div dangerouslySetInnerHTML={{__html: ${escapedHtml} }}/>`;
+      const jsx = `<CodeWithInterpolation highlightedCode={${escapedHtml}}/>`;
      const rawHtmlNode = fromMarkdown(jsx, {
        extensions: [mdxjs()],
        mdastExtensions: [mdxFromMarkdown()],
--- a/packages/cojson-storage-indexeddb/CHANGELOG.md
+++ b/packages/cojson-storage-indexeddb/CHANGELOG.md
@@ -1,5 +1,13 @@
 # cojson-storage-indexeddb

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - cojson-storage@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/cojson-storage-indexeddb/package.json
+++ b/packages/cojson-storage-indexeddb/package.json
@@ -1,6 +1,6 @@
 {
  "name": "cojson-storage-indexeddb",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "main": "dist/index.js",
  "type": "module",
  "types": "src/index.ts",
--- a/packages/cojson-storage-rn-sqlite/CHANGELOG.md
+++ b/packages/cojson-storage-rn-sqlite/CHANGELOG.md
@@ -1,5 +1,13 @@
 # cojson-storage-sqlite

+## 0.8.62
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - cojson-storage@0.10.2
+
 ## 0.8.61

 ### Patch Changes
--- a/packages/cojson-storage-rn-sqlite/package.json
+++ b/packages/cojson-storage-rn-sqlite/package.json
@@ -1,7 +1,7 @@
 {
  "name": "cojson-storage-rn-sqlite",
  "type": "module",
-  "version": "0.8.61",
+  "version": "0.8.62",
  "main": "dist/index.js",
  "types": "src/index.ts",
  "license": "MIT",
--- a/packages/cojson-storage-sqlite/CHANGELOG.md
+++ b/packages/cojson-storage-sqlite/CHANGELOG.md
@@ -1,5 +1,13 @@
 # cojson-storage-sqlite

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - cojson-storage@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/cojson-storage-sqlite/package.json
+++ b/packages/cojson-storage-sqlite/package.json
@@ -1,13 +1,13 @@
 {
  "name": "cojson-storage-sqlite",
  "type": "module",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "main": "dist/index.js",
  "types": "src/index.ts",
  "license": "MIT",
  "dependencies": {
    "better-sqlite3": "^11.7.0",
-    "cojson": "workspace:0.10.1",
+    "cojson": "workspace:0.10.2",
    "cojson-storage": "workspace:*"
  },
  "devDependencies": {
--- a/packages/cojson-storage/CHANGELOG.md
+++ b/packages/cojson-storage/CHANGELOG.md
@@ -1,5 +1,12 @@
 # cojson-storage

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/cojson-storage/package.json
+++ b/packages/cojson-storage/package.json
@@ -1,6 +1,6 @@
 {
  "name": "cojson-storage",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "main": "dist/index.js",
  "type": "module",
  "types": "src/index.ts",
--- a/packages/cojson-transport-ws/CHANGELOG.md
+++ b/packages/cojson-transport-ws/CHANGELOG.md
@@ -1,5 +1,12 @@
 # cojson-transport-nodejs-ws

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/cojson-transport-ws/package.json
+++ b/packages/cojson-transport-ws/package.json
@@ -1,7 +1,7 @@
 {
  "name": "cojson-transport-ws",
  "type": "module",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "main": "dist/index.js",
  "types": "src/index.ts",
  "license": "MIT",
--- a/packages/cojson/CHANGELOG.md
+++ b/packages/cojson/CHANGELOG.md
@@ -1,5 +1,11 @@
 # cojson

+## 0.10.2
+
+### Patch Changes
+
+- cae3a9e: Add debug info to load failure end missing header errors
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/cojson/package.json
+++ b/packages/cojson/package.json
@@ -25,7 +25,7 @@
  },
  "type": "module",
  "license": "MIT",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "devDependencies": {
    "@opentelemetry/sdk-metrics": "^1.29.0",
    "typescript": "~5.6.2",
--- a/packages/cojson/src/coValueState.ts
+++ b/packages/cojson/src/coValueState.ts
@@ -307,6 +307,7 @@ async function loadCoValueFromPeers(
      const timeout = setTimeout(() => {
        if (coValueEntry.state.type === "loading") {
          logger.warn("Failed to load coValue from peer", {
+            coValueId: coValueEntry.id,
            peerId: peer.id,
            peerRole: peer.role,
          });
--- a/packages/cojson/src/sync.ts
+++ b/packages/cojson/src/sync.ts
@@ -531,7 +531,11 @@ export class SyncManager {

    if (entry.state.type !== "available") {
      if (!msg.header) {
-        logger.error("Expected header to be sent in first message");
+        logger.error("Expected header to be sent in first message", {
+          coValueId: msg.id,
+          peerId: peer.id,
+          peerRole: peer.role,
+        });
        return;
      }

--- a/packages/create-jazz-app/src/config.ts
+++ b/packages/create-jazz-app/src/config.ts
@@ -67,35 +67,53 @@ export const configMap: ConfigStructure = {
  },
 };

+export const PLATFORM = {
+  WEB: "web",
+  REACT_NATIVE: "react-native",
+} as const;
+
 export type FrameworkAuthPair =
  `${ValidFramework<Environment, ValidEngine<Environment>>}-${ValidAuth<Environment, ValidEngine<Environment>, ValidFramework<Environment, ValidEngine<Environment>>>}-auth`;

 export const frameworkToAuthExamples: Partial<
-  Record<FrameworkAuthPair, { name: string; repo: string | undefined }>
+  Record<
+    FrameworkAuthPair,
+    {
+      name: string;
+      repo: string | undefined;
+      platform: (typeof PLATFORM)[keyof typeof PLATFORM];
+    }
+  >
 > = {
  "react-demo-auth": {
    name: "React + Jazz + Demo Auth + Tailwind",
    repo: "garden-co/jazz/starters/react-demo-auth-tailwind",
+    platform: PLATFORM.WEB,
  },
  "react-passkey-auth": {
    name: "React + Jazz + Passkey Auth",
    repo: "garden-co/jazz/examples/passkey",
+    platform: PLATFORM.WEB,
  },
  "react-clerk-auth": {
    name: "React + Jazz + Clerk Auth",
    repo: "garden-co/jazz/examples/clerk",
+    platform: PLATFORM.WEB,
  },
  "vue-demo-auth": {
    name: "Vue + Jazz + Demo Auth",
    repo: "garden-co/jazz/examples/todo-vue",
+    platform: PLATFORM.WEB,
  },
  "svelte-passkey-auth": {
    name: "Svelte + Jazz + Passkey Auth",
    repo: "garden-co/jazz/examples/passkey-svelte",
+    platform: PLATFORM.WEB,
  },
  "rn-clerk-auth": {
    name: "React Native Expo + Jazz + Clerk Auth",
    repo: "garden-co/jazz/examples/chat-rn-clerk",
+    platform: PLATFORM.REACT_NATIVE,
  },
 };

--- a/packages/create-jazz-app/src/index.ts
+++ b/packages/create-jazz-app/src/index.ts
@@ -12,6 +12,7 @@ import ora from "ora";
 import {
  Framework,
  type FrameworkAuthPair,
+  PLATFORM,
  frameworkToAuthExamples,
  frameworks,
 } from "./config.js";
@@ -82,6 +83,10 @@ async function getLatestPackageVersions(
  return versions;
 }

+function getPlatformFromTemplateName(template: string) {
+  return template.includes("-rn") ? PLATFORM.REACT_NATIVE : PLATFORM.WEB;
+}
+
 async function scaffoldProject({
  template,
  projectName,
@@ -92,12 +97,14 @@ async function scaffoldProject({

  const starterConfig = frameworkToAuthExamples[
    template as FrameworkAuthPair
-  ] || { name: template, repo: "garden-co/jazz/examples/" + template };
-  if (!starterConfig) {
-    throw new Error(`Invalid template: ${template}`);
-  }
+  ] || {
+    name: template,
+    repo: "garden-co/jazz/examples/" + template,
+    platform: getPlatformFromTemplateName(template),
+  };

-  const devCommand = template.includes("rn-clerk") ? "ios" : "dev";
+  const devCommand =
+    starterConfig.platform === PLATFORM.REACT_NATIVE ? "ios" : "dev";

  if (!starterConfig.repo) {
    throw new Error(
@@ -207,7 +214,7 @@ async function scaffoldProject({
  }

  // Additional setup for React Native
-  if (template === "react-native-expo-clerk-auth") {
+  if (starterConfig.platform === PLATFORM.REACT_NATIVE) {
    const rnSpinner = ora({
      text: chalk.blue("Setting up React Native project..."),
      spinner: "dots",
--- a/packages/jazz-auth-clerk/CHANGELOG.md
+++ b/packages/jazz-auth-clerk/CHANGELOG.md
@@ -1,5 +1,14 @@
 # jazz-browser-media-images

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - jazz-browser@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-auth-clerk/package.json
+++ b/packages/jazz-auth-clerk/package.json
@@ -1,14 +1,14 @@
 {
  "name": "jazz-auth-clerk",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "dist/index.js",
  "types": "src/index.ts",
  "license": "MIT",
  "dependencies": {
-    "cojson": "workspace:0.10.1",
-    "jazz-browser": "workspace:0.10.1",
-    "jazz-tools": "workspace:0.10.1"
+    "cojson": "workspace:0.10.2",
+    "jazz-browser": "workspace:0.10.2",
+    "jazz-tools": "workspace:0.10.2"
  },
  "scripts": {
    "format-and-lint": "biome check .",
--- a/packages/jazz-browser-media-images/CHANGELOG.md
+++ b/packages/jazz-browser-media-images/CHANGELOG.md
@@ -1,5 +1,12 @@
 # jazz-browser-media-images

+## 0.10.2
+
+### Patch Changes
+
+- jazz-browser@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-browser-media-images/package.json
+++ b/packages/jazz-browser-media-images/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-browser-media-images",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "dist/index.js",
  "types": "src/index.ts",
@@ -8,8 +8,8 @@
  "dependencies": {
    "@types/image-blob-reduce": "^4.1.1",
    "image-blob-reduce": "^4.1.0",
-    "jazz-browser": "workspace:0.10.1",
-    "jazz-tools": "workspace:0.10.1",
+    "jazz-browser": "workspace:0.10.2",
+    "jazz-tools": "workspace:0.10.2",
    "pica": "^9.0.1",
    "typescript": "~5.6.2"
  },
--- a/packages/jazz-browser/CHANGELOG.md
+++ b/packages/jazz-browser/CHANGELOG.md
@@ -1,5 +1,15 @@
 # jazz-browser

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - cojson-storage-indexeddb@0.10.2
+  - cojson-transport-ws@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-browser/package.json
+++ b/packages/jazz-browser/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-browser",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "dist/index.js",
  "types": "src/index.ts",
--- a/packages/jazz-inspector/CHANGELOG.md
+++ b/packages/jazz-inspector/CHANGELOG.md
@@ -1,5 +1,14 @@
 # jazz-inspector

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - jazz-react-core@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-inspector/package.json
+++ b/packages/jazz-inspector/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-inspector",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "./dist/app.js",
  "types": "./dist/app.d.ts",
--- a/packages/jazz-nodejs/CHANGELOG.md
+++ b/packages/jazz-nodejs/CHANGELOG.md
@@ -1,5 +1,14 @@
 # jazz-autosub

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - cojson-transport-ws@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-nodejs/package.json
+++ b/packages/jazz-nodejs/package.json
@@ -5,7 +5,7 @@
  "types": "src/index.ts",
  "type": "module",
  "license": "MIT",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "dependencies": {
    "cojson": "workspace:*",
    "cojson-transport-ws": "workspace:*",
--- a/packages/jazz-react-auth-clerk/CHANGELOG.md
+++ b/packages/jazz-react-auth-clerk/CHANGELOG.md
@@ -1,5 +1,15 @@
 # jazz-browser-media-images

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - jazz-auth-clerk@0.10.2
+  - jazz-react@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-react-auth-clerk/package.json
+++ b/packages/jazz-react-auth-clerk/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-react-auth-clerk",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "dist/index.js",
  "types": "src/index.tsx",
--- a/packages/jazz-react-core/CHANGELOG.md
+++ b/packages/jazz-react-core/CHANGELOG.md
@@ -1,5 +1,13 @@
 # jazz-react-core

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-react-core/package.json
+++ b/packages/jazz-react-core/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-react-core",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "dist/index.js",
  "types": "src/index.ts",
--- a/packages/jazz-react-native-auth-clerk/CHANGELOG.md
+++ b/packages/jazz-react-native-auth-clerk/CHANGELOG.md
@@ -1,5 +1,15 @@
 # jazz-react-native-auth-clerk

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - jazz-auth-clerk@0.10.2
+  - jazz-react-native@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-react-native-auth-clerk/package.json
+++ b/packages/jazz-react-native-auth-clerk/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-react-native-auth-clerk",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "dist/index.js",
  "types": "src/index.tsx",
--- a/packages/jazz-react-native-media-images/CHANGELOG.md
+++ b/packages/jazz-react-native-media-images/CHANGELOG.md
@@ -1,5 +1,11 @@
 # jazz-browser-media-images

+## 0.10.2
+
+### Patch Changes
+
+- jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-react-native-media-images/package.json
+++ b/packages/jazz-react-native-media-images/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-react-native-media-images",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "dist/index.js",
  "types": "src/index.ts",
--- a/packages/jazz-react-native/CHANGELOG.md
+++ b/packages/jazz-react-native/CHANGELOG.md
@@ -1,5 +1,16 @@
 # jazz-browser

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - cojson-storage-rn-sqlite@0.8.62
+  - cojson-transport-ws@0.10.2
+  - jazz-react-core@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-react-native/package.json
+++ b/packages/jazz-react-native/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-react-native",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "./dist/index.js",
  "module": "./dist/index.js",
--- a/packages/jazz-react/CHANGELOG.md
+++ b/packages/jazz-react/CHANGELOG.md
@@ -1,5 +1,15 @@
 # jazz-react

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - jazz-browser@0.10.2
+  - jazz-react-core@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-react/package.json
+++ b/packages/jazz-react/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-react",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "dist/index.js",
  "types": "src/index.ts",
@@ -17,10 +17,10 @@
  },
  "dependencies": {
    "@scure/bip39": "^1.3.0",
-    "cojson": "workspace:0.10.1",
-    "jazz-browser": "workspace:0.10.1",
+    "cojson": "workspace:0.10.2",
+    "jazz-browser": "workspace:0.10.2",
    "jazz-react-core": "workspace:*",
-    "jazz-tools": "workspace:0.10.1"
+    "jazz-tools": "workspace:0.10.2"
  },
  "devDependencies": {
    "@testing-library/dom": "^10.4.0",
--- a/packages/jazz-run/CHANGELOG.md
+++ b/packages/jazz-run/CHANGELOG.md
@@ -1,5 +1,15 @@
 # jazz-run

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - cojson-storage-sqlite@0.10.2
+  - cojson-transport-ws@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-run/package.json
+++ b/packages/jazz-run/package.json
@@ -3,7 +3,7 @@
  "bin": "./dist/index.js",
  "type": "module",
  "license": "MIT",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "exports": {
    "./startSyncServer": {
      "import": "./dist/startSyncServer.js",
@@ -28,11 +28,11 @@
    "@effect/printer-ansi": "^0.34.5",
    "@effect/schema": "^0.71.1",
    "@effect/typeclass": "^0.25.5",
-    "cojson": "workspace:0.10.1",
-    "cojson-storage-sqlite": "workspace:0.10.1",
-    "cojson-transport-ws": "workspace:0.10.1",
+    "cojson": "workspace:0.10.2",
+    "cojson-storage-sqlite": "workspace:0.10.2",
+    "cojson-transport-ws": "workspace:0.10.2",
    "effect": "^3.6.5",
-    "jazz-tools": "workspace:0.10.1",
+    "jazz-tools": "workspace:0.10.2",
    "ws": "^8.14.2"
  },
  "devDependencies": {
--- a/packages/jazz-svelte/CHANGELOG.md
+++ b/packages/jazz-svelte/CHANGELOG.md
@@ -1,5 +1,14 @@
 # jazz-svelte

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - jazz-browser@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-svelte/package.json
+++ b/packages/jazz-svelte/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-svelte",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "scripts": {
    "dev": "vite dev",
    "build": "vite build && npm run package",
--- a/packages/jazz-tools/CHANGELOG.md
+++ b/packages/jazz-tools/CHANGELOG.md
@@ -1,5 +1,12 @@
 # jazz-tools

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-tools/package.json
+++ b/packages/jazz-tools/package.json
@@ -17,7 +17,7 @@
  },
  "type": "module",
  "license": "MIT",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "dependencies": {
    "@scure/bip39": "^1.3.0",
    "cojson": "workspace:*"
--- a/packages/jazz-vue/CHANGELOG.md
+++ b/packages/jazz-vue/CHANGELOG.md
@@ -1,5 +1,14 @@
 # jazz-react

+## 0.10.2
+
+### Patch Changes
+
+- Updated dependencies [cae3a9e]
+  - cojson@0.10.2
+  - jazz-browser@0.10.2
+  - jazz-tools@0.10.2
+
 ## 0.10.1

 ### Patch Changes
--- a/packages/jazz-vue/package.json
+++ b/packages/jazz-vue/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jazz-vue",
-  "version": "0.10.1",
+  "version": "0.10.2",
  "type": "module",
  "main": "dist/index.js",
  "types": "src/index.ts",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -468,7 +468,7 @@ importers:
        specifier: workspace:*
        version: link:../../packages/jazz-react
      jazz-react-auth-clerk:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-react-auth-clerk
      jazz-tools:
        specifier: workspace:*
@@ -697,10 +697,10 @@ importers:
        specifier: ^2.0.0
        version: 2.1.1
      cojson:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/cojson
      cojson-transport-ws:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/cojson-transport-ws
      hash-slash:
        specifier: workspace:0.2.1
@@ -794,10 +794,10 @@ importers:
        specifier: workspace:*
        version: link:../../packages/jazz-inspector
      jazz-react:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-react
      jazz-tools:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-tools
      lucide-react:
        specifier: ^0.274.0
@@ -1088,10 +1088,10 @@ importers:
  examples/password-manager:
    dependencies:
      jazz-react:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-react
      jazz-tools:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-tools
      react:
        specifier: 18.3.1
@@ -1152,13 +1152,13 @@ importers:
        specifier: ^2.0.0
        version: 2.1.1
      jazz-browser-media-images:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-browser-media-images
      jazz-react:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-react
      jazz-tools:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-tools
      lucide-react:
        specifier: ^0.274.0
@@ -1213,7 +1213,7 @@ importers:
        specifier: ^3.0.1
        version: 3.0.1
      jazz-run:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-run
      postcss:
        specifier: ^8.4.27
@@ -1292,10 +1292,10 @@ importers:
        specifier: ^2.0.0
        version: 2.1.1
      jazz-react:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-react
      jazz-tools:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../../packages/jazz-tools
      lucide-react:
        specifier: ^0.274.0
@@ -1557,7 +1557,7 @@ importers:
        specifier: ^11.7.0
        version: 11.7.0
      cojson:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../cojson
      cojson-storage:
        specifier: workspace:*
@@ -1635,13 +1635,13 @@ importers:
  packages/jazz-auth-clerk:
    dependencies:
      cojson:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../cojson
      jazz-browser:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../jazz-browser
      jazz-tools:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../jazz-tools
    devDependencies:
      typescript:
@@ -1679,10 +1679,10 @@ importers:
        specifier: ^4.1.0
        version: 4.1.0
      jazz-browser:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../jazz-browser
      jazz-tools:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../jazz-tools
      pica:
        specifier: ^9.0.1
@@ -1754,16 +1754,16 @@ importers:
        specifier: ^1.3.0
        version: 1.5.0
      cojson:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../cojson
      jazz-browser:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../jazz-browser
      jazz-react-core:
        specifier: workspace:*
        version: link:../jazz-react-core
      jazz-tools:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../jazz-tools
    devDependencies:
      '@testing-library/dom':
@@ -1946,19 +1946,19 @@ importers:
        specifier: ^0.25.5
        version: 0.25.8(effect@3.11.9)
      cojson:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../cojson
      cojson-storage-sqlite:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../cojson-storage-sqlite
      cojson-transport-ws:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../cojson-transport-ws
      effect:
        specifier: ^3.6.5
        version: 3.11.9
      jazz-tools:
-        specifier: workspace:0.10.1
+        specifier: workspace:0.10.2
        version: link:../jazz-tools
      ws:
        specifier: ^8.14.2
--- a/starters/react-demo-auth-tailwind/CHANGELOG.md
+++ b/starters/react-demo-auth-tailwind/CHANGELOG.md
@@ -1,5 +1,12 @@
 # jazz-tailwind-demo-auth-starter

+## 0.0.41
+
+### Patch Changes
+
+- jazz-react@0.10.2
+- jazz-tools@0.10.2
+
 ## 0.0.40

 ### Patch Changes
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Guido D'Orsi	48ac92bc67	fix: correctly setup the metro config on React Native templates	2025-02-12 19:22:23 +01:00
Trisha Lim	d3603625fd	Fix copy password button	2025-02-12 19:43:20 +07:00
Trisha Lim	fa94d8c171	Show button on mobile	2025-02-12 19:43:20 +07:00
Trisha Lim	aeb094baa1	Add "use as template" button to examples	2025-02-12 19:43:20 +07:00
Guido D'Orsi	18f3497397	Merge pull request #1361 from garden-co/changeset-release/main Version Packages	2025-02-12 12:55:19 +01:00
github-actions[bot]	8be7158d1f	Version Packages	2025-02-12 11:52:07 +00:00
Guido D'Orsi	cae3a9ee32	feat: add debug info to load failure end missing header errors	2025-02-12 12:50:29 +01:00
Guido D'Orsi	6260045140	docs: small improvement on the upgrade guide	2025-02-12 11:57:00 +01:00
Guido D'Orsi	466d79d9a6	docs: fix missing enclosing div	2025-02-12 11:47:46 +01:00