@buoy-gg/redux 7.0.40 → 7.0.42

package/lib/commonjs/redux/utils/snapshotProvider.js

@@ -1,158 +1 @@
-"use strict";
-
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _activeStoreRegistry = require("./activeStoreRegistry");
-var _buoyReduxMiddleware = require("./buoyReduxMiddleware");
-/**
- * Time Machine snapshot provider for Redux.
- *
- * Registered into @buoy-gg/shared-ui's stateSnapshotRegistry at module init;
- * consumed by @buoy-gg/time-machine.
- *
- * Restore rides the existing `@@buoy/JUMP_TO_STATE` full-state-replace action:
- * - enhancer path: always handled (wrapReducer).
- * - middleware path: handled ONLY when the app wrapped its root reducer in
- *   `withBuoyDevTools()` — unverifiable statically, so restore verifies by
- *   reference identity after dispatch (the wrapped reducer returns the payload
- *   object itself).
- * - patch path: never handled; restore is reported as unavailable up front.
- */
-
-const ENABLE_HINT = "enable restore by using the Buoy enhancer or wrapping your root reducer in withBuoyDevTools()";
-function status() {
-  const {
-    mechanism,
-    hasStore,
-    diagnostic
-  } = (0, _activeStoreRegistry.getInstrumentationStatus)();
-  if (!hasStore) {
-    return {
-      canCapture: false,
-      canRestore: false,
-      detail: diagnostic === "no-react-redux" ? "react-redux not installed" : diagnostic === "no-provider" ? "No Redux <Provider> found" : "No Redux store instrumented"
-    };
-  }
-  if (mechanism === "patch") {
-    return {
-      canCapture: true,
-      canRestore: false,
-      detail: `Auto-instrumented store cannot be restored — ${ENABLE_HINT}`
-    };
-  }
-  return {
-    canCapture: true,
-    canRestore: true,
-    detail: mechanism === "middleware" ? "Restore requires withBuoyDevTools(rootReducer) — verified at restore time" : undefined
-  };
-}
-async function capture() {
-  const store = (0, _activeStoreRegistry.getActiveStore)();
-  if (!store) {
-    return {
-      data: null,
-      warnings: ["no Redux store instrumented"]
-    };
-  }
-  return {
-    data: {
-      state: store.getState()
-    },
-    warnings: []
-  };
-}
-async function restore(data, options) {
-  const snapshot = data;
-  const store = (0, _activeStoreRegistry.getActiveStore)();
-  if (!store || snapshot === undefined || snapshot === null) {
-    return (0, _sharedUi.skippedRestore)("redux", store ? "empty redux snapshot" : "no Redux store instrumented");
-  }
-  const {
-    mechanism
-  } = (0, _activeStoreRegistry.getInstrumentationStatus)();
-  if (mechanism === "patch") {
-    return (0, _sharedUi.skippedRestore)("redux", `restore unavailable on auto-instrumented stores — ${ENABLE_HINT}`);
-  }
-  // Untouched slices keep their LIVE values inside the jump payload, so the
-  // full-state replace leaves them alone. A slice is untouched when it's
-  // explicitly excluded OR outside the includeKeys scope.
-  const scope = (0, _sharedUi.createRestoreScope)(options);
-  const excluded = Object.keys(snapshot.state ?? {}).filter(k => !scope.touch(k));
-  let payload = snapshot.state;
-  if (excluded.length > 0) {
-    const live = store.getState();
-    const merged = {
-      ...snapshot.state
-    };
-    for (const slice of excluded) merged[slice] = live?.[slice];
-    payload = merged;
-  }
-  store.dispatch({
-    type: _buoyReduxMiddleware.BUOY_JUMP_TO_STATE,
-    payload
-  });
-  // The wrapped reducer returns the payload object itself, so reference
-  // identity proves the jump was actually handled (and not silently ignored
-  // by an unwrapped middleware-path reducer).
-  if (store.getState() === payload) {
-    const warnings = excluded.length > 0 ? [`${excluded.length} slice(s) excluded by you`] : [];
-    return {
-      ok: true,
-      applied: 1,
-      skipped: [],
-      warnings
-    };
-  }
-  return (0, _sharedUi.skippedRestore)("redux", `store ignored the state jump — ${ENABLE_HINT}`);
-}
-
-/** Per-slice restore preview. `base` omitted = compare against the live store. */
-async function previewItems(target, base) {
-  const targetState = target?.state;
-  const liveMode = base === undefined;
-  const store = (0, _activeStoreRegistry.getActiveStore)();
-  const baseState = liveMode ? store?.getState() : base?.state;
-  const items = [];
-  const notes = [];
-
-  // Restore-capability gate — a diff restore can't apply must say so, not
-  // render as a green change.
-  let wontApplyReason;
-  if (liveMode) {
-    const {
-      mechanism,
-      hasStore
-    } = (0, _activeStoreRegistry.getInstrumentationStatus)();
-    if (!hasStore) wontApplyReason = "no Redux store instrumented";else if (mechanism === "patch") {
-      wontApplyReason = `auto-instrumented store cannot be restored — ${ENABLE_HINT}`;
-    }
-  }
-  const oldObj = baseState ?? {};
-  const newObj = targetState ?? {};
-  for (const key of (0, _sharedUi.unionKeys)(oldObj, newObj)) {
-    let item = (0, _sharedUi.classifyPreviewItem)({
-      key,
-      label: key,
-      oldValue: oldObj[key],
-      newValue: newObj[key],
-      inOld: Object.prototype.hasOwnProperty.call(oldObj, key),
-      inNew: Object.prototype.hasOwnProperty.call(newObj, key)
-    }, {
-      tooLargeReason: "slice too large to render a diff — restore still applies it"
-    });
-    if (wontApplyReason) item = (0, _sharedUi.wontApply)(item, wontApplyReason);
-    items.push(item);
-  }
-  if (wontApplyReason) notes.push(`Redux restore unavailable: ${wontApplyReason}`);
-  return {
-    items,
-    notes
-  };
-}
-(0, _sharedUi.registerStateSnapshotProvider)({
-  id: "redux",
-  label: "Redux",
-  status,
-  capture,
-  restore,
-  previewItems
-});
+"use strict";var _sharedUi=require("@buoy-gg/shared-ui");var _activeStoreRegistry=require("./activeStoreRegistry");var _buoyReduxMiddleware=require("./buoyReduxMiddleware");const ENABLE_HINT="enable restore by using the Buoy enhancer or wrapping your root reducer in withBuoyDevTools()";function status(){const{mechanism:r,hasStore:a,diagnostic:t}=(0,_activeStoreRegistry.getInstrumentationStatus)();if(!a){return{canCapture:false,canRestore:false,detail:t==="no-react-redux"?"react-redux not installed":t==="no-provider"?"No Redux <Provider> found":"No Redux store instrumented"}}if(r==="patch"){return{canCapture:true,canRestore:false,detail:`Auto-instrumented store cannot be restored \u2014 ${ENABLE_HINT}`}}return{canCapture:true,canRestore:true,detail:r==="middleware"?"Restore requires withBuoyDevTools(rootReducer) \u2014 verified at restore time":void 0}}async function capture(){const r=(0,_activeStoreRegistry.getActiveStore)();if(!r){return{data:null,warnings:["no Redux store instrumented"]}}return{data:{state:r.getState()},warnings:[]}}async function restore(r,a){const t=r;const n=(0,_activeStoreRegistry.getActiveStore)();if(!n||t===void 0||t===null){return(0,_sharedUi.skippedRestore)("redux",n?"empty redux snapshot":"no Redux store instrumented")}const{mechanism:l}=(0,_activeStoreRegistry.getInstrumentationStatus)();if(l==="patch"){return(0,_sharedUi.skippedRestore)("redux",`restore unavailable on auto-instrumented stores \u2014 ${ENABLE_HINT}`)}const p=(0,_sharedUi.createRestoreScope)(a);const s=Object.keys(t.state??{}).filter(e=>!p.touch(e));let i=t.state;if(s.length>0){const e=n.getState();const u={...t.state};for(const d of s)u[d]=e?.[d];i=u}n.dispatch({type:_buoyReduxMiddleware.BUOY_JUMP_TO_STATE,payload:i});if(n.getState()===i){const e=s.length>0?[`${s.length} slice(s) excluded by you`]:[];return{ok:true,applied:1,skipped:[],warnings:e}}return(0,_sharedUi.skippedRestore)("redux",`store ignored the state jump \u2014 ${ENABLE_HINT}`)}async function previewItems(r,a){const t=r?.state;const n=a===void 0;const l=(0,_activeStoreRegistry.getActiveStore)();const p=n?l?.getState():a?.state;const s=[];const i=[];let e;if(n){const{mechanism:o,hasStore:c}=(0,_activeStoreRegistry.getInstrumentationStatus)();if(!c)e="no Redux store instrumented";else if(o==="patch"){e=`auto-instrumented store cannot be restored \u2014 ${ENABLE_HINT}`}}const u=p??{};const d=t??{};for(const o of(0,_sharedUi.unionKeys)(u,d)){let c=(0,_sharedUi.classifyPreviewItem)({key:o,label:o,oldValue:u[o],newValue:d[o],inOld:Object.prototype.hasOwnProperty.call(u,o),inNew:Object.prototype.hasOwnProperty.call(d,o)},{tooLargeReason:"slice too large to render a diff \u2014 restore still applies it"});if(e)c=(0,_sharedUi.wontApply)(c,e);s.push(c)}if(e)i.push(`Redux restore unavailable: ${e}`);return{items:s,notes:i}}(0,_sharedUi.registerStateSnapshotProvider)({id:"redux",label:"Redux",status,capture,restore,previewItems});

