feature-flip/dist/index.js

Flexible React & React Native feature flagging/flipping/toggling for simple use cases

var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/index.tsx
var src_exports = {};
__export(src_exports, {
  Feature: () => Feature,
  FeatureFlip: () => FeatureFlip,
  FeatureFlipsProvider: () => FeatureFlipsProvider,
  Provider: () => Provider,
  defaultValueParser: () => defaultValueParser,
  useFeature: () => useFeature,
  useFeatureFlip: () => useFeatureFlip,
  useFeatureFlips: () => useFeatureFlips,
  useFeatures: () => useFeatures,
  withFeature: () => withFeature,
  withFeatureFlip: () => withFeatureFlip
});
module.exports = __toCommonJS(src_exports);
var import_react = __toESM(require("react"));
var import_get_value = __toESM(require("get-value"));
var context = (0, import_react.createContext)({});
var defaultValueParser = (value) => {
  const val = typeof value === "function" ? value() : value;
  if (typeof val === "boolean")
    return val;
  if (val === void 0 || val === null)
    return false;
  if (typeof val !== "string")
    return false;
  if (["yes", "on", "true", "1"].includes(val.toLowerCase()))
    return true;
  if (["no", "off", "false", "0"].includes(val.toLowerCase()))
    return false;
  return false;
};
var useFeatureFlips = () => (0, import_react.useContext)(context);
var useFeatureFlip = (name, fallback = false) => {
  const { featureFlips, config } = useFeatureFlips();
  return (0, import_react.useMemo)(() => {
    if (!featureFlips || !config)
      return false;
    const value = (0, import_get_value.default)(featureFlips, name, {
      default: fallback,
      separator: config.seperator
    });
    return config.onParseValue !== void 0 ? config.onParseValue(value) : value;
  }, [name, featureFlips, config, fallback]);
};
var defaultConfig = {
  onParseValue: defaultValueParser,
  seperator: "."
};
var FeatureFlipsProvider = ({
  value: featureFlips,
  config,
  children
}) => {
  const value = (0, import_react.useMemo)(() => ({
    featureFlips,
    config: config ? __spreadValues(__spreadValues({}, defaultConfig), config) : defaultConfig
  }), [featureFlips, config]);
  return /* @__PURE__ */ import_react.default.createElement(context.Provider, {
    value
  }, children);
};
var FeatureFlip = ({
  name,
  children,
  fallback = null
}) => {
  const isOn = useFeatureFlip(name);
  if (typeof children === "function")
    return children(isOn);
  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, isOn ? children : fallback);
};
var withFeatureFlip = (name, fallback = null) => {
  return (WrappedComponent) => (props) => {
    return /* @__PURE__ */ import_react.default.createElement(FeatureFlip, {
      name,
      fallback
    }, /* @__PURE__ */ import_react.default.createElement(WrappedComponent, __spreadValues({}, props)));
  };
};
var Provider = FeatureFlipsProvider;
var withFeature = withFeatureFlip;
var useFeature = useFeatureFlip;
var useFeatures = useFeatureFlips;
var Feature = FeatureFlip;
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {
  Feature,
  FeatureFlip,
  FeatureFlipsProvider,
  Provider,
  defaultValueParser,
  useFeature,
  useFeatureFlip,
  useFeatureFlips,
  useFeatures,
  withFeature,
  withFeatureFlip
});