@ttoss/react-feature-flags 0.4.12 → 0.4.14

package/dist/index.cjs

@@ -0,0 +1,105 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+Object.defineProperty(exports, Symbol.toStringTag, {
+  value: 'Module'
+});
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+      key = keys[i];
+      if (!__hasOwnProp.call(to, key) && key !== except) {
+        __defProp(to, key, {
+          get: (k => from[k]).bind(null, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+        });
+      }
+    }
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+
+//#endregion
+let react = require("react");
+let react$1 = __toESM(react, 1);
+react = __toESM(react);
+let react_error_boundary = require("react-error-boundary");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/FeatureFlagsProvider.tsx
+const FeatureFlagsContext = react.createContext({
+  features: [],
+  setFeatures: () => {}
+});
+const FeatureFlagsProvider = ({
+  children,
+  loadFeatures
+}) => {
+  const [features, setFeatures] = react.useState([]);
+  react.useEffect(() => {
+    loadFeatures?.().then(features => {
+      return setFeatures(features);
+    });
+  }, [loadFeatures]);
+  return /* @__PURE__ */(0, react_jsx_runtime.jsx)(FeatureFlagsContext.Provider, {
+    value: {
+      features,
+      setFeatures
+    },
+    children
+  });
+};
+
+//#endregion
+//#region src/useFeatureFlag.ts
+const useFeatureFlag = name => {
+  const {
+    features
+  } = react$1.useContext(FeatureFlagsContext);
+  return features.includes(name);
+};
+
+//#endregion
+//#region src/FeatureFlag.tsx
+const FeatureFlag = ({
+  name,
+  children,
+  fallback = null,
+  errorFallback = null
+}) => {
+  if (!useFeatureFlag(name)) return fallback;
+  return /* @__PURE__ */(0, react_jsx_runtime.jsx)(react_error_boundary.ErrorBoundary, {
+    fallback: errorFallback,
+    children
+  });
+};
+
+//#endregion
+//#region src/useUpdateFeatures.ts
+/**
+* If you want to update the feature flags on React environment
+* (after the initial render and providers), you can use this hook.
+*/
+const useUpdateFeatures = () => {
+  const {
+    setFeatures
+  } = react$1.useContext(FeatureFlagsContext);
+  return {
+    updateFeatures: setFeatures
+  };
+};
+
+//#endregion
+exports.FeatureFlag = FeatureFlag;
+exports.FeatureFlagsProvider = FeatureFlagsProvider;
+exports.useFeatureFlag = useFeatureFlag;
+exports.useUpdateFeatures = useUpdateFeatures;

package/dist/index.d.cts

