@statsig/react-native-bindings 0.0.1-beta.17 → 0.0.1-beta.19

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@statsig/react-native-bindings",
-  "version": "0.0.1-beta.17",
+  "version": "0.0.1-beta.19",
   "dependencies": {
-    "@statsig/client-core": "0.0.1-beta.17",
-    "@statsig/react-bindings": "0.0.1-beta.17"
+    "@statsig/client-core": "0.0.1-beta.19",
+    "@statsig/react-bindings": "0.0.1-beta.19",
+    "@statsig/react-native-core": "0.0.1-beta.19"
   },
   "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.*"
   },
   "type": "commonjs",

package/src/StatsigProviderRN.d.ts

@@ -0,0 +1,4 @@
+import type { StatsigProviderWithCacheWarmingProps } from '@statsig/react-native-core';
+type Props = StatsigProviderWithCacheWarmingProps;
+export declare function StatsigProviderRN(props: Props): JSX.Element | null;
+export {};

package/src/StatsigProviderRN.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatsigProviderRN = void 0;
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const react_native_core_1 = require("@statsig/react-native-core");
+const StatsigMetadataAdditions_1 = require("./StatsigMetadataAdditions");
+function StatsigProviderRN(props) {
+    (0, react_1.useMemo)(() => {
+        client_core_1.StatsigMetadataProvider.add((0, StatsigMetadataAdditions_1.GetStatsigMetadataAdditions)());
+    }, []);
+    return (0, react_native_core_1.StatsigProviderWithCacheWarming)(props);
+}
+exports.StatsigProviderRN = StatsigProviderRN;

package/src/index.d.ts

@@ -1,7 +1,4 @@
-import { GetStatsigProviderWithCacheWarming } from './StatsigProviderWithCacheWarming';
-export * from './AsyncStorageWarming';
-declare const StatsigProviderRN: (props: import("@statsig/react-bindings").StatsigProviderProps & {
-    cacheWarming: import("./AsyncStorageWarming").StatsigAsyncCacheWarming;
-}) => JSX.Element;
-export { StatsigProviderRN, GetStatsigProviderWithCacheWarming };
-export { StatsigContext, useDynamicConfig, useExperiment, useGate, useLayer, } from '@statsig/react-bindings';
+import { warmCachingFromAsyncStorage } from '@statsig/react-native-core';
+import { StatsigProviderRN } from './StatsigProviderRN';
+export { StatsigProviderRN, warmCachingFromAsyncStorage };
+export { StatsigContext, useDynamicConfig, useExperiment, useGate, useLayer, useStatsigClient, useStatsigOnDeviceEvalClient, useStatsigUser, } from '@statsig/react-bindings';

package/src/index.js

@@ -1,29 +1,16 @@
 "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.useGate = exports.useExperiment = exports.useDynamicConfig = exports.StatsigContext = exports.GetStatsigProviderWithCacheWarming = exports.StatsigProviderRN = void 0;
-const StatsigMetadataAdditions_1 = require("./StatsigMetadataAdditions");
-const StatsigProviderWithCacheWarming_1 = require("./StatsigProviderWithCacheWarming");
-Object.defineProperty(exports, "GetStatsigProviderWithCacheWarming", { enumerable: true, get: function () { return StatsigProviderWithCacheWarming_1.GetStatsigProviderWithCacheWarming; } });
-__exportStar(require("./AsyncStorageWarming"), exports);
-const StatsigProviderRN = (0, StatsigProviderWithCacheWarming_1.GetStatsigProviderWithCacheWarming)((0, StatsigMetadataAdditions_1.GetStatsigMetadataAdditions)());
-exports.StatsigProviderRN = StatsigProviderRN;
+exports.useStatsigUser = exports.useStatsigOnDeviceEvalClient = exports.useStatsigClient = exports.useLayer = exports.useGate = exports.useExperiment = exports.useDynamicConfig = exports.StatsigContext = exports.warmCachingFromAsyncStorage = exports.StatsigProviderRN = void 0;
+const react_native_core_1 = require("@statsig/react-native-core");
+Object.defineProperty(exports, "warmCachingFromAsyncStorage", { enumerable: true, get: function () { return react_native_core_1.warmCachingFromAsyncStorage; } });
+const StatsigProviderRN_1 = require("./StatsigProviderRN");
+Object.defineProperty(exports, "StatsigProviderRN", { enumerable: true, get: function () { return StatsigProviderRN_1.StatsigProviderRN; } });
 var react_bindings_1 = require("@statsig/react-bindings");
 Object.defineProperty(exports, "StatsigContext", { enumerable: true, get: function () { return react_bindings_1.StatsigContext; } });
 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; } });
+Object.defineProperty(exports, "useStatsigClient", { enumerable: true, get: function () { return react_bindings_1.useStatsigClient; } });
+Object.defineProperty(exports, "useStatsigOnDeviceEvalClient", { enumerable: true, get: function () { return react_bindings_1.useStatsigOnDeviceEvalClient; } });
+Object.defineProperty(exports, "useStatsigUser", { enumerable: true, get: function () { return react_bindings_1.useStatsigUser; } });

package/src/AsyncStorageWarming.d.ts

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

package/src/AsyncStorageWarming.js

@@ -1,39 +0,0 @@
-"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

@@ -1,9 +0,0 @@
-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;
-export {};

package/src/StatsigProviderWithCacheWarming.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GetStatsigProviderWithCacheWarming = 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 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.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));
-}