@hyphen/react-sdk 0.5.0 → 1.0.1

package/dist/index.js

@@ -1,14 +1,24 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
 // src/index.ts
 import { Toggle as Toggle2 } from "@hyphen/browser-sdk";
 
 // src/toggle-provider.tsx
-import { createContext, useMemo, useEffect } from "react";
+import {
+  createContext,
+  useMemo,
+  useEffect
+} from "react";
 import { Toggle } from "@hyphen/browser-sdk";
-var ToggleContext = /* @__PURE__ */ createContext(null);
-function ToggleProvider({ children, publicApiKey, applicationId, environment, defaultContext, horizonUrls, defaultTargetKey }) {
+import { jsx } from "react/jsx-runtime";
+var ToggleContext = createContext(null);
+function ToggleProvider({
+  children,
+  publicApiKey,
+  applicationId,
+  environment,
+  defaultContext,
+  horizonUrls,
+  defaultTargetKey
+}) {
   const toggle = useMemo(() => {
     return new Toggle({
       publicApiKey,
@@ -29,38 +39,34 @@ function ToggleProvider({ children, publicApiKey, applicationId, environment, de
   useEffect(() => {
     return () => {
     };
-  }, [
-    toggle
-  ]);
-  return /* @__PURE__ */ React.createElement(ToggleContext.Provider, {
-    value: toggle
-  }, children);
+  }, [toggle]);
+  return /* @__PURE__ */ jsx(ToggleContext.Provider, { value: toggle, children });
 }
-__name(ToggleProvider, "ToggleProvider");
 
 // src/use-toggle.tsx
 import { useContext } from "react";
 function useToggle() {
   const toggle = useContext(ToggleContext);
   if (!toggle) {
-    throw new Error("useToggle must be used within a ToggleProvider. Wrap your component tree with <ToggleProvider> or use withToggleProvider().");
+    throw new Error(
+      "useToggle must be used within a ToggleProvider. Wrap your component tree with <ToggleProvider> or use withToggleProvider()."
+    );
   }
   return toggle;
 }
-__name(useToggle, "useToggle");
 
 // src/with-toggle-provider.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
 function withToggleProvider(options) {
   return function(Component) {
-    const WrappedComponent = /* @__PURE__ */ __name((props) => {
-      return /* @__PURE__ */ React.createElement(ToggleProvider, options, /* @__PURE__ */ React.createElement(Component, props));
-    }, "WrappedComponent");
+    const WrappedComponent = (props) => {
+      return /* @__PURE__ */ jsx2(ToggleProvider, { ...options, children: /* @__PURE__ */ jsx2(Component, { ...props }) });
+    };
     const componentName = Component.displayName || Component.name || "Component";
     WrappedComponent.displayName = `withToggleProvider(${componentName})`;
     return WrappedComponent;
   };
 }
-__name(withToggleProvider, "withToggleProvider");
 export {
   Toggle2 as Toggle,
   ToggleContext,

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "@hyphen/react-sdk",
-  "version": "0.5.0",
+  "version": "1.0.1",
   "description": "Hyphen SDK for React",
   "type": "module",
-  "main": "dist/index.cjs",
   "module": "dist/index.js",
   "exports": {
     ".": {
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "types": "./dist/index.d.ts"
     }
   },
   "types": "dist/index.d.ts",
@@ -23,39 +22,39 @@
   "author": "Team Hyphen <hello@hyphen.ai>",
   "license": "MIT",
   "devDependencies": {
-    "@biomejs/biome": "^2.3.5",
-    "@faker-js/faker": "^10.1.0",
-    "@swc/core": "^1.15.2",
-    "@testing-library/react": "^16.0.1",
-    "@types/node": "^24.10.1",
-    "@types/react": "^18.3.18",
-    "@vitest/coverage-v8": "^4.0.9",
-    "dotenv": "^17.2.3",
-    "jsdom": "^25.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rimraf": "^6.1.0",
-    "tsd": "^0.33.0",
-    "tsup": "^8.5.1",
-    "typescript": "^5.9.3",
-    "vitest": "^4.0.9"
+    "@biomejs/biome": "2.3.8",
+    "@faker-js/faker": "10.1.0",
+    "@swc/core": "1.15.3",
+    "@testing-library/react": "16.3.0",
+    "@types/node": "24.10.1",
+    "@types/react": "19.2.7",
+    "@vitest/coverage-v8": "4.0.15",
+    "dotenv": "17.2.3",
+    "happy-dom": "20.0.11",
+    "react": "19.2.1",
+    "react-dom": "19.2.1",
+    "rimraf": "6.1.2",
+    "tsd": "0.33.0",
+    "tsup": "8.5.1",
+    "typescript": "5.9.3",
+    "vitest": "4.0.15"
   },
   "files": [
     "dist",
     "LICENSE"
   ],
   "dependencies": {
-    "@hyphen/browser-sdk": "^1.0.3",
-    "hookified": "^1.13.0"
+    "@hyphen/browser-sdk": "1.0.3",
+    "hookified": "1.13.0"
   },
   "peerDependencies": {
-    "react": "^18.0.0"
+    "react": "^18.0.0 || ^19.0.0"
   },
   "scripts": {
     "lint": "biome check --write --error-on-warnings",
     "test": "pnpm lint && vitest run --coverage",
     "test:ci": "biome check --error-on-warnings && vitest run --coverage",
-    "build": "rimraf ./dist && tsup src/index.ts --format cjs,esm --dts",
+    "build": "rimraf ./dist && tsup src/index.ts --format esm --dts",
     "clean": "rimraf ./dist pnpm-lock.yaml node_modules coverage"
   }
 }

package/dist/index.cjs

@@ -1,98 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Toggle: () => import_browser_sdk2.Toggle,
-  ToggleContext: () => ToggleContext,
-  ToggleProvider: () => ToggleProvider,
-  useToggle: () => useToggle,
-  withToggleProvider: () => withToggleProvider
-});
-module.exports = __toCommonJS(index_exports);
-var import_browser_sdk2 = require("@hyphen/browser-sdk");
-
-// src/toggle-provider.tsx
-var import_react = require("react");
-var import_browser_sdk = require("@hyphen/browser-sdk");
-var ToggleContext = /* @__PURE__ */ (0, import_react.createContext)(null);
-function ToggleProvider({ children, publicApiKey, applicationId, environment, defaultContext, horizonUrls, defaultTargetKey }) {
-  const toggle = (0, import_react.useMemo)(() => {
-    return new import_browser_sdk.Toggle({
-      publicApiKey,
-      applicationId,
-      environment,
-      defaultContext,
-      horizonUrls,
-      defaultTargetKey
-    });
-  }, [
-    publicApiKey,
-    applicationId,
-    environment,
-    defaultContext,
-    horizonUrls,
-    defaultTargetKey
-  ]);
-  (0, import_react.useEffect)(() => {
-    return () => {
-    };
-  }, [
-    toggle
-  ]);
-  return /* @__PURE__ */ React.createElement(ToggleContext.Provider, {
-    value: toggle
-  }, children);
-}
-__name(ToggleProvider, "ToggleProvider");
-
-// src/use-toggle.tsx
-var import_react2 = require("react");
-function useToggle() {
-  const toggle = (0, import_react2.useContext)(ToggleContext);
-  if (!toggle) {
-    throw new Error("useToggle must be used within a ToggleProvider. Wrap your component tree with <ToggleProvider> or use withToggleProvider().");
-  }
-  return toggle;
-}
-__name(useToggle, "useToggle");
-
-// src/with-toggle-provider.tsx
-function withToggleProvider(options) {
-  return function(Component) {
-    const WrappedComponent = /* @__PURE__ */ __name((props) => {
-      return /* @__PURE__ */ React.createElement(ToggleProvider, options, /* @__PURE__ */ React.createElement(Component, props));
-    }, "WrappedComponent");
-    const componentName = Component.displayName || Component.name || "Component";
-    WrappedComponent.displayName = `withToggleProvider(${componentName})`;
-    return WrappedComponent;
-  };
-}
-__name(withToggleProvider, "withToggleProvider");
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Toggle,
-  ToggleContext,
-  ToggleProvider,
-  useToggle,
-  withToggleProvider
-});
-/* v8 ignore next -- @preserve */

package/dist/index.d.cts

@@ -1,71 +0,0 @@
-import { ToggleOptions, Toggle } from '@hyphen/browser-sdk';
-export { Toggle, ToggleOptions } from '@hyphen/browser-sdk';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, Context, ComponentType } from 'react';
-
-/**
- * Props for the ToggleProvider component
- * Extends ToggleOptions from @hyphen/browser-sdk
- */
-interface ToggleProviderProps extends ToggleOptions {
-    /**
-     * React children to be wrapped by the provider
-     */
-    children: ReactNode;
-}
-
-/**
- * React Context for the Toggle instance
- */
-declare const ToggleContext: Context<Toggle | null>;
-/**
- * Provider component that creates and provides a Toggle instance to the React tree
- *
- * @example
- * ```tsx
- * <ToggleProvider publicApiKey="public_..." applicationId="my-app">
- *   <App />
- * </ToggleProvider>
- * ```
- */
-declare function ToggleProvider({ children, publicApiKey, applicationId, environment, defaultContext, horizonUrls, defaultTargetKey, }: ToggleProviderProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Hook to access the Toggle instance from the ToggleProvider
- *
- * @throws {Error} If used outside of a ToggleProvider
- * @returns {Toggle} The Toggle instance from the provider
- *
- * @example
- * ```tsx
- * function MyComponent() {
- *   const toggle = useToggle();
- *   const isEnabled = toggle.getBoolean('my-feature', false);
- *
- *   return <div>{isEnabled ? 'Feature enabled' : 'Feature disabled'}</div>;
- * }
- * ```
- */
-declare function useToggle(): Toggle;
-
-/**
- * Higher-order component that wraps a component with ToggleProvider
- *
- * @param options - Configuration options for the Toggle instance
- * @returns A function that wraps a component with ToggleProvider
- *
- * @example
- * ```tsx
- * export default withToggleProvider({
- *   publicApiKey: "public_...",
- *   applicationId: "my-app",
- *   environment: "production",
- *   defaultContext: {
- *     user: { id: "user-123" }
- *   }
- * })(App);
- * ```
- */
-declare function withToggleProvider(options: ToggleOptions): <P extends object>(Component: ComponentType<P>) => ComponentType<P>;
-
-export { ToggleContext, ToggleProvider, type ToggleProviderProps, useToggle, withToggleProvider };