@buoy-gg/redux 2.1.4-beta.2 → 2.1.4

package/lib/commonjs/index.js

@@ -1,179 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BUOY_JUMP_TO_STATE", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.BUOY_JUMP_TO_STATE;
-  }
-});
-Object.defineProperty(exports, "BUOY_REPLAY_ACTION", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.BUOY_REPLAY_ACTION;
-  }
-});
-Object.defineProperty(exports, "FREE_TIER_ACTION_LIMIT", {
-  enumerable: true,
-  get: function () {
-    return _ReduxModal.FREE_TIER_ACTION_LIMIT;
-  }
-});
-Object.defineProperty(exports, "ReduxActionDetailContent", {
-  enumerable: true,
-  get: function () {
-    return _ReduxActionDetailContent.ReduxActionDetailContent;
-  }
-});
-Object.defineProperty(exports, "ReduxActionDetailFooter", {
-  enumerable: true,
-  get: function () {
-    return _ReduxActionDetailContent.ReduxActionDetailFooter;
-  }
-});
-Object.defineProperty(exports, "ReduxActionDetailView", {
-  enumerable: true,
-  get: function () {
-    return _ReduxActionDetailView.ReduxActionDetailView;
-  }
-});
-Object.defineProperty(exports, "ReduxActionItem", {
-  enumerable: true,
-  get: function () {
-    return _ReduxActionItem.ReduxActionItem;
-  }
-});
-Object.defineProperty(exports, "ReduxIcon", {
-  enumerable: true,
-  get: function () {
-    return _ReduxIcon.ReduxIcon;
-  }
-});
-Object.defineProperty(exports, "ReduxModal", {
-  enumerable: true,
-  get: function () {
-    return _ReduxModal.ReduxModal;
-  }
-});
-Object.defineProperty(exports, "buoyReduxMiddleware", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.buoyReduxMiddleware;
-  }
-});
-Object.defineProperty(exports, "createBuoyReduxMiddleware", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.createBuoyReduxMiddleware;
-  }
-});
-Object.defineProperty(exports, "createReduxHistoryAdapter", {
-  enumerable: true,
-  get: function () {
-    return _createReduxHistoryAdapter.createReduxHistoryAdapter;
-  }
-});
-Object.defineProperty(exports, "createReduxTool", {
-  enumerable: true,
-  get: function () {
-    return _preset.createReduxTool;
-  }
-});
-Object.defineProperty(exports, "getActiveStore", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.getActiveStore;
-  }
-});
-Object.defineProperty(exports, "instrumentStore", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.instrumentStore;
-  }
-});
-Object.defineProperty(exports, "isAutoInstrumentActive", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.isAutoInstrumentActive;
-  }
-});
-Object.defineProperty(exports, "isStoreInstrumented", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.isStoreInstrumented;
-  }
-});
-Object.defineProperty(exports, "jumpToState", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.jumpToState;
-  }
-});
-Object.defineProperty(exports, "reduxActionStore", {
-  enumerable: true,
-  get: function () {
-    return _reduxActionStore.reduxActionStore;
-  }
-});
-Object.defineProperty(exports, "reduxHistoryAdapter", {
-  enumerable: true,
-  get: function () {
-    return _createReduxHistoryAdapter.reduxHistoryAdapter;
-  }
-});
-Object.defineProperty(exports, "reduxToolPreset", {
-  enumerable: true,
-  get: function () {
-    return _preset.reduxToolPreset;
-  }
-});
-Object.defineProperty(exports, "replayAction", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.replayAction;
-  }
-});
-Object.defineProperty(exports, "uninstrumentStore", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.uninstrumentStore;
-  }
-});
-Object.defineProperty(exports, "useAutoInstrumentRedux", {
-  enumerable: true,
-  get: function () {
-    return _useAutoInstrumentRedux.useAutoInstrumentRedux;
-  }
-});
-Object.defineProperty(exports, "useReduxActions", {
-  enumerable: true,
-  get: function () {
-    return _useReduxActions.useReduxActions;
-  }
-});
-Object.defineProperty(exports, "useReduxAvailability", {
-  enumerable: true,
-  get: function () {
-    return _useAutoInstrumentRedux.useReduxAvailability;
-  }
-});
-Object.defineProperty(exports, "withBuoyDevTools", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.withBuoyDevTools;
-  }
-});
-var _preset = require("./preset");
-var _buoyReduxMiddleware = require("./redux/utils/buoyReduxMiddleware");
-var _autoInstrument = require("./redux/utils/autoInstrument");
-var _createReduxHistoryAdapter = require("./redux/utils/createReduxHistoryAdapter");
-var _useReduxActions = require("./redux/hooks/useReduxActions");
-var _useAutoInstrumentRedux = require("./redux/hooks/useAutoInstrumentRedux");
-var _ReduxModal = require("./redux/components/ReduxModal");
-var _ReduxActionItem = require("./redux/components/ReduxActionItem");
-var _ReduxActionDetailView = require("./redux/components/ReduxActionDetailView");
-var _ReduxActionDetailContent = require("./redux/components/ReduxActionDetailContent");
-var _ReduxIcon = require("./redux/components/ReduxIcon");
-var _reduxActionStore = require("./redux/utils/reduxActionStore");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BUOY_JUMP_TO_STATE",{enumerable:!0,get:function(){return _buoyReduxMiddleware.BUOY_JUMP_TO_STATE}}),Object.defineProperty(exports,"BUOY_REPLAY_ACTION",{enumerable:!0,get:function(){return _buoyReduxMiddleware.BUOY_REPLAY_ACTION}}),Object.defineProperty(exports,"FREE_TIER_ACTION_LIMIT",{enumerable:!0,get:function(){return _ReduxModal.FREE_TIER_ACTION_LIMIT}}),Object.defineProperty(exports,"ReduxActionDetailContent",{enumerable:!0,get:function(){return _ReduxActionDetailContent.ReduxActionDetailContent}}),Object.defineProperty(exports,"ReduxActionDetailFooter",{enumerable:!0,get:function(){return _ReduxActionDetailContent.ReduxActionDetailFooter}}),Object.defineProperty(exports,"ReduxActionDetailView",{enumerable:!0,get:function(){return _ReduxActionDetailView.ReduxActionDetailView}}),Object.defineProperty(exports,"ReduxActionItem",{enumerable:!0,get:function(){return _ReduxActionItem.ReduxActionItem}}),Object.defineProperty(exports,"ReduxIcon",{enumerable:!0,get:function(){return _ReduxIcon.ReduxIcon}}),Object.defineProperty(exports,"ReduxModal",{enumerable:!0,get:function(){return _ReduxModal.ReduxModal}}),Object.defineProperty(exports,"buoyReduxMiddleware",{enumerable:!0,get:function(){return _buoyReduxMiddleware.buoyReduxMiddleware}}),Object.defineProperty(exports,"createBuoyReduxMiddleware",{enumerable:!0,get:function(){return _buoyReduxMiddleware.createBuoyReduxMiddleware}}),Object.defineProperty(exports,"createReduxHistoryAdapter",{enumerable:!0,get:function(){return _createReduxHistoryAdapter.createReduxHistoryAdapter}}),Object.defineProperty(exports,"createReduxTool",{enumerable:!0,get:function(){return _preset.createReduxTool}}),Object.defineProperty(exports,"getActiveStore",{enumerable:!0,get:function(){return _autoInstrument.getActiveStore}}),Object.defineProperty(exports,"instrumentStore",{enumerable:!0,get:function(){return _autoInstrument.instrumentStore}}),Object.defineProperty(exports,"isAutoInstrumentActive",{enumerable:!0,get:function(){return _autoInstrument.isAutoInstrumentActive}}),Object.defineProperty(exports,"isStoreInstrumented",{enumerable:!0,get:function(){return _autoInstrument.isStoreInstrumented}}),Object.defineProperty(exports,"jumpToState",{enumerable:!0,get:function(){return _buoyReduxMiddleware.jumpToState}}),Object.defineProperty(exports,"reduxActionStore",{enumerable:!0,get:function(){return _reduxActionStore.reduxActionStore}}),Object.defineProperty(exports,"reduxHistoryAdapter",{enumerable:!0,get:function(){return _createReduxHistoryAdapter.reduxHistoryAdapter}}),Object.defineProperty(exports,"reduxToolPreset",{enumerable:!0,get:function(){return _preset.reduxToolPreset}}),Object.defineProperty(exports,"replayAction",{enumerable:!0,get:function(){return _buoyReduxMiddleware.replayAction}}),Object.defineProperty(exports,"uninstrumentStore",{enumerable:!0,get:function(){return _autoInstrument.uninstrumentStore}}),Object.defineProperty(exports,"useAutoInstrumentRedux",{enumerable:!0,get:function(){return _useAutoInstrumentRedux.useAutoInstrumentRedux}}),Object.defineProperty(exports,"useReduxActions",{enumerable:!0,get:function(){return _useReduxActions.useReduxActions}}),Object.defineProperty(exports,"useReduxAvailability",{enumerable:!0,get:function(){return _useAutoInstrumentRedux.useReduxAvailability}}),Object.defineProperty(exports,"withBuoyDevTools",{enumerable:!0,get:function(){return _buoyReduxMiddleware.withBuoyDevTools}});var _preset=require("./preset"),_buoyReduxMiddleware=require("./redux/utils/buoyReduxMiddleware"),_autoInstrument=require("./redux/utils/autoInstrument"),_createReduxHistoryAdapter=require("./redux/utils/createReduxHistoryAdapter"),_useReduxActions=require("./redux/hooks/useReduxActions"),_useAutoInstrumentRedux=require("./redux/hooks/useAutoInstrumentRedux"),_ReduxModal=require("./redux/components/ReduxModal"),_ReduxActionItem=require("./redux/components/ReduxActionItem"),_ReduxActionDetailView=require("./redux/components/ReduxActionDetailView"),_ReduxActionDetailContent=require("./redux/components/ReduxActionDetailContent"),_ReduxIcon=require("./redux/components/ReduxIcon"),_reduxActionStore=require("./redux/utils/reduxActionStore");

