jazz-react-native 0.9.23 → 0.10.0

package/dist/provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE/D,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAa7C,gCAAgC;AAChC,MAAM,UAAU,YAAY,CAA0C,EACpE,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,aAAa,EACb,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,2BAA2B,GACJ;IACvB,YAAY,CAAC,OAAO,CAAC,CAAC;IAEtB,MAAM,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CACrC,GAAG,EAAE,CAAC,IAAI,yBAAyB,EAAO,CAC3C,CAAC;IAEF,MAAM,sCAAsC,GAAG,cAAc,CAC3D,2BAA2B,CAC5B,CAAC;IACF,MAAM,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAErD,MAAM,KAAK,GAAG,KAAK,CAAC,oBAAoB,CACtC,KAAK,CAAC,WAAW,CACf,CAAC,QAAQ,EAAE,EAAE;QACX,MAAM,KAAK,GAAG;YACZ,aAAa;YACb,SAAS;YACT,IAAI;YACJ,OAAO;YACP,kBAAkB;YAClB,QAAQ,EAAE,mBAAmB;YAC7B,2BAA2B,EAAE,sCAAsC;SACpE,CAAC;QACF,IAAI,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;YACvC,cAAc,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE;gBAClD,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACzB,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;YACvD,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAO,cAAc,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC5C,CAAC,EACD,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAc,CAAC,CACzC,EACD,GAAG,EAAE,CAAC,cAAc,CAAC,eAAe,EAAE,EACtC,GAAG,EAAE,CAAC,cAAc,CAAC,eAAe,EAAE,CACvC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,2EAA2E;QAC3E,0EAA0E;QAC1E,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;YAAE,OAAO;QAEnD,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,IAAI,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACjC;MAAA,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,cAAc,CAAC,oBAAoB,EAAE,CAAC,CACrE;QAAA,CAAC,KAAK,IAAI,QAAQ,CACpB;MAAA,EAAE,eAAe,CAAC,QAAQ,CAC5B;IAAA,EAAE,WAAW,CAAC,QAAQ,CAAC,CACxB,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAoC,QAAY;IACrE,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAC/B,OAAO,MAAM,CACX,CAAC,GAAG,IAAmB,EAAiB,EAAE,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC,GAAG,IAAI,CAAC,CAC1E,CAAC,OAAO,CAAC;AACZ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jazz-react-native",
-  "version": "0.9.23",
+  "version": "0.10.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -27,11 +27,11 @@
   "dependencies": {
     "@scure/base": "1.2.1",
     "react-native-quick-crypto": "1.0.0-beta.9",
-    "jazz-react-core": "0.9.22",
-    "cojson": "0.9.23",
-    "cojson-transport-ws": "0.9.23",
-    "cojson-storage-rn-sqlite": "0.8.59",
-    "jazz-tools": "0.9.23"
+    "cojson": "0.10.0",
+    "cojson-storage-rn-sqlite": "0.8.60",
+    "cojson-transport-ws": "0.10.0",
+    "jazz-react-core": "0.10.0",
+    "jazz-tools": "0.10.0"
   },
   "peerDependencies": {
     "@react-native-community/netinfo": "*",

package/src/ReactNativeContextManager.ts

@@ -0,0 +1,70 @@
+import {
+  Account,
+  AccountClass,
+  JazzContextManager,
+  KvStore,
+  SyncConfig,
+} from "jazz-tools";
+import { JazzContextManagerAuthProps } from "jazz-tools";
+import {
+  BaseReactNativeContextOptions,
+  createJazzReactNativeContext,
+  createJazzReactNativeGuestContext,
+} from "./platform.js";
+
+export type JazzContextManagerProps<Acc extends Account> = {
+  guestMode?: boolean;
+  sync: SyncConfig;
+  onLogOut?: () => void;
+  storage?: BaseReactNativeContextOptions["storage"];
+  AccountSchema?: AccountClass<Acc>;
+  defaultProfileName?: string;
+  onAnonymousAccountDiscarded?: (anonymousAccount: Acc) => Promise<void>;
+};
+
+export class ReactNativeContextManager<
+  Acc extends Account,
+> extends JazzContextManager<Acc, JazzContextManagerProps<Acc>> {
+  async createContext(
+    props: JazzContextManagerProps<Acc>,
+    authProps?: JazzContextManagerAuthProps,
+  ) {
+    let currentContext;
+
+    // We need to store the props here to block the double effect execution
+    // on React. Otherwise when calling propsChanged this.props is undefined.
+    this.props = props;
+
+    if (props.guestMode) {
+      currentContext = await createJazzReactNativeGuestContext({
+        sync: props.sync,
+        storage: props.storage,
+        authSecretStorage: this.authSecretStorage,
+      });
+    } else {
+      currentContext = await createJazzReactNativeContext<Acc>({
+        sync: props.sync,
+        storage: props.storage,
+        AccountSchema: props.AccountSchema,
+        credentials: authProps?.credentials,
+        newAccountProps: authProps?.newAccountProps,
+        defaultProfileName: props.defaultProfileName,
+        authSecretStorage: this.authSecretStorage,
+      });
+    }
+
+    this.updateContext(props, currentContext);
+  }
+
+  propsChanged(props: JazzContextManagerProps<Acc>) {
+    if (!this.props) {
+      return true;
+    }
+
+    return (
+      this.props.sync.when !== props.sync.when ||
+      this.props.sync.peer !== props.sync.peer ||
+      this.props.guestMode !== props.guestMode
+    );
+  }
+}

package/src/auth/DemoAuthUI.tsx

@@ -1,6 +1,5 @@
-import { AgentSecret } from "cojson";
-import { Account, ID } from "jazz-tools";
-import React, { useMemo, useState, useEffect } from "react";
+import { useDemoAuth } from "jazz-react-core";
+import React, { useState } from "react";
 import {
   StyleSheet,
   Text,
@@ -9,101 +8,15 @@ import {
   View,
   useColorScheme,
 } from "react-native";
-import { KvStore } from "../storage/kv-store-context.js";
-import { RNDemoAuth } from "./DemoAuthMethod.js";
-
-type DemoAuthState = (
-  | {
-      state: "uninitialized";
-    }
-  | {
-      state: "loading";
-    }
-  | {
-      state: "ready";
-      existingUsers: string[];
-      signUp: (username: string) => void;
-      logInAs: (existingUser: string) => void;
-    }
-  | {
-      state: "signedIn";
-      logOut: () => void;
-    }
-) & {
-  errors: string[];
-};
-
-/** @category Auth Providers */
-export function useDemoAuth({
-  seedAccounts,
-  store,
-}: {
-  seedAccounts?: {
-    [name: string]: { accountID: ID<Account>; accountSecret: AgentSecret };
-  };
-  store?: KvStore;
-} = {}) {
-  const [state, setState] = useState<DemoAuthState>({
-    state: "loading",
-    errors: [],
-  });
-
-  const [authMethod, setAuthMethod] = useState<RNDemoAuth | null>(null);
-
-  const authMethodPromise = useMemo(() => {
-    return RNDemoAuth.init(
-      {
-        onReady: async ({ signUp, getExistingUsers, logInAs }) => {
-          const existingUsers = await getExistingUsers();
-          setState((current) => ({
-            state: "ready",
-            signUp,
-            existingUsers,
-            logInAs,
-            errors: current.errors,
-          }));
-        },
-        onSignedIn: ({ logOut }) => {
-          setState({ state: "signedIn", logOut, errors: [] });
-        },
-        onError: (error) => {
-          setState((current) => ({
-            ...current,
-            errors: [error.toString()],
-          }));
-        },
-      },
-      seedAccounts,
-      store,
-    );
-  }, [seedAccounts, state.errors]); // We reset the auth method when getting an error
-
-  useEffect(() => {
-    async function init() {
-      try {
-        const auth = await authMethodPromise;
-        setAuthMethod(auth);
-      } catch (e: unknown) {
-        const err = e as Error;
-        setState((current) => ({
-          ...current,
-          errors: [...current.errors, err.toString()],
-        }));
-      }
-    }
-    if (authMethod) return;
-    void init();
-  }, [seedAccounts]);
-
-  return [authMethod, state] as const;
-}
 
 export const DemoAuthBasicUI = ({
   appName,
-  state,
+  auth,
+  children,
 }: {
   appName: string;
-  state: DemoAuthState;
+  auth: ReturnType<typeof useDemoAuth>;
+  children: React.ReactNode;
 }) => {
   const colorScheme = useColorScheme();
   const darkMode = colorScheme === "dark";
@@ -111,15 +24,25 @@ export const DemoAuthBasicUI = ({
   const [errorMessage, setErrorMessage] = useState<string | null>(null);
 
   const handleSignUp = () => {
-    if (state.state !== "ready") return;
-    if (username.trim() === "") {
-      setErrorMessage("Display name is required");
-    } else {
-      setErrorMessage(null);
-      state.signUp(username);
-    }
+    setErrorMessage(null);
+
+    auth.signUp(username).catch((error) => {
+      setErrorMessage(error.message);
+    });
+  };
+
+  const handleLogIn = (username: string) => {
+    setErrorMessage(null);
+
+    auth.logIn(username).catch((error) => {
+      setErrorMessage(error.message);
+    });
   };
 
+  if (auth.state === "signedIn") {
+    return children;
+  }
+
   return (
     <View
       style={[
@@ -127,77 +50,60 @@ export const DemoAuthBasicUI = ({
         darkMode ? styles.darkBackground : styles.lightBackground,
       ]}
     >
-      {state.state === "loading" ? (
-        <>
-          <Text style={styles.loadingText}>Loading...</Text>
-          {state.errors.map((error, index) => (
-            <Text key={index} style={styles.errorText}>
-              {error}
-            </Text>
-          ))}
-        </>
-      ) : state.state === "ready" ? (
-        <View style={styles.formContainer}>
-          <Text
-            style={[
-              styles.headerText,
-              darkMode ? styles.darkText : styles.lightText,
-            ]}
-          >
-            {appName}
-          </Text>
-
-          {state.errors.map((error) => (
-            <Text key={error} style={styles.errorText}>
-              {error}
-            </Text>
-          ))}
+      <View style={styles.formContainer}>
+        <Text
+          style={[
+            styles.headerText,
+            darkMode ? styles.darkText : styles.lightText,
+          ]}
+        >
+          {appName}
+        </Text>
 
-          {errorMessage && <Text style={styles.errorText}>{errorMessage}</Text>}
+        {errorMessage && <Text style={styles.errorText}>{errorMessage}</Text>}
 
-          <TextInput
-            placeholder="Display name"
-            value={username}
-            onChangeText={setUsername}
-            placeholderTextColor={darkMode ? "#fff" : "#000"}
-            style={[
-              styles.textInput,
-              darkMode ? styles.darkInput : styles.lightInput,
-            ]}
-          />
+        <TextInput
+          placeholder="Display name"
+          value={username}
+          onChangeText={setUsername}
+          placeholderTextColor={darkMode ? "#fff" : "#000"}
+          style={[
+            styles.textInput,
+            darkMode ? styles.darkInput : styles.lightInput,
+          ]}
+        />
 
-          <TouchableOpacity
-            onPress={handleSignUp}
-            style={[
-              styles.button,
-              darkMode ? styles.darkButton : styles.lightButton,
-            ]}
+        <TouchableOpacity
+          onPress={handleSignUp}
+          style={[
+            styles.button,
+            darkMode ? styles.darkButton : styles.lightButton,
+          ]}
+        >
+          <Text
+            style={darkMode ? styles.darkButtonText : styles.lightButtonText}
           >
-            <Text
-              style={darkMode ? styles.darkButtonText : styles.lightButtonText}
-            >
-              Sign Up as new account
-            </Text>
-          </TouchableOpacity>
+            Sign Up as new account
+          </Text>
+        </TouchableOpacity>
 
-          <View style={styles.existingUsersContainer}>
-            {state.existingUsers.map((user) => (
-              <TouchableOpacity
-                key={user}
-                onPress={() => state.logInAs(user)}
-                style={[
-                  styles.existingUserButton,
-                  darkMode ? styles.darkUserButton : styles.lightUserButton,
-                ]}
-              >
-                <Text style={darkMode ? styles.darkText : styles.lightText}>
-                  Log In as "{user}"
-                </Text>
-              </TouchableOpacity>
-            ))}
-          </View>
+        <View style={styles.existingUsersContainer}>
+          {auth.existingUsers.map((user) => (
+            <TouchableOpacity
+              key={user}
+              onPress={() => handleLogIn(user)}
+              style={[
+                styles.existingUserButton,
+                darkMode ? styles.darkUserButton : styles.lightUserButton,
+              ]}
+            >
+              <Text style={darkMode ? styles.darkText : styles.lightText}>
+                Log In as "{user}"
+              </Text>
+            </TouchableOpacity>
+          ))}
         </View>
-      ) : null}
+      </View>
     </View>
   );
 };

package/src/auth/auth.ts

@@ -9,5 +9,6 @@ export function clearUserCredentials() {
   return Promise.all([
     kvStore.delete("demo-auth-logged-in-secret"),
     kvStore.delete("jazz-clerk-auth"),
+    kvStore.delete("jazz-logged-in-secret"),
   ]);
 }

package/src/hooks.tsx

@@ -5,7 +5,15 @@ import { CoValue, CoValueClass, ID, parseInviteLink } from "jazz-tools";
 import { Linking } from "react-native";
 import { RegisteredAccount } from "./provider.js";
 
-export { useCoState, experimental_useInboxSender } from "jazz-react-core";
+export {
+  useCoState,
+  experimental_useInboxSender,
+  useDemoAuth,
+  usePassphraseAuth,
+  useJazzContext,
+  useAuthSecretStorage,
+  useIsAuthenticated,
+} from "jazz-react-core";
 
 export const { useAccount, useAccountOrGuest } =
   createUseAccountHooks<RegisteredAccount>();