@buoy-gg/redux 7.0.36 → 7.0.38

package/README.md

@@ -2,9 +2,9 @@
 
 [![npm version](https://img.shields.io/npm/v/@buoy-gg/redux?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/redux) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/redux?style=flat-square&labelColor=1c1c1c&color=10B981)](https://www.npmjs.com/package/@buoy-gg/redux)
 
-**Redux DevTools on the device — action log, state diffs, and time travel with zero store changes.**
+Inspect your connected Redux store, review captured actions and state changes, and dispatch actions from your device.
 
-Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside your React Native app. Install it and it auto-appears in the floating menu from [`@buoy-gg/core`](https://www.npmjs.com/package/@buoy-gg/core).
+Part of [Buoy](https://github.com/Buoy-gg/buoy). Install the package, complete account setup, and follow the integration steps below.
 
 ## Install
 
@@ -12,11 +12,30 @@ Part of [Buoy](https://github.com/Buoy-gg/buoy) — devtools that live inside yo
 npm install @buoy-gg/core @buoy-gg/redux
 ```
 
+## Before you start
+
+Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
+
+```bash
+npx --package=@buoy-gg/core buoy login
+```
+
+For Expo, initialize Buoy before rendering the menu:
+
+```tsx
+import { Buoy } from "@buoy-gg/core";
+
+Buoy.init({ licenseKey: process.env.EXPO_PUBLIC_BUOY_KEY });
+```
+
+The login command writes the Expo key to `.env.local`. For React Native CLI, pass the key from your app’s environment configuration; React Native does not load `.env.local` automatically. Mount `FloatingDevTools` inside the same providers as your screens and restart the development server after installation. The [Quick Start](https://buoy.gg/buoy/latest/docs/quick-start) shows the complete root component setup.
+
 ## Quick start
 
-Zero config. Your existing store works as-is — no middleware, no wrapper. Buoy hooks the store at creation via the official Redux DevTools integration point (which Redux Toolkit enables by default), so actions are captured from your app's very first dispatch — including everything dispatched inside thunks and RTK Query.
+Load the Buoy Redux integration before creating your store and keep Redux DevTools integration enabled. The example uses your existing `rootReducer` and app component; do not create a second store for Buoy.
 
 ```tsx
+import '@buoy-gg/redux'; // Load before the module that creates your store.
 import { configureStore } from '@reduxjs/toolkit';
 import { Provider } from 'react-redux';
 import { FloatingDevTools } from '@buoy-gg/core';
@@ -33,11 +52,11 @@ export default function App() {
 }
 ```
 
-### How capture works (and how to guarantee full capture)
+### Capture modes
 
 Buoy binds to your store the earliest way available, in this order:
 
-1. **Store-creation hook (default, full capture)** — importing `@buoy-gg/redux` claims the Redux DevTools global that RTK checks by default. If the package loads before your store module, Buoy is inside the store from creation: every action (thunk-internal, RTK Query) is captured and time travel is real. To **guarantee** this ordering, make it the first import of your app entry:
+1. **Store-creation hook (default, full capture)** — importing `@buoy-gg/redux` claims the Redux DevTools global that RTK checks by default. If the package loads before your store module, Buoy is inside the store from creation: every action (thunk-internal, RTK Query) is captured and time travel is real. To establish this ordering, make it the first import of your app entry:
 
    ```tsx
    // index.js — first line
@@ -47,7 +66,12 @@ Buoy binds to your store the earliest way available, in this order:
 2. **Middleware (explicit full capture)** — one line if you prefer being explicit:
 
    ```tsx
-   middleware: (getDefault) => getDefault().concat(buoyReduxMiddleware),
+   import { buoyReduxMiddleware } from "@buoy-gg/redux";
+
+   const store = configureStore({
+     reducer: rootReducer,
+     middleware: (getDefault) => getDefault().concat(buoyReduxMiddleware),
+   });
    ```
 
 3. **Startup fallback** — if your store was created before Buoy loaded, `FloatingDevTools` binds it automatically at app mount. Top-level dispatches are captured from startup; actions dispatched *inside* thunks/middleware aren't visible to this mode (the tool tells you when it's in it).
@@ -64,6 +88,10 @@ const store = configureStore({
 });
 ```
 
+## Check the integration
+
+Dispatch an existing app action and confirm that its action and state change appear. Keep the Redux devtools connection enabled and initialize Buoy’s Redux integration before creating the store. Jumping to a retained state does not reverse backend requests or other side effects.
+
 ## What you get
 
 - **Every action, captured** — type, payload, timestamp, and a diff summary (`+added -removed ~modified`) per dispatch
@@ -77,11 +105,11 @@ const store = configureStore({
 
 ## Desktop & AI
 
-The same live session streams to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) (free, macOS/Windows/Linux) and to Claude Code or Cursor via the [Buoy MCP server](https://buoy.gg/buoy/latest/docs/mcp).
+To connect a React Native app to [Buoy Desktop](https://github.com/Buoy-gg/Buoy-Desktop) or MCP, install `@buoy-gg/external-sync` and follow the [Desktop connection guide](https://buoy.gg/buoy/latest/docs/desktop). Sign in to Desktop separately. [MCP setup](https://buoy.gg/buoy/latest/docs/mcp) also requires a process account and Pro access. Available remote actions depend on the tool and app integration.
 
-## Free vs Pro
+## Account and plan requirements
 
-Every tool is free. [Pro](https://buoy.gg/pricing) unlocks production builds, the MCP server, and unlimited capture. Every weekend, Pro features unlock free for anyone holding a key — including a free one (`npx buoy login`).
+Use a Free or Pro Buoy account. History limits and paid features vary by tool; see [pricing](https://buoy.gg/pricing). Production access requires Pro where supported. Development-only hooks and actions remain unavailable in release builds.
 
 ---
 

package/lib/commonjs/index.js

@@ -1,256 +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, "REDUX_TEST_ID", {
-  enumerable: true,
-  get: function () {
-    return _testIDs.REDUX_TEST_ID;
-  }
-});
-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, "ReduxAutoInstrument", {
-  enumerable: true,
-  get: function () {
-    return _ReduxAutoInstrument.ReduxAutoInstrument;
-  }
-});
-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, "ReduxToolView", {
-  enumerable: true,
-  get: function () {
-    return _ReduxModal.ReduxToolView;
-  }
-});
-Object.defineProperty(exports, "actionRowTestID", {
-  enumerable: true,
-  get: function () {
-    return _testIDs.actionRowTestID;
-  }
-});
-Object.defineProperty(exports, "buildActionRowTestIDs", {
-  enumerable: true,
-  get: function () {
-    return _testIDs.buildActionRowTestIDs;
-  }
-});
-Object.defineProperty(exports, "buoyDevtoolsEnhancer", {
-  enumerable: true,
-  get: function () {
-    return _devtoolsHook.buoyDevtoolsEnhancer;
-  }
-});
-Object.defineProperty(exports, "buoyReduxMiddleware", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.buoyReduxMiddleware;
-  }
-});
-Object.defineProperty(exports, "claimDevtoolsHook", {
-  enumerable: true,
-  get: function () {
-    return _devtoolsHook.claimDevtoolsHook;
-  }
-});
-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, "getInstrumentationStatus", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.getInstrumentationStatus;
-  }
-});
-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, "isDevtoolsHookClaimed", {
-  enumerable: true,
-  get: function () {
-    return _devtoolsHook.isDevtoolsHookClaimed;
-  }
-});
-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, "reduxSyncAdapter", {
-  enumerable: true,
-  get: function () {
-    return _reduxSyncAdapter.reduxSyncAdapter;
-  }
-});
-Object.defineProperty(exports, "reduxToolPreset", {
-  enumerable: true,
-  get: function () {
-    return _preset.reduxToolPreset;
-  }
-});
-Object.defineProperty(exports, "registerReduxStore", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.registerReduxStore;
-  }
-});
-Object.defineProperty(exports, "replayAction", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.replayAction;
-  }
-});
-Object.defineProperty(exports, "slugForTestID", {
-  enumerable: true,
-  get: function () {
-    return _testIDs.slugForTestID;
-  }
-});
-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;
-  }
-});
-require("./redux/utils/snapshotProvider");
-var _devtoolsHook = require("./redux/utils/devtoolsHook");
-var _preset = require("./preset");
-var _buoyReduxMiddleware = require("./redux/utils/buoyReduxMiddleware");
-var _autoInstrument = require("./redux/utils/autoInstrument");
-var _createReduxHistoryAdapter = require("./redux/utils/createReduxHistoryAdapter");
-var _reduxSyncAdapter = require("./redux/sync/reduxSyncAdapter");
-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 _ReduxAutoInstrument = require("./redux/components/ReduxAutoInstrument");
-var _testIDs = require("./redux/utils/testIDs");
-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,"REDUX_TEST_ID",{enumerable:!0,get:function(){return _testIDs.REDUX_TEST_ID}}),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,"ReduxAutoInstrument",{enumerable:!0,get:function(){return _ReduxAutoInstrument.ReduxAutoInstrument}}),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,"ReduxToolView",{enumerable:!0,get:function(){return _ReduxModal.ReduxToolView}}),Object.defineProperty(exports,"actionRowTestID",{enumerable:!0,get:function(){return _testIDs.actionRowTestID}}),Object.defineProperty(exports,"buildActionRowTestIDs",{enumerable:!0,get:function(){return _testIDs.buildActionRowTestIDs}}),Object.defineProperty(exports,"buoyDevtoolsEnhancer",{enumerable:!0,get:function(){return _devtoolsHook.buoyDevtoolsEnhancer}}),Object.defineProperty(exports,"buoyReduxMiddleware",{enumerable:!0,get:function(){return _buoyReduxMiddleware.buoyReduxMiddleware}}),Object.defineProperty(exports,"claimDevtoolsHook",{enumerable:!0,get:function(){return _devtoolsHook.claimDevtoolsHook}}),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,"getInstrumentationStatus",{enumerable:!0,get:function(){return _autoInstrument.getInstrumentationStatus}}),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,"isDevtoolsHookClaimed",{enumerable:!0,get:function(){return _devtoolsHook.isDevtoolsHookClaimed}}),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,"reduxSyncAdapter",{enumerable:!0,get:function(){return _reduxSyncAdapter.reduxSyncAdapter}}),Object.defineProperty(exports,"reduxToolPreset",{enumerable:!0,get:function(){return _preset.reduxToolPreset}}),Object.defineProperty(exports,"registerReduxStore",{enumerable:!0,get:function(){return _autoInstrument.registerReduxStore}}),Object.defineProperty(exports,"replayAction",{enumerable:!0,get:function(){return _buoyReduxMiddleware.replayAction}}),Object.defineProperty(exports,"slugForTestID",{enumerable:!0,get:function(){return _testIDs.slugForTestID}}),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}}),require("./redux/utils/snapshotProvider");var _devtoolsHook=require("./redux/utils/devtoolsHook"),_preset=require("./preset"),_buoyReduxMiddleware=require("./redux/utils/buoyReduxMiddleware"),_autoInstrument=require("./redux/utils/autoInstrument"),_createReduxHistoryAdapter=require("./redux/utils/createReduxHistoryAdapter"),_reduxSyncAdapter=require("./redux/sync/reduxSyncAdapter"),_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"),_ReduxAutoInstrument=require("./redux/components/ReduxAutoInstrument"),_testIDs=require("./redux/utils/testIDs"),_reduxActionStore=require("./redux/utils/reduxActionStore");

package/lib/commonjs/preset.js

@@ -1,90 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.reduxToolPreset = exports.createReduxTool = void 0;
-var _ReduxModal = require("./redux/components/ReduxModal");
-var _ReduxIcon = require("./redux/components/ReduxIcon");
-var _sharedUi = require("@buoy-gg/shared-ui");
-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 = (0, _sharedUi.defineToolPreset)({
-  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
- * });
- * ```
- */
-const createReduxTool = exports.createReduxTool = (0, _sharedUi.createToolFactory)(reduxToolPreset, options => ({
-  enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
-}), options => ({
-  icon: ({
-    size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReduxIcon.ReduxIcon, {
-    size: size,
-    color: options.iconColor
-  })
-}));
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.reduxToolPreset=exports.createReduxTool=void 0;var _ReduxModal=require("./redux/components/ReduxModal"),_ReduxIcon=require("./redux/components/ReduxIcon"),_sharedUi=require("@buoy-gg/shared-ui"),_jsxRuntime=require("react/jsx-runtime");const reduxToolPreset=exports.reduxToolPreset=(0,_sharedUi.defineToolPreset)({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}}),createReduxTool=exports.createReduxTool=(0,_sharedUi.createToolFactory)(reduxToolPreset,e=>({enableSharedModalDimensions:e.enableSharedModalDimensions??!1}),e=>({icon:({size:o})=>(0,_jsxRuntime.jsx)(_ReduxIcon.ReduxIcon,{size:o,color:e.iconColor})}));

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

@@ -1,131 +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.night.color.accent,
-    backgroundColor: _sharedUi.night.color.accent + "15",
-    borderColor: _sharedUi.night.color.accent + "40",
-    textColor: _sharedUi.night.color.accent
-  },
-  copy: {
-    color: _sharedUi.night.color.accent,
-    backgroundColor: _sharedUi.night.color.accent + "15",
-    borderColor: _sharedUi.night.color.accent + "40",
-    textColor: _sharedUi.night.color.accent
-  },
-  jump: {
-    color: _sharedUi.night.color.warning,
-    backgroundColor: _sharedUi.night.color.warning + "15",
-    borderColor: _sharedUi.night.color.warning + "40",
-    textColor: _sharedUi.night.color.warning
-  },
-  skip: {
-    color: _sharedUi.night.color.textSecondary,
-    backgroundColor: _sharedUi.night.color.textSecondary + "26",
-    borderColor: _sharedUi.night.color.textSecondary + "59",
-    textColor: _sharedUi.night.color.textSecondary
-  },
-  clear: {
-    color: _sharedUi.night.color.danger,
-    backgroundColor: _sharedUi.night.color.danger + "15",
-    borderColor: _sharedUi.night.color.danger + "40",
-    textColor: _sharedUi.night.color.danger
-  },
-  diff: {
-    color: _sharedUi.night.color.info,
-    backgroundColor: _sharedUi.night.color.info + "15",
-    borderColor: _sharedUi.night.color.info + "40",
-    textColor: _sharedUi.night.color.info
-  }
-};
-function ReduxActionButton({
-  onPress,
-  text,
-  type,
-  disabled = false,
-  testID
-}) {
-  const config = buttonConfigs[type];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-    testID: testID,
-    disabled: disabled,
-    onPress: onPress,
-    style: [styles.button, {
-      backgroundColor: disabled ? _sharedUi.night.color.textTertiary + "1A" : config.backgroundColor,
-      borderColor: disabled ? _sharedUi.night.color.textTertiary + "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.night.color.textTertiary : config.color
-      }]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.text, {
-        color: disabled ? _sharedUi.night.color.textTertiary : 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.night.color.text,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 2
-  },
-  text: {
-    fontSize: 10,
-    fontWeight: "600",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: _sharedUi.monoFont,
-    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.night.color.accent,backgroundColor:_sharedUi.night.color.accent+"15",borderColor:_sharedUi.night.color.accent+"40",textColor:_sharedUi.night.color.accent},copy:{color:_sharedUi.night.color.accent,backgroundColor:_sharedUi.night.color.accent+"15",borderColor:_sharedUi.night.color.accent+"40",textColor:_sharedUi.night.color.accent},jump:{color:_sharedUi.night.color.warning,backgroundColor:_sharedUi.night.color.warning+"15",borderColor:_sharedUi.night.color.warning+"40",textColor:_sharedUi.night.color.warning},skip:{color:_sharedUi.night.color.textSecondary,backgroundColor:_sharedUi.night.color.textSecondary+"26",borderColor:_sharedUi.night.color.textSecondary+"59",textColor:_sharedUi.night.color.textSecondary},clear:{color:_sharedUi.night.color.danger,backgroundColor:_sharedUi.night.color.danger+"15",borderColor:_sharedUi.night.color.danger+"40",textColor:_sharedUi.night.color.danger},diff:{color:_sharedUi.night.color.info,backgroundColor:_sharedUi.night.color.info+"15",borderColor:_sharedUi.night.color.info+"40",textColor:_sharedUi.night.color.info}};function ReduxActionButton({onPress:o,text:t,type:r,disabled:e=!1,testID:i}){const a=buttonConfigs[r];return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:i,disabled:e,onPress:o,style:[styles.button,{backgroundColor:e?_sharedUi.night.color.textTertiary+"1A":a.backgroundColor,borderColor:e?_sharedUi.night.color.textTertiary+"33":a.borderColor,opacity:e?.5:1}],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:t,accessibilityState:{disabled:e},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:e?_sharedUi.night.color.textTertiary:a.color}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:e?_sharedUi.night.color.textTertiary:a.textColor}],children:t})]})}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.night.color.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:_sharedUi.monoFont,height:12}});