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

Version Packages

.changeset/config.json

@@ -13,11 +13,14 @@
       "jazz-browser",
       "jazz-auth-clerk",
       "jazz-browser-media-images",
+      "jazz-expo",
+      "jazz-inspector",
       "jazz-nodejs",
       "jazz-react",
+      "jazz-react-core",
       "jazz-react-auth-clerk",
+      "jazz-react-native-core",
       "jazz-react-native",
-      "jazz-react-native-auth-clerk",
       "jazz-react-native-media-images",
       "jazz-run",
       "jazz-svelte",

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

@@ -7,8 +7,7 @@ on:
       - ".github/actions/android-emulator/**"
       - ".github/actions/source-code/**"
       - ".github/workflows/e2e-rn-test.yml"
-      - "examples/chat-rn/**"
-      - "examples/chat-rn-clerk/**"
+      - "examples/chat-rn-expo/**"
       - "packages/**"
 
 jobs:
@@ -36,8 +35,8 @@ jobs:
       - name: Pnpm Build
         run: pnpm turbo build --filter="./packages/*"
 
-      - name: chat-rn App Pre Build
-        working-directory: ./examples/chat-rn
+      - name: chat-rn-expo App Pre Build
+        working-directory: ./examples/chat-rn-expo
         run: |
           pnpm build
           pnpm expo prebuild --clean
@@ -61,7 +60,7 @@ jobs:
           force-avd-creation: false
           emulator-options: -no-snapshot-save -no-window -gpu swiftshader_indirect -noaudio -no-boot-anim -camera-back none -no-metrics
           disable-animations: true
-          working-directory: ./examples/chat-rn/
+          working-directory: ./examples/chat-rn-expo/
           script: ./test/e2e/run.sh
 
       - name: Copy Maestro Output

.github/workflows/pre-release.yml

@@ -1,7 +1,7 @@
 name: Pre-Publish tagged Pull Requests
 on:
   pull_request:
-    types: [opened, synchronize, reopened]
+    types: [opened, synchronize, reopened, labeled]
 
 jobs:
   pre-release:
@@ -99,4 +99,4 @@ jobs:
                 );
                 await logPublishInfo();
               }
-            }
+            }

.github/workflows/release.yml

@@ -25,6 +25,9 @@ jobs:
       - name: Setup Source Code
         uses: ./.github/actions/source-code/
 
+      - name: Build packages
+        run: pnpm exec turbo run build --filter='./packages/*'
+
       - name: Create Release Pull Request or Publish to npm
         id: changesets
         uses: changesets/action@v1

.gitignore

@@ -22,6 +22,12 @@ test-results
 
 .husky
 
