@splitlab/react 0.1.0

package/dist/index.cjs

@@ -0,0 +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});

package/dist/index.d.cts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { SplitLabConfig, SplitLabClient } from '@splitlab/js-client';
+
+interface SplitLabProviderProps {
+    config: SplitLabConfig;
+    children: ReactNode;
+}
+declare function SplitLabProvider({ config, children }: SplitLabProviderProps): 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 };

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { SplitLabConfig, SplitLabClient } from '@splitlab/js-client';
+
+interface SplitLabProviderProps {
+    config: SplitLabConfig;
+    children: ReactNode;
+}
+declare function SplitLabProvider({ config, children }: SplitLabProviderProps): 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 };

package/dist/index.js

@@ -0,0 +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};

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "@splitlab/react",
+  "version": "0.1.0",
+  "description": "React bindings for SplitLab A/B testing and feature flags",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.mts",
+        "default": "./dist/index.mjs"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "dependencies": {
+    "@splitlab/js-client": "^0.1.0"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.13",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0"
+  }
+}