jazz-tools 0.15.4 → 0.15.5

package/dist/react-native-core/index.js

@@ -1,21 +1,3 @@
-// src/react-native-core/provider.tsx
-import { JazzContext, JazzContextManagerContext } from "jazz-tools/react-core";
-import React, { useEffect, useRef } from "react";
-
-// src/react-native-core/ReactNativeContextManager.ts
-import {
-  JazzContextManager
-} from "jazz-tools";
-
-// src/react-native-core/platform.ts
-import NetInfo from "@react-native-community/netinfo";
-import { PureJSCrypto } from "cojson/dist/crypto/PureJSCrypto";
-import {
-  createInviteLink as baseCreateInviteLink,
-  createAnonymousJazzContext,
-  createJazzContext
-} from "jazz-tools";
-
 // src/react-native-core/storage/kv-store-context.ts
 var KvStoreContext = class _KvStoreContext {
   constructor() {
@@ -43,33 +25,366 @@ var KvStoreContext = class _KvStoreContext {
   }
 };
 
-// src/react-native-core/storage/sqlite-react-native.ts
-import { SQLiteNodeBaseAsync } from "cojson-storage";
-var SQLiteReactNative = class extends SQLiteNodeBaseAsync {
-  static async asPeer(config) {
-    if (!config.adapter) {
-      throw new Error("SQLite adapter is required");
-    }
-    return SQLiteNodeBaseAsync.create({
-      db: config.adapter,
-      localNodeName: "localNode"
+// src/react-native-core/auth/DemoAuthUI.tsx
+import { useState } from "react";
+import {
+  StyleSheet,
+  Text,
+  TextInput,
+  TouchableOpacity,
+  View,
+  useColorScheme
+} from "react-native";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DemoAuthBasicUI = ({
+  appName,
+  auth,
+  children
+}) => {
+  const colorScheme = useColorScheme();
+  const darkMode = colorScheme === "dark";
+  const [username, setUsername] = useState("");
+  const [errorMessage, setErrorMessage] = useState(null);
+  const handleSignUp = () => {
+    setErrorMessage(null);
+    auth.signUp(username).catch((error) => {
+      setErrorMessage(error.message);
+    });
+  };
+  const handleLogIn = (username2) => {
+    setErrorMessage(null);
+    auth.logIn(username2).catch((error) => {
+      setErrorMessage(error.message);
     });
+  };
+  if (auth.state === "signedIn") {
+    return children;
   }
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      style: [
+        styles.container,
+        darkMode ? styles.darkBackground : styles.lightBackground
+      ],
+      children: /* @__PURE__ */ jsxs(View, { style: styles.formContainer, children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: [
+              styles.headerText,
+              darkMode ? styles.darkText : styles.lightText
+            ],
+            children: appName
+          }
+        ),
+        errorMessage && /* @__PURE__ */ jsx(Text, { style: styles.errorText, children: errorMessage }),
+        /* @__PURE__ */ jsx(
+          TextInput,
+          {
+            placeholder: "Display name",
+            value: username,
+            onChangeText: setUsername,
+            placeholderTextColor: darkMode ? "#fff" : "#000",
+            style: [
+              styles.textInput,
+              darkMode ? styles.darkInput : styles.lightInput
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TouchableOpacity,
+          {
+            onPress: handleSignUp,
+            style: [
+              styles.button,
+              darkMode ? styles.darkButton : styles.lightButton
+            ],
+            children: /* @__PURE__ */ jsx(
+              Text,
+              {
+                style: darkMode ? styles.darkButtonText : styles.lightButtonText,
+                children: "Sign Up as new account"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(View, { style: styles.existingUsersContainer, children: auth.existingUsers.map((user) => /* @__PURE__ */ jsx(
+          TouchableOpacity,
+          {
+            onPress: () => handleLogIn(user),
+            style: [
+              styles.existingUserButton,
+              darkMode ? styles.darkUserButton : styles.lightUserButton
+            ],
+            children: /* @__PURE__ */ jsxs(Text, { style: darkMode ? styles.darkText : styles.lightText, children: [
+              'Log In as "',
+              user,
+              '"'
+            ] })
+          },
+          user
+        )) })
+      ] })
+    }
+  );
 };
+var styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 20
+  },
+  formContainer: {
+    width: "80%",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  headerText: {
+    fontSize: 24,
+    marginBottom: 20
+  },
+  errorText: {
+    color: "red",
+    marginVertical: 5,
+    textAlign: "center"
+  },
+  textInput: {
+    borderWidth: 1,
+    padding: 10,
+    marginVertical: 10,
+    width: "100%",
+    borderRadius: 6
+  },
+  darkInput: {
+    borderColor: "#444",
+    backgroundColor: "#000",
+    color: "#fff"
+  },
+  lightInput: {
+    borderColor: "#ddd",
+    backgroundColor: "#fff",
+    color: "#000"
+  },
+  button: {
+    paddingVertical: 15,
+    paddingHorizontal: 10,
+    borderRadius: 6,
+    width: "100%",
+    marginVertical: 10
+  },
+  darkButton: {
+    backgroundColor: "#444"
+  },
+  lightButton: {
+    backgroundColor: "#ddd"
+  },
+  darkButtonText: {
+    color: "#fff",
+    textAlign: "center"
+  },
+  lightButtonText: {
+    color: "#000",
+    textAlign: "center"
+  },
+  existingUsersContainer: {
+    width: "100%",
+    marginTop: 20
+  },
+  existingUserButton: {
+    paddingVertical: 15,
+    paddingHorizontal: 10,
+    borderRadius: 6,
+    marginVertical: 5
+  },
+  darkUserButton: {
+    backgroundColor: "#222"
+  },
+  lightUserButton: {
+    backgroundColor: "#eee"
+  },
+  loadingText: {
+    fontSize: 18,
+    color: "#888"
+  },
+  darkText: {
+    color: "#fff"
+  },
+  lightText: {
+    color: "#000"
+  },
+  darkBackground: {
+    backgroundColor: "#000"
+  },
+  lightBackground: {
+    backgroundColor: "#fff"
+  }
+});
 
-// src/react-native-core/platform.ts
-import { WebSocketPeerWithReconnection } from "cojson-transport-ws";
-var ReactNativeWebSocketPeerWithReconnection = class extends WebSocketPeerWithReconnection {
-  onNetworkChange(callback) {
-    return NetInfo.addEventListener(
-      (state) => callback(state.isConnected ?? false)
+// src/react-native-core/auth/auth.ts
+function clearUserCredentials() {
+  const kvStore = KvStoreContext.getInstance().getStorage();
+  return Promise.all([
+    kvStore.delete("demo-auth-logged-in-secret"),
+    kvStore.delete("jazz-clerk-auth"),
+    kvStore.delete("jazz-logged-in-secret")
+  ]);
+}
+
+// src/react-native-core/hooks.tsx
+import { useEffect } from "react";
+import { parseInviteLink } from "jazz-tools";
+import { useJazzContext } from "jazz-tools/react-core";
+import { Linking } from "react-native";
+import {
+  useCoState,
+  experimental_useInboxSender,
+  useDemoAuth,
+  usePassphraseAuth,
+  useJazzContext as useJazzContext2,
+  useAuthSecretStorage,
+  useIsAuthenticated,
+  useAccount
+} from "jazz-tools/react-core";
+function useAcceptInviteNative({
+  invitedObjectSchema,
+  onAccept,
+  forValueHint
+}) {
+  const context = useJazzContext();
+  if (!("me" in context)) {
+    throw new Error(
+      "useAcceptInviteNative can't be used in a JazzProvider with auth === 'guest'."
     );
   }
-};
-async function setupPeers(options) {
-  const CryptoProvider2 = options.CryptoProvider || PureJSCrypto;
-  const crypto = await CryptoProvider2.create();
-  let node = void 0;
+  useEffect(() => {
+    const handleDeepLink = ({ url }) => {
+      const result = parseInviteLink(url);
+      if (result && result.valueHint === forValueHint) {
+        context.me.acceptInvite(
+          result.valueID,
+          result.inviteSecret,
+          invitedObjectSchema
+        ).then(() => {
+          onAccept(result.valueID);
+        }).catch((e) => {
+          console.error("Failed to accept invite", e);
+        });
+      }
+    };
+    const linkingListener = Linking.addEventListener("url", handleDeepLink);
+    void Linking.getInitialURL().then((url) => {
+      if (url) handleDeepLink({ url });
+    });
+    return () => {
+      linkingListener.remove();
+    };
+  }, [context, onAccept, invitedObjectSchema, forValueHint]);
+}
+
+// src/react-native-core/media.tsx
+import { ImageDefinition } from "jazz-tools";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+function useProgressiveImgNative({
+  image,
+  maxWidth,
+  targetWidth
+}) {
+  const [current, setCurrent] = useState2(void 0);
+  useEffect2(() => {
+    let lastHighestRes;
+    if (!image) return;
+    const unsub = image.subscribe({}, (update) => {
+      const highestRes = ImageDefinition.highestResAvailable(update, {
+        maxWidth,
+        targetWidth
+      });
+      if (highestRes && highestRes.res !== lastHighestRes) {
+        lastHighestRes = highestRes.res;
+        const dataUrl = highestRes.stream.asBase64({ dataURL: true });
+        if (dataUrl) {
+          setCurrent({
+            src: dataUrl,
+            res: highestRes.res
+          });
+        } else {
+          console.warn("No chunks available for image", image.id);
+          setCurrent({
+            src: update?.placeholderDataURL,
+            res: "placeholder"
+          });
+        }
+      } else if (!highestRes) {
+        setCurrent({
+          src: update?.placeholderDataURL,
+          res: "placeholder"
+        });
+      }
+    });
+    return unsub;
+  }, [image?.id, maxWidth]);
+  return {
+    src: current?.src,
+    res: current?.res,
+    originalSize: image?.originalSize
+  };
+}
+function ProgressiveImgNative({
+  children,
+  image,
+  maxWidth,
+  targetWidth
+}) {
+  const result = useProgressiveImgNative({ image, maxWidth, targetWidth });
+  return result && children(result);
+}
+
+// src/react-native-core/provider.tsx
+import { JazzContext, JazzContextManagerContext } from "jazz-tools/react-core";
+import React3, { useEffect as useEffect3, useRef } from "react";
+
+// src/react-native-core/ReactNativeContextManager.ts
+import {
+  JazzContextManager
+} from "jazz-tools";
+
+// src/react-native-core/platform.ts
+import NetInfo from "@react-native-community/netinfo";
+import { PureJSCrypto } from "cojson/dist/crypto/PureJSCrypto";
+import {
+  createInviteLink as baseCreateInviteLink,
+  createAnonymousJazzContext,
+  createJazzContext
+} from "jazz-tools";
+
+// src/react-native-core/storage/sqlite-react-native.ts
+import { SQLiteNodeBaseAsync } from "cojson-storage";
+var SQLiteReactNative = class extends SQLiteNodeBaseAsync {
+  static async asPeer(config) {
+    if (!config.adapter) {
+      throw new Error("SQLite adapter is required");
+    }
+    return SQLiteNodeBaseAsync.create({
+      db: config.adapter,
+      localNodeName: "localNode"
+    });
+  }
+};
+
+// src/react-native-core/platform.ts
+import { WebSocketPeerWithReconnection } from "cojson-transport-ws";
+var ReactNativeWebSocketPeerWithReconnection = class extends WebSocketPeerWithReconnection {
+  onNetworkChange(callback) {
+    return NetInfo.addEventListener(
+      (state) => callback(state.isConnected ?? false)
+    );
+  }
+};
+async function setupPeers(options) {
+  const CryptoProvider2 = options.CryptoProvider || PureJSCrypto;
+  const crypto = await CryptoProvider2.create();
+  let node = void 0;
   const peersToLoadFrom = [];
   if (options.storage && options.storage !== "disabled") {
     const storage = await SQLiteReactNative.asPeer({
@@ -243,36 +558,36 @@ var ReactNativeContextManager = class extends JazzContextManager {
 };
 
 // src/react-native-core/provider.tsx
-import { jsx } from "react/jsx-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 function JazzProviderCore({
   children,
   guestMode,
   sync,
   storage,
-  AccountSchema: AccountSchema2,
+  AccountSchema,
   defaultProfileName,
   onLogOut,
-  kvStore,
+  logOutReplacement,
   onAnonymousAccountDiscarded,
-  CryptoProvider: CryptoProvider2,
-  logOutReplacement
+  kvStore,
+  CryptoProvider: CryptoProvider2
 }) {
   setupKvStore(kvStore);
-  const [contextManager] = React.useState(
+  const [contextManager] = React3.useState(
     () => new ReactNativeContextManager()
   );
+  const onLogOutRefCallback = useRefCallback(onLogOut);
+  const logOutReplacementRefCallback = useRefCallback(logOutReplacement);
   const onAnonymousAccountDiscardedRefCallback = useRefCallback(
     onAnonymousAccountDiscarded
   );
-  const onLogOutRefCallback = useRefCallback(onLogOut);
-  const logOutReplacementRefCallback = useRefCallback(logOutReplacement);
   const logoutReplacementActiveRef = useRef(false);
   logoutReplacementActiveRef.current = Boolean(logOutReplacement);
-  const value = React.useSyncExternalStore(
-    React.useCallback(
+  const value = React3.useSyncExternalStore(
+    React3.useCallback(
       (callback) => {
         const props = {
-          AccountSchema: AccountSchema2,
+          AccountSchema,
           guestMode,
           sync,
           storage,
@@ -285,7 +600,7 @@ function JazzProviderCore({
         if (contextManager.propsChanged(props)) {
           contextManager.createContext(props).catch((error) => {
             console.log(error.stack);
-            console.error("Error creating Jazz context:", error);
+            console.error("Error creating Jazz React Native context:", error);
           });
         }
         return contextManager.subscribe(callback);
@@ -295,337 +610,22 @@ function JazzProviderCore({
     () => contextManager.getCurrentValue(),
     () => contextManager.getCurrentValue()
   );
-  useEffect(() => {
+  useEffect3(() => {
     if (process.env.NODE_ENV === "development") return;
     return () => {
       contextManager.done();
     };
   }, []);
-  return /* @__PURE__ */ jsx(JazzContext.Provider, { value, children: /* @__PURE__ */ jsx(JazzContextManagerContext.Provider, { value: contextManager, children: value && children }) });
+  return /* @__PURE__ */ jsx2(JazzContext.Provider, { value, children: /* @__PURE__ */ jsx2(JazzContextManagerContext.Provider, { value: contextManager, children: value && children }) });
 }
 function useRefCallback(callback) {
-  const callbackRef = React.useRef(callback);
+  const callbackRef = React3.useRef(callback);
   callbackRef.current = callback;
   return useRef(
     (...args) => callbackRef.current?.(...args)
   ).current;
 }
 
-// src/react-native-core/auth/DemoAuthUI.tsx
-import { useState } from "react";
-import {
-  StyleSheet,
-  Text,
-  TextInput,
-  TouchableOpacity,
-  View,
-  useColorScheme
-} from "react-native";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var DemoAuthBasicUI = ({
-  appName,
-  auth,
-  children
-}) => {
-  const colorScheme = useColorScheme();
-  const darkMode = colorScheme === "dark";
-  const [username, setUsername] = useState("");
-  const [errorMessage, setErrorMessage] = useState(null);
-  const handleSignUp = () => {
-    setErrorMessage(null);
-    auth.signUp(username).catch((error) => {
-      setErrorMessage(error.message);
-    });
-  };
-  const handleLogIn = (username2) => {
-    setErrorMessage(null);
-    auth.logIn(username2).catch((error) => {
-      setErrorMessage(error.message);
-    });
-  };
-  if (auth.state === "signedIn") {
-    return children;
-  }
-  return /* @__PURE__ */ jsx2(
-    View,
-    {
-      style: [
-        styles.container,
-        darkMode ? styles.darkBackground : styles.lightBackground
-      ],
-      children: /* @__PURE__ */ jsxs(View, { style: styles.formContainer, children: [
-        /* @__PURE__ */ jsx2(
-          Text,
-          {
-            style: [
-              styles.headerText,
-              darkMode ? styles.darkText : styles.lightText
-            ],
-            children: appName
-          }
-        ),
-        errorMessage && /* @__PURE__ */ jsx2(Text, { style: styles.errorText, children: errorMessage }),
-        /* @__PURE__ */ jsx2(
-          TextInput,
-          {
-            placeholder: "Display name",
-            value: username,
-            onChangeText: setUsername,
-            placeholderTextColor: darkMode ? "#fff" : "#000",
-            style: [
-              styles.textInput,
-              darkMode ? styles.darkInput : styles.lightInput
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx2(
-          TouchableOpacity,
-          {
-            onPress: handleSignUp,
-            style: [
-              styles.button,
-              darkMode ? styles.darkButton : styles.lightButton
-            ],
-            children: /* @__PURE__ */ jsx2(
-              Text,
-              {
-                style: darkMode ? styles.darkButtonText : styles.lightButtonText,
-                children: "Sign Up as new account"
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx2(View, { style: styles.existingUsersContainer, children: auth.existingUsers.map((user) => /* @__PURE__ */ jsx2(
-          TouchableOpacity,
-          {
-            onPress: () => handleLogIn(user),
-            style: [
-              styles.existingUserButton,
-              darkMode ? styles.darkUserButton : styles.lightUserButton
-            ],
-            children: /* @__PURE__ */ jsxs(Text, { style: darkMode ? styles.darkText : styles.lightText, children: [
-              'Log In as "',
-              user,
-              '"'
-            ] })
-          },
-          user
-        )) })
-      ] })
-    }
-  );
-};
-var styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    justifyContent: "center",
-    alignItems: "center",
-    padding: 20
-  },
-  formContainer: {
-    width: "80%",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  headerText: {
-    fontSize: 24,
-    marginBottom: 20
-  },
-  errorText: {
-    color: "red",
-    marginVertical: 5,
-    textAlign: "center"
-  },
-  textInput: {
-    borderWidth: 1,
-    padding: 10,
-    marginVertical: 10,
-    width: "100%",
-    borderRadius: 6
-  },
-  darkInput: {
-    borderColor: "#444",
-    backgroundColor: "#000",
-    color: "#fff"
-  },
-  lightInput: {
-    borderColor: "#ddd",
-    backgroundColor: "#fff",
-    color: "#000"
-  },
-  button: {
-    paddingVertical: 15,
-    paddingHorizontal: 10,
-    borderRadius: 6,
-    width: "100%",
-    marginVertical: 10
-  },
-  darkButton: {
-    backgroundColor: "#444"
-  },
-  lightButton: {
-    backgroundColor: "#ddd"
-  },
-  darkButtonText: {
-    color: "#fff",
-    textAlign: "center"
-  },
-  lightButtonText: {
-    color: "#000",
-    textAlign: "center"
-  },
-  existingUsersContainer: {
-    width: "100%",
-    marginTop: 20
-  },
-  existingUserButton: {
-    paddingVertical: 15,
-    paddingHorizontal: 10,
-    borderRadius: 6,
-    marginVertical: 5
-  },
-  darkUserButton: {
-    backgroundColor: "#222"
-  },
-  lightUserButton: {
-    backgroundColor: "#eee"
-  },
-  loadingText: {
-    fontSize: 18,
-    color: "#888"
-  },
-  darkText: {
-    color: "#fff"
-  },
-  lightText: {
-    color: "#000"
-  },
-  darkBackground: {
-    backgroundColor: "#000"
-  },
-  lightBackground: {
-    backgroundColor: "#fff"
-  }
-});
-
-// src/react-native-core/auth/auth.ts
-function clearUserCredentials() {
-  const kvStore = KvStoreContext.getInstance().getStorage();
-  return Promise.all([
-    kvStore.delete("demo-auth-logged-in-secret"),
-    kvStore.delete("jazz-clerk-auth"),
-    kvStore.delete("jazz-logged-in-secret")
-  ]);
-}
-
-// src/react-native-core/hooks.tsx
-import { useEffect as useEffect2 } from "react";
-import { parseInviteLink } from "jazz-tools";
-import { useJazzContext } from "jazz-tools/react-core";
-import { Linking } from "react-native";
-import {
-  useCoState,
-  experimental_useInboxSender,
-  useDemoAuth,
-  usePassphraseAuth,
-  useJazzContext as useJazzContext2,
-  useAuthSecretStorage,
-  useIsAuthenticated,
-  useAccount
-} from "jazz-tools/react-core";
-function useAcceptInviteNative({
-  invitedObjectSchema,
-  onAccept,
-  forValueHint
-}) {
-  const context = useJazzContext();
-  if (!("me" in context)) {
-    throw new Error(
-      "useAcceptInviteNative can't be used in a JazzProvider with auth === 'guest'."
-    );
-  }
-  useEffect2(() => {
-    const handleDeepLink = ({ url }) => {
-      const result = parseInviteLink(url);
-      if (result && result.valueHint === forValueHint) {
-        context.me.acceptInvite(
-          result.valueID,
-          result.inviteSecret,
-          invitedObjectSchema
-        ).then(() => {
-          onAccept(result.valueID);
-        }).catch((e) => {
-          console.error("Failed to accept invite", e);
-        });
-      }
-    };
-    const linkingListener = Linking.addEventListener("url", handleDeepLink);
-    void Linking.getInitialURL().then((url) => {
-      if (url) handleDeepLink({ url });
-    });
-    return () => {
-      linkingListener.remove();
-    };
-  }, [context, onAccept, invitedObjectSchema, forValueHint]);
-}
-
-// src/react-native-core/media.tsx
-import { ImageDefinition } from "jazz-tools";
-import { useEffect as useEffect3, useState as useState2 } from "react";
-function useProgressiveImgNative({
-  image,
-  maxWidth,
-  targetWidth
-}) {
-  const [current, setCurrent] = useState2(void 0);
-  useEffect3(() => {
-    let lastHighestRes;
-    if (!image) return;
-    const unsub = image.subscribe({}, (update) => {
-      const highestRes = ImageDefinition.highestResAvailable(update, {
-        maxWidth,
-        targetWidth
-      });
-      if (highestRes && highestRes.res !== lastHighestRes) {
-        lastHighestRes = highestRes.res;
-        const dataUrl = highestRes.stream.asBase64({ dataURL: true });
-        if (dataUrl) {
-          setCurrent({
-            src: dataUrl,
-            res: highestRes.res
-          });
-        } else {
-          console.warn("No chunks available for image", image.id);
-          setCurrent({
-            src: update?.placeholderDataURL,
-            res: "placeholder"
-          });
-        }
-      } else if (!highestRes) {
-        setCurrent({
-          src: update?.placeholderDataURL,
-          res: "placeholder"
-        });
-      }
-    });
-    return unsub;
-  }, [image?.id, maxWidth]);
-  return {
-    src: current?.src,
-    res: current?.res,
-    originalSize: image?.originalSize
-  };
-}
-function ProgressiveImgNative({
-  children,
-  image,
-  maxWidth,
-  targetWidth
-}) {
-  const result = useProgressiveImgNative({ image, maxWidth, targetWidth });
-  return result && children(result);
-}
-
 // src/react-native-core/index.ts
 import { SQLiteDatabaseDriverAsync as SQLiteDatabaseDriverAsync2 } from "cojson-storage";
 import { parseInviteLink as parseInviteLink2 } from "jazz-tools";