-.vscode/settings.json
+.vscode/*
 
-.svelte-kit
+.svelte-kit
+
+.cursorrules
+.windsurfrules
+
+
+.idea

.idea/.gitignore

@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,6 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+  </profile>
+</component>

.idea/jazz.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/jazz.iml" filepath="$PROJECT_DIR$/.idea/jazz.iml" />
+    </modules>
+  </component>
+</project>

.idea/php.xml

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="MessDetectorOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCSFixerOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PHPCodeSnifferOptionsConfiguration">
+    <option name="highlightLevel" value="WARNING" />
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PhpStanOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+  <component name="PsalmOptionsConfiguration">
+    <option name="transferred" value="true" />
+  </component>
+</project>

.idea/prettier.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="PrettierConfiguration">
+    <option name="myConfigurationMode" value="AUTOMATIC" />
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

CONTRIBUTING.md

@@ -36,7 +36,7 @@ We welcome all ideas! If you have suggestions, feel free to open an issue marked
 
 ### 5. Local Setup
 
-You'll need Node.js 20.x or 22.x installed (we're working on support for 23.x), and pnpm 9.x installed. If you're using nix, run `nix develop` to get a shell with the correct versions of everything installed.
+You'll need Node.js 22.x installed (we're working on support for 23.x), and pnpm 9.x installed. If you're using nix, run `nix develop` to get a shell with the correct versions of everything installed.
 
 1. **Clone the repository**:
    ```bash
@@ -54,6 +54,12 @@ You'll need Node.js 20.x or 22.x installed (we're working on support for 23.x),
    cd homepage && pnpm install
    ```
 
+4. **Go back to the project root**:
+
+   ```bash
+   cd ..
+   ```
+
 4. **Build the packages**:
 
    ```bash

biome.json

@@ -12,7 +12,9 @@
       "**/ios/**",
       "**/android/**",
       "packages/jazz-svelte/**",
-      "examples/*svelte*/**"
+      "examples/*svelte*/**",
+      "homepage/homepage/**",
+      "**/package.json"
     ]
   },
   "formatter": {
@@ -42,15 +44,6 @@
     }
   },
   "overrides": [
-    {
-      "include": ["**/package.json"],
-      "linter": {
-        "enabled": false
-      },
-      "formatter": {
-        "enabled": false
-      }
-    },
     {
       "include": ["packages/**/src/**"],
       "linter": {
@@ -61,21 +54,24 @@
       }
     },
     {
-      "include": ["packages/**/src/tests/**", "packages/**/src/test/**"],
+      "include": ["packages/cojson-storage*/**", "cojson-transport-ws/**"],
       "linter": {
+        "enabled": true,
         "rules": {
-          "correctness": {
-            "useImportExtensions": "off"
-          }
+          "recommended": true
         }
       }
     },
     {
-      "include": ["packages/cojson-storage-indexeddb/**"],
+      "include": ["packages/**/src/tests/**"],
       "linter": {
-        "enabled": true,
         "rules": {
-          "recommended": true,
+          "correctness": {
+            "useImportExtensions": "off"
+          },
+          "style": {
+            "noNonNullAssertion": "off"
+          },
           "suspicious": {
             "noExplicitAny": "info"
           }

examples/chat-rn-clerk/src/apiKey.ts

@@ -1 +0,0 @@
-export const apiKey = "chat-rn-clerk-example-jazz@garden.co";

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

@@ -1,4 +1,187 @@
-# chat-rn-clerk
+# chat-rn-expo-clerk
+
+## 1.0.93
+
+### Patch Changes
+
+- Updated dependencies [bce3bcc]
+- Updated dependencies [afd1374]
+  - jazz-expo@0.13.0
+  - jazz-tools@0.13.0
+  - jazz-react-native-media-images@0.13.0
+
+## 1.0.92
+
+### Patch Changes
+
+- jazz-react-native@0.12.2
+- jazz-react-native-auth-clerk@0.12.2
+- jazz-tools@0.12.2
+- jazz-react-native-media-images@0.12.2
+
+## 1.0.91
+
+### Patch Changes
+
+- jazz-react-native@0.12.1
+- jazz-react-native-auth-clerk@0.12.1
+- jazz-tools@0.12.1
+- jazz-react-native-media-images@0.12.1
+
+## 1.0.90
+
+### Patch Changes
+
+- Updated dependencies [01523dc]
+- Updated dependencies [4ea87dc]
+- Updated dependencies [1e6da19]
+- Updated dependencies [b6c6a0a]
+  - jazz-tools@0.12.0
+  - jazz-react-native@0.12.0
+  - jazz-react-native-auth-clerk@0.12.0
+  - jazz-react-native-media-images@0.12.0
+
+## 1.0.89
+
+### Patch Changes
+
+- jazz-react-native@0.11.8
+- jazz-react-native-auth-clerk@0.11.8
+- jazz-tools@0.11.8
+- jazz-react-native-media-images@0.11.8
+
+## 1.0.88
+
+### Patch Changes
+
+- Updated dependencies [a140f55]
+- Updated dependencies [2b0d1b0]
+  - jazz-tools@0.11.7
+  - jazz-react-native@0.11.7
+  - jazz-react-native-auth-clerk@0.11.7
+  - jazz-react-native-media-images@0.11.7
+
+## 1.0.87
+
+### Patch Changes
+
+- 1bfa9bb: Removed when="singedUp" from examples apps' Jazz providers. This is a really niche use-case option and can lead to broken-feeling experiences when anonymous users try to load something.
+- Updated dependencies [e7c85b7]
+  - jazz-react-native@0.11.6
+  - jazz-tools@0.11.6
+  - jazz-react-native-auth-clerk@0.11.6
+  - jazz-react-native-media-images@0.11.6
+
+## 1.0.86
+
+### Patch Changes
+
+- jazz-react-native@0.11.5
+- jazz-react-native-auth-clerk@0.11.5
+- jazz-tools@0.11.5
+- jazz-react-native-media-images@0.11.5
+
+## 1.0.85
+
+### Patch Changes
+
+- Updated dependencies [57a3dbe]
+- Updated dependencies [a717754]
+- Updated dependencies [a91f343]
+  - jazz-tools@0.11.4
+  - jazz-react-native@0.11.4
+  - jazz-react-native-auth-clerk@0.11.4
+  - jazz-react-native-media-images@0.11.4
+
+## 1.0.84
+
+### Patch Changes
+
+- jazz-react-native@0.11.3
+- jazz-react-native-auth-clerk@0.11.3
+- jazz-tools@0.11.3
+- jazz-react-native-media-images@0.11.3
+
+## 1.0.83
+
+### Patch Changes
+
+- Updated dependencies [6892dc6]
+  - jazz-tools@0.11.2
+  - jazz-react-native@0.11.2
+  - jazz-react-native-auth-clerk@0.11.2
+  - jazz-react-native-media-images@0.11.2
+
+## 1.0.82
+
+### Patch Changes
+
+- jazz-react-native@0.11.1
+- jazz-react-native-auth-clerk@0.11.1
+
+## 1.0.81
+
+### Patch Changes
+
+- Updated dependencies [6a96d8b]
+- Updated dependencies [a35249a]
+- Updated dependencies [b9d194a]
+- Updated dependencies [a4713df]
+- Updated dependencies [34cbdc3]
+- Updated dependencies [f039e8f]
+- Updated dependencies [e22de9f]
+  - jazz-tools@0.11.0
+  - jazz-react-native-media-images@0.11.0
+  - jazz-react-native-auth-clerk@0.11.0
+  - jazz-react-native@0.11.0
+
+## 1.0.80
+
+### Patch Changes
+
+- Updated dependencies [2f99de0]
+  - jazz-tools@0.10.15
+  - jazz-react-native@0.10.15
+  - jazz-react-native-auth-clerk@0.10.15
+  - jazz-react-native-media-images@0.10.15
+
+## 1.0.79
+
+### Patch Changes
+
+- Updated dependencies [75211e3]
+  - jazz-tools@0.10.14
+  - jazz-react-native@0.10.14
+  - jazz-react-native-auth-clerk@0.10.14
+  - jazz-react-native-media-images@0.10.14
+
+## 1.0.78
+
+### Patch Changes
+
+- Updated dependencies [07feedd]
+  - jazz-tools@0.10.13
+  - jazz-react-native@0.10.13
+  - jazz-react-native-auth-clerk@0.10.13
+  - jazz-react-native-media-images@0.10.13
+
+## 1.0.77
+
+### Patch Changes
+
+- Updated dependencies [4612e05]
+  - jazz-tools@0.10.12
+  - jazz-react-native@0.10.12
+  - jazz-react-native-auth-clerk@0.10.12
+  - jazz-react-native-media-images@0.10.12
+
+## 1.0.76
+
+### Patch Changes
+
+- Updated dependencies [5a54e4a]
+  - jazz-react-native@0.10.11
+  - jazz-react-native-auth-clerk@0.10.11
 
 ## 1.0.75
 

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

@@ -11,13 +11,13 @@ pnpm i
 pnpm run build
 ```
 
-### 2. Inside the `examples/chat-rn-clerk` Directory
+### 2. Inside the `examples/chat-rn-expo-clerk` Directory
 
 Next, navigate to the specific example project and run the following commands:
 
 ```bash
 pnpm expo prebuild
-npx pod-install
+pnpx pod-install
 pnpm expo run:ios
 ```
 

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

@@ -1,8 +1,8 @@
 {
   "expo": {
-    "name": "jazz-chat-rn-clerk",
-    "scheme": "jazz-chat-rn-clerk",
-    "slug": "jazz-chat-rn-clerk",
+    "name": "jazz-chat-rn-expo-clerk",
+    "scheme": "jazz-chat-rn-expo-clerk",
+    "slug": "jazz-chat-rn-expo-clerk",
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
@@ -23,21 +23,12 @@
       },
       "package": "com.jazz.chatrnclerk"
     },
+    "newArchEnabled": true,
     "plugins": [
-      [
-        "expo-build-properties",
-        {
-          "ios": {
-            "newArchEnabled": true
-          },
-          "android": {
-            "newArchEnabled": true
-          }
-        }
-      ],
       "expo-secure-store",
       "expo-font",
       "expo-router",
+      "expo-sqlite",
       [
         "expo-image-picker",
         {

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

@@ -1,5 +1,5 @@
 import { Redirect, Stack } from "expo-router";
-import { useIsAuthenticated } from "jazz-react-native";
+import { useIsAuthenticated } from "jazz-expo";
 import React from "react";
 
 export default function HomeLayout() {

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

@@ -1,5 +1,5 @@
 import { Redirect, Stack } from "expo-router";
-import { useIsAuthenticated } from "jazz-react-native";
+import { useIsAuthenticated } from "jazz-expo";
 
 export default function UnAuthenticatedLayout() {
   const isAuthenticated = useIsAuthenticated();

examples/chat-rn-expo-clerk/app/(auth)/sign-in-oauth.tsx

@@ -28,7 +28,7 @@ const SignInWithOAuth = () => {
       const { createdSessionId, signIn, signUp, setActive } =
         await startOAuthFlow({
           redirectUrl: Linking.createURL("/", {
-            scheme: "jazz-chat-rn-clerk",
+            scheme: "jazz-chat-rn-expo-clerk",
           }),
         });
 

examples/chat-rn-expo-clerk/app/_layout.tsx

@@ -1,5 +1,6 @@
 import "../global.css";
 import { ClerkLoaded, ClerkProvider } from "@clerk/clerk-expo";
+import { secureStore } from "@clerk/clerk-expo/secure-store";
 import { useFonts } from "expo-font";
 import { Slot } from "expo-router";
 import * as SplashScreen from "expo-splash-screen";
@@ -33,7 +34,11 @@ export default function RootLayout() {
   }
 
   return (
-    <ClerkProvider tokenCache={tokenCache} publishableKey={publishableKey}>
+    <ClerkProvider
+      tokenCache={tokenCache}
+      publishableKey={publishableKey}
+      __experimental_resourceCache={secureStore}
+    >
       <ClerkLoaded>
         <JazzAndAuth>
           <Slot />

examples/chat-rn-expo-clerk/app/chat/[chatId].tsx

@@ -4,8 +4,8 @@ import clsx from "clsx";
 import * as Clipboard from "expo-clipboard";
 import * as ImagePicker from "expo-image-picker";
 import { useLocalSearchParams } from "expo-router";
-import { useAccount, useCoState } from "jazz-react-native";
-import { ProgressiveImg } from "jazz-react-native";
+import { useAccount, useCoState } from "jazz-expo";
+import { ProgressiveImg } from "jazz-expo";
 import { createImage } from "jazz-react-native-media-images";
 import { Group, ID } from "jazz-tools";
 import { useEffect, useLayoutEffect, useState } from "react";
@@ -28,7 +28,7 @@ export default function Conversation() {
   const { me } = useAccount();
   const [chat, setChat] = useState<Chat>();
   const [message, setMessage] = useState("");
-  const loadedChat = useCoState(Chat, chat?.id, [{}]);
+  const loadedChat = useCoState(Chat, chat?.id, { resolve: { $each: true } });
   const navigation = useNavigation();
   const [isUploading, setIsUploading] = useState(false);
 
@@ -71,7 +71,7 @@ export default function Conversation() {
 
   const loadChat = async (chatId: ID<Chat>) => {
     try {
-      const chat = await Chat.load(chatId, me, []);
+      const chat = await Chat.load(chatId, me);
       setChat(chat);
     } catch (error) {
       console.log("Error loading chat", error);
@@ -165,8 +165,8 @@ export default function Conversation() {
               !isMe ? "mt-2 text-gray-500" : "mt-1 text-gray-200",
             )}
           >
-            {item._edits.text.madeAt.getHours()}:
-            {item._edits.text.madeAt.getMinutes()}
+            {item._edits.text.madeAt?.getHours().toString().padStart(2, "0")}:
+            {item._edits.text.madeAt?.getMinutes().toString().padStart(2, "0")}
           </Text>
         </View>
       </View>

examples/chat-rn-expo-clerk/app/chat/index.tsx

@@ -11,7 +11,7 @@ import React, {
 } from "react-native";
 
 import { useUser } from "@clerk/clerk-expo";
-import { useAccount } from "jazz-react-native";
+import { useAccount } from "jazz-expo";
 import { Chat } from "../../src/schema";
 
 export default function ChatScreen() {

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

@@ -1,15 +1,16 @@
 {
-  "name": "chat-rn-clerk",
+  "name": "chat-rn-expo-clerk",
   "main": "index.js",
-  "version": "1.0.75",
+  "version": "1.0.93",
   "scripts": {
     "build": "expo export -p ios",
     "start": "expo start",
     "format-and-lint": "biome check .",
     "format-and-lint:fix": "biome check . --write",
     "android": "expo run:android",
-    "ios": "expo run:ios",
-    "web": "expo start --web"
+    "ios": "expo prebuild && pnpx pod-install && expo run:ios",
+    "web": "expo start --web",
+    "run:ios": "pnpm expo prebuild && npx pod-install && pnpm expo run:ios"
   },
   "jest": {
     "preset": "jest-expo"
@@ -18,55 +19,53 @@
     "@azure/core-asynciterator-polyfill": "^1.0.2",
     "@bacons/text-decoder": "0.0.0",
     "@bam.tech/react-native-image-resizer": "^3.0.11",
-    "@craftzdog/react-native-buffer": "6.0.5",
     "@clerk/clerk-expo": "^2.2.21",
+    "@craftzdog/react-native-buffer": "6.0.5",
     "@expo/vector-icons": "^14.0.2",
-    "@op-engineering/op-sqlite": "^11.2.12",
-    "@react-native-community/netinfo": "^11.4.1",
-    "@react-navigation/native": "^7.0.13",
-    "@react-navigation/native-stack": "^7.1.14",
+    "@react-native-community/netinfo": "11.4.1",
+    "@react-navigation/native": "7.0.19",
+    "@react-navigation/native-stack": "7.2.1",
     "clsx": "^2.0.0",
-    "expo": "^52.0.0",
+    "expo": "^52.0.42",
     "expo-build-properties": "~0.13.1",
     "expo-clipboard": "~7.0.0",
-    "expo-constants": "~17.0.3",
-    "expo-crypto": "~14.0.1",
-    "expo-dev-client": "~5.0.5",
+    "expo-constants": "~17.0.8",
+    "expo-crypto": "~14.0.2",
+    "expo-dev-client": "~5.0.16",
     "expo-file-system": "^18.0.4",
     "expo-font": "~13.0.1",
-    "expo-image-picker": "~16.0.4",
-    "expo-linking": "~7.0.3",
-    "expo-router": "~4.0.11",
+    "expo-image-picker": "~16.0.6",
+    "expo-linking": "~7.0.5",
+    "expo-router": "~4.0.19",
     "expo-secure-store": "~14.0.0",
-    "expo-splash-screen": "~0.29.16",
-    "expo-status-bar": "~2.0.0",
-    "expo-system-ui": "~4.0.5",
+    "expo-splash-screen": "~0.29.22",
+    "expo-sqlite": "15.1.3",
+    "expo-status-bar": "~2.0.1",
     "expo-web-browser": "~14.0.1",
-    "jazz-react-native": "workspace:*",
-    "jazz-react-native-auth-clerk": "workspace:*",
+    "jazz-expo": "workspace:*",
     "jazz-react-native-media-images": "workspace:*",
     "jazz-tools": "workspace:*",
     "nativewind": "^4.1.21",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-native": "~0.76.3",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-native": "0.76.7",
     "react-native-gesture-handler": "~2.20.2",
     "react-native-get-random-values": "^1.11.0",
     "react-native-reanimated": "~3.16.3",
     "react-native-safe-area-context": "4.12.0",
-    "react-native-screens": "4.1.0",
+    "react-native-screens": "4.4.0",
     "react-native-url-polyfill": "^2.0.0",
     "react-native-web": "~0.19.13",
     "readable-stream": "4.7.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@types/jest": "^29.5.3",
-    "@types/react": "^18.3.12",
-    "@types/react-test-renderer": "^18.0.7",
-    "jest": "^29.2.1",
+    "@babel/core": "^7.25.2",
+    "@types/jest": "^29.5.13",
+    "@types/react": "~18.3.12",
+    "@types/react-test-renderer": "^19.0.0",
+    "jest": "^29.6.3",
     "jest-expo": "~52.0.2",
-    "react-test-renderer": "18.2.0",
+    "react-test-renderer": "18.3.1",
     "tailwindcss": "^3.4.17",
     "typescript": "~5.6.2"
   },

examples/chat-rn-expo-clerk/src/apiKey.ts

@@ -0,0 +1 @@
+export const apiKey = "chat-rn-expo-clerk-example-jazz@garden.co";

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

@@ -1,5 +1,6 @@
 import { useClerk } from "@clerk/clerk-expo";
-import { JazzProviderWithClerk } from "jazz-react-native-auth-clerk";
+// FIXME: why isn't the export working?  IDE is fine, Metro doesn't like the non 'dist' import
+import { JazzProviderWithClerk } from "jazz-expo/dist/auth/clerk";
 import React, { PropsWithChildren } from "react";
 import { apiKey } from "./apiKey";
 
@@ -9,10 +10,8 @@ export function JazzAndAuth({ children }: PropsWithChildren) {
   return (
     <JazzProviderWithClerk
       clerk={clerk}
-      storage="sqlite"
       sync={{
         peer: `wss://cloud.jazz.tools/?key=${apiKey}`,
-        when: "signedUp", // This makes the app work in local mode when the user is not authenticated
       }}
     >
       {children}

examples/chat-rn-expo/CHANGELOG.md

@@ -0,0 +1,695 @@
+# chat-rn-expo
+
+## 1.0.80
+
+### Patch Changes
+
+- Updated dependencies [bce3bcc]
+- Updated dependencies [afd1374]
+  - jazz-expo@0.13.0
+  - jazz-tools@0.13.0
+
+## 1.0.88
+
+### Patch Changes
+
+- jazz-react-native@0.12.2
+- jazz-tools@0.12.2
+
+## 1.0.87
+
+### Patch Changes
+
+- jazz-react-native@0.12.1
+- jazz-tools@0.12.1
+
+## 1.0.86
+
+### Patch Changes
+
+- Updated dependencies [01523dc]
+- Updated dependencies [4ea87dc]
+- Updated dependencies [1e6da19]
+- Updated dependencies [b6c6a0a]
+  - jazz-tools@0.12.0
+  - jazz-react-native@0.12.0
+
+## 1.0.85
+
+### Patch Changes
+
+- jazz-react-native@0.11.8
+- jazz-tools@0.11.8
+
+## 1.0.84
+
+### Patch Changes
+
+- Updated dependencies [a140f55]
+- Updated dependencies [2b0d1b0]
+  - jazz-tools@0.11.7
+  - jazz-react-native@0.11.7
+
+## 1.0.83
+
+### Patch Changes
+
+- Updated dependencies [e7c85b7]
+  - jazz-react-native@0.11.6
+  - jazz-tools@0.11.6
+
+## 1.0.82
+
+### Patch Changes
+
+- jazz-react-native@0.11.5
+- jazz-tools@0.11.5
+
+## 1.0.81
+
+### Patch Changes
+
+- Updated dependencies [57a3dbe]
+- Updated dependencies [a717754]
+- Updated dependencies [a91f343]
+  - jazz-tools@0.11.4
+  - jazz-react-native@0.11.4
+
+## 1.0.80
+
+### Patch Changes
+
+- jazz-react-native@0.11.3
+- jazz-tools@0.11.3
+
+## 1.0.79
+
+### Patch Changes
+
+- Updated dependencies [6892dc6]
+  - jazz-tools@0.11.2
+  - jazz-react-native@0.11.2
+
+## 1.0.78
+
+### Patch Changes
+
+- jazz-react-native@0.11.1
+
+## 1.0.77
+
+### Patch Changes
+
+- Updated dependencies [6a96d8b]
+- Updated dependencies [a35249a]
+- Updated dependencies [b9d194a]
+- Updated dependencies [a4713df]
+- Updated dependencies [34cbdc3]
+- Updated dependencies [f039e8f]
+- Updated dependencies [e22de9f]
+  - jazz-tools@0.11.0
+  - jazz-react-native@0.11.0
+
+## 1.0.76
+
+### Patch Changes
+
+- Updated dependencies [2f99de0]
+  - jazz-tools@0.10.15
+  - jazz-react-native@0.10.15
+
+## 1.0.75
+
+### Patch Changes
+
+- Updated dependencies [75211e3]
+  - jazz-tools@0.10.14
+  - jazz-react-native@0.10.14
+
+## 1.0.74
+
+### Patch Changes
+
+- Updated dependencies [07feedd]
+  - jazz-tools@0.10.13
+  - jazz-react-native@0.10.13
+
+## 1.0.73
+
+### Patch Changes
+
+- Updated dependencies [4612e05]
+  - jazz-tools@0.10.12
+  - jazz-react-native@0.10.12
+
+## 1.0.72
+
+### Patch Changes
+
+- Updated dependencies [5a54e4a]
+  - jazz-react-native@0.10.11
+
+## 1.0.71
+
+### Patch Changes
+
+- Updated dependencies [3405d8f]
+  - jazz-react-native@0.10.10
+
+## 1.0.70
+
+### Patch Changes
+
+- Updated dependencies [2fb6428]
+  - jazz-tools@0.10.8
+  - jazz-react-native@0.10.8
+
+## 1.0.69
+
+### Patch Changes
+
+- Updated dependencies [1136d9b]
+- Updated dependencies [0eed228]
+  - jazz-react-native@0.10.7
+  - jazz-tools@0.10.7
+
+## 1.0.68
+
+### Patch Changes
+
+- Updated dependencies [ada802b]
+  - jazz-tools@0.10.6
+  - jazz-react-native@0.10.6
+
+## 1.0.67
+
+### Patch Changes
+
+- Updated dependencies [59ff77e]
+  - jazz-tools@0.10.5
+  - jazz-react-native@0.10.5
+
+## 1.0.66
+
+### Patch Changes
+
+- jazz-react-native@0.10.4
+- jazz-tools@0.10.4
+
+## 1.0.65
+
+### Patch Changes
+
+- Updated dependencies [d8582fc]
+  - jazz-tools@0.10.3
+  - jazz-react-native@0.10.3
+
+## 1.0.64
+
+### Patch Changes
+
+- jazz-react-native@0.10.2
+- jazz-tools@0.10.2
+
+## 1.0.63
+
+### Patch Changes
+
+- Updated dependencies [5a63cba]
+  - jazz-tools@0.10.1
+  - jazz-react-native@0.10.1
+
+## 1.0.62
+
+### Patch Changes
+
+- Updated dependencies [498954f]
+- Updated dependencies [d42c2aa]
+- Updated dependencies [dd03464]
+- Updated dependencies [b426342]
+  - jazz-react-native@0.10.0
+  - jazz-tools@0.10.0
+
+## 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
+
+- Updated dependencies [f76274c]
+- Updated dependencies [5e83864]
+  - jazz-react-native@0.9.10
+  - jazz-tools@0.9.10
+
+## 1.0.47
+
+### Patch Changes
+
+- Updated dependencies [8eb9247]
+  - jazz-tools@0.9.9
+  - jazz-react-native@0.9.9
+
+## 1.0.46
+
+### Patch Changes
+
+- Updated dependencies [d1d773b]
+  - jazz-tools@0.9.8
+  - jazz-react-native@0.9.8
+
+## 1.0.45
+
+### Patch Changes
+
+- Updated dependencies [8a390d2]
+  - jazz-react-native@0.9.6
+
+## 1.0.44
+
+### Patch Changes
+
+- Updated dependencies [c871912]
+  - jazz-react-native@0.9.5
+
+## 1.0.43
+
+### Patch Changes
+
+- jazz-react-native@0.9.4
+
+## 1.0.42
+
+### Patch Changes
+
+- Updated dependencies [7cd691f]
+  - jazz-react-native@0.9.3
+
+## 1.0.41
+
+### Patch Changes
+
+- Updated dependencies [80fd3e9]
+  - jazz-react-native@0.9.2
+
+## 1.0.40
+
+### Patch Changes
+
+- Updated dependencies [1b71969]
+  - jazz-tools@0.9.1
+  - jazz-react-native@0.9.1
+
+## 1.0.39
+
+### Patch Changes
+
+- Updated dependencies [1da4d55]
+- Updated dependencies [8eda792]
+- Updated dependencies [1e5e3a1]
+  - jazz-react-native@0.9.0
+  - jazz-tools@0.9.0
+
+## 1.0.38
+
+### Patch Changes
+
+- Updated dependencies [dc62b95]
+- Updated dependencies [1de26f8]
+  - jazz-tools@0.8.51
+  - jazz-react-native@0.8.51
+
+## 1.0.37
+
+### Patch Changes
+
+- jazz-react-native@0.8.50
+- jazz-tools@0.8.50
+
+## 1.0.36
+
+### Patch Changes
+
+- jazz-react-native@0.8.49
+- jazz-tools@0.8.49
+
+## 1.0.35
+
+### Patch Changes
+
+- Updated dependencies [635e824]
+- Updated dependencies [0a85982]
+  - jazz-tools@0.8.48
+  - jazz-react-native@0.8.48
+
+## 1.0.34
+
+### Patch Changes
+
+- Updated dependencies [33ef9c4]
+  - jazz-react-native@0.8.47
+
+## 1.0.33
+
+### Patch Changes
+
+- Updated dependencies [ab4ffbd]
+  - jazz-react-native@0.8.46
+
+## 1.0.32
+
+### Patch Changes
+
+- Updated dependencies [7701307]
+- Updated dependencies [fa41f8e]
+- Updated dependencies [88d7d9a]
+- Updated dependencies [60e35ea]
+  - jazz-react-native@0.8.45
+  - jazz-tools@0.8.45
+
+## 1.0.31
+
+### Patch Changes
+
+- jazz-react-native@0.8.44
+- jazz-tools@0.8.44
+
+## 1.0.30
+
+### Patch Changes
+
+- jazz-react-native@0.8.41
+- jazz-tools@0.8.41
+
+## 1.0.29
+
+### Patch Changes
+
+- Updated dependencies [0c6b0f3]
+- Updated dependencies [249eecb]
+  - jazz-react-native@0.8.39
+  - jazz-tools@0.8.39
+
+## 1.0.28
+
+### Patch Changes
+
+- jazz-react-native@0.8.38
+- jazz-tools@0.8.38
+
+## 1.0.27
+
+### Patch Changes
+
+- jazz-react-native@0.8.37
+- jazz-tools@0.8.37
+
+## 1.0.26
+
+### Patch Changes
+
+- Updated dependencies [c84764a]
+- Updated dependencies [441fe27]
+  - jazz-react-native@0.8.36
+  - jazz-tools@0.8.36
+
+## 1.0.25
+
+### Patch Changes
+
+- Updated dependencies [8b87117]
+  - jazz-tools@0.8.35
+  - jazz-react-native@0.8.35
+
+## 1.0.24
+
+### Patch Changes
+
+- jazz-react-native@0.8.34
+- jazz-tools@0.8.34
+
+## 1.0.23
+
+### Patch Changes
+
+- Updated dependencies [df42b2b]
+  - jazz-tools@0.8.32
+  - jazz-react-native@0.8.32
+
+## 1.0.22
+
+### Patch Changes
+
+- jazz-react-native@0.8.31
+- jazz-tools@0.8.31
+
+## 1.0.21
+
+### Patch Changes
+
+- jazz-react-native@0.8.30
+- jazz-tools@0.8.30
+
+## 1.0.20
+
+### Patch Changes
+
+- jazz-react-native@0.8.29
+- jazz-tools@0.8.29
+
+## 1.0.19
+
+### Patch Changes
+
+- jazz-react-native@0.8.28
+- jazz-tools@0.8.28
+
+## 1.0.18
+
+### Patch Changes
+
+- jazz-react-native@0.8.27
+- jazz-tools@0.8.27
+
+## 1.0.17
+
+### Patch Changes
+
+- Updated dependencies [d348c2d]
+- Updated dependencies [6902b5b]
+- Updated dependencies [1a0cd3d]
+  - jazz-tools@0.8.23
+  - jazz-react-native@0.8.23
+
+## 1.0.16
+
+### Patch Changes
+
+- Updated dependencies [149ca97]
+  - jazz-tools@0.8.21
+  - jazz-react-native@0.8.21
+
+## 1.0.15
+
+### Patch Changes
+
+- Updated dependencies [3ef3ff3]
+  - jazz-react-native@0.8.20
+
+## 1.0.14
+
+### Patch Changes
+
+- jazz-react-native@0.8.19
+- jazz-tools@0.8.19
+
+## 1.0.13
+
+### Patch Changes
+
+- jazz-react-native@0.8.18
+- jazz-tools@0.8.18
+
+## 1.0.12
+
+### Patch Changes
+
+- jazz-react-native@0.8.17
+- jazz-tools@0.8.17
+
+## 1.0.11
+
+### Patch Changes
+
+- jazz-react-native@0.8.16
+- jazz-tools@0.8.16
+
+## 1.0.10
+
+### Patch Changes
+
+- Updated dependencies [cce679b]
+  - jazz-tools@0.8.15
+  - jazz-react-native@0.8.15
+
+## 1.0.9
+
+### Patch Changes
+
+- Updated dependencies [36273b3]
+  - jazz-tools@0.8.14
+  - jazz-react-native@0.8.14
+
+## 1.0.8
+
+### Patch Changes
+
+- Updated dependencies [fd011d7]
+  - jazz-tools@0.8.13
+  - jazz-react-native@0.8.13
+
+## 1.0.7
+
+### Patch Changes
+
+- jazz-react-native@0.8.12
+- jazz-tools@0.8.12
+
+## 1.0.6
+
+### Patch Changes
+
+- jazz-react-native@0.8.11
+- jazz-tools@0.8.11
+
+## 1.0.5
+
+### Patch Changes
+
+- b7639cf: feat(react-native): replaced react-native-mmkv with expo-secure-store and initialize it by default as kvStore in createJazzRNApp() (BREAKING)
+- Updated dependencies [b7639cf]
+  - jazz-react-native@0.8.8
+
+## 1.0.4
+
+### Patch Changes
+
+- Updated dependencies [32b05b6]
+  - jazz-react-native@0.8.7
+
+## 1.0.3
+
+### Patch Changes
+
+- jazz-react-native@0.8.6
+
+## 1.0.2
+
+### Patch Changes
+
+- Updated dependencies [c3f4e6b]
+- Updated dependencies [d9152ed]
+  - jazz-react-native@0.8.5
+  - jazz-tools@0.8.5
+
+## 1.0.1
+
+### Patch Changes
+
+- Updated dependencies
+  - jazz-react-native@0.8.3
+  - jazz-tools@0.8.3

examples/chat-rn-expo/README.md

@@ -0,0 +1,24 @@
+# 🎷 Jazz + Expo + `react-navigation` + Demo Auth
+
+## 🚀 How to Run
+
+### 1. Inside the Workspace Root
+
+First, install dependencies and build the project:
+
+```bash
+pnpm i
+pnpm run build
+```
+
+### 2. Inside the `examples/chat-rn-expo` Directory
+
+Next, navigate to the specific example project and run the following commands:
+
+```bash
+pnpm expo prebuild
+pnpx pod-install
+pnpm expo run:ios
+```
+
+This will set up and launch the app on iOS. For Android, you can replace the last command with `pnpm expo run:android`.

examples/chat-rn-expo/app.json

@@ -0,0 +1,34 @@
+{
+  "expo": {
+    "name": "jazz-chat-rn-expo",
+    "scheme": "jazz-chat-rn-expo",
+    "slug": "jazz-chat-rn-expo",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.jazz.chatrn"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "com.jazz.chatrn"
+    },
+    "plugins": ["expo-secure-store", "expo-sqlite", "expo-build-properties"],
+    "extra": {
+      "eas": {
+        "projectId": "e0e61872-1906-4c84-b9d8-9be77355cad0"
+      }
+    },
+    "owner": "paxx"
+  }
+}

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

@@ -0,0 +1,9 @@
+module.exports = function (api) {
+  api.cache(true);
+  return {
+    presets: [
+      ["babel-preset-expo", { jsxImportSource: "nativewind" }],
+      "nativewind/babel",
+    ],
+  };
+};

examples/chat-rn-expo/metro.config.js

@@ -0,0 +1,35 @@
+// Learn more https://docs.expo.dev/guides/monorepos
+const { getDefaultConfig } = require("expo/metro-config");
+const { withNativeWind } = require("nativewind/metro");
+const { FileStore } = require("metro-cache");
+const path = require("path");
+
+// eslint-disable-next-line no-undef
+const projectRoot = __dirname;
+const workspaceRoot = path.resolve(projectRoot, "../..");
+
+const config = getDefaultConfig(projectRoot, { isCSSEnabled: true });
+
+// Since we are using pnpm, we have to setup the monorepo manually for Metro
+// #1 - Watch all files in the monorepo
+config.watchFolders = [workspaceRoot];
+// #2 - Try resolving with project modules first, then workspace modules
+config.resolver.nodeModulesPaths = [
+  path.resolve(projectRoot, "node_modules"),
+  path.resolve(workspaceRoot, "node_modules"),
+];
+config.resolver.sourceExts = ["mjs", "js", "json", "ts", "tsx"];
+config.resolver.requireCycleIgnorePatterns = [
+  /(^|\/|\\)node_modules($|\/|\\)/,
+  /(^|\/|\\)packages($|\/|\\)/,
+];
+
+// Use turborepo to restore the cache when possible
+config.cacheStores = [
+  new FileStore({
+    root: path.join(projectRoot, "node_modules", ".cache", "metro"),
+  }),
+];
+
+// module.exports = config;
+module.exports = withNativeWind(config, { input: "./global.css" });

examples/chat-rn-expo/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "chat-rn-expo",
+  "version": "1.0.80",
+  "main": "index.js",
+  "scripts": {
+    "build": "expo export -p ios",
+    "start": "expo start",
+    "format-and-lint": "biome check .",
+    "format-and-lint:fix": "biome check . --write",
+    "android": "expo run:android",
+    "ios": "expo prebuild && pnpx pod-install && expo run:ios",
+    "web": "expo start --web"
+  },
+  "dependencies": {
+    "@azure/core-asynciterator-polyfill": "^1.0.2",
+    "@bacons/text-decoder": "0.0.0",
+    "@craftzdog/react-native-buffer": "6.0.5",
+    "@react-native-community/netinfo": "11.4.1",
+    "@react-navigation/native": "7.0.19",
+    "@react-navigation/native-stack": "7.2.1",
+    "clsx": "^2.0.0",
+    "expo": "52.0.42",
+    "expo-build-properties": "~0.13.1",
+    "expo-clipboard": "~7.0.0",
+    "expo-constants": "~17.0.8",
+    "expo-dev-client": "~5.0.16",
+    "expo-linking": "~7.0.5",
+    "expo-secure-store": "~14.0.0",
+    "expo-sqlite": "15.1.3",
+    "expo-status-bar": "~2.0.1",
+    "expo-web-browser": "~14.0.1",
+    "jazz-expo": "workspace:*",
+    "jazz-tools": "workspace:*",
+    "nativewind": "^4.1.21",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "react-native": "0.76.7",
+    "react-native-get-random-values": "^1.11.0",
+    "react-native-safe-area-context": "4.12.0",
+    "react-native-screens": "4.4.0",
+    "react-native-url-polyfill": "^2.0.0",
+    "readable-stream": "4.7.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.25.2",
+    "@types/react": "~18.3.12",
+    "tailwindcss": "^3.4.17",
+    "typescript": "~5.6.2"
+  },
+  "private": true
+}

