@splitlab/react 0.4.0 → 0.6.0

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";var u=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var r in t)u(e,r,{get:t[r],enumerable:!0})},S=(e,t,r,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of p(t))!f.call(e,n)&&n!==r&&u(e,n,{get:()=>t[n],enumerable:!(l=c(t,n))||l.enumerable});return e};var d=e=>S(u({},"__esModule",{value:!0}),e);var x={};b(x,{SplitLabProvider:()=>L,useFeatureFlag:()=>C,useSplitLab:()=>g,useVariant:()=>m});module.exports=d(x);var i=require("react"),s=require("@splitlab/js-client"),o=(0,i.createContext)(null);function L({config:e,children:t}){let[r,l]=(0,i.useState)(null),n=(0,i.useRef)(e);return(0,i.useEffect)(()=>{let a=new s.SplitLabClient(n.current);return a.initialize().then(()=>l(a)),()=>{a.destroy()}},[]),(0,i.createElement)(o.Provider,{value:r},t)}function g(){let e=(0,i.useContext)(o);if(!e)throw new Error("useSplitLab must be used within a <SplitLabProvider>. Make sure the provider has finished initializing.");return e}function m(e){let t=(0,i.useContext)(o);return t?t.getVariant(e):null}function C(e){let t=(0,i.useContext)(o);return t?t.isFeatureEnabled(e):!1}0&&(module.exports={SplitLabProvider,useFeatureFlag,useSplitLab,useVariant});
+"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var u=Object.getOwnPropertyNames;var f=Object.prototype.hasOwnProperty;var b=(e,t)=>{for(var o in t)p(e,o,{get:t[o],enumerable:!0})},d=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of u(t))!f.call(e,i)&&i!==o&&p(e,i,{get:()=>t[i],enumerable:!(n=c(t,i))||n.enumerable});return e};var S=e=>d(p({},"__esModule",{value:!0}),e);var x={};b(x,{SplitLabBootstrapProvider:()=>m,SplitLabProvider:()=>L,useFeatureFlag:()=>v,useSplitLab:()=>P,useVariant:()=>g});module.exports=S(x);var r=require("react"),s=require("@splitlab/js-client"),a=(0,r.createContext)(null);function L({config:e,children:t}){let[o,n]=(0,r.useState)(null),i=(0,r.useRef)(e);return(0,r.useEffect)(()=>{let l=new s.SplitLabClient(i.current);return l.initialize().then(()=>n(l)),()=>{l.destroy()}},[]),(0,r.createElement)(a.Provider,{value:o},t)}function m({config:e,bootstrap:t,children:o}){let n=(0,r.useMemo)(()=>{let i=new s.SplitLabClient({...e,bootstrap:t});return i.hydrateFromBootstrap(t),i},[]);return(0,r.useEffect)(()=>(n.initialize(),()=>{n.destroy()}),[n]),(0,r.createElement)(a.Provider,{value:n},o)}function P(){let e=(0,r.useContext)(a);if(!e)throw new Error("useSplitLab must be used within a <SplitLabProvider>. Make sure the provider has finished initializing.");return e}function g(e){let t=(0,r.useContext)(a);return t?t.getVariant(e):null}function v(e){let t=(0,r.useContext)(a);return t?t.isFeatureEnabled(e):!1}0&&(module.exports={SplitLabBootstrapProvider,SplitLabProvider,useFeatureFlag,useSplitLab,useVariant});

package/dist/index.d.cts

@@ -1,14 +1,21 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { SplitLabConfig, SplitLabClient } from '@splitlab/js-client';
+import { SplitLabConfig, BootstrapData, SplitLabClient } from '@splitlab/js-client';
+export { BootstrapData } from '@splitlab/js-client';
 
 interface SplitLabProviderProps {
     config: SplitLabConfig;
     children: ReactNode;
 }
 declare function SplitLabProvider({ config, children }: SplitLabProviderProps): react.FunctionComponentElement<react.ProviderProps<SplitLabClient | null>>;
+interface SplitLabBootstrapProviderProps {
+    config: SplitLabConfig;
+    bootstrap: BootstrapData;
+    children: ReactNode;
+}
+declare function SplitLabBootstrapProvider({ config, bootstrap, children }: SplitLabBootstrapProviderProps): react.FunctionComponentElement<react.ProviderProps<SplitLabClient | null>>;
 declare function useSplitLab(): SplitLabClient;
 declare function useVariant(experimentKey: string): string | null;
 declare function useFeatureFlag(flagKey: string): boolean;
 
