@statsig/react-native-bindings 0.0.1-beta.9 → 1.0.1

package/README.md

@@ -1,8 +1,45 @@
-# Statsig - React Native
+<h1 align="center">
+	<img src="https://github.com/statsig-io/js-client-monorepo/assets/95646168/ae5499ed-20ff-4584-bf21-8857f800d485" />
+    	<div />
+	<a href="https://statsig.com/?ref=gh_jsm">Statsig</a>
+</h1>
 
-> [!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).
+<p align="center">
+	<a href="https://github.com/statsig-io/js-client-monorepo/blob/main/LICENSE">
+        	<img src="https://img.shields.io/badge/license-ISC-blue.svg?colorA=1b2528&colorB=ccfbc7&style=for-the-badge">
+    	</a>
+	<a href="https://www.npmjs.com/package/@statsig/js-client">
+        	<img src="https://img.shields.io/npm/v/@statsig/js-client.svg?colorA=1b2528&colorB=b2d3ff&style=for-the-badge">
+    	</a>
+	<a href="https://statsig.com/community?ref=gh_jsm">
+        	<img src="https://img.shields.io/badge/slack-statsig-brightgreen.svg?logo=slack&colorA=1b2528&colorB=FFF8BA&style=for-the-badge">
+    	</a>
+</p>
 
-ReactNative specific additions for use with a Statsig Javascript SDK.
+Statsig helps you move faster with feature gates (feature flags), and/or dynamic configs. It also allows you to run A/B/n tests to validate your new features and understand their impact on your KPIs. If you're new to Statsig, check out our product and create an account at [statsig.com](https://www.statsig.com/?ref=gh_jsm).
 
-Learn more by visiting: https://docs.statsig.com/client/javascript-sdk
+## Getting Started
+
+Read through the [Documentation](https://docs.statsig.com/client/javascript-sdk?ref=gh_jsm) or check out the [Samples](samples/).
+
+## Packages
+
+Clients
+
+- [Precomputed Evaluations (Recommended)](packages/js-client/README.md)
+- [On Device Evaluations](packages/js-on-device-eval-client/README.md)
+
+Product Bundles
+
+- [Session Replay](packages/session-replay/README.md)
+- [Web Analytics](packages/web-analytics/README.md)
+
+Framework Specific Bindings
+
+- [React](packages/react-bindings/README.md)
+- [React Native](packages/react-native-bindings/README.md)
+- [React Native (Expo)](packages/expo-bindings/README.md)
+
+## Community
+
+If you need any assitance or just have a question, feel free to reach out to us on [Slack](https://statsig.com/community?ref=gh_jsm).

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@statsig/react-native-bindings",
-  "version": "0.0.1-beta.9",
+  "version": "1.0.1",
   "dependencies": {
-    "@statsig/client-core": "0.0.1-beta.9",
-    "@statsig/react-bindings": "0.0.1-beta.9"
+    "@statsig/client-core": "1.0.1",
+    "@statsig/react-bindings": "1.0.1",
+    "@statsig/react-native-core": "1.0.1"
   },
   "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/StatsigMetadataAdditions.d.ts

@@ -1 +1 @@
-export {};
+export declare function GetStatsigMetadataAdditions(): Record<string, string | undefined>;

package/src/StatsigMetadataAdditions.js

@@ -1,24 +1,28 @@
 "use strict";
-var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+var _a, _b, _c, _d;
 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;
+exports.GetStatsigMetadataAdditions = void 0;
+const react_native_1 = require("react-native");
+const react_native_device_info_1 = require("react-native-device-info");
+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({
-    appVersion: (_e = react_native_device_info_1.default.getVersion()) !== null && _e !== void 0 ? _e : undefined,
-    systemVersion: (_f = react_native_device_info_1.default.getSystemVersion()) !== null && _f !== void 0 ? _f : undefined,
-    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,
-});
+function GetStatsigMetadataAdditions() {
+    var _a, _b, _c, _d, _e;
+    return {
+        appVersion: (_a = react_native_device_info_1.default.getVersion()) !== null && _a !== void 0 ? _a : undefined,
+        systemVersion: (_b = react_native_device_info_1.default.getSystemVersion()) !== null && _b !== void 0 ? _b : undefined,
+        systemName: (_c = react_native_device_info_1.default.getSystemName()) !== null && _c !== void 0 ? _c : undefined,
+        deviceModelName: (_d = react_native_device_info_1.default.getModel()) !== null && _d !== void 0 ? _d : undefined,
+        deviceModel: (_e = react_native_device_info_1.default.getDeviceId()) !== null && _e !== void 0 ? _e : undefined,
+        locale,
+    };
+}
+exports.GetStatsigMetadataAdditions = GetStatsigMetadataAdditions;

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,15 @@
+"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.useEffect)(() => {
+        client_core_1.SDKType._setBindingType('rn');
+        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,2 +1,4 @@
-import './StatsigMetadataAdditions';
-export { StatsigContext, StatsigProvider, useGate, useDynamicConfig, useExperiment, useLayer, } from '@statsig/react-bindings';
+import { warmCachingFromAsyncStorage } from '@statsig/react-native-core';
+import { StatsigProviderRN } from './StatsigProviderRN';
+export { StatsigProviderRN, warmCachingFromAsyncStorage };
+export * from '@statsig/react-bindings';

package/src/index.js

@@ -1,18 +1,22 @@
 "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");
-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');
-});
-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, "useLayer", { enumerable: true, get: function () { return react_bindings_1.useLayer; } });
+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; } });
+__exportStar(require("@statsig/react-bindings"), exports);