examples/chat-rn-expo/src/App.tsx

@@ -0,0 +1,72 @@
+import "../global.css";
+
+import {
+  NavigationContainer,
+  useNavigationContainerRef,
+} from "@react-navigation/native";
+import { createNativeStackNavigator } from "@react-navigation/native-stack";
+import * as Linking from "expo-linking";
+import React, { StrictMode, useEffect, useState } from "react";
+import HandleInviteScreen from "./invite";
+
+import { JazzProvider } from "jazz-expo";
+import { apiKey } from "./apiKey";
+import ChatScreen from "./chat";
+
+const Stack = createNativeStackNavigator();
+
+const prefix = Linking.createURL("/");
+
+const linking = {
+  prefixes: [prefix],
+  config: {
+    screens: {
+      HandleInviteScreen: {
+        path: "router/invite/:valueHint?/:valueID/:inviteSecret",
+      },
+    },
+  },
+};
+
+function App() {
+  const [initialRoute, setInitialRoute] = useState<
+    "ChatScreen" | "HandleInviteScreen"
+  >("ChatScreen");
+  const navigationRef = useNavigationContainerRef();
+  useEffect(() => {
+    Linking.getInitialURL().then((url) => {
+      if (url) {
+        if (url && url.includes("invite")) {
+          setInitialRoute("HandleInviteScreen");
+        }
+      }
+    });
+  }, []);
+
+  return (
+    <StrictMode>
+      <JazzProvider
+        sync={{
+          peer: `wss://cloud.jazz.tools/?key=${apiKey}`,
+        }}
+      >
+        <NavigationContainer linking={linking} ref={navigationRef}>
+          <Stack.Navigator initialRouteName={initialRoute}>
+            <Stack.Screen
+              options={{ title: "Jazz Chat" }}
+              name="ChatScreen"
+              // @ts-ignore
+              component={ChatScreen}
+            />
+            <Stack.Screen
+              name="HandleInviteScreen"
+              component={HandleInviteScreen}
+            />
+          </Stack.Navigator>
+        </NavigationContainer>
+      </JazzProvider>
+    </StrictMode>
+  );
+}
+
+export default App;

