@evolu/react-native 13.0.0 → 14.1.0

package/dist/components/EvoluIdenticon.d.ts

@@ -0,0 +1,9 @@
+import { IdenticonStyle, OwnerId } from "@evolu/common";
+import { FC } from "react";
+export declare const EvoluIdenticon: FC<{
+    id: OwnerId;
+    size?: number;
+    borderRadius?: number;
+    style?: IdenticonStyle;
+}>;
+//# sourceMappingURL=EvoluIdenticon.d.ts.map

package/dist/components/EvoluIdenticon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EvoluIdenticon.d.ts","sourceRoot":"","sources":["../../src/components/EvoluIdenticon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,cAAc,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAIpC,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC;IAC9B,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAcA,CAAC"}

package/dist/components/EvoluIdenticon.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createIdenticon } from "@evolu/common";
+import { useMemo } from "react";
+import { View } from "react-native";
+import { SvgXml } from "react-native-svg";
+export const EvoluIdenticon = ({ id, size = 32, borderRadius = 3, style }) => {
+    const svg = useMemo(() => createIdenticon(id, style), [id, style]);
+    return id ? (_jsx(View, { style: {
+            width: size,
+            height: size,
+            borderRadius,
+            overflow: "hidden",
+        }, children: _jsx(SvgXml, { xml: svg, width: size, height: size }) })) : null;
+};

package/dist/createExpoDeps.d.ts

@@ -0,0 +1,7 @@
+import { CreateSqliteDriverDep, LocalAuth } from "@evolu/common";
+import { EvoluDeps } from "@evolu/common/evolu";
+export declare const createExpoDeps: (deps: CreateSqliteDriverDep) => {
+    evoluReactNativeDeps: EvoluDeps;
+    localAuth: LocalAuth;
+};
+//# sourceMappingURL=createExpoDeps.d.ts.map

package/dist/createExpoDeps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createExpoDeps.d.ts","sourceRoot":"","sources":["../src/createExpoDeps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,SAAS,EAAa,MAAM,qBAAqB,CAAC;AAwJ3D,eAAO,MAAM,cAAc,GACzB,MAAM,qBAAqB,KAC1B;IAAE,oBAAoB,EAAE,SAAS,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAMxD,CAAC"}

package/dist/createExpoDeps.js

@@ -0,0 +1,123 @@
+import * as Expo from "expo";
+import { createSharedEvoluDeps, createSharedLocalAuth } from "./shared.js";
+import { localAuthDefaultOptions } from "@evolu/common";
+import * as SecureStore from "expo-secure-store";
+import KVStore from "expo-sqlite/kv-store";
+const reloadApp = () => {
+    void Expo.reloadAppAsync();
+};
+const createSecureStore = () => {
+    const store = {
+        setItem: async (key, value, options) => {
+            const rnsiOpts = convertOptions(options);
+            const service = options?.service ?? "default";
+            const metadata = createMetadata(options?.accessControl === "none");
+            await KVStore.setItem(`${service}-${key}`, "1");
+            await SecureStore.setItemAsync(key, JSON.stringify({ value, metadata }), rnsiOpts);
+            return { metadata };
+        },
+        getItem: async (key, options) => {
+            const rnsiOpts = convertOptions(options);
+            const service = options?.service ?? "default";
+            let data;
+            try {
+                const result = await SecureStore.getItemAsync(key, rnsiOpts);
+                if (!result)
+                    return null;
+                data = JSON.parse(result);
+            }
+            catch (_error) {
+                return null;
+            }
+            return { key, service, ...data };
+        },
+        deleteItem: async (key, options) => {
+            const rnsiOpts = convertOptions(options);
+            const service = options?.service ?? "default";
+            await Promise.all([
+                KVStore.removeItemAsync(`${service}-${key}`),
+                SecureStore.deleteItemAsync(key, rnsiOpts),
+            ]);
+            return true;
+        },
+        getAllItems: async (options) => {
+            const keys = await KVStore.getAllKeysAsync();
+            const service = options?.service ?? "default";
+            const metadata = createMetadata(options?.accessControl === "none");
+            return keys
+                .filter((key) => key.startsWith(`${service}-`))
+                .map((key) => ({
+                key: key.slice(service.length + 1),
+                service,
+                metadata,
+            }));
+        },
+        clearService: async (options) => {
+            const rnsiOpts = convertOptions(options);
+            const service = options?.service ?? "default";
+            const items = await store.getAllItems(options);
+            await KVStore.multiRemove(items.map((item) => `${service}-${item.key}`));
+            await Promise.all(items.map(async (item) => {
+                await SecureStore.deleteItemAsync(item.key, rnsiOpts);
+            }));
+        },
+    };
+    return store;
+};
+/**
+ * Create default metadata for backwards compatibility with items that don't
+ * have stored metadata.
+ */
+const createMetadata = (isSecure = true) => {
+    return {
+        backend: "keychain",
+        accessControl: isSecure ? "biometryCurrentSet" : "none",
+        securityLevel: isSecure ? "biometry" : "software",
+        timestamp: Date.now(),
+    };
+};
+function convertOptions(options) {
+    const accessGroup = options?.keychainGroup ?? localAuthDefaultOptions.keychainGroup ?? "";
+    const keychainService = options?.service ?? localAuthDefaultOptions.service ?? "";
+    const keychainAccessible = convertKeychainAccessible(options?.accessControl ??
+        localAuthDefaultOptions.accessControl ??
+        "biometryCurrentSet");
+    const authenticationPrompt = options?.authenticationPrompt?.title ??
+        localAuthDefaultOptions.authenticationPrompt?.title ??
+        "";
+    return {
+        accessGroup,
+        keychainService,
+        keychainAccessible,
+        authenticationPrompt,
+        requireAuthentication: options?.accessControl !== "none",
+    };
+}
+function convertKeychainAccessible(accessControl) {
+    switch (accessControl) {
+        case "none":
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
+            return SecureStore.ALWAYS;
+        case "biometryCurrentSet":
+            return SecureStore.AFTER_FIRST_UNLOCK;
+        case "biometryAny":
+            return SecureStore.AFTER_FIRST_UNLOCK;
+        case "devicePasscode":
+            return SecureStore.AFTER_FIRST_UNLOCK;
+        case "secureEnclaveBiometry":
+            return SecureStore.AFTER_FIRST_UNLOCK;
+        // Exhaustive check
+        default:
+            accessControl;
+            // Default (for typescript, should never hit)
+            return SecureStore.AFTER_FIRST_UNLOCK;
+    }
+}
+const localAuth = createSharedLocalAuth(createSecureStore());
+export const createExpoDeps = (deps) => ({
+    evoluReactNativeDeps: createSharedEvoluDeps({
+        ...deps,
+        reloadApp,
+    }),
+    localAuth,
+});