package/lib/commonjs/preset.js

@@ -1,98 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createReduxTool = createReduxTool;
-exports.reduxToolPreset = void 0;
-var _ReduxModal = require("./redux/components/ReduxModal");
-var _ReduxIcon = require("./redux/components/ReduxIcon");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Pre-configured Redux DevTools preset for FloatingDevTools
- *
- * ZERO-CONFIG: This preset is auto-discovered by FloatingDevTools!
- * You do NOT need to import or configure anything - just install @buoy-gg/redux
- * and the Redux tool will appear automatically in your FloatingDevTools.
- *
- * @example Automatic (recommended - no code needed!)
- * ```tsx
- * // Just install: npm install @buoy-gg/redux
- * // The Redux tool appears automatically in FloatingDevTools!
- *
- * <Provider store={store}>
- *   <App />
- *   <FloatingDevTools />  // Redux tool is auto-detected
- * </Provider>
- * ```
- *
- * @example Manual (only for custom configuration)
- * ```tsx
- * import { createReduxTool } from '@buoy-gg/redux';
- *
- * // Only use this if you need to customize the tool
- * const customReduxTool = createReduxTool({
- *   name: "STATE",
- *   iconColor: "#9945FF",
- * });
- *
- * <FloatingDevTools apps={[customReduxTool]} />
- * ```
- */
-
-/**
- * Pre-configured Redux DevTools preset for FloatingDevTools.
- * Includes:
- * - Live action monitoring
- * - Action/state inspection
- * - State diff visualization
- * - Filter by action type
- */
-const reduxToolPreset = exports.reduxToolPreset = {
-  id: "redux",
-  name: "REDUX",
-  description: "Redux action & state inspector",
-  slot: "both",
-  icon: ({
-    size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxIcon.ReduxIcon, {
-    size: size
-  }),
-  component: _ReduxModal.ReduxModal,
-  props: {
-    enableSharedModalDimensions: false
-  }
-};
-
-/**
- * Create a custom Redux DevTools configuration.
- * Use this if you want to override default settings.
- *
- * @example
- * ```tsx
- * import { createReduxTool } from '@buoy-gg/redux';
- *
- * const myReduxTool = createReduxTool({
- *   name: "STATE",
- *   iconColor: "#9945FF", // Purple color
- * });
- * ```
- */
-function createReduxTool(options) {
-  return {
-    id: options?.id || "redux",
-    name: options?.name || "REDUX",
-    description: options?.description || "Redux action & state inspector",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxIcon.ReduxIcon, {
-      size: size,
-      color: options?.iconColor
-    }),
-    component: _ReduxModal.ReduxModal,
-    props: {
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createReduxTool=createReduxTool,exports.reduxToolPreset=void 0;var _ReduxModal=require("./redux/components/ReduxModal"),_ReduxIcon=require("./redux/components/ReduxIcon"),_jsxRuntime=require("react/jsx-runtime");const reduxToolPreset=exports.reduxToolPreset={id:"redux",name:"REDUX",description:"Redux action & state inspector",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_ReduxIcon.ReduxIcon,{size:e}),component:_ReduxModal.ReduxModal,props:{enableSharedModalDimensions:!1}};function createReduxTool(e){return{id:e?.id||"redux",name:e?.name||"REDUX",description:e?.description||"Redux action & state inspector",slot:"both",icon:({size:o})=>(0,_jsxRuntime.jsx)(_ReduxIcon.ReduxIcon,{size:o,color:e?.iconColor}),component:_ReduxModal.ReduxModal,props:{enableSharedModalDimensions:void 0!==e?.enableSharedModalDimensions&&e.enableSharedModalDimensions}}}

package/lib/commonjs/redux/components/ReduxActionButton.js

@@ -1,129 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReduxActionButton = ReduxActionButton;
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * ReduxActionButton
- *
- * Generic action button for Redux DevTools footer
- * Matches React Query DevTools ActionButton styling
- */
-
-// Button color configurations matching React Query pattern
-const buttonConfigs = {
-  replay: {
-    color: _sharedUi.buoyColors.success,
-    backgroundColor: _sharedUi.buoyColors.success + "15",
-    borderColor: _sharedUi.buoyColors.success + "40",
-    textColor: _sharedUi.buoyColors.success
-  },
-  copy: {
-    color: _sharedUi.buoyColors.primary,
-    backgroundColor: _sharedUi.buoyColors.primary + "15",
-    borderColor: _sharedUi.buoyColors.primary + "40",
-    textColor: _sharedUi.buoyColors.primary
-  },
-  jump: {
-    color: _sharedUi.buoyColors.warning,
-    backgroundColor: _sharedUi.buoyColors.warning + "15",
-    borderColor: _sharedUi.buoyColors.warning + "40",
-    textColor: _sharedUi.buoyColors.warning
-  },
-  skip: {
-    color: _sharedUi.buoyColors.textSecondary,
-    backgroundColor: _sharedUi.buoyColors.textSecondary + "26",
-    borderColor: _sharedUi.buoyColors.textSecondary + "59",
-    textColor: _sharedUi.buoyColors.textSecondary
-  },
-  clear: {
-    color: _sharedUi.buoyColors.error,
-    backgroundColor: _sharedUi.buoyColors.error + "15",
-    borderColor: _sharedUi.buoyColors.error + "40",
-    textColor: _sharedUi.buoyColors.error
-  },
-  diff: {
-    color: _sharedUi.buoyColors.info,
-    backgroundColor: _sharedUi.buoyColors.info + "15",
-    borderColor: _sharedUi.buoyColors.info + "40",
-    textColor: _sharedUi.buoyColors.info
-  }
-};
-function ReduxActionButton({
-  onPress,
-  text,
-  type,
-  disabled = false
-}) {
-  const config = buttonConfigs[type];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    disabled: disabled,
-    onPress: onPress,
-    style: [styles.button, {
-      backgroundColor: disabled ? _sharedUi.buoyColors.textMuted + "1A" : config.backgroundColor,
-      borderColor: disabled ? _sharedUi.buoyColors.textMuted + "33" : config.borderColor,
-      opacity: disabled ? 0.5 : 1
-    }],
-    activeOpacity: 0.7,
-    accessibilityRole: "button",
-    accessibilityLabel: text,
-    accessibilityState: {
-      disabled
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: [styles.dot, {
-        backgroundColor: disabled ? _sharedUi.buoyColors.textMuted : config.color
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: disabled ? _sharedUi.buoyColors.textMuted : config.textColor
-      }],
-      children: text
-    })]
-  });
-}
-const styles = _reactNative.StyleSheet.create({
-  button: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: 6,
-    borderWidth: 1,
-    paddingHorizontal: 12,
-    paddingVertical: 6,
-    height: 25,
-    minWidth: 80,
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.2,
-    shadowRadius: 2,
-    elevation: 2
-  },
-  dot: {
-    width: 5,
-    height: 5,
-    borderRadius: 3,
-    marginRight: 6,
-    shadowColor: _sharedUi.buoyColors.text,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 2
-  },
-  text: {
-    fontSize: 10,
-    fontWeight: "600",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: "monospace",
-    height: 12
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReduxActionButton=ReduxActionButton;var _reactNative=require("react-native"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");const buttonConfigs={replay:{color:_sharedUi.buoyColors.success,backgroundColor:_sharedUi.buoyColors.success+"15",borderColor:_sharedUi.buoyColors.success+"40",textColor:_sharedUi.buoyColors.success},copy:{color:_sharedUi.buoyColors.primary,backgroundColor:_sharedUi.buoyColors.primary+"15",borderColor:_sharedUi.buoyColors.primary+"40",textColor:_sharedUi.buoyColors.primary},jump:{color:_sharedUi.buoyColors.warning,backgroundColor:_sharedUi.buoyColors.warning+"15",borderColor:_sharedUi.buoyColors.warning+"40",textColor:_sharedUi.buoyColors.warning},skip:{color:_sharedUi.buoyColors.textSecondary,backgroundColor:_sharedUi.buoyColors.textSecondary+"26",borderColor:_sharedUi.buoyColors.textSecondary+"59",textColor:_sharedUi.buoyColors.textSecondary},clear:{color:_sharedUi.buoyColors.error,backgroundColor:_sharedUi.buoyColors.error+"15",borderColor:_sharedUi.buoyColors.error+"40",textColor:_sharedUi.buoyColors.error},diff:{color:_sharedUi.buoyColors.info,backgroundColor:_sharedUi.buoyColors.info+"15",borderColor:_sharedUi.buoyColors.info+"40",textColor:_sharedUi.buoyColors.info}};function ReduxActionButton({onPress:o,text:r,type:e,disabled:t=!1}){const s=buttonConfigs[e];return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{disabled:t,onPress:o,style:[styles.button,{backgroundColor:t?_sharedUi.buoyColors.textMuted+"1A":s.backgroundColor,borderColor:t?_sharedUi.buoyColors.textMuted+"33":s.borderColor,opacity:t?.5:1}],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{disabled:t},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:t?_sharedUi.buoyColors.textMuted:s.color}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:t?_sharedUi.buoyColors.textMuted:s.textColor}],children:r})]})}const styles=_reactNative.StyleSheet.create({button:{flexDirection:"row",alignItems:"center",justifyContent:"center",borderRadius:6,borderWidth:1,paddingHorizontal:12,paddingVertical:6,height:25,minWidth:80,shadowOffset:{width:0,height:1},shadowOpacity:.2,shadowRadius:2,elevation:2},dot:{width:5,height:5,borderRadius:3,marginRight:6,shadowColor:_sharedUi.buoyColors.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:"monospace",height:12}});