examples/chat-rn-expo/src/apiKey.ts

@@ -0,0 +1 @@
+export const apiKey = "chat-rn-expo-example-jazz@garden.co";

examples/chat-rn-expo/src/chat.tsx

@@ -0,0 +1,213 @@
+import clsx from "clsx";
+import * as Clipboard from "expo-clipboard";
+import { Group, ID, Profile } from "jazz-tools";
+import { useEffect, useState } from "react";
+import React, {
+  Button,
+  FlatList,
+  KeyboardAvoidingView,
+  SafeAreaView,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  View,
+  Alert,
+} from "react-native";
+
+import { useAccount, useCoState } from "jazz-expo";
+import { Chat, Message } from "./schema";
+
+export default function ChatScreen({ navigation }: { navigation: any }) {
+  const { me, logOut } = useAccount();
+  const [chatId, setChatId] = useState<ID<Chat>>();
+  const loadedChat = useCoState(Chat, chatId, { resolve: { $each: true } });
+  const [message, setMessage] = useState("");
+  const profile = useCoState(Profile, me._refs.profile?.id, {});
+
+  function handleLogOut() {
+    setChatId(undefined);
+    logOut();
+  }
+
+  useEffect(() => {
+    navigation.setOptions({
+      headerRight: () => <Button onPress={handleLogOut} title="Logout" />,
+      headerLeft: () =>
+        loadedChat ? (
+          <Button
+            onPress={() => {
+              if (loadedChat?.id) {
+                Clipboard.setStringAsync(
+                  `https://chat.jazz.tools/#/chat/${loadedChat.id}`,
+                );
+                Alert.alert("Copied to clipboard", `Chat ID: ${loadedChat.id}`);
+              }
+            }}
+            title="Share"
+          />
+        ) : null,
+    });
+  }, [navigation, loadedChat]);
+
+  const createChat = () => {
+    const group = Group.create({ owner: me });
+    group.addMember("everyone", "writer");
+    const chat = Chat.create([], { owner: group });
+    setChatId(chat.id);
+  };
+
+  const joinChat = () => {
+    Alert.prompt(
+      "Join Chat",
+      "Enter the Chat ID (example: co_zBGEHYvRfGuT2YSBraY3njGjnde)",
+      [
+        {
+          text: "Cancel",
+          style: "cancel",
+        },
+        {
+          text: "Join",
+          onPress: (chatId) => {
+            if (chatId) {
+              setChatId(chatId as ID<Chat>);
+            } else {
+              Alert.alert("Error", "Chat ID cannot be empty.");
+            }
+          },
+        },
+      ],
+      "plain-text",
+    );
+  };
+
+  const sendMessage = () => {
+    if (!loadedChat) return;
+    if (message.trim()) {
+      loadedChat.push(
+        Message.create({ text: message }, { owner: loadedChat?._owner }),
+      );
+      setMessage("");
+    }
+  };
+
+  const renderMessageItem = ({ item }: { item: Message }) => {
+    const isMe = item._edits?.text?.by?.isMe;
+    return (
+      <View
+        className={clsx(
+          `rounded-lg p-1 px-1.5 max-w-[80%] `,
+
+          isMe ? `bg-gray-200 self-end text-right` : `bg-gray-300 self-start `,
+        )}
+      >
+        {!isMe ? (
+          <Text
+            className={clsx(
+              `text-xs text-gray-500`,
+              isMe ? "text-right" : "text-left",
+            )}
+          >
+            {item?._edits?.text?.by?.profile?.name}
+          </Text>
+        ) : null}
+        <View
+          className={clsx(
+            "flex relative items-end justify-between",
+            isMe ? "flex-row" : "flex-row",
+          )}
+        >
+          <Text className={clsx(`text-black text-md max-w-[85%]`)}>
+            {item.text}
+          </Text>
+          <Text
+            className={clsx(
+              "text-[10px] text-gray-500 text-right ml-2",
+              !isMe ? "mt-2" : "mt-1",
+            )}
+          >
+            {item?._edits?.text?.madeAt?.getHours().toString().padStart(2, "0")}
+            :
+            {item?._edits?.text?.madeAt
+              ?.getMinutes()
+              .toString()
+              .padStart(2, "0")}
+          </Text>
+        </View>
+      </View>
+    );
+  };
+
+  return (
+    <View className="flex flex-col h-full">
+      {!loadedChat ? (
+        <View className="flex flex-col h-full items-center justify-center">
+          <Text className="text-m font-bold mb-6">Username</Text>
+          <TextInput
+            className="rounded h-12 p-2 mb-12 w-40 border border-gray-200 block"
+            value={profile?.name ?? ""}
+            onChangeText={(value) => {
+              if (profile) {
+                profile.name = value;
+              }
+            }}
+            textAlignVertical="center"
+            onSubmitEditing={sendMessage}
+            testID="username-input"
+          />
+          <TouchableOpacity
+            onPress={createChat}
+            className="bg-blue-500 p-4 rounded-md"
+          >
+            <Text className="text-white font-semibold">Start new chat</Text>
+          </TouchableOpacity>
+          <TouchableOpacity
+            onPress={joinChat}
+            className="bg-green-500 p-4 rounded-md mt-4"
+          >
+            <Text className="text-white font-semibold">Join chat</Text>
+          </TouchableOpacity>
+        </View>
+      ) : (
+        <>
+          <FlatList
+            contentContainerStyle={{
+              flexGrow: 1,
+              flex: 1,
+              gap: 6,
+              padding: 8,
+            }}
+            className="flex"
+            data={loadedChat}
+            keyExtractor={(item) => item.id}
+            renderItem={renderMessageItem}
+          />
+
+          <KeyboardAvoidingView
+            keyboardVerticalOffset={110}
+            behavior="padding"
+            className="p-3 bg-white border-t border-gray-300"
+          >
+            <SafeAreaView className="flex flex-row items-center gap-2">
+              <TextInput
+                className="rounded-full h-8 py-0 px-2  border border-gray-200 block flex-1"
+                value={message}
+                onChangeText={setMessage}
+                placeholder="Type a message..."
+                textAlignVertical="center"
+                onSubmitEditing={sendMessage}
+                testID="message-input"
+              />
+              <TouchableOpacity
+                onPress={sendMessage}
+                className="bg-gray-300 text-white rounded-full h-8 w-8 items-center justify-center"
+                testID="send-button"
+              >
+                <Text>↑</Text>
+              </TouchableOpacity>
+            </SafeAreaView>
+          </KeyboardAvoidingView>
+        </>
+      )}
+    </View>
+  );
+}