package/dist/exports/bare-op-sqlite.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Public entry point for bare React Native with OP-SQLite. Exported as
+ * "@evolu/react-native/bare-op-sqlite" in package.json.
+ *
+ * Use this with bare React Native projects (not Expo) that use
+ * `@op-engineering/op-sqlite`.
+ */
+export declare const evoluReactNativeDeps: import("@evolu/common").EvoluDeps;
+export declare const localAuth: import("@evolu/common").LocalAuth;
+//# sourceMappingURL=bare-op-sqlite.d.ts.map

package/dist/exports/bare-op-sqlite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bare-op-sqlite.d.ts","sourceRoot":"","sources":["../../src/exports/bare-op-sqlite.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAgBH,eAAO,MAAM,oBAAoB,mCAG/B,CAAC;AAEH,eAAO,MAAM,SAAS,mCAAuC,CAAC"}

package/dist/exports/bare-op-sqlite.js

@@ -0,0 +1,24 @@
+/**
+ * Public entry point for bare React Native with OP-SQLite. Exported as
+ * "@evolu/react-native/bare-op-sqlite" in package.json.
+ *
+ * Use this with bare React Native projects (not Expo) that use
+ * `@op-engineering/op-sqlite`.
+ */
+import { DevSettings } from "react-native";
+import { SensitiveInfo } from "react-native-sensitive-info";
+import { createSharedEvoluDeps, createSharedLocalAuth } from "../shared.js";
+import { createOpSqliteDriver } from "../sqlite-drivers/createOpSqliteDriver.js";
+const reloadApp = () => {
+    if (process.env.NODE_ENV === "development") {
+        DevSettings.reload();
+    }
+    else {
+        // TODO: reload not implemented for bare rn
+    }
+};
+export const evoluReactNativeDeps = createSharedEvoluDeps({
+    createSqliteDriver: createOpSqliteDriver,
+    reloadApp,
+});
+export const localAuth = createSharedLocalAuth(SensitiveInfo);

package/dist/exports/expo-op-sqlite.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Public entry point for Expo with OP-SQLite. Exported as
+ * "@evolu/react-native/expo-op-sqlite" in package.json.
+ *
+ * Use this with Expo projects that use `@op-engineering/op-sqlite` for better
+ * performance.
+ */
+export declare const evoluReactNativeDeps: import("@evolu/common").EvoluDeps, localAuth: import("@evolu/common").LocalAuth;
+//# sourceMappingURL=expo-op-sqlite.d.ts.map

package/dist/exports/expo-op-sqlite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expo-op-sqlite.d.ts","sourceRoot":"","sources":["../../src/exports/expo-op-sqlite.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,eAAO,MAAQ,oBAAoB,qCAAE,SAAS,mCAE5C,CAAC"}

package/dist/exports/expo-op-sqlite.js

@@ -0,0 +1,12 @@
+/**
+ * Public entry point for Expo with OP-SQLite. Exported as
+ * "@evolu/react-native/expo-op-sqlite" in package.json.
+ *
+ * Use this with Expo projects that use `@op-engineering/op-sqlite` for better
+ * performance.
+ */
+import { createExpoDeps } from "../createExpoDeps.js";
+import { createOpSqliteDriver } from "../sqlite-drivers/createOpSqliteDriver.js";
+export const { evoluReactNativeDeps, localAuth } = createExpoDeps({
+    createSqliteDriver: createOpSqliteDriver,
+});

package/dist/exports/expo-sqlite.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Public entry point for Expo SQLite. Exported as
+ * "@evolu/react-native/expo-sqlite" in package.json.
+ *
+ * Use this with Expo projects that use expo-sqlite.
+ */
+export declare const evoluReactNativeDeps: import("@evolu/common").EvoluDeps, localAuth: import("@evolu/common").LocalAuth;
+//# sourceMappingURL=expo-sqlite.d.ts.map

package/dist/exports/expo-sqlite.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"expo-sqlite.d.ts","sourceRoot":"","sources":["../../src/exports/expo-sqlite.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,eAAO,MAAQ,oBAAoB,qCAAE,SAAS,mCAE5C,CAAC"}

package/dist/exports/expo-sqlite.js

