jazz-react-native 0.8.3

package/LICENSE.txt

@@ -0,0 +1,19 @@
+Copyright 2024, Garden Computing, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,10 @@
+# `jazz-browser`
+
+These are browser bindings for Jazz (see [jazz.tools](https://jazz.tools)), a framework for distributed state.
+
+Use this only if you want to write Jazz apps using plain JavaScript,
+or to build your framework bindings for Jazz.
+
+## Higher-level framework bindings:
+
+- `jazz-react` - React bindings for Jazz

package/dist/auth/DemoAuthMethod.d.ts

@@ -0,0 +1,28 @@
+import { AgentSecret } from "cojson";
+import { Account, AuthMethod, AuthResult, ID } from "jazz-tools";
+/** @category Auth Providers */
+export declare namespace RNDemoAuth {
+    interface Driver {
+        onReady: (next: {
+            signUp: (username: string) => Promise<void>;
+            getExistingUsers: () => Promise<string[]>;
+            logInAs: (existingUser: string) => Promise<void>;
+        }) => void;
+        onSignedIn: (next: {
+            logOut: () => void;
+        }) => void;
+        onError: (error: string | Error) => void;
+    }
+}
+export declare class RNDemoAuth implements AuthMethod {
+    private driver;
+    private storage;
+    private constructor();
+    static init(driver: RNDemoAuth.Driver, seedAccounts?: {
+        [name: string]: {
+            accountID: ID<Account>;
+            accountSecret: AgentSecret;
+        };
+    }): Promise<RNDemoAuth>;
+    start(): Promise<AuthResult>;
+}

package/dist/auth/DemoAuthMethod.js

@@ -0,0 +1,132 @@
+import NativeStorageContext from "../native-storage.js";
+const localStorageKey = "demo-auth-logged-in-secret";
+export class RNDemoAuth {
+    driver;
+    storage;
+    constructor(driver, storage) {
+        this.driver = driver;
+        this.storage = storage;
+    }
+    static async init(driver, seedAccounts) {
+        const storage = NativeStorageContext.getInstance().getStorage();
+        for (const [name, credentials] of Object.entries(seedAccounts || {})) {
+            const storageData = JSON.stringify(credentials);
+            if (!(await storage.get("demo-auth-existing-users"))?.split(",")?.includes(name)) {
+                const existingUsers = await storage.get("demo-auth-existing-users");
+                if (existingUsers) {
+                    await storage.set("demo-auth-existing-users", existingUsers + "," + name);
+                }
+                else {
+                    await storage.set("demo-auth-existing-users", name);
+                }
+            }
+            await storage.set("demo-auth-existing-users-" + name, storageData);
+        }
+        return new RNDemoAuth(driver, storage);
+    }
+    async start() {
+        try {
+            if (await this.storage.get(localStorageKey)) {
+                const localStorageData = JSON.parse((await this.storage.get(localStorageKey)) ?? "{}");
+                const accountID = localStorageData.accountID;
+                const secret = localStorageData.accountSecret;
+                return {
+                    type: "existing",
+                    credentials: { accountID, secret },
+                    onSuccess: () => {
+                        this.driver.onSignedIn({ logOut });
+                    },
+                    onError: (error) => {
+                        this.driver.onError(error);
+                    },
+                    logOut: async () => {
+                        void (await this.storage.delete(localStorageKey));
+                    },
+                };
+            }
+            else {
+                return new Promise((resolve) => {
+                    this.driver.onReady({
+                        // @ts-expect-error asd
+                        signUp: (username) => {
+                            resolve({
+                                type: "new",
+                                creationProps: { name: username },
+                                saveCredentials: async (credentials) => {
+                                    const storageData = JSON.stringify({
+                                        accountID: credentials.accountID,
+                                        accountSecret: credentials.secret,
+                                    });
+                                    // Retrieve the list of existing users
+                                    const existingUsers = await this.storage.get("demo-auth-existing-users");
+                                    const existingUsernames = existingUsers
+                                        ? existingUsers.split(",")
+                                        : [];
+                                    // Determine if the username already exists and generate a unique username
+                                    let uniqueUsername = username;
+                                    let counter = 1;
+                                    while (existingUsernames.includes(uniqueUsername)) {
+                                        counter++;
+                                        uniqueUsername = `${username}-${counter}`;
+                                    }
+                                    // Save credentials using the unique username
+                                    await this.storage.set(localStorageKey, storageData);
+                                    await this.storage.set("demo-auth-existing-users-" +
+                                        uniqueUsername, storageData);
+                                    // Update the list of existing users
+                                    const updatedUsers = existingUsers
+                                        ? `${existingUsers},${uniqueUsername}`
+                                        : uniqueUsername;
+                                    await this.storage.set("demo-auth-existing-users", updatedUsers);
+                                },
+                                onSuccess: () => {
+                                    this.driver.onSignedIn({ logOut });
+                                },
+                                onError: (error) => {
+                                    // @ts-expect-error asd
+                                    console.error("onError", error.cause);
+                                    this.driver.onError(error);
+                                },
+                                logOut: async () => {
+                                    void (await this.storage.delete(localStorageKey));
+                                },
+                            });
+                        },
+                        getExistingUsers: async () => {
+                            return ((await this.storage.get("demo-auth-existing-users"))?.split(",") ?? []);
+                        },
+                        logInAs: async (existingUser) => {
+                            const storageData = JSON.parse((await this.storage.get("demo-auth-existing-users-" + existingUser)) ?? "{}");
+                            await this.storage.set(localStorageKey, JSON.stringify(storageData));
+                            resolve({
+                                type: "existing",
+                                credentials: {
+                                    accountID: storageData.accountID,
+                                    secret: storageData.accountSecret,
+                                },
+                                onSuccess: () => {
+                                    this.driver.onSignedIn({ logOut });
+                                },
+                                onError: (error) => {
+                                    this.driver.onError(error);
+                                },
+                                logOut: async () => {
+                                    void (await this.storage.delete(localStorageKey));
+                                },
+                            });
+                        },
+                    });
+                });
+            }
+        }
+        catch (error) {
+            console.error("error", error);
+            throw error;
+        }
+    }
+}
+async function logOut() {
+    const storage = NativeStorageContext.getInstance().getStorage();
+    void (await storage.delete(localStorageKey));
+}
+//# sourceMappingURL=DemoAuthMethod.js.map

package/dist/auth/DemoAuthMethod.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoAuthMethod.js","sourceRoot":"","sources":["../../src/auth/DemoAuthMethod.ts"],"names":[],"mappings":"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"}

package/dist/auth/DemoAuthUI.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import { AgentSecret } from "cojson";
+import { Account, ID } from "jazz-tools";
+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 declare function useDemoAuth({ seedAccounts, }?: {
+    seedAccounts?: {
+        [name: string]: {
+            accountID: ID<Account>;
+            accountSecret: AgentSecret;
+        };
+    };
+}): readonly [RNDemoAuth | null, DemoAuthState];
+export declare const DemoAuthBasicUI: ({ appName, state, }: {
+    appName: string;
+    state: DemoAuthState;
+}) => React.JSX.Element;
+export {};

package/dist/auth/DemoAuthUI.js

@@ -0,0 +1,203 @@
+import React, { useMemo, useState, useEffect } from "react";
+import { View, Text, TouchableOpacity, TextInput, StyleSheet, } from "react-native";
+import { RNDemoAuth } from "./DemoAuthMethod.js";
+/** @category Auth Providers */
+export function useDemoAuth({ seedAccounts, } = {}) {
+    const [state, setState] = useState({
+        state: "loading",
+        errors: [],
+    });
+    const [authMethod, setAuthMethod] = useState(null);
+    const authMethodPromise = useMemo(() => {
+        return RNDemoAuth.init({
+            onReady: async ({ signUp, getExistingUsers, logInAs }) => {
+                const existingUsers = await getExistingUsers();
+                setState({
+                    state: "ready",
+                    signUp,
+                    existingUsers,
+                    logInAs,
+                    errors: [],
+                });
+            },
+            onSignedIn: ({ logOut }) => {
+                setState({ state: "signedIn", logOut, errors: [] });
+            },
+            onError: (error) => {
+                setState((current) => ({
+                    ...current,
+                    errors: [...current.errors, error.toString()],
+                }));
+            },
+        }, seedAccounts);
+    }, [seedAccounts]);
+    useEffect(() => {
+        async function init() {
+            const auth = await authMethodPromise;
+            setAuthMethod(auth);
+        }
+        if (authMethod)
+            return;
+        void init();
+    }, [seedAccounts]);
+    return [authMethod, state];
+}
+export const DemoAuthBasicUI = ({ appName, state, }) => {
+    const darkMode = false;
+    const [username, setUsername] = useState("");
+    const [errorMessage, setErrorMessage] = useState(null);
+    const handleSignUp = () => {
+        if (state.state !== "ready")
+            return;
+        if (username.trim() === "") {
+            setErrorMessage("Display name is required");
+        }
+        else {
+            setErrorMessage(null);
+            state.signUp(username);
+        }
+    };
+    return (<View style={[
+            styles.container,
+            darkMode ? styles.darkBackground : styles.lightBackground,
+        ]}>
+            {state.state === "loading" ? (<Text style={styles.loadingText}>Loading...</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>))}
+
+                    {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,
+            ]}/>
+
+                    <TouchableOpacity onPress={handleSignUp} style={[
+                styles.button,
+                darkMode ? styles.darkButton : styles.lightButton,
+            ]}>
+                        <Text style={darkMode
+                ? styles.darkButtonText
+                : styles.lightButtonText}>
+                            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>) : null}
+        </View>);
+};
+const 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",
+    },
+});
+//# sourceMappingURL=DemoAuthUI.js.map