examples/chat-rn-expo/src/invite.tsx

@@ -0,0 +1,18 @@
+import { useAcceptInvite } from "jazz-expo";
+import React, { Text } from "react-native";
+import { Chat } from "./schema";
+
+export default function HandleInviteScreen({
+  navigation,
+}: {
+  navigation: any;
+}) {
+  useAcceptInvite({
+    invitedObjectSchema: Chat,
+    onAccept: async (chatId) => {
+      navigation.navigate("ChatScreen", { chatId });
+    },
+  });
+
+  return <Text>Accepting invite...</Text>;
+}

examples/chat-rn-expo/src/schema.ts

@@ -0,0 +1,7 @@
+import { CoList, CoMap, co } from "jazz-tools";
+
+export class Message extends CoMap {
+  text = co.string;
+}
+
+export class Chat extends CoList.Of(co.ref(Message)) {}

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

@@ -25,11 +25,8 @@ appId: com.jazz.chatrn
 - assertVisible: "Logout"
 
 # send a message
-- runFlow:
-    label: "Erase existing message"
-    file: erase_text.yml
-    env:
-      id: "message-input"
+- tapOn:
+    id: "message-input"
 - inputText: "bro, low key, it do be like that tho"
 - tapOn:
     id: "send-button"
@@ -44,5 +41,10 @@ appId: com.jazz.chatrn
 
 # logout
 - tapOn: "Logout"
