feature-flip/dist/index.mjs

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

var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
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;
};

// src/index.tsx
import React, { createContext, useContext, useMemo } from "react";
import get from "get-value";
var context = 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 = () => useContext(context);
var useFeatureFlip = (name, fallback = false) => {
  const { featureFlips, config } = useFeatureFlips();
  return useMemo(() => {
    if (!featureFlips || !config)
      return false;
    const value = get(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 = useMemo(() => ({
    featureFlips,
    config: config ? __spreadValues(__spreadValues({}, defaultConfig), config) : defaultConfig
  }), [featureFlips, config]);
  return /* @__PURE__ */ React.createElement(context.Provider, {
    value
  }, children);
};
var FeatureFlip = ({
  name,
  children,
  fallback = null
}) => {
  const isOn = useFeatureFlip(name);
  if (typeof children === "function")
    return children(isOn);
  return /* @__PURE__ */ React.createElement(React.Fragment, null, isOn ? children : fallback);
};
var withFeatureFlip = (name, fallback = null) => {
  return (WrappedComponent) => (props) => {
    return /* @__PURE__ */ React.createElement(FeatureFlip, {
      name,
      fallback
    }, /* @__PURE__ */ React.createElement(WrappedComponent, __spreadValues({}, props)));
  };
};
var Provider = FeatureFlipsProvider;
var withFeature = withFeatureFlip;
var useFeature = useFeatureFlip;
var useFeatures = useFeatureFlips;
var Feature = FeatureFlip;
export {
  Feature,
  FeatureFlip,
  FeatureFlipsProvider,
  Provider,
  defaultValueParser,
  useFeature,
  useFeatureFlip,
  useFeatureFlips,
  useFeatures,
  withFeature,
  withFeatureFlip
};