package/dist/auth/DemoAuthUI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DemoAuthUI.js","sourceRoot":"","sources":["../../src/auth/DemoAuthUI.tsx"],"names":[],"mappings":"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"}

package/dist/auth/auth.d.ts

@@ -0,0 +1 @@
+export * from "./DemoAuthUI.js";

package/dist/auth/auth.js

@@ -0,0 +1,2 @@
+export * from "./DemoAuthUI.js";
+//# sourceMappingURL=auth.js.map

package/dist/auth/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sourceRoot":"","sources":["../../src/auth/auth.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,50 @@
+import { CoValue, ID, AgentID, SessionID, InviteSecret, Account, CoValueClass, CryptoProvider, AuthMethod, AnonymousJazzAgent } from "jazz-tools";
+import { RawAccountID } from "cojson";
+export { RNDemoAuth } from "./auth/DemoAuthMethod.js";
+/** @category Context Creation */
+export type BrowserContext<Acc extends Account> = {
+    me: Acc;
+    logOut: () => void;
+    done: () => void;
+};
+export type BrowserGuestContext = {
+    guest: AnonymousJazzAgent;
+    logOut: () => void;
+    done: () => void;
+};
+export type BrowserContextOptions<Acc extends Account> = {
+    auth: AuthMethod;
+    AccountSchema: CoValueClass<Acc> & {
+        fromNode: (typeof Account)["fromNode"];
+    };
+} & BaseBrowserContextOptions;
+export type BaseBrowserContextOptions = {
+    peer: `wss://${string}` | `ws://${string}`;
+    reconnectionTimeout?: number;
+    storage?: "indexedDB" | "singleTabOPFS";
+    crypto?: CryptoProvider;
+};
+/** @category Context Creation */
+export declare function createJazzRNContext<Acc extends Account>(options: BrowserContextOptions<Acc>): Promise<BrowserContext<Acc>>;
+export declare function createJazzRNContext(options: BaseBrowserContextOptions): Promise<BrowserGuestContext>;
+export declare function createJazzRNContext<Acc extends Account>(options: BrowserContextOptions<Acc> | BaseBrowserContextOptions): Promise<BrowserContext<Acc> | BrowserGuestContext>;
+/** @category Auth Providers */
+export type SessionProvider = (accountID: ID<Account> | AgentID) => Promise<SessionID>;
+export declare function provideLockSession(accountID: ID<Account> | AgentID, crypto: CryptoProvider): Promise<{
+    sessionID: `${RawAccountID}_session_z${string}` | `sealer_z${string}/signer_z${string}_session_z${string}`;
+    sessionDone: () => void;
+}>;
+/** @category Invite Links */
+export declare function createInviteLink<C extends CoValue>(value: C, role: "reader" | "writer" | "admin", { baseURL, valueHint }?: {
+    baseURL?: string;
+    valueHint?: string;
+}): string;
+/** @category Invite Links */
+export declare function parseInviteLink<C extends CoValue>(inviteURL: string): {
+    valueID: ID<C>;
+    valueHint?: string;
+    inviteSecret: InviteSecret;
+} | undefined;
+export * from "./provider.js";
+export * from "./auth/auth.js";
+export * from "./native-storage.js";