@@ -0,0 +1,11 @@
+/**
+ * Public entry point for Expo SQLite. Exported as
+ * "@evolu/react-native/expo-sqlite" in package.json.
+ *
+ * Use this with Expo projects that use expo-sqlite.
+ */
+import { createExpoDeps } from "../createExpoDeps.js";
+import { createExpoSqliteDriver } from "../sqlite-drivers/createExpoSqliteDriver.js";
+export const { evoluReactNativeDeps, localAuth } = createExpoDeps({
+    createSqliteDriver: createExpoSqliteDriver,
+});

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/EvoluIdenticon.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

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

package/dist/index.js

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

package/dist/shared.d.ts

@@ -0,0 +1,5 @@
+import { CreateSqliteDriverDep, LocalAuth, SecureStorage } from "@evolu/common";
+import { EvoluDeps, ReloadAppDep } from "@evolu/common/evolu";
+export declare const createSharedEvoluDeps: (deps: CreateSqliteDriverDep & ReloadAppDep) => EvoluDeps;
+export declare const createSharedLocalAuth: (secureStorage: SecureStorage) => LocalAuth;
+//# sourceMappingURL=shared.d.ts.map

package/dist/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../src/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,qBAAqB,EAGrB,SAAS,EACT,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAEL,SAAS,EACT,YAAY,EACb,MAAM,qBAAqB,CAAC;AAuB7B,eAAO,MAAM,qBAAqB,GAChC,MAAM,qBAAqB,GAAG,YAAY,KACzC,SAcD,CAAC;AAEH,eAAO,MAAM,qBAAqB,GAChC,eAAe,aAAa,KAC3B,SAIC,CAAC"}

package/dist/shared.js

@@ -0,0 +1,39 @@
+import { createConsole, createLocalAuth, createRandom, createRandomBytes, createTime, createWebSocket, } from "@evolu/common";
+import { createDbWorkerForPlatform, } from "@evolu/common/evolu";
+/**
+ * Polyfills `Promise.withResolvers`.
+ *
+ * @see https://github.com/facebook/hermes/pull/1452
+ */
+if (typeof Promise.withResolvers === "undefined") {
+    // @ts-expect-error This is OK.
+    Promise.withResolvers = function () {
+        let resolve, reject;
+        const promise = new Promise((res, rej) => {
+            resolve = res;
+            reject = rej;
+        });
+        return { promise, resolve, reject };
+    };
+}
+const console = createConsole();
+const randomBytes = createRandomBytes();
+const time = createTime();
+export const createSharedEvoluDeps = (deps) => ({
+    ...deps,
+    console,
+    createDbWorker: () => createDbWorkerForPlatform({
+        ...deps,
+        console,
+        createWebSocket,
+        random: createRandom(),
+        randomBytes,
+        time,
+    }),
+    randomBytes,
+    time,
+});
+export const createSharedLocalAuth = (secureStorage) => createLocalAuth({
+    randomBytes,
+    secureStorage,
+});

package/dist/{providers/ExpoSqliteDriver.d.ts → sqlite-drivers/createExpoSqliteDriver.d.ts}

@@ -1,3 +1,3 @@
 import { CreateSqliteDriver } from "@evolu/common";
 export declare const createExpoSqliteDriver: CreateSqliteDriver;
-//# sourceMappingURL=ExpoSqliteDriver.d.ts.map
+//# sourceMappingURL=createExpoSqliteDriver.d.ts.map

package/dist/sqlite-drivers/createExpoSqliteDriver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createExpoSqliteDriver.d.ts","sourceRoot":"","sources":["../../src/sqlite-drivers/createExpoSqliteDriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,kBAAkB,EAGnB,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,sBAAsB,EAAE,kBAwDpC,CAAC"}

package/dist/{providers/ExpoSqliteDriver.js → sqlite-drivers/createExpoSqliteDriver.js}

@@ -1,7 +1,14 @@
-import { createPreparedStatementsCache, } from "@evolu/common";
+import { bytesToHex, createPreparedStatementsCache, } from "@evolu/common";
 import { openDatabaseSync } from "expo-sqlite";
