@statsig/react-bindings 3.1.0 → 3.2.0-beta.1

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@statsig/react-bindings",
-  "version": "3.1.0",
+  "version": "3.2.0-beta.1",
   "dependencies": {
-    "@statsig/client-core": "3.1.0",
-    "@statsig/js-client": "3.1.0"
+    "@statsig/client-core": "3.2.0-beta.1",
+    "@statsig/js-client": "3.2.0-beta.1"
   },
   "peerDependencies": {
     "react": "^16.6.3 || ^17.0.0 || ^18.0.0"

package/src/index.d.ts

@@ -9,7 +9,9 @@ import useGateValue from './useGateValue';
 import useLayer from './useLayer';
 import useParameterStore from './useParameterStore';
 import { useStatsigClient } from './useStatsigClient';
+import { useStatsigInternalClientFactoryAsync } from './useStatsigInternalClientFactoryAsync';
+import { useStatsigInternalClientFactoryBootstrap } from './useStatsigInternalClientFactoryBootstrap';
 import { useStatsigUser } from './useStatsigUser';
 export type { StatsigProviderProps };
 export * from '@statsig/js-client';
-export { StatsigContext, StatsigProvider, useClientAsyncInit, useClientBootstrapInit, useDynamicConfig, useExperiment, useFeatureGate, useGateValue, useLayer, useParameterStore, useStatsigClient, useStatsigUser, };
+export { StatsigContext, StatsigProvider, useClientAsyncInit, useClientBootstrapInit, useDynamicConfig, useExperiment, useFeatureGate, useGateValue, useLayer, useParameterStore, useStatsigClient, useStatsigInternalClientFactoryAsync, useStatsigInternalClientFactoryBootstrap, useStatsigUser, };

package/src/index.js

@@ -14,7 +14,7 @@ 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.useStatsigUser = exports.useStatsigClient = exports.useParameterStore = exports.useLayer = exports.useGateValue = exports.useFeatureGate = exports.useExperiment = exports.useDynamicConfig = exports.useClientBootstrapInit = exports.useClientAsyncInit = exports.StatsigProvider = exports.StatsigContext = void 0;
+exports.useStatsigUser = exports.useStatsigInternalClientFactoryBootstrap = exports.useStatsigInternalClientFactoryAsync = exports.useStatsigClient = exports.useParameterStore = 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");
@@ -37,6 +37,10 @@ const useParameterStore_1 = require("./useParameterStore");
 exports.useParameterStore = useParameterStore_1.default;
 const useStatsigClient_1 = require("./useStatsigClient");
 Object.defineProperty(exports, "useStatsigClient", { enumerable: true, get: function () { return useStatsigClient_1.useStatsigClient; } });
+const useStatsigInternalClientFactoryAsync_1 = require("./useStatsigInternalClientFactoryAsync");
+Object.defineProperty(exports, "useStatsigInternalClientFactoryAsync", { enumerable: true, get: function () { return useStatsigInternalClientFactoryAsync_1.useStatsigInternalClientFactoryAsync; } });
+const useStatsigInternalClientFactoryBootstrap_1 = require("./useStatsigInternalClientFactoryBootstrap");
+Object.defineProperty(exports, "useStatsigInternalClientFactoryBootstrap", { enumerable: true, get: function () { return useStatsigInternalClientFactoryBootstrap_1.useStatsigInternalClientFactoryBootstrap; } });
 const useStatsigUser_1 = require("./useStatsigUser");
 Object.defineProperty(exports, "useStatsigUser", { enumerable: true, get: function () { return useStatsigUser_1.useStatsigUser; } });
 __exportStar(require("@statsig/js-client"), exports);
@@ -51,4 +55,6 @@ __STATSIG__ = Object.assign(Object.assign({}, (__STATSIG__ !== null && __STATSIG
     useLayer: useLayer_1.default,
     useParameterStore: useParameterStore_1.default,
     useStatsigClient: useStatsigClient_1.useStatsigClient,
+    useStatsigInternalClientFactoryAsync: useStatsigInternalClientFactoryAsync_1.useStatsigInternalClientFactoryAsync,
+    useStatsigInternalClientFactoryBootstrap: useStatsigInternalClientFactoryBootstrap_1.useStatsigInternalClientFactoryBootstrap,
     useStatsigUser: useStatsigUser_1.useStatsigUser });

package/src/useClientAsyncInit.js

@@ -1,19 +1,13 @@
 "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 js_client_1 = require("@statsig/js-client");
+const useStatsigInternalClientFactoryAsync_1 = require("./useStatsigInternalClientFactoryAsync");
 function useClientAsyncInit(sdkKey, initialUser, statsigOptions = null) {
-    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [args] = (0, react_1.useState)(() => {
-        const client = new js_client_1.StatsigClient(sdkKey, initialUser, statsigOptions);
-        client
-            .initializeAsync()
-            .catch(client_core_1.Log.error)
-            .finally(() => setIsLoading(false));
-        return { client, initialUser, sdkKey };
+    return (0, useStatsigInternalClientFactoryAsync_1.useStatsigInternalClientFactoryAsync)((args) => new js_client_1.StatsigClient(args.sdkKey, args.initialUser, args.statsigOptions), {
+        sdkKey,
+        initialUser,
+        statsigOptions,
     });
-    return { client: args.client, isLoading };
 }
 exports.useClientAsyncInit = useClientAsyncInit;

package/src/useClientBootstrapInit.js

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

package/src/useStatsigInternalClientFactoryAsync.d.ts

@@ -0,0 +1,12 @@
+import { StatsigUser } from '@statsig/client-core';
+import { StatsigClient, StatsigOptions } from '@statsig/js-client';
+type FactoryArgs = {
+    sdkKey: string;
+    initialUser: StatsigUser;
+    statsigOptions: StatsigOptions | null;
+};
+export declare function useStatsigInternalClientFactoryAsync<T extends StatsigClient>(factory: (args: FactoryArgs) => T, args: FactoryArgs): {
+    isLoading: boolean;
+    client: StatsigClient;
+};
+export {};

package/src/useStatsigInternalClientFactoryAsync.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStatsigInternalClientFactoryAsync = void 0;
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+function useStatsigInternalClientFactoryAsync(factory, args) {
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
+    const clientRef = (0, react_1.useRef)(null);
+    const client = (0, react_1.useMemo)(() => {
+        if (clientRef.current) {
+            return clientRef.current;
+        }
+        const inst = factory(args);
+        clientRef.current = inst;
+        inst
+            .initializeAsync()
+            .catch(client_core_1.Log.error)
+            .finally(() => setIsLoading(false));
+        return inst;
+    }, []);
+    return { client, isLoading };
+}
+exports.useStatsigInternalClientFactoryAsync = useStatsigInternalClientFactoryAsync;

package/src/useStatsigInternalClientFactoryBootstrap.d.ts

@@ -0,0 +1,10 @@
+import { StatsigUser } from '@statsig/client-core';
+import { StatsigClient, StatsigOptions } from '@statsig/js-client';
+type FactoryArgs = {
+    sdkKey: string;
+    initialUser: StatsigUser;
+    initialValues: string;
+    statsigOptions: StatsigOptions | null;
+};
+export declare function useStatsigInternalClientFactoryBootstrap<T extends StatsigClient>(factory: (args: FactoryArgs) => T, args: FactoryArgs): T;
+export {};

package/src/useStatsigInternalClientFactoryBootstrap.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStatsigInternalClientFactoryBootstrap = void 0;
+const react_1 = require("react");
+function useStatsigInternalClientFactoryBootstrap(factory, args) {
+    const clientRef = (0, react_1.useRef)(null);
+    return (0, react_1.useMemo)(() => {
+        if (clientRef.current) {
+            return clientRef.current;
+        }
+        const inst = factory(args);
+        clientRef.current = inst;
+        inst.dataAdapter.setData(args.initialValues);
+        inst.initializeSync();
+        return inst;
+    }, []);
+}
+exports.useStatsigInternalClientFactoryBootstrap = useStatsigInternalClientFactoryBootstrap;