-export { SplitLabProvider, type SplitLabProviderProps, useFeatureFlag, useSplitLab, useVariant };
+export { SplitLabBootstrapProvider, type SplitLabBootstrapProviderProps, SplitLabProvider, type SplitLabProviderProps, useFeatureFlag, useSplitLab, useVariant };

package/dist/index.d.ts

@@ -1,14 +1,21 @@
 import * as react from 'react';
 import { ReactNode } from 'react';
-import { SplitLabConfig, SplitLabClient } from '@splitlab/js-client';
+import { SplitLabConfig, BootstrapData, SplitLabClient } from '@splitlab/js-client';
+export { BootstrapData } from '@splitlab/js-client';
 
 interface SplitLabProviderProps {
     config: SplitLabConfig;
     children: ReactNode;
 }
 declare function SplitLabProvider({ config, children }: SplitLabProviderProps): react.FunctionComponentElement<react.ProviderProps<SplitLabClient | null>>;
+interface SplitLabBootstrapProviderProps {
+    config: SplitLabConfig;
+    bootstrap: BootstrapData;
+    children: ReactNode;
+}
+declare function SplitLabBootstrapProvider({ config, bootstrap, children }: SplitLabBootstrapProviderProps): react.FunctionComponentElement<react.ProviderProps<SplitLabClient | null>>;
 declare function useSplitLab(): SplitLabClient;
 declare function useVariant(experimentKey: string): string | null;
 declare function useFeatureFlag(flagKey: string): boolean;
 
-export { SplitLabProvider, type SplitLabProviderProps, useFeatureFlag, useSplitLab, useVariant };
+export { SplitLabBootstrapProvider, type SplitLabBootstrapProviderProps, SplitLabProvider, type SplitLabProviderProps, useFeatureFlag, useSplitLab, useVariant };

package/dist/index.js

@@ -1 +1 @@
-import{createElement as u,createContext as s,useContext as r,useEffect as c,useState as p,useRef as f}from"react";import{SplitLabClient as b}from"@splitlab/js-client";var i=s(null);function L({config:t,children:e}){let[l,o]=p(null),a=f(t);return c(()=>{let n=new b(a.current);return n.initialize().then(()=>o(n)),()=>{n.destroy()}},[]),u(i.Provider,{value:l},e)}function g(){let t=r(i);if(!t)throw new Error("useSplitLab must be used within a <SplitLabProvider>. Make sure the provider has finished initializing.");return t}function m(t){let e=r(i);return e?e.getVariant(t):null}function C(t){let e=r(i);return e?e.isFeatureEnabled(t):!1}export{L as SplitLabProvider,C as useFeatureFlag,g as useSplitLab,m as useVariant};
+import{createElement as p,createContext as u,useContext as l,useEffect as s,useState as f,useRef as b,useMemo as d}from"react";import{SplitLabClient as c}from"@splitlab/js-client";var i=u(null);function m({config:t,children:e}){let[o,r]=f(null),n=b(t);return s(()=>{let a=new c(n.current);return a.initialize().then(()=>r(a)),()=>{a.destroy()}},[]),p(i.Provider,{value:o},e)}function P({config:t,bootstrap:e,children:o}){let r=d(()=>{let n=new c({...t,bootstrap:e});return n.hydrateFromBootstrap(e),n},[]);return s(()=>(r.initialize(),()=>{r.destroy()}),[r]),p(i.Provider,{value:r},o)}function g(){let t=l(i);if(!t)throw new Error("useSplitLab must be used within a <SplitLabProvider>. Make sure the provider has finished initializing.");return t}function v(t){let e=l(i);return e?e.getVariant(t):null}function x(t){let e=l(i);return e?e.isFeatureEnabled(t):!1}export{P as SplitLabBootstrapProvider,m as SplitLabProvider,x as useFeatureFlag,g as useSplitLab,v as useVariant};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splitlab/react",
-  "version": "0.4.0",
+  "version": "0.6.0",
   "description": "React bindings for SplitLab A/B testing and feature flags",
   "license": "MIT",
   "publishConfig": {
@@ -30,7 +30,7 @@
     "dev": "tsup --watch"
   },
   "dependencies": {
-    "@splitlab/js-client": "^0.4.0"
+    "@splitlab/js-client": "^0.6.0"
   },
   "peerDependencies": {
     "react": ">=18"