package/dist/index.js

@@ -0,0 +1,153 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { cojsonInternals, createJazzContext, } from "jazz-tools";
+import { PureJSCrypto } from "jazz-tools/native";
+import { createWebSocketPeer } from "cojson-transport-ws";
+import NetInfo from "@react-native-community/netinfo";
+import * as Linking from "expo-linking";
+export { RNDemoAuth } from "./auth/DemoAuthMethod.js";
+import { NativeStorageContext } from "./native-storage.js";
+export async function createJazzRNContext(options) {
+    const firstWsPeer = createWebSocketPeer({
+        websocket: new WebSocket(options.peer),
+        id: options.peer + "@" + new Date().toISOString(),
+        role: "server",
+        expectPings: true,
+    });
+    let shouldTryToReconnect = true;
+    let currentReconnectionTimeout = options.reconnectionTimeout || 500;
+    const unsubscribeNetworkChange = NetInfo.addEventListener((state) => {
+        if (state.isConnected) {
+            currentReconnectionTimeout = options.reconnectionTimeout || 500;
+        }
+    });
+    const context = "auth" in options
+        ? await createJazzContext({
+            AccountSchema: options.AccountSchema,
+            auth: options.auth,
+            crypto: await PureJSCrypto.create(),
+            peersToLoadFrom: [firstWsPeer],
+            sessionProvider: provideLockSession,
+        })
+        : await createJazzContext({
+            crypto: await PureJSCrypto.create(),
+            peersToLoadFrom: [firstWsPeer],
+        });
+    const node = "account" in context
+        ? context.account._raw.core.node
+        : context.agent.node;
+    async function websocketReconnectLoop() {
+        while (shouldTryToReconnect) {
+            if (Object.keys(node.syncManager.peers).some((peerId) => peerId.includes(options.peer))) {
+                // TODO: this might drain battery, use listeners instead
+                await new Promise((resolve) => setTimeout(resolve, 100));
+            }
+            else {
+                console.log("Websocket disconnected, trying to reconnect in " +
+                    currentReconnectionTimeout +
+                    "ms");
+                currentReconnectionTimeout = Math.min(currentReconnectionTimeout * 2, 30000);
+                await new Promise((resolve) => {
+                    setTimeout(resolve, currentReconnectionTimeout);
+                    const _unsubscribeNetworkChange = NetInfo.addEventListener((state) => {
+                        if (state.isConnected) {
+                            resolve();
+                            _unsubscribeNetworkChange();
+                        }
+                    });
+                });
+                node.syncManager.addPeer(createWebSocketPeer({
+                    websocket: new WebSocket(options.peer),
+                    id: options.peer + "@" + new Date().toISOString(),
+                    role: "server",
+                }));
+            }
+        }
+    }
+    void websocketReconnectLoop();
+    return "account" in context
+        ? {
+            me: context.account,
+            done: () => {
+                shouldTryToReconnect = false;
+                unsubscribeNetworkChange?.();
+                context.done();
+            },
+            logOut: () => {
+                context.logOut();
+            },
+        }
+        : {
+            guest: context.agent,
+            done: () => {
+                shouldTryToReconnect = false;
+                unsubscribeNetworkChange?.();
+                context.done();
+            },
+            logOut: () => {
+                context.logOut();
+            },
+        };
+}
+export async function provideLockSession(accountID, crypto) {
+    const sessionDone = () => { };
+    const storage = NativeStorageContext.getInstance().getStorage();
+    const sessionID = (await storage.get(accountID)) ||
+        crypto.newRandomSessionID(accountID);
+    await storage.set(accountID, sessionID);
+    return Promise.resolve({
+        sessionID,
+        sessionDone,
+    });
+}
+const window = {
+    location: {
+        href: "#",
+    },
+    history: {
+        replaceState: (a, b, c) => { },
+    },
+};
+/** @category Invite Links */
+export function createInviteLink(value, role, { baseURL, valueHint } = {}) {
+    const coValueCore = value._raw.core;
+    let currentCoValue = coValueCore;
+    while (currentCoValue.header.ruleset.type === "ownedByGroup") {
+        currentCoValue = currentCoValue.getGroup().core;
+    }
+    if (currentCoValue.header.ruleset.type !== "group") {
+        throw new Error("Can't create invite link for object without group");
+    }
+    const group = cojsonInternals.expectGroup(currentCoValue.getCurrentContent());
+    const inviteSecret = group.createInvite(role);
+    return `${baseURL}/invite/${valueHint ? valueHint + "/" : ""}${value.id}/${inviteSecret}`;
+}
+/** @category Invite Links */
+export function parseInviteLink(inviteURL) {
+    const url = Linking.parse(inviteURL);
+    const parts = url.path?.split("/");
+    if (!parts || parts[0] !== "invite") {
+        return undefined;
+    }
+    let valueHint;
+    let valueID;
+    let inviteSecret;
+    if (parts.length === 4) {
+        valueHint = parts[1];
+        valueID = parts[2];
+        inviteSecret = parts[3];
+    }
+    else if (parts.length === 3) {
+        valueID = parts[1];
+        inviteSecret = parts[2];
+    }
+    if (!valueID || !inviteSecret) {
+        return undefined;
+    }
+    return { valueID, inviteSecret, valueHint };
+}
+/////////
+export * from "./provider.js";
+export * from "./auth/auth.js";
+export * from "./native-storage.js";
+//# sourceMappingURL=index.js.map