-- assertVisible: "boorad"
-- assertVisible: "bro, low key, it do be like that tho"
+- assertVisible: "Anonymous user"
+# This doesn't work on CI, maybe because Android has a different alert dialog
+# - tapOn: "Join chat"
+# - inputText: "co_zFs6KFyhxPw4xtw83tcEMzeHUNv" # Use a static id because maestro doesn't have access to the system clipboard
+# - pressKey: "enter"
+# - assertVisible: "boorad"
+# - assertVisible: "bro, low key, it do be like that tho"

examples/chat-rn/.bundle/config

@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1

examples/chat-rn/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  root: true,
+  extends: ["@react-native", "plugin:prettier/recommended"],
+  plugins: ["prettier"],
+};

examples/chat-rn/.gitignore

@@ -1,38 +1,75 @@
-# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+# OSX
+#
+.DS_Store
 
-# dependencies
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+**/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+.kotlin/
+
+# node.js
+#
 node_modules/
+npm-debug.log
+yarn-error.log
 
-# Expo
-.expo/
-dist/
-web-build/
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
 
-# Native
-*.orig.*
-*.jks
-*.p8
-*.p12
-*.key
-*.mobileprovision
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
 
-# Metro
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+**/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
 .metro-health-check*
 
-# debug
-npm-debug.*
-yarn-debug.*
-yarn-error.*
+# testing
+/coverage
 
-# macOS
-.DS_Store
-*.pem
-
-# local env files
-.env*.local
-
-# typescript
-*.tsbuildinfo
-
-ios
-android
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions

examples/chat-rn/.gitkeep

@@ -0,0 +1,2 @@
+ios
+android

examples/chat-rn/.prettierrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: "avoid",
+  bracketSameLine: true,
+  bracketSpacing: true,
+  singleQuote: false,
+  trailingComma: "all",
+};

examples/chat-rn/.watchmanconfig

@@ -0,0 +1 @@
+{}

examples/chat-rn/CHANGELOG.md

@@ -1,546 +1,14 @@
 # chat-rn
 
-## 1.0.71
+## 1.0.89
 
 ### Patch Changes
 