@@ -0,0 +1,39 @@
+
+import * as React from "react";
+
+//#region src/FeatureFlag.d.ts
+interface FeatureFlagProps {
+  name: FeatureFlags;
+  children: React.ReactNode;
+  fallback?: React.ReactNode;
+  errorFallback?: React.ReactNode;
+}
+declare const FeatureFlag: ({
+  name,
+  children,
+  fallback,
+  errorFallback
+}: FeatureFlagProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//#region src/FeatureFlagsProvider.d.ts
+declare const FeatureFlagsProvider: ({
+  children,
+  loadFeatures
+}: {
+  children: React.ReactNode;
+  loadFeatures?: () => Promise<FeatureFlags[]>;
+}) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/useFeatureFlag.d.ts
+declare const useFeatureFlag: (name: FeatureFlags) => boolean;
+//#endregion
+//#region src/useUpdateFeatures.d.ts
+/**
+ * If you want to update the feature flags on React environment
+ * (after the initial render and providers), you can use this hook.
+ */
+declare const useUpdateFeatures: () => {
+  updateFeatures: (features: FeatureFlags[]) => void;
+};
+//#endregion
+export { FeatureFlag, FeatureFlagsProvider, useFeatureFlag, useUpdateFeatures };

package/dist/index.d.mts

@@ -0,0 +1,39 @@
+
+import * as React from "react";
+
+//#region src/FeatureFlag.d.ts
+interface FeatureFlagProps {
+  name: FeatureFlags;
+  children: React.ReactNode;
+  fallback?: React.ReactNode;
+  errorFallback?: React.ReactNode;
+}
+declare const FeatureFlag: ({
+  name,
+  children,
+  fallback,
+  errorFallback
+}: FeatureFlagProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null;
+//#endregion
+//#region src/FeatureFlagsProvider.d.ts
+declare const FeatureFlagsProvider: ({
+  children,
+  loadFeatures
+}: {
+  children: React.ReactNode;
+  loadFeatures?: () => Promise<FeatureFlags[]>;
+}) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/useFeatureFlag.d.ts
+declare const useFeatureFlag: (name: FeatureFlags) => boolean;
+//#endregion
+//#region src/useUpdateFeatures.d.ts
+/**
+ * If you want to update the feature flags on React environment
+ * (after the initial render and providers), you can use this hook.
+ */
+declare const useUpdateFeatures: () => {
+  updateFeatures: (features: FeatureFlags[]) => void;
+};
+//#endregion
+export { FeatureFlag, FeatureFlagsProvider, useFeatureFlag, useUpdateFeatures };

package/dist/index.mjs

@@ -0,0 +1,70 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+import * as React from "react";
+import { ErrorBoundary } from "react-error-boundary";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/FeatureFlagsProvider.tsx
+const FeatureFlagsContext = React.createContext({
+  features: [],
+  setFeatures: () => {}
+});
+const FeatureFlagsProvider = ({
+  children,
+  loadFeatures
+}) => {
+  const [features, setFeatures] = React.useState([]);
+  React.useEffect(() => {
+    loadFeatures?.().then(features => {
+      return setFeatures(features);
+    });
+  }, [loadFeatures]);
+  return /* @__PURE__ */jsx(FeatureFlagsContext.Provider, {
+    value: {
+      features,
+      setFeatures
+    },
+    children
+  });
+};
+
+//#endregion
+//#region src/useFeatureFlag.ts
+const useFeatureFlag = name => {
+  const {
+    features
+  } = React.useContext(FeatureFlagsContext);
+  return features.includes(name);
+};
+
+//#endregion
+//#region src/FeatureFlag.tsx
+const FeatureFlag = ({
+  name,
+  children,
+  fallback = null,
+  errorFallback = null
+}) => {
+  if (!useFeatureFlag(name)) return fallback;
+  return /* @__PURE__ */jsx(ErrorBoundary, {
+    fallback: errorFallback,
+    children
+  });
+};
+
+//#endregion
+//#region src/useUpdateFeatures.ts
+/**
+* If you want to update the feature flags on React environment
+* (after the initial render and providers), you can use this hook.
+*/
+const useUpdateFeatures = () => {
+  const {
+    setFeatures
+  } = React.useContext(FeatureFlagsContext);
+  return {
+    updateFeatures: setFeatures
+  };
+};
+
+//#endregion
+export { FeatureFlag, FeatureFlagsProvider, useFeatureFlag, useUpdateFeatures };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/react-feature-flags",
-  "version": "0.4.12",
+  "version": "0.4.14",
   "description": "React Feature Flags",
   "keywords": [
     "feature-flags",
@@ -19,8 +19,8 @@
   "type": "module",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "default": "./dist/esm/index.js"
+      "types": "./dist/index.d.mts",
+      "default": "./dist/index.mjs"
     }
   },
   "files": [
@@ -32,10 +32,10 @@
   "devDependencies": {
     "@types/react": "^19.2.14",
     "jest": "^30.3.0",
-    "react": "^19.2.4",
-    "tsup": "^8.5.1",
-    "@ttoss/config": "^1.37.12",
-    "@ttoss/test-utils": "^4.2.12"
+    "react": "^19.2.6",
+    "tsdown": "^0.22.0",
+    "@ttoss/config": "^1.37.13",
+    "@ttoss/test-utils": "^4.2.13"
   },
   "peerDependencies": {
     "react": ">=16.8.0"
@@ -45,7 +45,7 @@
     "provenance": true
   },
   "scripts": {
-    "build": "tsup",
+    "build": "tsdown",
     "test": "jest --projects tests/unit"
   }
 }

package/dist/esm/index.js

@@ -1,73 +0,0 @@
-/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", {
-  value,
-  configurable: true
-});
-
-// src/FeatureFlag.tsx
-import * as React3 from "react";
-import { ErrorBoundary } from "react-error-boundary";
-
-// src/useFeatureFlag.ts
-import * as React2 from "react";
-
-// src/FeatureFlagsProvider.tsx
-import * as React from "react";
-var FeatureFlagsContext = /* @__PURE__ */React.createContext({
-  features: [],
-  setFeatures: /* @__PURE__ */__name(() => {}, "setFeatures")
-});
-var FeatureFlagsProvider = /* @__PURE__ */__name(({
-  children,
-  loadFeatures
-}) => {
-  const [features, setFeatures] = React.useState([]);
-  React.useEffect(() => {
-    loadFeatures?.().then(features2 => {
-      return setFeatures(features2);
-    });
-  }, [loadFeatures]);
-  return /* @__PURE__ */React.createElement(FeatureFlagsContext.Provider, {
-    value: {
-      features,
-      setFeatures
-    }
-  }, children);
-}, "FeatureFlagsProvider");
-
-// src/useFeatureFlag.ts
-var useFeatureFlag = /* @__PURE__ */__name(name => {
-  const {
-    features
-  } = React2.useContext(FeatureFlagsContext);
-  return features.includes(name);
-}, "useFeatureFlag");
-
-// src/FeatureFlag.tsx
-var FeatureFlag = /* @__PURE__ */__name(({
-  name,
-  children,
-  fallback = null,
-  errorFallback = null
-}) => {
-  const isEnabled = useFeatureFlag(name);
-  if (!isEnabled) {
-    return fallback;
-  }
-  return /* @__PURE__ */React3.createElement(ErrorBoundary, {
-    fallback: errorFallback
-  }, children);
-}, "FeatureFlag");
-
-// src/useUpdateFeatures.ts
-import * as React4 from "react";
-var useUpdateFeatures = /* @__PURE__ */__name(() => {
-  const {
-    setFeatures
-  } = React4.useContext(FeatureFlagsContext);
-  return {
-    updateFeatures: setFeatures
-  };
-}, "useUpdateFeatures");
-export { FeatureFlag, FeatureFlagsProvider, useFeatureFlag, useUpdateFeatures };

package/dist/index.d.ts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-
-interface FeatureFlagProps {
-    name: FeatureFlags;
-    children: React.ReactNode;
-    fallback?: React.ReactNode;
-    errorFallback?: React.ReactNode;
-}
-declare const FeatureFlag: ({ name, children, fallback, errorFallback, }: FeatureFlagProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null;
-
-declare const FeatureFlagsProvider: ({ children, loadFeatures, }: {
-    children: React.ReactNode;
-    loadFeatures?: () => Promise<FeatureFlags[]>;
-}) => react_jsx_runtime.JSX.Element;
-
-declare const useFeatureFlag: (name: FeatureFlags) => boolean;
-
-/**
- * If you want to update the feature flags on React environment
- * (after the initial render and providers), you can use this hook.
- */
-declare const useUpdateFeatures: () => {
-    updateFeatures: (features: FeatureFlags[]) => void;
-};
-
-export { FeatureFlag, FeatureFlagsProvider, useFeatureFlag, useUpdateFeatures };