package/lib/commonjs/redux/utils/testIDs.js

@@ -1,75 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.REDUX_TEST_ID = void 0;
-exports.actionRowTestID = actionRowTestID;
-exports.buildActionRowTestIDs = buildActionRowTestIDs;
-exports.slugForTestID = slugForTestID;
-/**
- * Redux tool test handles.
- *
- * Every tappable and every value the e2e suite reads back is addressed
- * `buoy-redux-<thing>`. One rule in here needs explaining, because it is the
- * opposite of what the Events tool does and the difference is not cosmetic:
- *
- * **A redux row's handle carries an ORDINAL.** The Events tool can address a
- * row by what it is about, because an event is a thing that happened to a
- * named subject — one key, one URL, one atom. A redux action is not: an app
- * dispatches `counter/increment` fifty times and every one of them is a
- * separate, equally real row. Addressing them by type alone would give fifty
- * views one handle, and Detox fails a *matcher* that hits more than one
- * element — so the suite would break on `toExist()`, before any assertion,
- * with an error that says nothing about duplicate actions.
- *
- * So the handle is `buoy-redux-row-<slug(type)>-<n>`, where n counts back from
- * the newest row of that type (1 = newest). It is deliberately relative to the
- * list rather than absolute: an action has no identity of its own that a host
- * could know in advance — `id` is a timestamp plus a per-process counter, and
- * the counter's value depends on how many actions the app happened to dispatch
- * before the test looked. What a test CAN know is "the increment I just fired
- * is the newest increment", which is exactly what `-1` means.
- *
- * The consequence, and it is the same one the Events tool documents for its
- * positional-free handles: read and tap in one beat. A row's ordinal changes
- * the moment another action of that type arrives.
- *
- * The suite mirrors these rules in CommonJS (`example-dev-build/utils/
- * reduxBench.js`) and asserts the two agree — Detox runs in Node on the host
- * and cannot import TypeScript.
- */
-
-/** Prefix every handle in this tool shares. */
-const REDUX_TEST_ID = exports.REDUX_TEST_ID = "buoy-redux";
-
-/** `counter/increment` → `counter-increment`. Shared with every Buoy tool. */
-function slugForTestID(value) {
-  return String(value ?? "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "unknown";
-}
-
-/**
- * Handle for one action row: `buoy-redux-row-counter-increment-1`.
- *
- * `ordinal` is 1-based and counts back from the newest row of this type.
- */
-function actionRowTestID(type, ordinal) {
-  return `${REDUX_TEST_ID}-row-${slugForTestID(type)}-${ordinal}`;
-}
-
-/**
- * Row handle per action id for one rendered list, newest-first.
- *
- * Built once for the whole list rather than per row, because an ordinal is a
- * fact about the list and a row cannot compute its own.
- */
-function buildActionRowTestIDs(actions) {
-  const seen = new Map();
-  const handles = new Map();
-  for (const action of actions) {
-    const ordinal = (seen.get(action.type) ?? 0) + 1;
-    seen.set(action.type, ordinal);
-    handles.set(action.id, actionRowTestID(action.type, ordinal));
-  }
-  return handles;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.REDUX_TEST_ID=void 0;exports.actionRowTestID=actionRowTestID;exports.buildActionRowTestIDs=buildActionRowTestIDs;exports.slugForTestID=slugForTestID;const REDUX_TEST_ID=exports.REDUX_TEST_ID="buoy-redux";function slugForTestID(e){return String(e??"").toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")||"unknown"}function actionRowTestID(e,t){return`${REDUX_TEST_ID}-row-${slugForTestID(e)}-${t}`}function buildActionRowTestIDs(e){const t=new Map;const n=new Map;for(const o of e){const s=(t.get(o.type)??0)+1;t.set(o.type,s);n.set(o.id,actionRowTestID(o.type,s))}return n}

package/lib/module/index.js

@@ -1,125 +1 @@
-"use strict";
-
-/**
- * @buoy-gg/redux
- *
- * Redux Toolkit DevTools for React Native
- *
- * PUBLIC API - Only these exports are supported for external use.
- * Internal stores are not exported to prevent bypassing the tool's
- * intended usage patterns.
- *
- * ZERO-CONFIG: Just install this package - that's it!
- * The Redux DevTools automatically instruments your store when
- * FloatingDevTools mounts. No middleware, no configuration needed.
- *
- * @example Zero-config setup (just install and use!)
- * ```tsx
- * // 1. Install: npm install @buoy-gg/redux
- *
- * // 2. Your existing Redux setup (NO CHANGES NEEDED!)
- * const store = configureStore({ reducer: rootReducer });
- *
- * // 3. Your app with FloatingDevTools (Redux tool auto-detected!)
- * <Provider store={store}>
- *   <App />
- *   <FloatingDevTools />  // Redux tool appears automatically!
- * </Provider>
- * ```
- *
- * That's it! The Redux tool will auto-detect your store and capture actions.
- *
- * HOW CAPTURE WORKS (in priority order):
- * 1. ENHANCER — importing this package claims the official Redux DevTools
- *    global (`__REDUX_DEVTOOLS_EXTENSION_COMPOSE__`), which RTK checks by
- *    default. If this package loads before your store module, Buoy is inside
- *    the store from creation: FULL capture (thunk/RTK Query actions included)
- *    and real time travel. To guarantee this ordering, make
- *    `import '@buoy-gg/redux';` the FIRST import of your app entry.
- * 2. MIDDLEWARE — add `buoyReduxMiddleware` for explicit full capture.
- * 3. PATCH — otherwise, `FloatingDevTools` binds the store at first mount by
- *    patching store.dispatch. Top-level dispatches only (thunk-internal
- *    actions bypass a dispatch patch — that's a Redux architecture fact).
- *
- * @example Advanced: Manual middleware (explicit full capture)
- * ```tsx
- * import { buoyReduxMiddleware, withBuoyDevTools } from '@buoy-gg/redux';
- *
- * const store = configureStore({
- *   reducer: withBuoyDevTools(rootReducer),  // Enables time-travel
- *   middleware: (getDefaultMiddleware) =>
- *     getDefaultMiddleware().concat(buoyReduxMiddleware),
- * });
- * ```
- */
-
-// Side-effect: registers the Time Machine snapshot provider
-import "./redux/utils/snapshotProvider";
-
-// SIDE EFFECT (must stay first): claim the Redux DevTools global so stores
-// created after this module loads get the full-capture enhancer. Dev-only,
-// never overrides an existing claimant. See ./redux/utils/devtoolsHook.ts.
-import "./redux/utils/devtoolsHook";
-
-// =============================================================================
-// PRESET (Primary entry point for users)
-// =============================================================================
-export { reduxToolPreset, createReduxTool } from "./preset";
-
-// =============================================================================
-// MIDDLEWARE (Optional - for manual setup if preferred over auto-instrumentation)
-// =============================================================================
-export { buoyReduxMiddleware, createBuoyReduxMiddleware, withBuoyDevTools, jumpToState, replayAction, BUOY_JUMP_TO_STATE, BUOY_REPLAY_ACTION } from "./redux/utils/buoyReduxMiddleware";
-
-// =============================================================================
-// AUTO-INSTRUMENTATION (For programmatic store instrumentation)
-// =============================================================================
-export { instrumentStore, uninstrumentStore, isStoreInstrumented, isAutoInstrumentActive, getActiveStore, getInstrumentationStatus, registerReduxStore } from "./redux/utils/autoInstrument";
-// Store-creation-time capture (the primary, full-capture path). Claimed as a
-// module side effect above; exported for tests/advanced hosts.
-export { buoyDevtoolsEnhancer, claimDevtoolsHook, isDevtoolsHookClaimed } from "./redux/utils/devtoolsHook";
-
-// =============================================================================
-// HISTORY ADAPTER (For universal history devtools)
-// =============================================================================
-export { createReduxHistoryAdapter, reduxHistoryAdapter } from "./redux/utils/createReduxHistoryAdapter";
-
-// =============================================================================
-// EXTERNAL SYNC (Adapter for @buoy-gg/external-sync's useExternalSync)
-// =============================================================================
-export { reduxSyncAdapter } from "./redux/sync/reduxSyncAdapter";
-
-// =============================================================================
-// HOOKS (For consuming Redux action data)
-// =============================================================================
-export { useReduxActions } from "./redux/hooks/useReduxActions";
-// Auto-instrumentation hooks (for advanced use cases)
-export { useAutoInstrumentRedux, useReduxAvailability } from "./redux/hooks/useAutoInstrumentRedux";
-// =============================================================================
-// COMPONENTS (For custom UI implementations)
-// =============================================================================
-// `ReduxToolView` is the same tool rendered inline (header bar + body + footer)
-// instead of inside a JsModal — for hosts that show tools in a panel.
-export { ReduxModal, ReduxToolView, FREE_TIER_ACTION_LIMIT } from "./redux/components/ReduxModal";
-export { ReduxActionItem } from "./redux/components/ReduxActionItem";
-export { ReduxActionDetailView } from "./redux/components/ReduxActionDetailView";
-export { ReduxActionDetailContent, ReduxActionDetailFooter } from "./redux/components/ReduxActionDetailContent";
-export { ReduxIcon } from "./redux/components/ReduxIcon";
-// Headless startup instrumentation — auto-rendered by @buoy-gg/core's
-// FloatingDevTools; exported for hosts that mount devtools their own way.
-export { ReduxAutoInstrument } from "./redux/components/ReduxAutoInstrument";
-
-// =============================================================================
-// TEST HANDLES (shared with the e2e suite and the website's live tour)
-// =============================================================================
-export { REDUX_TEST_ID, actionRowTestID, buildActionRowTestIDs, slugForTestID } from "./redux/utils/testIDs";
-
-// =============================================================================
-// TYPES
-// =============================================================================
-
-// =============================================================================
-// INTERNAL EXPORTS (For @buoy-gg/* packages only - not part of public API)
-// =============================================================================
-/** @internal */
-export { reduxActionStore } from "./redux/utils/reduxActionStore";
+"use strict";import"./redux/utils/snapshotProvider";import"./redux/utils/devtoolsHook";export{reduxToolPreset,createReduxTool}from"./preset";export{buoyReduxMiddleware,createBuoyReduxMiddleware,withBuoyDevTools,jumpToState,replayAction,BUOY_JUMP_TO_STATE,BUOY_REPLAY_ACTION}from"./redux/utils/buoyReduxMiddleware";export{instrumentStore,uninstrumentStore,isStoreInstrumented,isAutoInstrumentActive,getActiveStore,getInstrumentationStatus,registerReduxStore}from"./redux/utils/autoInstrument";export{buoyDevtoolsEnhancer,claimDevtoolsHook,isDevtoolsHookClaimed}from"./redux/utils/devtoolsHook";export{createReduxHistoryAdapter,reduxHistoryAdapter}from"./redux/utils/createReduxHistoryAdapter";export{reduxSyncAdapter}from"./redux/sync/reduxSyncAdapter";export{useReduxActions}from"./redux/hooks/useReduxActions";export{useAutoInstrumentRedux,useReduxAvailability}from"./redux/hooks/useAutoInstrumentRedux";export{ReduxModal,ReduxToolView,FREE_TIER_ACTION_LIMIT}from"./redux/components/ReduxModal";export{ReduxActionItem}from"./redux/components/ReduxActionItem";export{ReduxActionDetailView}from"./redux/components/ReduxActionDetailView";export{ReduxActionDetailContent,ReduxActionDetailFooter}from"./redux/components/ReduxActionDetailContent";export{ReduxIcon}from"./redux/components/ReduxIcon";export{ReduxAutoInstrument}from"./redux/components/ReduxAutoInstrument";export{REDUX_TEST_ID,actionRowTestID,buildActionRowTestIDs,slugForTestID}from"./redux/utils/testIDs";export{reduxActionStore}from"./redux/utils/reduxActionStore";

package/lib/module/preset.js

@@ -1,87 +1 @@
-"use strict";
-
-/**
- * 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]} />
- * ```
- */
-
-import { ReduxModal } from "./redux/components/ReduxModal";
-import { ReduxIcon } from "./redux/components/ReduxIcon";
-import { createToolFactory, defineToolPreset } from "@buoy-gg/shared-ui";
-
-/**
- * Pre-configured Redux DevTools preset for FloatingDevTools.
- * Includes:
- * - Live action monitoring
- * - Action/state inspection
- * - State diff visualization
- * - Filter by action type
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-export const reduxToolPreset = defineToolPreset({
-  id: "redux",
-  name: "REDUX",
-  description: "Redux action & state inspector",
-  slot: "both",
-  icon: ({
-    size
-  }) => /*#__PURE__*/_jsx(ReduxIcon, {
-    size: size
-  }),
-  component: 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
- * });
- * ```
- */
-export const createReduxTool = createToolFactory(reduxToolPreset, options => ({
-  enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
-}), options => ({
-  icon: ({
-    size
-  }) => /*#__PURE__*/_jsx(ReduxIcon, {
-    size: size,
-    color: options.iconColor
-  })
-}));
+"use strict";import{ReduxModal as t}from"./redux/components/ReduxModal";import{ReduxIcon as e}from"./redux/components/ReduxIcon";import{createToolFactory as i,defineToolPreset as n}from"@buoy-gg/shared-ui";import{jsx as r}from"react/jsx-runtime";export const reduxToolPreset=n({id:"redux",name:"REDUX",description:"Redux action & state inspector",slot:"both",icon:({size:o})=>r(e,{size:o}),component:t,props:{enableSharedModalDimensions:false}});export const createReduxTool=i(reduxToolPreset,o=>({enableSharedModalDimensions:o.enableSharedModalDimensions??false}),o=>({icon:({size:s})=>r(e,{size:s,color:o.iconColor})}));

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

@@ -1,128 +1 @@
-"use strict";
-
-/**
- * ReduxActionButton
- *
- * Generic action button for Redux DevTools footer
- * Matches React Query DevTools ActionButton styling
- */
-
-import { TouchableOpacity, Text, View, StyleSheet } from "react-native";
-import { night, monoFont } from "@buoy-gg/shared-ui";
-
-// Button color configurations matching React Query pattern
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const buttonConfigs = {
-  replay: {
-    color: night.color.accent,
-    backgroundColor: night.color.accent + "15",
-    borderColor: night.color.accent + "40",
-    textColor: night.color.accent
-  },
-  copy: {
-    color: night.color.accent,
-    backgroundColor: night.color.accent + "15",
-    borderColor: night.color.accent + "40",
-    textColor: night.color.accent
-  },
-  jump: {
-    color: night.color.warning,
-    backgroundColor: night.color.warning + "15",
-    borderColor: night.color.warning + "40",
-    textColor: night.color.warning
-  },
-  skip: {
-    color: night.color.textSecondary,
-    backgroundColor: night.color.textSecondary + "26",
-    borderColor: night.color.textSecondary + "59",
-    textColor: night.color.textSecondary
-  },
-  clear: {
-    color: night.color.danger,
-    backgroundColor: night.color.danger + "15",
-    borderColor: night.color.danger + "40",
-    textColor: night.color.danger
-  },
-  diff: {
-    color: night.color.info,
-    backgroundColor: night.color.info + "15",
-    borderColor: night.color.info + "40",
-    textColor: night.color.info
-  }
-};
-export function ReduxActionButton({
-  onPress,
-  text,
-  type,
-  disabled = false,
-  testID
-}) {
-  const config = buttonConfigs[type];
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    testID: testID,
-    disabled: disabled,
-    onPress: onPress,
-    style: [styles.button, {
-      backgroundColor: disabled ? night.color.textTertiary + "1A" : config.backgroundColor,
-      borderColor: disabled ? night.color.textTertiary + "33" : config.borderColor,
-      opacity: disabled ? 0.5 : 1
-    }],
-    activeOpacity: 0.7,
-    accessibilityRole: "button",
-    accessibilityLabel: text,
-    accessibilityState: {
-      disabled
-    },
-    children: [/*#__PURE__*/_jsx(View, {
-      style: [styles.dot, {
-        backgroundColor: disabled ? night.color.textTertiary : config.color
-      }]
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.text, {
-        color: disabled ? night.color.textTertiary : config.textColor
-      }],
-      children: text
-    })]
-  });
-}
-const styles = 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: night.color.text,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 2
-  },
-  text: {
-    fontSize: 10,
-    fontWeight: "600",
-    letterSpacing: 0.5,
-    textTransform: "uppercase",
-    fontFamily: monoFont,
-    height: 12
-  }
-});
+"use strict";import{TouchableOpacity as d,Text as s,View as g,StyleSheet as h}from"react-native";import{night as o,monoFont as C}from"@buoy-gg/shared-ui";import{jsx as l,jsxs as u}from"react/jsx-runtime";const x={replay:{color:o.color.accent,backgroundColor:o.color.accent+"15",borderColor:o.color.accent+"40",textColor:o.color.accent},copy:{color:o.color.accent,backgroundColor:o.color.accent+"15",borderColor:o.color.accent+"40",textColor:o.color.accent},jump:{color:o.color.warning,backgroundColor:o.color.warning+"15",borderColor:o.color.warning+"40",textColor:o.color.warning},skip:{color:o.color.textSecondary,backgroundColor:o.color.textSecondary+"26",borderColor:o.color.textSecondary+"59",textColor:o.color.textSecondary},clear:{color:o.color.danger,backgroundColor:o.color.danger+"15",borderColor:o.color.danger+"40",textColor:o.color.danger},diff:{color:o.color.info,backgroundColor:o.color.info+"15",borderColor:o.color.info+"40",textColor:o.color.info}};export function ReduxActionButton({onPress:n,text:c,type:a,disabled:r=false,testID:i}){const t=x[a];return u(d,{testID:i,disabled:r,onPress:n,style:[e.button,{backgroundColor:r?o.color.textTertiary+"1A":t.backgroundColor,borderColor:r?o.color.textTertiary+"33":t.borderColor,opacity:r?.5:1}],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:c,accessibilityState:{disabled:r},children:[l(g,{style:[e.dot,{backgroundColor:r?o.color.textTertiary:t.color}]}),l(s,{style:[e.text,{color:r?o.color.textTertiary:t.textColor}],children:c})]})}const e=h.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:o.color.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:C,height:12}});