@statsig/react-bindings 1.7.0 → 2.0.0

package/package.json

@@ -1,12 +1,16 @@
 {
   "name": "@statsig/react-bindings",
-  "version": "1.7.0",
+  "version": "2.0.0",
   "dependencies": {
-    "@statsig/client-core": "1.7.0"
+    "@statsig/client-core": "2.0.0"
   },
   "peerDependencies": {
     "react": "^16.6.3 || ^17.0.0 || ^18.0.0"
   },
+  "optionalDependencies": {
+    "@statsig/js-client": "2.0.0",
+    "@statsig/js-on-device-eval-client": "2.0.0"
+  },
   "type": "commonjs",
   "main": "./src/index.js",
   "typings": "./src/index.d.ts"

package/src/NoopEvaluationsClient.js

@@ -1,13 +1,4 @@
 "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.NoopEvaluationsClient = void 0;
 const client_core_1 = require("@statsig/client-core");
@@ -46,6 +37,11 @@ const context = {
     values: null,
     user: { userID: '' },
     errorBoundary: {},
+    session: {
+        data: { sessionID: '', startTime: 0, lastUpdate: 0 },
+        sdkKey: '',
+    },
+    stableID: '',
 };
 const _client = {
     isNoop: true,
@@ -58,12 +54,6 @@ const _client = {
     updateUserSync: _noop,
     updateUserAsync: _noopAsync,
     getContext: () => (Object.assign({}, context)),
-    getAsyncContext: () => __awaiter(void 0, void 0, void 0, function* () {
-        return (Object.assign(Object.assign({}, context), { session: {
-                data: { sessionID: '', startTime: 0, lastUpdate: 0 },
-                sdkKey: '',
-            }, stableID: '' }));
-    }),
     checkGate: () => false,
     getFeatureGate: _defaultEvaluation('gate'),
     getDynamicConfig: _defaultEvaluation('config'),

package/src/index.d.ts

@@ -1,13 +1,17 @@
 import StatsigContext from './StatsigContext';
 import { StatsigProvider, StatsigProviderProps } from './StatsigProvider';
+import { useClientAsyncInit } from './useClientAsyncInit';
+import { useClientBootstrapInit } from './useClientBootstrapInit';
 import useDynamicConfig from './useDynamicConfig';
 import useExperiment from './useExperiment';
 import useFeatureGate from './useFeatureGate';
 import useGateValue from './useGateValue';
 import useLayer from './useLayer';
+import { useOnDeviceClientAsyncInit } from './useOnDeviceClientAsyncInit';
+import { useOnDeviceClientBootstrapInit } from './useOnDeviceClientBootstrapInit';
 import useParameterStore from './useParameterStore';
 import { useStatsigClient } from './useStatsigClient';
 import { useStatsigOnDeviceEvalClient } from './useStatsigOnDeviceEvalClient';
 import { useStatsigUser } from './useStatsigUser';
 export type { StatsigProviderProps };
-export { StatsigContext, StatsigProvider, useDynamicConfig, useExperiment, useFeatureGate, useGateValue, useLayer, useParameterStore, useStatsigClient, useStatsigOnDeviceEvalClient, useStatsigUser, };
+export { StatsigContext, StatsigProvider, useClientAsyncInit, useClientBootstrapInit, useDynamicConfig, useExperiment, useFeatureGate, useGateValue, useLayer, useOnDeviceClientAsyncInit, useOnDeviceClientBootstrapInit, useParameterStore, useStatsigClient, useStatsigOnDeviceEvalClient, useStatsigUser, };

package/src/index.js

@@ -1,10 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStatsigUser = exports.useStatsigOnDeviceEvalClient = exports.useStatsigClient = exports.useParameterStore = exports.useLayer = exports.useGateValue = exports.useFeatureGate = exports.useExperiment = exports.useDynamicConfig = exports.StatsigProvider = exports.StatsigContext = void 0;
+exports.useStatsigUser = exports.useStatsigOnDeviceEvalClient = exports.useStatsigClient = exports.useParameterStore = exports.useOnDeviceClientBootstrapInit = exports.useOnDeviceClientAsyncInit = exports.useLayer = exports.useGateValue = exports.useFeatureGate = exports.useExperiment = exports.useDynamicConfig = exports.useClientBootstrapInit = exports.useClientAsyncInit = exports.StatsigProvider = exports.StatsigContext = void 0;
 const StatsigContext_1 = require("./StatsigContext");
 exports.StatsigContext = StatsigContext_1.default;
 const StatsigProvider_1 = require("./StatsigProvider");
 Object.defineProperty(exports, "StatsigProvider", { enumerable: true, get: function () { return StatsigProvider_1.StatsigProvider; } });
+const useClientAsyncInit_1 = require("./useClientAsyncInit");
+Object.defineProperty(exports, "useClientAsyncInit", { enumerable: true, get: function () { return useClientAsyncInit_1.useClientAsyncInit; } });
+const useClientBootstrapInit_1 = require("./useClientBootstrapInit");
+Object.defineProperty(exports, "useClientBootstrapInit", { enumerable: true, get: function () { return useClientBootstrapInit_1.useClientBootstrapInit; } });
 const useDynamicConfig_1 = require("./useDynamicConfig");
 exports.useDynamicConfig = useDynamicConfig_1.default;
 const useExperiment_1 = require("./useExperiment");
@@ -15,6 +19,10 @@ const useGateValue_1 = require("./useGateValue");
 exports.useGateValue = useGateValue_1.default;
 const useLayer_1 = require("./useLayer");
 exports.useLayer = useLayer_1.default;
+const useOnDeviceClientAsyncInit_1 = require("./useOnDeviceClientAsyncInit");
+Object.defineProperty(exports, "useOnDeviceClientAsyncInit", { enumerable: true, get: function () { return useOnDeviceClientAsyncInit_1.useOnDeviceClientAsyncInit; } });
+const useOnDeviceClientBootstrapInit_1 = require("./useOnDeviceClientBootstrapInit");
+Object.defineProperty(exports, "useOnDeviceClientBootstrapInit", { enumerable: true, get: function () { return useOnDeviceClientBootstrapInit_1.useOnDeviceClientBootstrapInit; } });
 const useParameterStore_1 = require("./useParameterStore");
 exports.useParameterStore = useParameterStore_1.default;
 const useStatsigClient_1 = require("./useStatsigClient");
@@ -25,11 +33,16 @@ const useStatsigUser_1 = require("./useStatsigUser");
 Object.defineProperty(exports, "useStatsigUser", { enumerable: true, get: function () { return useStatsigUser_1.useStatsigUser; } });
 __STATSIG__ = Object.assign(Object.assign({}, (__STATSIG__ !== null && __STATSIG__ !== void 0 ? __STATSIG__ : {})), { StatsigContext: StatsigContext_1.default,
     StatsigProvider: StatsigProvider_1.StatsigProvider,
+    useClientAsyncInit: useClientAsyncInit_1.useClientAsyncInit,
+    useClientBootstrapInit: useClientBootstrapInit_1.useClientBootstrapInit,
     useDynamicConfig: useDynamicConfig_1.default,
     useExperiment: useExperiment_1.default,
-    useGateValue: useGateValue_1.default,
     useFeatureGate: useFeatureGate_1.default,
+    useGateValue: useGateValue_1.default,
     useLayer: useLayer_1.default,
-    useStatsigOnDeviceEvalClient: useStatsigOnDeviceEvalClient_1.useStatsigOnDeviceEvalClient,
+    useOnDeviceClientAsyncInit: useOnDeviceClientAsyncInit_1.useOnDeviceClientAsyncInit,
+    useOnDeviceClientBootstrapInit: useOnDeviceClientBootstrapInit_1.useOnDeviceClientBootstrapInit,
+    useParameterStore: useParameterStore_1.default,
     useStatsigClient: useStatsigClient_1.useStatsigClient,
-    useParameterStore: useParameterStore_1.default });
+    useStatsigOnDeviceEvalClient: useStatsigOnDeviceEvalClient_1.useStatsigOnDeviceEvalClient,
+    useStatsigUser: useStatsigUser_1.useStatsigUser });

package/src/requireOptionalDependency.d.ts

@@ -0,0 +1,3 @@
+import { AnyStatsigOptions, OnDeviceEvaluationsInterface, PrecomputedEvaluationsInterface, StatsigUser } from '@statsig/client-core';
+export declare function requireOptionalClientDependency(sdkKey: string, initialUser: StatsigUser, statsigOptions: AnyStatsigOptions | null): PrecomputedEvaluationsInterface;
+export declare function requireOptionalOnDeviceClientDependency(sdkKey: string, statsigOptions: AnyStatsigOptions | null): OnDeviceEvaluationsInterface;

package/src/requireOptionalDependency.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.requireOptionalOnDeviceClientDependency = exports.requireOptionalClientDependency = void 0;
+const client_core_1 = require("@statsig/client-core");
+const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
+function requireOptionalClientDependency(sdkKey, initialUser, statsigOptions) {
+    let client;
+    try {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-var-requires
+        const mod = require('@statsig/js-client');
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
+        client = new mod.StatsigClient(sdkKey, initialUser, statsigOptions);
+    }
+    catch (error) {
+        client = NoopEvaluationsClient_1.NoopEvaluationsClient;
+        client_core_1.Log.error('Failed to load StatsigClient. Do you have @statsig/js-client installed?');
+    }
+    return client;
+}
+exports.requireOptionalClientDependency = requireOptionalClientDependency;
+function requireOptionalOnDeviceClientDependency(sdkKey, statsigOptions) {
+    let client;
+    try {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-var-requires
+        const mod = require('@statsig/js-on-device-eval-client');
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access
+        client = new mod.StatsigOnDeviceEvalClient(sdkKey, statsigOptions);
+    }
+    catch (error) {
+        client = NoopEvaluationsClient_1.NoopEvaluationsClient;
+        client_core_1.Log.error('Failed to load StatsigClient. Do you have @statsig/js-on-device-eval-client installed?');
+    }
+    return client;
+}
+exports.requireOptionalOnDeviceClientDependency = requireOptionalOnDeviceClientDependency;

package/src/useClientAsyncInit.d.ts

@@ -0,0 +1,5 @@
+import { AnyStatsigOptions, PrecomputedEvaluationsInterface, StatsigUser } from '@statsig/client-core';
+export declare function useClientAsyncInit(sdkKey: string, initialUser: StatsigUser, statsigOptions?: AnyStatsigOptions | null): {
+    isLoading: boolean;
+    client: PrecomputedEvaluationsInterface;
+};

package/src/useClientAsyncInit.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClientAsyncInit = void 0;
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const requireOptionalDependency_1 = require("./requireOptionalDependency");
+function useClientAsyncInit(sdkKey, initialUser, statsigOptions = null) {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [args] = (0, react_1.useState)(() => {
+        const client = (0, requireOptionalDependency_1.requireOptionalClientDependency)(sdkKey, initialUser, statsigOptions);
+        client
+            .initializeAsync()
+            .catch(client_core_1.Log.error)
+            .finally(() => setIsLoading(false));
+        return { client, initialUser, sdkKey };
+    });
+    return { client: args.client, isLoading };
+}
+exports.useClientAsyncInit = useClientAsyncInit;

package/src/useClientBootstrapInit.d.ts

@@ -0,0 +1,4 @@
+import { AnyStatsigOptions, PrecomputedEvaluationsInterface, StatsigUser } from '@statsig/client-core';
+export declare function useClientBootstrapInit(sdkKey: string, initialUser: StatsigUser, initialValues: string, statsigOptions?: AnyStatsigOptions | null): {
+    client: PrecomputedEvaluationsInterface;
+};

package/src/useClientBootstrapInit.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClientBootstrapInit = void 0;
+const react_1 = require("react");
+const requireOptionalDependency_1 = require("./requireOptionalDependency");
+function useClientBootstrapInit(sdkKey, initialUser, initialValues, statsigOptions = null) {
+    const [args] = (0, react_1.useState)(() => {
+        const client = (0, requireOptionalDependency_1.requireOptionalClientDependency)(sdkKey, initialUser, statsigOptions);
+        client.dataAdapter.setData(initialValues);
+        client.initializeSync();
+        return { client, initialValues, initialUser, sdkKey };
+    });
+    return { client: args.client };
+}
+exports.useClientBootstrapInit = useClientBootstrapInit;

package/src/useOnDeviceClientAsyncInit.d.ts

@@ -0,0 +1,5 @@
+import { AnyStatsigOptions, OnDeviceEvaluationsInterface } from '@statsig/client-core';
+export declare function useOnDeviceClientAsyncInit(sdkKey: string, statsigOptions?: AnyStatsigOptions | null): {
+    isLoading: boolean;
+    client: OnDeviceEvaluationsInterface;
+};

package/src/useOnDeviceClientAsyncInit.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnDeviceClientAsyncInit = void 0;
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const requireOptionalDependency_1 = require("./requireOptionalDependency");
+function useOnDeviceClientAsyncInit(sdkKey, statsigOptions = null) {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const [args] = (0, react_1.useState)(() => {
+        const client = (0, requireOptionalDependency_1.requireOptionalOnDeviceClientDependency)(sdkKey, statsigOptions);
+        client
+            .initializeAsync()
+            .catch(client_core_1.Log.error)
+            .finally(() => setIsLoading(false));
+        return { client, sdkKey };
+    });
+    return { client: args.client, isLoading };
+}
+exports.useOnDeviceClientAsyncInit = useOnDeviceClientAsyncInit;

package/src/useOnDeviceClientBootstrapInit.d.ts

@@ -0,0 +1,4 @@
+import { AnyStatsigOptions, OnDeviceEvaluationsInterface } from '@statsig/client-core';
+export declare function useOnDeviceClientBootstrapInit(sdkKey: string, initialValues: string, statsigOptions?: AnyStatsigOptions | null): {
+    client: OnDeviceEvaluationsInterface;
+};

package/src/useOnDeviceClientBootstrapInit.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnDeviceClientBootstrapInit = void 0;
+const react_1 = require("react");
+const requireOptionalDependency_1 = require("./requireOptionalDependency");
+function useOnDeviceClientBootstrapInit(sdkKey, initialValues, statsigOptions = null) {
+    const [args] = (0, react_1.useState)(() => {
+        const client = (0, requireOptionalDependency_1.requireOptionalOnDeviceClientDependency)(sdkKey, statsigOptions);
+        client.dataAdapter.setData(initialValues);
+        client.initializeSync();
+        return { client, initialValues, sdkKey };
+    });
+    return { client: args.client };
+}
+exports.useOnDeviceClientBootstrapInit = useOnDeviceClientBootstrapInit;