@statsig/react-native-core 0.0.1-beta.17

package/README.md

@@ -0,0 +1,8 @@
+# Statsig - React Native
+
+> [!IMPORTANT]
+> This version of the SDK is still in beta. The non-beta version can be found [here](https://github.com/statsig-io/react-native).
+
+ReactNative specific additions for use with a Statsig Javascript SDK.
+
+Learn more by visiting: https://docs.statsig.com/client/javascript-sdk

package/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@statsig/react-native-core",
+  "version": "0.0.1-beta.17",
+  "dependencies": {
+    "@statsig/client-core": "0.0.1-beta.17",
+    "@statsig/react-bindings": "0.0.1-beta.17"
+  },
+  "peerDependencies": {
+    "react": "^16.6.3 || ^17.0.0 || ^18.0.0",
+    "react-native": "0.*",
+    "@react-native-async-storage/async-storage": "1.*"
+  },
+  "type": "commonjs",
+  "main": "./src/index.js",
+  "typings": "./src/index.d.ts"
+}

package/src/AsyncStorageWarming.d.ts

@@ -0,0 +1,5 @@
+import { StatsigClientInterface } from '@statsig/client-core';
+export type StatsigAsyncCacheWarming = {
+    result: Promise<void>;
+};
+export declare function warmCachingFromAsyncStorage(client: StatsigClientInterface): StatsigAsyncCacheWarming;

package/src/AsyncStorageWarming.js

@@ -0,0 +1,39 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.warmCachingFromAsyncStorage = void 0;
+const client_core_1 = require("@statsig/client-core");
+function warmCachingFromAsyncStorage(client) {
+    return {
+        result: _loadCacheAsync(client.dataAdapter),
+    };
+}
+exports.warmCachingFromAsyncStorage = warmCachingFromAsyncStorage;
+function _loadCacheAsync(adapter) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const keys = yield client_core_1.Storage.getAllKeys();
+        const results = {};
+        yield Promise.all(keys.map((key) => __awaiter(this, void 0, void 0, function* () {
+            if (!key.startsWith(client_core_1.DataAdapterCachePrefix)) {
+                return;
+            }
+            const cache = yield client_core_1.Storage.getItem(key);
+            if (!cache) {
+                return;
+            }
+            const result = (0, client_core_1.typedJsonParse)(cache, 'source', 'Failed to parse cached result');
+            if (result && 'source' in result) {
+                results[key] = Object.assign(Object.assign({}, result), { source: 'Cache' });
+            }
+        })));
+        adapter.__primeInMemoryCache(results);
+    });
+}

package/src/StatsigProviderWithCacheWarming.d.ts

@@ -0,0 +1,9 @@
+import { StatsigProviderProps } from '@statsig/react-bindings';
+import { StatsigAsyncCacheWarming } from './AsyncStorageWarming';
+type Props = StatsigProviderProps & {
+    cacheWarming: StatsigAsyncCacheWarming;
+};
+export declare function GetStatsigProviderWithCacheWarming(additions: {
+    [key: string]: string | undefined;
+}): (props: Props) => JSX.Element | null;
+export {};

package/src/StatsigProviderWithCacheWarming.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GetStatsigProviderWithCacheWarming = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const react_bindings_1 = require("@statsig/react-bindings");
+function GetStatsigProviderWithCacheWarming(additions) {
+    client_core_1.StatsigMetadataProvider.add(additions);
+    return StatsigProviderWithCacheWarming;
+}
+exports.GetStatsigProviderWithCacheWarming = GetStatsigProviderWithCacheWarming;
+function StatsigProviderWithCacheWarming(props) {
+    const [isWarmed, setIsWarmed] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        props.cacheWarming.result
+            .catch((e) => {
+            client_core_1.Log.error('An error occurred while warming the Statsig client', e);
+        })
+            .finally(() => {
+            props.client.initializeSync();
+            setIsWarmed(true);
+        });
+    }, [props.client, props.cacheWarming.result]);
+    if (!isWarmed) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(react_bindings_1.StatsigProvider, Object.assign({}, props));
+}

package/src/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AsyncStorageWarming';
+export * from './StatsigProviderWithCacheWarming';

package/src/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const async_storage_1 = require("@react-native-async-storage/async-storage");
+const react_native_1 = require("react-native");
+const client_core_1 = require("@statsig/client-core");
+client_core_1.Storage.setProvider(Object.assign(Object.assign({}, async_storage_1.default), { getProviderName: () => 'AsyncStorage' }));
+react_native_1.AppState.addEventListener('change', (nextAppState) => client_core_1.VisibilityChangeObserver.notify(nextAppState === 'active' ? 'foreground' : 'background'));
+__exportStar(require("./AsyncStorageWarming"), exports);
+__exportStar(require("./StatsigProviderWithCacheWarming"), exports);