@statsig/react-native-bindings 0.0.1-beta.1 → 0.0.1-beta.11

package/README.md

@@ -5,4 +5,4 @@
 
 ReactNative specific additions for use with a Statsig Javascript SDK.
 
-Learn more by visiting: https://docs.statsig.com/client/jsClientSDK
+Learn more by visiting: https://docs.statsig.com/client/javascript-sdk

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@statsig/react-native-bindings",
-  "version": "0.0.1-beta.1",
+  "version": "0.0.1-beta.11",
   "dependencies": {
-    "@statsig/client-core": "*",
-    "@statsig/react-bindings": "*"
+    "@statsig/client-core": "0.0.1-beta.11",
+    "@statsig/react-bindings": "0.0.1-beta.11"
   },
   "peerDependencies": {
+    "react": "^16.6.3 || ^17.0.0 || ^18.0.0",
     "react-native": "0.*",
     "@react-native-async-storage/async-storage": "1.*",
     "react-native-device-info": "10.*"

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,37 @@
+"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');
+            return result ? Object.assign(Object.assign({}, result), { source: 'Cache' }) : null;
+        })));
+        adapter.__setInMemoryCache(results);
+    });
+}

package/src/StatsigMetadataAdditions.js

@@ -1,17 +1,17 @@
 "use strict";
 var _a, _b, _c, _d, _e, _f, _g, _h, _j;
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_native_1 = require("react-native");
-var react_native_device_info_1 = require("react-native-device-info");
-var client_core_1 = require("@statsig/client-core");
-var locale = undefined;
+const react_native_1 = require("react-native");
+const react_native_device_info_1 = require("react-native-device-info");
+const client_core_1 = require("@statsig/client-core");
+let locale = undefined;
 if (react_native_1.Platform.OS === 'android') {
-    var i18nManager = react_native_1.NativeModules['I18nManager'];
+    const i18nManager = react_native_1.NativeModules['I18nManager'];
     locale = (_a = i18nManager === null || i18nManager === void 0 ? void 0 : i18nManager.localIdentifer) !== null && _a !== void 0 ? _a : undefined;
 }
 if (react_native_1.Platform.OS === 'ios') {
-    var settingsManager = react_native_1.NativeModules['SettingsManager'];
-    var settings = settingsManager === null || settingsManager === void 0 ? void 0 : settingsManager.settings;
+    const settingsManager = react_native_1.NativeModules['SettingsManager'];
+    const settings = settingsManager === null || settingsManager === void 0 ? void 0 : settingsManager.settings;
     locale = (_d = (_b = settings === null || settings === void 0 ? void 0 : settings.AppLocale) !== null && _b !== void 0 ? _b : (_c = settings === null || settings === void 0 ? void 0 : settings.AppleLanguages) === null || _c === void 0 ? void 0 : _c[0]) !== null && _d !== void 0 ? _d : undefined;
 }
 client_core_1.StatsigMetadataProvider.add({
@@ -20,5 +20,5 @@ client_core_1.StatsigMetadataProvider.add({
     systemName: (_g = react_native_device_info_1.default.getSystemName()) !== null && _g !== void 0 ? _g : undefined,
     deviceModelName: (_h = react_native_device_info_1.default.getModel()) !== null && _h !== void 0 ? _h : undefined,
     deviceModel: (_j = react_native_device_info_1.default.getDeviceId()) !== null && _j !== void 0 ? _j : undefined,
-    locale: locale,
+    locale,
 });

package/src/StatsigProviderRN.d.ts

@@ -0,0 +1,7 @@
+import { StatsigProviderProps } from '@statsig/react-bindings';
+import { StatsigAsyncCacheWarming } from './AsyncStorageWarming';
+type Props = StatsigProviderProps & {
+    cacheWarming: StatsigAsyncCacheWarming;
+};
+export declare function StatsigProviderRN(props: Props): JSX.Element;
+export {};

package/src/StatsigProviderRN.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatsigProviderRN = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const async_storage_1 = require("@react-native-async-storage/async-storage");
+const react_1 = require("react");
+const react_native_1 = require("react-native");
+const client_core_1 = require("@statsig/client-core");
+const react_bindings_1 = require("@statsig/react-bindings");
+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'));
+function StatsigProviderRN(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.cacheWarming.result]);
+    if (!isWarmed) {
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    }
+    return (0, jsx_runtime_1.jsx)(react_bindings_1.StatsigProvider, Object.assign({}, props));
+}
+exports.StatsigProviderRN = StatsigProviderRN;

package/src/index.d.ts

@@ -1,2 +1,4 @@
 import './StatsigMetadataAdditions';
-export { StatsigContext, StatsigProvider, useGate, useDynamicConfig, useExperiment, useLayer, } from '@statsig/react-bindings';
+export * from './AsyncStorageWarming';
+export * from './StatsigProviderRN';
+export { StatsigContext, useDynamicConfig, useExperiment, useGate, useLayer, } from '@statsig/react-bindings';

package/src/index.js

@@ -1,18 +1,26 @@
 "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 });
-exports.useLayer = exports.useExperiment = exports.useDynamicConfig = exports.useGate = exports.StatsigProvider = exports.StatsigContext = void 0;
-var async_storage_1 = require("@react-native-async-storage/async-storage");
-var react_native_1 = require("react-native");
-var client_core_1 = require("@statsig/client-core");
+exports.useLayer = exports.useGate = exports.useExperiment = exports.useDynamicConfig = exports.StatsigContext = void 0;
 require("./StatsigMetadataAdditions");
-client_core_1.Storage.setProvider(async_storage_1.default);
-react_native_1.AppState.addEventListener('change', function (nextAppState) {
-    return client_core_1.VisibilityChangeObserver.notify(nextAppState === 'active' ? 'foreground' : 'background');
-});
+__exportStar(require("./AsyncStorageWarming"), exports);
+__exportStar(require("./StatsigProviderRN"), exports);
 var react_bindings_1 = require("@statsig/react-bindings");
 Object.defineProperty(exports, "StatsigContext", { enumerable: true, get: function () { return react_bindings_1.StatsigContext; } });
-Object.defineProperty(exports, "StatsigProvider", { enumerable: true, get: function () { return react_bindings_1.StatsigProvider; } });
-Object.defineProperty(exports, "useGate", { enumerable: true, get: function () { return react_bindings_1.useGate; } });
 Object.defineProperty(exports, "useDynamicConfig", { enumerable: true, get: function () { return react_bindings_1.useDynamicConfig; } });
 Object.defineProperty(exports, "useExperiment", { enumerable: true, get: function () { return react_bindings_1.useExperiment; } });
+Object.defineProperty(exports, "useGate", { enumerable: true, get: function () { return react_bindings_1.useGate; } });
 Object.defineProperty(exports, "useLayer", { enumerable: true, get: function () { return react_bindings_1.useLayer; } });