-export const createExpoSqliteDriver = (name) => {
-    const db = openDatabaseSync(`evolu1-${name}.db`);
+export const createExpoSqliteDriver = (name, options) => {
+    const db = openDatabaseSync(options?.memory ? ":memory:" : `evolu1-${name}.db`);
+    if (options?.encryptionKey) {
+        db.execSync(`
+      PRAGMA cipher = 'sqlcipher';
+      PRAGMA legacy = 4;
+      PRAGMA key = "x'${bytesToHex(options.encryptionKey)}'";
+    `);
+    }
     let isDisposed = false;
     const cache = createPreparedStatementsCache((sql) => db.prepareSync(sql), (statement) => {
         statement.finalizeSync();

package/dist/{providers/OpSqliteDriver.d.ts → sqlite-drivers/createOpSqliteDriver.d.ts}

@@ -1,3 +1,3 @@
 import { CreateSqliteDriver } from "@evolu/common";
 export declare const createOpSqliteDriver: CreateSqliteDriver;
-//# sourceMappingURL=OpSqliteDriver.d.ts.map
+//# sourceMappingURL=createOpSqliteDriver.d.ts.map

package/dist/sqlite-drivers/createOpSqliteDriver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createOpSqliteDriver.d.ts","sourceRoot":"","sources":["../../src/sqlite-drivers/createOpSqliteDriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,kBAAkB,EAInB,MAAM,eAAe,CAAC;AAGvB,eAAO,MAAM,oBAAoB,EAAE,kBA8DlC,CAAC"}

package/dist/{providers/OpSqliteDriver.js → sqlite-drivers/createOpSqliteDriver.js}

@@ -1,7 +1,15 @@
-import { constVoid, createPreparedStatementsCache, isSqlMutation, } from "@evolu/common";
+import { bytesToHex, constVoid, createPreparedStatementsCache, isSqlMutation, } from "@evolu/common";
 import { open } from "@op-engineering/op-sqlite";
-export const createOpSqliteDriver = (name) => {
-    const db = open({ name: `evolu1-${name}.db` });
+export const createOpSqliteDriver = (name, options) => {
+    // https://op-engineering.github.io/op-sqlite/docs/configuration#in-memory
+    const db = open(options?.memory
+        ? { name: `inMemoryDb`, location: ":memory:" }
+        : {
+            name: `evolu1-${name}.db`,
+            ...(options?.encryptionKey && {
+                encryptionKey: `x'${bytesToHex(options.encryptionKey)}'`,
+            }),
+        });
     let isDisposed = false;
     const cache = createPreparedStatementsCache((sql) => db.prepareStatement(sql), 
     // op-sqlite doesn't have API for that

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evolu/react-native",
-  "version": "13.0.0",
+  "version": "14.1.0",
   "description": "Evolu for React Native and Expo",
   "keywords": [
     "evolu",
@@ -19,26 +19,43 @@
   "homepage": "https://evolu.dev",
   "type": "module",
   "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js",
+      "react-native": "./dist/index.js"
+    },
     "./expo-sqlite": {
-      "types": "./dist/expo-sqlite.d.ts",
-      "default": "./dist/expo-sqlite.js",
-      "react-native": "./dist/expo-sqlite.js",
+      "types": "./dist/exports/expo-sqlite.d.ts",
+      "default": "./dist/exports/expo-sqlite.js",
+      "react-native": "./dist/exports/expo-sqlite.js",
+      "browser": "./dist/web.js"
+    },
+    "./expo-op-sqlite": {
+      "types": "./dist/exports/expo-op-sqlite.d.ts",
+      "default": "./dist/exports/expo-op-sqlite.js",
+      "react-native": "./dist/exports/expo-op-sqlite.js",
       "browser": "./dist/web.js"
     },
-    "./op-sqlite": {
-      "types": "./dist/op-sqlite.d.ts",
-      "default": "./dist/op-sqlite.js",
-      "react-native": "./dist/op-sqlite.js",
+    "./bare-op-sqlite": {
+      "types": "./dist/exports/bare-op-sqlite.d.ts",
+      "default": "./dist/exports/bare-op-sqlite.js",
+      "react-native": "./dist/exports/bare-op-sqlite.js",
       "browser": "./dist/web.js"
     }
   },
   "typesVersions": {
     "*": {
+      ".": [
+        "./dist/index.d.ts"
+      ],
       "expo-sqlite": [
-        "./dist/expo-sqlite.d.ts"
+        "./dist/exports/expo-sqlite.d.ts"
       ],
-      "op-sqlite": [
-        "./dist/op-sqlite.d.ts"
+      "expo-op-sqlite": [
+        "./dist/exports/expo-op-sqlite.d.ts"
+      ],
+      "bare-op-sqlite": [
+        "./dist/exports/bare-op-sqlite.d.ts"
       ]
     }
   },
@@ -48,23 +65,32 @@
     "README.md"
   ],
   "devDependencies": {
-    "@op-engineering/op-sqlite": "^14.0.3",
-    "expo": "^53.0.10",
-    "expo-sqlite": "~15.2.11",
-    "react-native": "^0.79.3",
-    "typescript": "^5.8.3",
-    "vitest": "^3.2.2",
-    "@evolu/common": "6.0.0",
-    "@evolu/react": "9.0.0",
+    "@op-engineering/op-sqlite": "^15.0.3",
+    "expo": "^54.0.10",
+    "expo-secure-store": "~15.0.7",
+    "expo-sqlite": "~16.0.8",
+    "react-native": "^0.81.4",
+    "react-native-nitro-modules": "^0.31.2",
+    "react-native-sensitive-info": "^6.0.0-rc.8",
+    "react-native-svg": "^15.14.0",
+    "shx": "^0.4.0",
+    "typescript": "^5.9.2",
+    "vitest": "^4.0.4",
+    "@evolu/common": "7.2.0",
+    "@evolu/react": "10.2.0",
     "@evolu/tsconfig": "0.0.2"
   },
   "peerDependencies": {
-    "@evolu/common": "^6.0.0",
-    "@evolu/react": "^9.0.0",
+    "@evolu/common": "^7.2.0",
+    "@evolu/react": "^10.2.0",
     "@op-engineering/op-sqlite": ">=12",
-    "expo": ">=52",
-    "expo-sqlite": ">=15",
-    "react-native": ">=0.76"
+    "expo": ">=54",
+    "expo-secure-store": ">=15",
+    "expo-sqlite": ">=16",
+    "react-native": ">=0.81",
+    "react-native-nitro-modules": ">=0.31",
+    "react-native-sensitive-info": ">=6",
+    "react-native-svg": ">=15"
   },
   "peerDependenciesMeta": {
     "@op-engineering/op-sqlite": {
@@ -75,6 +101,18 @@
     },
     "expo-sqlite": {
       "optional": true
+    },
+    "expo-secure-store": {
+      "optional": true
+    },
+    "react-native-nitro-modules": {
+      "optional": true
+    },
+    "react-native-sensitive-info": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
     }
   },
   "publishConfig": {

package/src/components/EvoluIdenticon.tsx

@@ -0,0 +1,25 @@
+import { createIdenticon, IdenticonStyle, OwnerId } from "@evolu/common";
+import { FC, useMemo } from "react";
+import { View } from "react-native";
+import { SvgXml } from "react-native-svg";
+
+export const EvoluIdenticon: FC<{
+  id: OwnerId;
+  size?: number;
+  borderRadius?: number;
+  style?: IdenticonStyle;
+}> = ({ id, size = 32, borderRadius = 3, style }) => {
+  const svg = useMemo(() => createIdenticon(id, style), [id, style]);
+  return id ? (
+    <View
+      style={{
+        width: size,
+        height: size,
+        borderRadius,
+        overflow: "hidden",
+      }}
+    >
+      <SvgXml xml={svg} width={size} height={size} />
+    </View>
+  ) : null;
+};

package/src/createExpoDeps.ts

@@ -0,0 +1,162 @@
+import { CreateSqliteDriverDep, LocalAuth } from "@evolu/common";
+import { EvoluDeps, ReloadApp } from "@evolu/common/evolu";
+import * as Expo from "expo";
+import { createSharedEvoluDeps, createSharedLocalAuth } from "./shared.js";
+import type {
+  AccessControl,
+  LocalAuthOptions,
+  SecureStorage,
+  SensitiveInfoItem,
+  StorageMetadata,
+} from "@evolu/common";
+import { localAuthDefaultOptions } from "@evolu/common";
+import * as SecureStore from "expo-secure-store";
+import KVStore from "expo-sqlite/kv-store";
+
+const reloadApp: ReloadApp = () => {
+  void Expo.reloadAppAsync();
+};
+
+const createSecureStore = (): SecureStorage => {
+  const store: SecureStorage = {
+    setItem: async (key, value, options) => {
+      const rnsiOpts = convertOptions(options);
+      const service = options?.service ?? "default";
+      const metadata = createMetadata(options?.accessControl === "none");
+      await KVStore.setItem(`${service}-${key}`, "1");
+      await SecureStore.setItemAsync(
+        key,
+        JSON.stringify({ value, metadata }),
+        rnsiOpts,
+      );
+      return { metadata };
+    },
+
+    getItem: async (key, options) => {
+      const rnsiOpts = convertOptions(options);
+      const service = options?.service ?? "default";
+      let data: { value: string; metadata: StorageMetadata };
+      try {
+        const result = await SecureStore.getItemAsync(key, rnsiOpts);
+        if (!result) return null;
+        data = JSON.parse(result) as {
+          value: string;
+          metadata: StorageMetadata;
+        };
+      } catch (_error) {
+        return null;
+      }
+      return { key, service, ...data };
+    },
+
+    deleteItem: async (key, options) => {
+      const rnsiOpts = convertOptions(options);
+      const service = options?.service ?? "default";
+      await Promise.all([
+        KVStore.removeItemAsync(`${service}-${key}`),
+        SecureStore.deleteItemAsync(key, rnsiOpts),
+      ]);
+      return true;
+    },
+
+    getAllItems: async (options) => {
+      const keys = await KVStore.getAllKeysAsync();
+      const service = options?.service ?? "default";
+      const metadata = createMetadata(options?.accessControl === "none");
+      return keys
+        .filter((key) => key.startsWith(`${service}-`))
+        .map((key) => ({
+          key: key.slice(service.length + 1),
+          service,
+          metadata,
+        }));
+    },
+
+    clearService: async (options) => {
+      const rnsiOpts = convertOptions(options);
+      const service = options?.service ?? "default";
+      const items = await store.getAllItems(options);
+      await KVStore.multiRemove(items.map((item) => `${service}-${item.key}`));
+      await Promise.all(
+        items.map(async (item) => {
+          await SecureStore.deleteItemAsync(item.key, rnsiOpts);
+        }),
+      );
+    },
+  };
+
+  return store;
+};
+
+/**
+ * Create default metadata for backwards compatibility with items that don't
+ * have stored metadata.
+ */
+const createMetadata = (isSecure = true): SensitiveInfoItem["metadata"] => {
+  return {
+    backend: "keychain",
+    accessControl: isSecure ? "biometryCurrentSet" : "none",
+    securityLevel: isSecure ? "biometry" : "software",
+    timestamp: Date.now(),
+  };
+};
+
+function convertOptions(
+  options?: LocalAuthOptions,
+): SecureStore.SecureStoreOptions {
+  const accessGroup =
+    options?.keychainGroup ?? localAuthDefaultOptions.keychainGroup ?? "";
+  const keychainService =
+    options?.service ?? localAuthDefaultOptions.service ?? "";
+  const keychainAccessible = convertKeychainAccessible(
+    options?.accessControl ??
+      localAuthDefaultOptions.accessControl ??
+      "biometryCurrentSet",
+  );
+  const authenticationPrompt =
+    options?.authenticationPrompt?.title ??
+    localAuthDefaultOptions.authenticationPrompt?.title ??
+    "";
+  return {
+    accessGroup,
+    keychainService,
+    keychainAccessible,
+    authenticationPrompt,
+    requireAuthentication: options?.accessControl !== "none",
+  };
+}
+
+function convertKeychainAccessible(
+  accessControl: AccessControl,
+): SecureStore.KeychainAccessibilityConstant {
+  switch (accessControl) {
+    case "none":
+      // eslint-disable-next-line @typescript-eslint/no-deprecated
+      return SecureStore.ALWAYS;
+    case "biometryCurrentSet":
+      return SecureStore.AFTER_FIRST_UNLOCK;
+    case "biometryAny":
+      return SecureStore.AFTER_FIRST_UNLOCK;
+    case "devicePasscode":
+      return SecureStore.AFTER_FIRST_UNLOCK;
+    case "secureEnclaveBiometry":
+      return SecureStore.AFTER_FIRST_UNLOCK;
+    // Exhaustive check
+    default:
+      accessControl satisfies never;
+      // Default (for typescript, should never hit)
+      return SecureStore.AFTER_FIRST_UNLOCK;
+  }
+}
+
+const localAuth = createSharedLocalAuth(createSecureStore());
+
+export const createExpoDeps = (
+  deps: CreateSqliteDriverDep,
+): { evoluReactNativeDeps: EvoluDeps; localAuth: LocalAuth } => ({
+  evoluReactNativeDeps: createSharedEvoluDeps({
+    ...deps,
+    reloadApp,
+  }),
+  localAuth,
+});

package/src/exports/bare-op-sqlite.ts

@@ -0,0 +1,28 @@
+/**
+ * Public entry point for bare React Native with OP-SQLite. Exported as
+ * "@evolu/react-native/bare-op-sqlite" in package.json.
+ *
+ * Use this with bare React Native projects (not Expo) that use
+ * `@op-engineering/op-sqlite`.
+ */
+
+import { ReloadApp } from "@evolu/common/evolu";
+import { DevSettings } from "react-native";
+import { SensitiveInfo } from "react-native-sensitive-info";
+import { createSharedEvoluDeps, createSharedLocalAuth } from "../shared.js";
+import { createOpSqliteDriver } from "../sqlite-drivers/createOpSqliteDriver.js";
+
+const reloadApp: ReloadApp = () => {
+  if (process.env.NODE_ENV === "development") {
+    DevSettings.reload();
+  } else {
+    // TODO: reload not implemented for bare rn
+  }
+};
+
+export const evoluReactNativeDeps = createSharedEvoluDeps({
+  createSqliteDriver: createOpSqliteDriver,
+  reloadApp,
+});
+
+export const localAuth = createSharedLocalAuth(SensitiveInfo);

package/src/exports/expo-op-sqlite.ts

@@ -0,0 +1,14 @@
+/**
+ * Public entry point for Expo with OP-SQLite. Exported as
+ * "@evolu/react-native/expo-op-sqlite" in package.json.
+ *
+ * Use this with Expo projects that use `@op-engineering/op-sqlite` for better
+ * performance.
+ */
+
+import { createExpoDeps } from "../createExpoDeps.js";
+import { createOpSqliteDriver } from "../sqlite-drivers/createOpSqliteDriver.js";
+
+export const { evoluReactNativeDeps, localAuth } = createExpoDeps({
+  createSqliteDriver: createOpSqliteDriver,
+});

package/src/exports/expo-sqlite.ts

@@ -0,0 +1,13 @@
+/**
+ * Public entry point for Expo SQLite. Exported as
+ * "@evolu/react-native/expo-sqlite" in package.json.
+ *
+ * Use this with Expo projects that use expo-sqlite.
+ */
+
+import { createExpoDeps } from "../createExpoDeps.js";
+import { createExpoSqliteDriver } from "../sqlite-drivers/createExpoSqliteDriver.js";
+
+export const { evoluReactNativeDeps, localAuth } = createExpoDeps({
+  createSqliteDriver: createExpoSqliteDriver,
+});

package/src/index.ts

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

package/src/shared.ts

@@ -0,0 +1,63 @@
+import {
+  createConsole,
+  createLocalAuth,
+  createRandom,
+  createRandomBytes,
+  CreateSqliteDriverDep,
+  createTime,
+  createWebSocket,
+  LocalAuth,
+  SecureStorage,
+} from "@evolu/common";
+import {
+  createDbWorkerForPlatform,
+  EvoluDeps,
+  ReloadAppDep,
+} from "@evolu/common/evolu";
+
+/**
+ * Polyfills `Promise.withResolvers`.
+ *
+ * @see https://github.com/facebook/hermes/pull/1452
+ */
+if (typeof Promise.withResolvers === "undefined") {
+  // @ts-expect-error This is OK.
+  Promise.withResolvers = function () {
+    let resolve, reject;
+    const promise = new Promise((res, rej) => {
+      resolve = res;
+      reject = rej;
+    });
+    return { promise, resolve, reject };
+  };
+}
+
+const console = createConsole();
+const randomBytes = createRandomBytes();
+const time = createTime();
+
+export const createSharedEvoluDeps = (
+  deps: CreateSqliteDriverDep & ReloadAppDep,
+): EvoluDeps => ({
+  ...deps,
+  console,
+  createDbWorker: () =>
+    createDbWorkerForPlatform({
+      ...deps,
+      console,
+      createWebSocket,
+      random: createRandom(),
+      randomBytes,
+      time,
+    }),
+  randomBytes,
+  time,
+});
+
+export const createSharedLocalAuth = (
+  secureStorage: SecureStorage,
+): LocalAuth =>
+  createLocalAuth({
+    randomBytes,
+    secureStorage,
+  });

package/src/{providers/ExpoSqliteDriver.ts → sqlite-drivers/createExpoSqliteDriver.ts}

@@ -1,14 +1,23 @@
 import {
+  bytesToHex,
   createPreparedStatementsCache,
   CreateSqliteDriver,
   SqliteDriver,
   SqliteRow,
 } from "@evolu/common";
-
 import { openDatabaseSync, SQLiteStatement } from "expo-sqlite";
 
-export const createExpoSqliteDriver: CreateSqliteDriver = (name) => {
-  const db = openDatabaseSync(`evolu1-${name}.db`);
+export const createExpoSqliteDriver: CreateSqliteDriver = (name, options) => {
+  const db = openDatabaseSync(
+    options?.memory ? ":memory:" : `evolu1-${name}.db`,
+  );
+  if (options?.encryptionKey) {
+    db.execSync(`
+      PRAGMA cipher = 'sqlcipher';
+      PRAGMA legacy = 4;
+      PRAGMA key = "x'${bytesToHex(options.encryptionKey)}'";
+    `);
+  }
   let isDisposed = false;
 
   const cache = createPreparedStatementsCache<SQLiteStatement>(

package/src/{providers/OpSqliteDriver.ts → sqlite-drivers/createOpSqliteDriver.ts}

@@ -1,16 +1,26 @@
 import {
+  bytesToHex,
   constVoid,
   createPreparedStatementsCache,
-  isSqlMutation,
   CreateSqliteDriver,
+  isSqlMutation,
   SqliteDriver,
   SqliteRow,
 } from "@evolu/common";
-
 import { open, PreparedStatement } from "@op-engineering/op-sqlite";
 
-export const createOpSqliteDriver: CreateSqliteDriver = (name) => {
-  const db = open({ name: `evolu1-${name}.db` });
+export const createOpSqliteDriver: CreateSqliteDriver = (name, options) => {
+  // https://op-engineering.github.io/op-sqlite/docs/configuration#in-memory
+  const db = open(
+    options?.memory
+      ? { name: `inMemoryDb`, location: ":memory:" }
+      : {
+          name: `evolu1-${name}.db`,
+          ...(options?.encryptionKey && {
+            encryptionKey: `x'${bytesToHex(options.encryptionKey)}'`,
+          }),
+        },
+  );
   let isDisposed = false;
 
   const cache = createPreparedStatementsCache<PreparedStatement>(

package/dist/expo-sqlite.d.ts

@@ -1,4 +0,0 @@
-import { CreateAppState, EvoluDeps } from "@evolu/common/evolu";
-export declare const createAppState: CreateAppState;
-export declare const evoluReactNativeDeps: EvoluDeps;
-//# sourceMappingURL=expo-sqlite.d.ts.map

package/dist/expo-sqlite.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"expo-sqlite.d.ts","sourceRoot":"","sources":["../src/expo-sqlite.ts"],"names":[],"mappings":"AASA,OAAO,EACL,cAAc,EAId,SAAS,EACV,MAAM,qBAAqB,CAAC;AAS7B,eAAO,MAAM,cAAc,EAAE,cAI3B,CAAC;AAkBH,eAAO,MAAM,oBAAoB,EAAE,SAMlC,CAAC"}

package/dist/expo-sqlite.js

@@ -1,31 +0,0 @@
-import { createConsole, createEnglishMnemonic, createNanoIdLib, createRandom, createRandomBytes, createTime, } from "@evolu/common";
-import { createDbWorkerForPlatform, createWebSocketSync, } from "@evolu/common/evolu";
-import * as Expo from "expo";
-import { createExpoSqliteDriver } from "./providers/ExpoSqliteDriver.js";
-import { polyfillHermes } from "./utils/Hermes.js";
-polyfillHermes();
-export const createAppState = () => ({
-    reset: () => {
-        void Expo.reloadAppAsync();
-    },
-});
-const nanoIdLib = createNanoIdLib();
-const console = createConsole();
-const time = createTime();
-const createDbWorker = () => createDbWorkerForPlatform({
-    createSqliteDriver: createExpoSqliteDriver,
-    createSync: createWebSocketSync,
-    console,
-    time,
-    random: createRandom(),
-    nanoIdLib,
-    createMnemonic: createEnglishMnemonic,
-    createRandomBytes,
-});
-export const evoluReactNativeDeps = {
-    time,
-    nanoIdLib,
-    console,
-    createAppState,
-    createDbWorker,
-};

package/dist/op-sqlite.d.ts

@@ -1,4 +0,0 @@
-import { CreateAppState, EvoluDeps } from "@evolu/common/evolu";
-export declare const createAppState: CreateAppState;
-export declare const evoluReactNativeDeps: EvoluDeps;
-//# sourceMappingURL=op-sqlite.d.ts.map

package/dist/op-sqlite.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"op-sqlite.d.ts","sourceRoot":"","sources":["../src/op-sqlite.ts"],"names":[],"mappings":"AASA,OAAO,EACL,cAAc,EAId,SAAS,EACV,MAAM,qBAAqB,CAAC;AAQ7B,eAAO,MAAM,cAAc,EAAE,cAQ3B,CAAC;AAkBH,eAAO,MAAM,oBAAoB,EAAE,SAMlC,CAAC"}

package/dist/op-sqlite.js

@@ -1,36 +0,0 @@
-import { createConsole, createEnglishMnemonic, createNanoIdLib, createRandom, createRandomBytes, createTime, } from "@evolu/common";
-import { createDbWorkerForPlatform, createWebSocketSync, } from "@evolu/common/evolu";
-import { DevSettings } from "react-native";
-import { createOpSqliteDriver } from "./providers/OpSqliteDriver.js";
-import { polyfillHermes } from "./utils/Hermes.js";
-polyfillHermes();
-export const createAppState = () => ({
-    reset: () => {
-        if (process.env.NODE_ENV === "development") {
-            DevSettings.reload();
-        }
-        else {
-            // TODO: reload not implemented for bare rn
-        }
-    },
-});
-const nanoIdLib = createNanoIdLib();
-const console = createConsole();
-const time = createTime();
-const createDbWorker = () => createDbWorkerForPlatform({
-    createSqliteDriver: createOpSqliteDriver,
-    createSync: createWebSocketSync,
-    console,
-    time,
-    random: createRandom(),
-    nanoIdLib,
-    createMnemonic: createEnglishMnemonic,
-    createRandomBytes,
-});
-export const evoluReactNativeDeps = {
-    time,
-    nanoIdLib,
-    console,
-    createAppState,
-    createDbWorker,
-};

package/dist/providers/ExpoSqliteDriver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpoSqliteDriver.d.ts","sourceRoot":"","sources":["../../src/providers/ExpoSqliteDriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,EAGnB,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,sBAAsB,EAAE,kBA+CpC,CAAC"}

package/dist/providers/OpSqliteDriver.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OpSqliteDriver.d.ts","sourceRoot":"","sources":["../../src/providers/OpSqliteDriver.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,kBAAkB,EAGnB,MAAM,eAAe,CAAC;AAIvB,eAAO,MAAM,oBAAoB,EAAE,kBAoDlC,CAAC"}

package/dist/utils/Hermes.d.ts

@@ -1,3 +0,0 @@
-/** Polyfills `Promise.withResolvers`. */
-export declare const polyfillHermes: () => void;
-//# sourceMappingURL=Hermes.d.ts.map

package/dist/utils/Hermes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Hermes.d.ts","sourceRoot":"","sources":["../../src/utils/Hermes.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,eAAO,MAAM,cAAc,QAAO,IAYjC,CAAC"}

package/dist/utils/Hermes.js

@@ -1,14 +0,0 @@
-/** Polyfills `Promise.withResolvers`. */
-export const polyfillHermes = () => {
-    if (typeof Promise.withResolvers === "undefined") {
-        // @ts-expect-error This is OK.
-        Promise.withResolvers = function () {
-            let resolve, reject;
-            const promise = new Promise((res, rej) => {
-                resolve = res;
-                reject = rej;
-            });
-            return { promise, resolve, reject };
-        };
-    }
-};

package/src/expo-sqlite.ts

@@ -1,53 +0,0 @@
-import {
-  createConsole,
-  createEnglishMnemonic,
-  createNanoIdLib,
-  createRandom,
-  createRandomBytes,
-  createTime,
-} from "@evolu/common";
-
-import {
-  CreateAppState,
-  CreateDbWorker,
-  createDbWorkerForPlatform,
-  createWebSocketSync,
-  EvoluDeps,
-} from "@evolu/common/evolu";
-
-import * as Expo from "expo";
-
-import { createExpoSqliteDriver } from "./providers/ExpoSqliteDriver.js";
-import { polyfillHermes } from "./utils/Hermes.js";
-
-polyfillHermes();
-
-export const createAppState: CreateAppState = () => ({
-  reset: () => {
-    void Expo.reloadAppAsync();
-  },
-});
-
-const nanoIdLib = createNanoIdLib();
-const console = createConsole();
-const time = createTime();
-
-const createDbWorker: CreateDbWorker = () =>
-  createDbWorkerForPlatform({
-    createSqliteDriver: createExpoSqliteDriver,
-    createSync: createWebSocketSync,
-    console,
-    time,
-    random: createRandom(),
-    nanoIdLib,
-    createMnemonic: createEnglishMnemonic,
-    createRandomBytes,
-  });
-
-export const evoluReactNativeDeps: EvoluDeps = {
-  time,
-  nanoIdLib,
-  console,
-  createAppState,
-  createDbWorker,
-};

package/src/op-sqlite.ts

@@ -1,56 +0,0 @@
-import {
-  createConsole,
-  createEnglishMnemonic,
-  createNanoIdLib,
-  createRandom,
-  createRandomBytes,
-  createTime,
-} from "@evolu/common";
-
-import {
-  CreateAppState,
-  CreateDbWorker,
-  createDbWorkerForPlatform,
-  createWebSocketSync,
-  EvoluDeps,
-} from "@evolu/common/evolu";
-
-import { DevSettings } from "react-native";
-import { createOpSqliteDriver } from "./providers/OpSqliteDriver.js";
-import { polyfillHermes } from "./utils/Hermes.js";
-
-polyfillHermes();
-
-export const createAppState: CreateAppState = () => ({
-  reset: () => {
-    if (process.env.NODE_ENV === "development") {
-      DevSettings.reload();
-    } else {
-      // TODO: reload not implemented for bare rn
-    }
-  },
-});
-
-const nanoIdLib = createNanoIdLib();
-const console = createConsole();
-const time = createTime();
-
-const createDbWorker: CreateDbWorker = () =>
-  createDbWorkerForPlatform({
-    createSqliteDriver: createOpSqliteDriver,
-    createSync: createWebSocketSync,
-    console,
-    time,
-    random: createRandom(),
-    nanoIdLib,
-    createMnemonic: createEnglishMnemonic,
-    createRandomBytes,
-  });
-
-export const evoluReactNativeDeps: EvoluDeps = {
-  time,
-  nanoIdLib,
-  console,
-  createAppState,
-  createDbWorker,
-};

package/src/utils/Hermes.ts

@@ -1,14 +0,0 @@
-/** Polyfills `Promise.withResolvers`. */
-export const polyfillHermes = (): void => {
-  if (typeof Promise.withResolvers === "undefined") {
-    // @ts-expect-error This is OK.
-    Promise.withResolvers = function () {
-      let resolve, reject;
-      const promise = new Promise((res, rej) => {
-        resolve = res;
-        reject = rej;
-      });
-      return { promise, resolve, reject };
-    };
-  }
-};