-- Updated dependencies [3405d8f]
-  - jazz-react-native@0.10.10
-
-## 1.0.70
-
-### Patch Changes
-
-- Updated dependencies [2fb6428]
-  - jazz-tools@0.10.8
-  - jazz-react-native@0.10.8
-
-## 1.0.69
-
-### Patch Changes
-
-- Updated dependencies [1136d9b]
-- Updated dependencies [0eed228]
-  - jazz-react-native@0.10.7
-  - jazz-tools@0.10.7
-
-## 1.0.68
-
-### Patch Changes
-
-- Updated dependencies [ada802b]
-  - jazz-tools@0.10.6
-  - jazz-react-native@0.10.6
-
-## 1.0.67
-
-### Patch Changes
-
-- Updated dependencies [59ff77e]
-  - jazz-tools@0.10.5
-  - jazz-react-native@0.10.5
-
-## 1.0.66
-
-### Patch Changes
-
-- jazz-react-native@0.10.4
-- jazz-tools@0.10.4
-
-## 1.0.65
-
-### Patch Changes
-
-- Updated dependencies [d8582fc]
-  - jazz-tools@0.10.3
-  - jazz-react-native@0.10.3
-
-## 1.0.64
-
-### Patch Changes
-
-- jazz-react-native@0.10.2
-- jazz-tools@0.10.2
-
-## 1.0.63
-
-### Patch Changes
-
-- Updated dependencies [5a63cba]
-  - jazz-tools@0.10.1
-  - jazz-react-native@0.10.1
-
-## 1.0.62
-
-### Patch Changes
-
-- Updated dependencies [498954f]
-- Updated dependencies [d42c2aa]
-- Updated dependencies [dd03464]
-- Updated dependencies [b426342]
-  - jazz-react-native@0.10.0
-  - jazz-tools@0.10.0
-
-## 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
-
-- Updated dependencies [f76274c]
-- Updated dependencies [5e83864]
-  - jazz-react-native@0.9.10
-  - jazz-tools@0.9.10
-
-## 1.0.47
-
-### Patch Changes
-
-- Updated dependencies [8eb9247]
-  - jazz-tools@0.9.9
-  - jazz-react-native@0.9.9
-
-## 1.0.46
-
-### Patch Changes
-
-- Updated dependencies [d1d773b]
-  - jazz-tools@0.9.8
-  - jazz-react-native@0.9.8
-
-## 1.0.45
-
-### Patch Changes
-
-- Updated dependencies [8a390d2]
-  - jazz-react-native@0.9.6
-
-## 1.0.44
-
-### Patch Changes
-
-- Updated dependencies [c871912]
-  - jazz-react-native@0.9.5
-
-## 1.0.43
-
-### Patch Changes
-
-- jazz-react-native@0.9.4
-
-## 1.0.42
-
-### Patch Changes
-
-- Updated dependencies [7cd691f]
-  - jazz-react-native@0.9.3
-
-## 1.0.41
-
-### Patch Changes
-
-- Updated dependencies [80fd3e9]
-  - jazz-react-native@0.9.2
-
-## 1.0.40
-
-### Patch Changes
-
-- Updated dependencies [1b71969]
-  - jazz-tools@0.9.1
-  - jazz-react-native@0.9.1
-
-## 1.0.39
-
-### Patch Changes
-
-- Updated dependencies [1da4d55]
-- Updated dependencies [8eda792]
-- Updated dependencies [1e5e3a1]
-  - jazz-react-native@0.9.0
-  - jazz-tools@0.9.0
-
-## 1.0.38
-
-### Patch Changes
-
-- Updated dependencies [dc62b95]
-- Updated dependencies [1de26f8]
-  - jazz-tools@0.8.51
-  - jazz-react-native@0.8.51
-
-## 1.0.37
-
-### Patch Changes
-
-- jazz-react-native@0.8.50
-- jazz-tools@0.8.50
-
-## 1.0.36
-
-### Patch Changes
-
-- jazz-react-native@0.8.49
-- jazz-tools@0.8.49
-
-## 1.0.35
-
-### Patch Changes
-
-- Updated dependencies [635e824]
-- Updated dependencies [0a85982]
-  - jazz-tools@0.8.48
-  - jazz-react-native@0.8.48
-
-## 1.0.34
-
-### Patch Changes
-
-- Updated dependencies [33ef9c4]
-  - jazz-react-native@0.8.47
-
-## 1.0.33
-
-### Patch Changes
-
-- Updated dependencies [ab4ffbd]
-  - jazz-react-native@0.8.46
-
-## 1.0.32
-
-### Patch Changes
-
-- Updated dependencies [7701307]
-- Updated dependencies [fa41f8e]
-- Updated dependencies [88d7d9a]
-- Updated dependencies [60e35ea]
-  - jazz-react-native@0.8.45
-  - jazz-tools@0.8.45
-
-## 1.0.31
-
-### Patch Changes
-
-- jazz-react-native@0.8.44
-- jazz-tools@0.8.44
-
-## 1.0.30
-
-### Patch Changes
-
-- jazz-react-native@0.8.41
-- jazz-tools@0.8.41
-
-## 1.0.29
-
-### Patch Changes
-
-- Updated dependencies [0c6b0f3]
-- Updated dependencies [249eecb]
-  - jazz-react-native@0.8.39
-  - jazz-tools@0.8.39
-
-## 1.0.28
-
-### Patch Changes
-
-- jazz-react-native@0.8.38
-- jazz-tools@0.8.38
-
-## 1.0.27
-
-### Patch Changes
-
-- jazz-react-native@0.8.37
-- jazz-tools@0.8.37
-
-## 1.0.26
-
-### Patch Changes
-
-- Updated dependencies [c84764a]
-- Updated dependencies [441fe27]
-  - jazz-react-native@0.8.36
-  - jazz-tools@0.8.36
-
-## 1.0.25
-
-### Patch Changes
-
-- Updated dependencies [8b87117]
-  - jazz-tools@0.8.35
-  - jazz-react-native@0.8.35
-
-## 1.0.24
-
-### Patch Changes
-
-- jazz-react-native@0.8.34
-- jazz-tools@0.8.34
-
-## 1.0.23
-
-### Patch Changes
-
-- Updated dependencies [df42b2b]
-  - jazz-tools@0.8.32
-  - jazz-react-native@0.8.32
-
-## 1.0.22
-
-### Patch Changes
-
-- jazz-react-native@0.8.31
-- jazz-tools@0.8.31
-
-## 1.0.21
-
-### Patch Changes
-
-- jazz-react-native@0.8.30
-- jazz-tools@0.8.30
-
-## 1.0.20
-
-### Patch Changes
-
-- jazz-react-native@0.8.29
-- jazz-tools@0.8.29
-
-## 1.0.19
-
-### Patch Changes
-
-- jazz-react-native@0.8.28
-- jazz-tools@0.8.28
-
-## 1.0.18
-
-### Patch Changes
-
-- jazz-react-native@0.8.27
-- jazz-tools@0.8.27
-
-## 1.0.17
-
-### Patch Changes
-
-- Updated dependencies [d348c2d]
-- Updated dependencies [6902b5b]
-- Updated dependencies [1a0cd3d]
-  - jazz-tools@0.8.23
-  - jazz-react-native@0.8.23
-
-## 1.0.16
-
-### Patch Changes
-
-- Updated dependencies [149ca97]
-  - jazz-tools@0.8.21
-  - jazz-react-native@0.8.21
-
-## 1.0.15
-
-### Patch Changes
-
-- Updated dependencies [3ef3ff3]
-  - jazz-react-native@0.8.20
-
-## 1.0.14
-
-### Patch Changes
-
-- jazz-react-native@0.8.19
-- jazz-tools@0.8.19
-
-## 1.0.13
-
-### Patch Changes
-
-- jazz-react-native@0.8.18
-- jazz-tools@0.8.18
-
-## 1.0.12
-
-### Patch Changes
-
-- jazz-react-native@0.8.17
-- jazz-tools@0.8.17
-
-## 1.0.11
-
-### Patch Changes
-
-- jazz-react-native@0.8.16
-- jazz-tools@0.8.16
-
-## 1.0.10
-
-### Patch Changes
-
-- Updated dependencies [cce679b]
-  - jazz-tools@0.8.15
-  - jazz-react-native@0.8.15
-
-## 1.0.9
-
-### Patch Changes
-
-- Updated dependencies [36273b3]
-  - jazz-tools@0.8.14
-  - jazz-react-native@0.8.14
-
-## 1.0.8
-
-### Patch Changes
-
-- Updated dependencies [fd011d7]
-  - jazz-tools@0.8.13
-  - jazz-react-native@0.8.13
-
-## 1.0.7
-
-### Patch Changes
-
-- jazz-react-native@0.8.12
-- jazz-tools@0.8.12
-
-## 1.0.6
-
-### Patch Changes
-
-- jazz-react-native@0.8.11
-- jazz-tools@0.8.11
-
-## 1.0.5
-
-### Patch Changes
-
-- b7639cf: feat(react-native): replaced react-native-mmkv with expo-secure-store and initialize it by default as kvStore in createJazzRNApp() (BREAKING)
-- Updated dependencies [b7639cf]
-  - jazz-react-native@0.8.8
-
-## 1.0.4
-
-### Patch Changes
-
-- Updated dependencies [32b05b6]
-  - jazz-react-native@0.8.7
-
-## 1.0.3
-
-### Patch Changes
-
-- jazz-react-native@0.8.6
-
-## 1.0.2
-
-### Patch Changes
-
-- Updated dependencies [c3f4e6b]
-- Updated dependencies [d9152ed]
-  - jazz-react-native@0.8.5
-  - jazz-tools@0.8.5
-
-## 1.0.1
-
-### Patch Changes
-
-- Updated dependencies
-  - jazz-react-native@0.8.3
-  - jazz-tools@0.8.3
+- Updated dependencies [a013538]
+- Updated dependencies [bce3bcc]
+- Updated dependencies [afd1374]
+- Updated dependencies [bce3bcc]
+  - cojson@0.13.0
+  - jazz-react-native@0.13.0
+  - jazz-tools@0.13.0
+  - cojson-transport-ws@0.13.0

examples/chat-rn/Gemfile

@@ -0,0 +1,11 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Exclude problematic versions of cocoapods and activesupport that causes build failures.
+gem 'cocoapods', '>= 1.13', '!= 1.15.0', '!= 1.15.1'
+gem 'activesupport', '>= 6.1.7.5', '!= 7.1.0'
+gem 'xcodeproj', '< 1.26.0'
+gem 'concurrent-ruby', '< 1.3.4'
+gem "bigdecimal", "~> 3.1"

examples/chat-rn/Gemfile.lock

@@ -0,0 +1,111 @@
+GEM
+  remote: https://rubygems.org/
+  specs:
+    CFPropertyList (3.0.7)
+      base64
+      nkf
+      rexml
+    activesupport (6.1.7.10)
+      concurrent-ruby (~> 1.0, >= 1.0.2)
+      i18n (>= 1.6, < 2)
+      minitest (>= 5.1)
+      tzinfo (~> 2.0)
+      zeitwerk (~> 2.3)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    algoliasearch (1.27.5)
+      httpclient (~> 2.8, >= 2.8.3)
+      json (>= 1.5.1)
+    atomos (0.1.3)
+    base64 (0.2.0)
+    bigdecimal (3.1.9)
+    claide (1.1.0)
+    cocoapods (1.15.2)
+      addressable (~> 2.8)
+      claide (>= 1.0.2, < 2.0)
+      cocoapods-core (= 1.15.2)
+      cocoapods-deintegrate (>= 1.0.3, < 2.0)
+      cocoapods-downloader (>= 2.1, < 3.0)
+      cocoapods-plugins (>= 1.0.0, < 2.0)
+      cocoapods-search (>= 1.0.0, < 2.0)
+      cocoapods-trunk (>= 1.6.0, < 2.0)
+      cocoapods-try (>= 1.1.0, < 2.0)
+      colored2 (~> 3.1)
+      escape (~> 0.0.4)
+      fourflusher (>= 2.3.0, < 3.0)
+      gh_inspector (~> 1.0)
+      molinillo (~> 0.8.0)
+      nap (~> 1.0)
+      ruby-macho (>= 2.3.0, < 3.0)
+      xcodeproj (>= 1.23.0, < 2.0)
+    cocoapods-core (1.15.2)
+      activesupport (>= 5.0, < 8)
+      addressable (~> 2.8)
+      algoliasearch (~> 1.0)
+      concurrent-ruby (~> 1.1)
+      fuzzy_match (~> 2.0.4)
+      nap (~> 1.0)
+      netrc (~> 0.11)
+      public_suffix (~> 4.0)
+      typhoeus (~> 1.0)
+    cocoapods-deintegrate (1.0.5)
+    cocoapods-downloader (2.1)
+    cocoapods-plugins (1.0.0)
+      nap
+    cocoapods-search (1.0.1)
+    cocoapods-trunk (1.6.0)
+      nap (>= 0.8, < 2.0)
+      netrc (~> 0.11)
+    cocoapods-try (1.2.0)
+    colored2 (3.1.2)
+    concurrent-ruby (1.3.3)
+    escape (0.0.4)
+    ethon (0.16.0)
+      ffi (>= 1.15.0)
+    ffi (1.17.1)
+    fourflusher (2.3.1)
+    fuzzy_match (2.0.4)
+    gh_inspector (1.1.3)
+    httpclient (2.9.0)
+      mutex_m
+    i18n (1.14.7)
+      concurrent-ruby (~> 1.0)
+    json (2.7.6)
+    minitest (5.25.4)
+    molinillo (0.8.0)
+    mutex_m (0.3.0)
+    nanaimo (0.3.0)
+    nap (1.1.0)
+    netrc (0.11.0)
+    nkf (0.2.0)
+    public_suffix (4.0.7)
+    rexml (3.4.1)
+    ruby-macho (2.5.1)
+    typhoeus (1.4.1)
+      ethon (>= 0.9.0)
+    tzinfo (2.0.6)
+      concurrent-ruby (~> 1.0)
+    xcodeproj (1.25.1)
+      CFPropertyList (>= 2.3.3, < 4.0)
+      atomos (~> 0.1.3)
+      claide (>= 1.0.2, < 2.0)
+      colored2 (~> 3.1)
+      nanaimo (~> 0.3.0)
+      rexml (>= 3.3.6, < 4.0)
+    zeitwerk (2.6.18)
+
+PLATFORMS
+  ruby
+
+DEPENDENCIES
+  activesupport (>= 6.1.7.5, != 7.1.0)
+  bigdecimal (~> 3.1)
+  cocoapods (>= 1.13, != 1.15.1, != 1.15.0)
+  concurrent-ruby (< 1.3.4)
+  xcodeproj (< 1.26.0)
+
+RUBY VERSION
+   ruby 2.6.10p210
+
+BUNDLED WITH
+   2.3.25

