@buoy-gg/redux 7.0.41 → 7.0.42

package/README.md

@@ -1,122 +1,27 @@
-# @buoy-gg/redux
+<div align="center">
 
-[![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)
+# @buoy-gg/redux
 
 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). Install the package, complete account setup, and follow the integration steps below.
+<a href="https://buoy.gg/buoy/latest/docs/tools/redux"><b>Redux guide</b></a> &nbsp;·&nbsp; <a href="https://buoy.gg">buoy.gg</a> &nbsp;·&nbsp; <a href="https://github.com/Buoy-gg/buoy">All tools</a>
 
-## Install
+[![npm version](https://img.shields.io/npm/v/@buoy-gg/redux?style=flat-square&labelColor=10302a&color=2a9d78)](https://www.npmjs.com/package/@buoy-gg/redux) [![npm downloads](https://img.shields.io/npm/dm/@buoy-gg/redux?style=flat-square&labelColor=10302a&color=2a9d78&label=downloads%2Fmonth)](https://www.npmjs.com/package/@buoy-gg/redux)
 
-```bash
-npm install @buoy-gg/core @buoy-gg/redux
-```
+<a href="https://buoy.gg/buoy/latest/docs/tools/redux"><img src="https://raw.githubusercontent.com/Buoy-gg/buoy/main/.github/readme/tools/redux.png" alt="Watch the Redux film on buoy.gg" width="640" /></a>
 
-## Before you start
+</div>
 
-Use a development build with `@buoy-gg/core` and a Free or Pro Buoy account key. From your app’s directory, sign in:
+## Install
 
 ```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
-
-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';
-
-const store = configureStore({ reducer: rootReducer }); // unchanged
-
-export default function App() {
-  return (
-    <Provider store={store}>
-      <YourApp />
-      <FloatingDevTools />
-    </Provider>
-  );
-}
-```
-
-### 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 establish this ordering, make it the first import of your app entry:
-
-   ```tsx
-   // index.js — first line
-   import '@buoy-gg/redux';
-   ```
-
-2. **Middleware (explicit full capture)** — one line if you prefer being explicit:
-
-   ```tsx
-   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).
-
-### Optional: full time travel
-
-Time travel works out of the box on path 1. On the middleware path, wrap your reducer:
-
-```tsx
-import { withBuoyDevTools } from '@buoy-gg/redux';
-
-const store = configureStore({
-  reducer: withBuoyDevTools(rootReducer),
-});
+npm install @buoy-gg/core @buoy-gg/redux
 ```
 
-## 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
-- **Frame-budget warnings** — actions taking longer than 16ms are flagged so slow reducers can't hide
-- **RTK async thunk linking** — pending → fulfilled/rejected automatically connected by Request ID, with a visual timeline and per-request durations
-- **Time travel** — jump to the state after any action, or replay an action to re-test your reducers
-- **Three-tab detail view** — full action payload, full state tree, and a side-by-side diff (tree or split view)
-- **Search & filter** — find actions by type, or show only actions that actually changed state
-- **Export & copy** — dump action history as JSON for bug reports or test fixtures
-- **Recording toggle** — pause capture when you need to focus, resume when ready
-
-## Desktop & AI
+Import `@buoy-gg/redux` before the module that creates your store, and keep Redux DevTools integration enabled. Don't create a second store for Buoy.
 
-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.
-
-## Account and plan requirements
-
-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.
+The [Redux guide](https://buoy.gg/buoy/latest/docs/tools/redux) covers setup, what it captures and its limits. New to Buoy? Start with the [Quick start](https://buoy.gg/buoy/latest/docs/quick-start).
 
 ---
 
-📚 [Full docs](https://buoy.gg/buoy/latest/docs/tools/redux) · [All Buoy tools](https://github.com/Buoy-gg/buoy)
-
-Proprietary software. © Buoy LLC. [Terms](https://buoy.gg/terms)
-
-## Web support (unreleased)
-
-Use the app’s existing Redux provider. The browser host mounts capture and exposes the shared state and action panels. The browser build is available in this checkout and has not been published yet. See the [web setup guide](https://buoy.gg/buoy/latest/docs/web-preview) for registration, dependencies, and browser boundaries.
+<sub>Part of <a href="https://buoy.gg">Buoy</a>, developer tools that live inside your app. Proprietary software. © Buoy LLC. <a href="https://buoy.gg/terms">Terms</a></sub>

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: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");

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: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");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:false}});const createReduxTool=exports.createReduxTool=(0,_sharedUi.createToolFactory)(reduxToolPreset,e=>({enableSharedModalDimensions:e.enableSharedModalDimensions??false}),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:true});exports.ReduxActionButton=ReduxActionButton;var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _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:e,text:r,type:n,disabled:o=false,testID:c}){const t=buttonConfigs[n];return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:c,disabled:o,onPress:e,style:[styles.button,{backgroundColor:o?_sharedUi.night.color.textTertiary+"1A":t.backgroundColor,borderColor:o?_sharedUi.night.color.textTertiary+"33":t.borderColor,opacity:o?.5:1}],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{disabled:o},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.dot,{backgroundColor:o?_sharedUi.night.color.textTertiary:t.color}]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:o?_sharedUi.night.color.textTertiary:t.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.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}});