reactor-feature-toggle 6.0.1 → 6.1.0

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 ## [Unreleased][]
 
+## [6.1.0][] - 2025-12-04
+
+### Added
+
+- Adding `useFeatureToggle()` context
+
 ## [6.0.1][] - 2025-12-04
 
 ### Fixed
@@ -175,7 +181,8 @@ And pass `featureName` prop with `!` prefix to keep the same behavior on WebApp
 [4.0.5]: https://github.com/willmendesneto/reactor-feature-toggle/tree/v4.0.5
 
 
-[Unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v6.0.1...HEAD
+[Unreleased]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v6.1.0...HEAD
+[6.1.0]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v6.0.1...v6.1.0
 [6.0.1]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v6.0.0...v6.0.1
 [6.0.0]: https://github.com/willmendesneto/reactor-feature-toggle/compare/v5.0.0...v6.0.0
 [5.0.0]: https://github.com/willmendesneto/reactor-feature-toggle/tree/v5.0.0

package/dist/cjs/feature-toggle-provider.d.ts

@@ -1,7 +1,13 @@
-import { ReactNode, FC } from 'react';
+import { ReactNode } from 'react';
 import { FeatureToggleServiceConfig } from 'feature-toggle-service';
 export interface ReactorFeatureToggleProviderProps {
     children: ReactNode;
     featureToggleService: FeatureToggleServiceConfig;
 }
-export declare const FeatureToggleProvider: FC<ReactorFeatureToggleProviderProps>;
+interface FeatureToggleContextType {
+    isOn: (featureName: string) => boolean;
+    toggles: FeatureToggleServiceConfig | null;
+}
+export declare const FeatureToggleProvider: ({ children, featureToggleService, }: ReactorFeatureToggleProviderProps) => JSX.Element;
+export declare function useFeatureToggle(): FeatureToggleContextType;
+export {};

package/dist/cjs/feature-toggle-provider.js

@@ -1,8 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FeatureToggleProvider = void 0;
+exports.useFeatureToggle = exports.FeatureToggleProvider = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
 var feature_toggle_service_1 = require("feature-toggle-service");
-exports.FeatureToggleProvider = function (props) {
-    feature_toggle_service_1.set(props.featureToggleService);
-    return props.children;
+var FeatureToggleContext = react_1.createContext({
+    isOn: feature_toggle_service_1.isOn,
+    toggles: null,
+});
+exports.FeatureToggleProvider = function (_a) {
+    var children = _a.children, featureToggleService = _a.featureToggleService;
+    feature_toggle_service_1.set(featureToggleService);
+    return (react_1.default.createElement(FeatureToggleContext.Provider, { value: { isOn: feature_toggle_service_1.isOn, toggles: featureToggleService } }, children));
 };
+function useFeatureToggle() {
+    var context = react_1.useContext(FeatureToggleContext);
+    if (!context) {
+        throw new Error('useFeatureToggle must be used within FeatureToggleClientProvider');
+    }
+    return context;
+}
+exports.useFeatureToggle = useFeatureToggle;

package/dist/es2015/feature-toggle-provider.d.ts

@@ -1,7 +1,13 @@
-import { ReactNode, FC } from 'react';
+import { ReactNode } from 'react';
 import { FeatureToggleServiceConfig } from 'feature-toggle-service';
 export interface ReactorFeatureToggleProviderProps {
     children: ReactNode;
     featureToggleService: FeatureToggleServiceConfig;
 }
-export declare const FeatureToggleProvider: FC<ReactorFeatureToggleProviderProps>;
+interface FeatureToggleContextType {
+    isOn: (featureName: string) => boolean;
+    toggles: FeatureToggleServiceConfig | null;
+}
+export declare const FeatureToggleProvider: ({ children, featureToggleService, }: ReactorFeatureToggleProviderProps) => JSX.Element;
+export declare function useFeatureToggle(): FeatureToggleContextType;
+export {};

package/dist/es2015/feature-toggle-provider.js

@@ -1,5 +1,17 @@
-import { set } from 'feature-toggle-service';
-export const FeatureToggleProvider = props => {
-    set(props.featureToggleService);
-    return props.children;
+import React, { createContext, useContext } from 'react';
+import { set, isOn } from 'feature-toggle-service';
+const FeatureToggleContext = createContext({
+    isOn,
+    toggles: null,
+});
+export const FeatureToggleProvider = ({ children, featureToggleService, }) => {
+    set(featureToggleService);
+    return (React.createElement(FeatureToggleContext.Provider, { value: { isOn, toggles: featureToggleService } }, children));
 };
+export function useFeatureToggle() {
+    const context = useContext(FeatureToggleContext);
+    if (!context) {
+        throw new Error('useFeatureToggle must be used within FeatureToggleClientProvider');
+    }
+    return context;
+}

package/dist/esm/feature-toggle-provider.d.ts

@@ -1,7 +1,13 @@
-import { ReactNode, FC } from 'react';
+import { ReactNode } from 'react';
 import { FeatureToggleServiceConfig } from 'feature-toggle-service';
 export interface ReactorFeatureToggleProviderProps {
     children: ReactNode;
     featureToggleService: FeatureToggleServiceConfig;
 }
-export declare const FeatureToggleProvider: FC<ReactorFeatureToggleProviderProps>;
+interface FeatureToggleContextType {
+    isOn: (featureName: string) => boolean;
+    toggles: FeatureToggleServiceConfig | null;
+}
+export declare const FeatureToggleProvider: ({ children, featureToggleService, }: ReactorFeatureToggleProviderProps) => JSX.Element;
+export declare function useFeatureToggle(): FeatureToggleContextType;
+export {};

package/dist/esm/feature-toggle-provider.js

@@ -1,5 +1,18 @@
-import { set } from 'feature-toggle-service';
-export var FeatureToggleProvider = function (props) {
-    set(props.featureToggleService);
-    return props.children;
+import React, { createContext, useContext } from 'react';
+import { set, isOn } from 'feature-toggle-service';
+var FeatureToggleContext = createContext({
+    isOn: isOn,
+    toggles: null,
+});
+export var FeatureToggleProvider = function (_a) {
+    var children = _a.children, featureToggleService = _a.featureToggleService;
+    set(featureToggleService);
+    return (React.createElement(FeatureToggleContext.Provider, { value: { isOn: isOn, toggles: featureToggleService } }, children));
 };
+export function useFeatureToggle() {
+    var context = useContext(FeatureToggleContext);
+    if (!context) {
+        throw new Error('useFeatureToggle must be used within FeatureToggleClientProvider');
+    }
+    return context;
+}

package/dist/umd/reactor-feature-toggle.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('feature-toggle-service')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'feature-toggle-service'], factory) :
-    (global = global || self, factory(global.ReactorFeatureToggle = {}, global.featureToggleService));
-}(this, (function (exports, featureToggleService) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('feature-toggle-service'), require('react')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'feature-toggle-service', 'react'], factory) :
+    (global = global || self, factory(global.ReactorFeatureToggle = {}, global.featureToggleService, global.React));
+}(this, (function (exports, featureToggleService, React) { 'use strict';
+
+    var React__default = 'default' in React ? React['default'] : React;
 
     /**
      * Checks if feature toggle is turned on of turned off
@@ -35,13 +37,26 @@
         return showContent ? props.children : null;
     };
 
-    var FeatureToggleProvider = function (props) {
-        featureToggleService.set(props.featureToggleService);
-        return props.children;
+    var FeatureToggleContext = React.createContext({
+        isOn: featureToggleService.isOn,
+        toggles: null,
+    });
+    var FeatureToggleProvider = function (_a) {
+        var children = _a.children, featureToggleService$1 = _a.featureToggleService;
+        featureToggleService.set(featureToggleService$1);
+        return (React__default.createElement(FeatureToggleContext.Provider, { value: { isOn: featureToggleService.isOn, toggles: featureToggleService$1 } }, children));
     };
+    function useFeatureToggle() {
+        var context = React.useContext(FeatureToggleContext);
+        if (!context) {
+            throw new Error('useFeatureToggle must be used within FeatureToggleClientProvider');
+        }
+        return context;
+    }
 
     exports.FeatureToggle = FeatureToggle;
     exports.FeatureToggleProvider = FeatureToggleProvider;
+    exports.useFeatureToggle = useFeatureToggle;
 
     Object.defineProperty(exports, '__esModule', { value: true });
 

package/dist/umd/reactor-feature-toggle.min.js

@@ -1 +1 @@
-!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("feature-toggle-service")):"function"==typeof define&&define.amd?define(["exports","feature-toggle-service"],r):r((e=e||self).ReactorFeatureToggle={},e.featureToggleService)}(this,function(e,t){"use strict";function r(e){function r(e){return"!"===e[0]?!t.isOn(e.replace("!","")):t.isOn(e)}return"string"==typeof e?r(e):!!Array.isArray(e)&&e.every(r)}e.FeatureToggle=function(e){return r(e.featureName)?e.children:null},e.FeatureToggleProvider=function(e){return t.set(e.featureToggleService),e.children},Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,r){"object"==typeof exports&&"undefined"!=typeof module?r(exports,require("feature-toggle-service"),require("react")):"function"==typeof define&&define.amd?define(["exports","feature-toggle-service","react"],r):r((e=e||self).ReactorFeatureToggle={},e.featureToggleService,e.React)}(this,function(e,n,r){"use strict";function t(e){function r(e){return"!"===e[0]?!n.isOn(e.replace("!","")):n.isOn(e)}return"string"==typeof e?r(e):!!Array.isArray(e)&&e.every(r)}var u="default"in r?r.default:r,i=r.createContext({isOn:n.isOn,toggles:null});e.FeatureToggle=function(e){return t(e.featureName)?e.children:null},e.FeatureToggleProvider=function(e){var r=e.children,t=e.featureToggleService;return n.set(t),u.createElement(i.Provider,{value:{isOn:n.isOn,toggles:t}},r)},e.useFeatureToggle=function(){var e=r.useContext(i);if(!e)throw new Error("useFeatureToggle must be used within FeatureToggleClientProvider");return e},Object.defineProperty(e,"__esModule",{value:!0})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reactor-feature-toggle",
-  "version": "6.0.1",
+  "version": "6.1.0",
   "description": "Your module to handle with feature toggles in ReactJS applications easier",
   "author": "Will Mendes <willmendesneto@gmail.com> (http://github.com/willmendesneto)",
   "keywords": [