examples/chat-rn/README.md

@@ -1,14 +1,13 @@
-# 🎷 Jazz + Expo + `react-navigation` + Demo Auth
+# 🎷 Jazz + React Native + Demo Auth
 
 ## 🚀 How to Run
 
 ### 1. Inside the Workspace Root
 
-First, install dependencies and build the project:
+First, install dependencies for the project:
 
 ```bash
 pnpm i
-pnpm run build
 ```
 
 ### 2. Inside the `examples/chat-rn` Directory
@@ -16,9 +15,18 @@ pnpm run build
 Next, navigate to the specific example project and run the following commands:
 
 ```bash
-pnpm expo prebuild
-npx pod-install
-pnpm expo run:ios
+pnpm pods
+pnpm ios
 ```
 
-This will set up and launch the app on iOS. For Android, you can replace the last command with `pnpm expo run:android`.
+This will set up and launch the app on iOS. For Android, you can skip `pnpm pods` and replace the last command with `pnpm android`.
+
+## Creation
+
+This was created using the following command:
+
+```bash
+pnpx @react-native-community/cli init chat-rn --version 0.76.7 --install-pods true --skip-git-init true --package-name com.chatrn --directory chat-rn
+```
+
+Then change package name in `package.json`, and begin build instructions above.

examples/chat-rn/android/app/build.gradle

@@ -0,0 +1,119 @@
+apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
+apply plugin: "com.facebook.react"
+
+/**
+ * This is the configuration block to customize your React Native Android app.
+ * By default you don't need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+    /* Folders */
+    //   The root of your project, i.e. where "package.json" lives. Default is '../..'
+    // root = file("../../")
+    //   The folder where the react-native NPM package is. Default is ../../node_modules/react-native
+    // reactNativeDir = file("../../node_modules/react-native")
+    //   The folder where the react-native Codegen package is. Default is ../../node_modules/@react-native/codegen
+    // codegenDir = file("../../node_modules/@react-native/codegen")
+    //   The cli.js file which is the React Native CLI entrypoint. Default is ../../node_modules/react-native/cli.js
+    // cliFile = file("../../node_modules/react-native/cli.js")
+
+    /* Variants */
+    //   The list of variants to that are debuggable. For those we're going to
+    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+    // debuggableVariants = ["liteDebug", "prodDebug"]
+
+    /* Bundling */
+    //   A list containing the node command and its flags. Default is just 'node'.
+    // nodeExecutableAndArgs = ["node"]
+    //
+    //   The command to run when bundling. By default is 'bundle'
+    // bundleCommand = "ram-bundle"
+    //
+    //   The path to the CLI configuration file. Default is empty.
+    // bundleConfig = file(../rn-cli.config.js)
+    //
+    //   The name of the generated asset file containing your JS bundle
+    // bundleAssetName = "MyApplication.android.bundle"
+    //
+    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+    // entryFile = file("../js/MyApplication.android.js")
+    //
+    //   A list of extra flags to pass to the 'bundle' commands.
+    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+    // extraPackagerArgs = []
+
+    /* Hermes Commands */
+    //   The hermes compiler command to run. By default it is 'hermesc'
+    // hermesCommand = "$rootDir/my-custom-hermesc/bin/hermesc"
+    //
+    //   The list of flags to pass to the Hermes compiler. By default is "-O", "-output-source-map"
+    // hermesFlags = ["-O", "-output-source-map"]
+
+    /* Autolinking */
+    autolinkLibrariesWithApp()
+}
+
+/**
+ * Set this to true to Run Proguard on Release builds to minify the Java bytecode.
+ */
+def enableProguardInReleaseBuilds = false
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC)
+ *
+ * For example, to use the international variant, you can use:
+ * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ *
+ * The international variant includes ICU i18n library and necessary data
+ * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that
+ * give correct results when using with locales other than en-US. Note that
+ * this variant is about 6MiB larger per architecture than default.
+ */
+def jscFlavor = 'org.webkit:android-jsc:+'
+
+android {
+    ndkVersion rootProject.ext.ndkVersion
+    buildToolsVersion rootProject.ext.buildToolsVersion
+    compileSdk rootProject.ext.compileSdkVersion
+
+    namespace "com.chatrn"
+    defaultConfig {
+        applicationId "com.chatrn"
+        minSdkVersion rootProject.ext.minSdkVersion
+        targetSdkVersion rootProject.ext.targetSdkVersion
+        versionCode 1
+        versionName "1.0"
+    }
+    signingConfigs {
+        debug {
+            storeFile file('debug.keystore')
+            storePassword 'android'
+            keyAlias 'androiddebugkey'
+            keyPassword 'android'
+        }
+    }
+    buildTypes {
+        debug {
+            signingConfig signingConfigs.debug
+        }
+        release {
+            // Caution! In production, you need to generate your own keystore file.
+            // see https://reactnative.dev/docs/signed-apk-android.
+            signingConfig signingConfigs.debug
+            minifyEnabled enableProguardInReleaseBuilds
+            proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
+        }
+    }
+}
+
+dependencies {
+    // The version of react-native is set by the React Native Gradle Plugin
+    implementation("com.facebook.react:react-android")
+
+    if (hermesEnabled.toBoolean()) {
+        implementation("com.facebook.react:hermes-android")
+    } else {
+        implementation jscFlavor
+    }
+}

examples/chat-rn/android/app/proguard-rules.pro

@@ -0,0 +1,10 @@
+# Add project specific ProGuard rules here.
+# By default, the flags in this file are appended to flags specified
+# in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt
+# You can edit the include path and order by changing the proguardFiles
+# directive in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# Add any project specific keep options here:

examples/chat-rn/android/app/src/debug/AndroidManifest.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <application
+        android:usesCleartextTraffic="true"
+        tools:targetApi="28"
+        tools:ignore="GoogleAppIndexingWarning"/>
+</manifest>

examples/chat-rn/android/app/src/main/AndroidManifest.xml

@@ -0,0 +1,26 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <uses-permission android:name="android.permission.INTERNET" />
+
+    <application
+      android:name=".MainApplication"
+      android:label="@string/app_name"
+      android:icon="@mipmap/ic_launcher"
+      android:roundIcon="@mipmap/ic_launcher_round"
+      android:allowBackup="false"
+      android:theme="@style/AppTheme"
+      android:supportsRtl="true">
+      <activity
+        android:name=".MainActivity"
+        android:label="@string/app_name"
+        android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
+        android:launchMode="singleTask"
+        android:windowSoftInputMode="adjustResize"
+        android:exported="true">
+        <intent-filter>
+            <action android:name="android.intent.action.MAIN" />
+            <category android:name="android.intent.category.LAUNCHER" />
+        </intent-filter>
+      </activity>
+    </application>
+</manifest>

examples/chat-rn/android/app/src/main/java/com/chatrn/MainActivity.kt

@@ -0,0 +1,22 @@
+package com.chatrn
+
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+
+class MainActivity : ReactActivity() {
+
+  /**
+   * Returns the name of the main component registered from JavaScript. This is used to schedule
+   * rendering of the component.
+   */
+  override fun getMainComponentName(): String = "ChatRN"
+
+  /**
+   * Returns the instance of the [ReactActivityDelegate]. We use [DefaultReactActivityDelegate]
+   * which allows you to enable New Architecture with a single boolean flags [fabricEnabled]
+   */
+  override fun createReactActivityDelegate(): ReactActivityDelegate =
+      DefaultReactActivityDelegate(this, mainComponentName, fabricEnabled)
+}