@buoy-gg/redux 2.1.12 → 2.1.13

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

@@ -1,358 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.reduxActionStore = void 0;
-/**
- * Redux action store - captures and stores Redux Toolkit actions
- */
-
-// ============================================
-// Helper Functions for Enhanced Data
-// ============================================
-
-/**
- * Get action category from type string
- */
-function getActionCategory(type) {
-  if (type.startsWith("@@")) return "internal";
-  if (type.includes("/pending")) return "pending";
-  if (type.includes("/fulfilled")) return "fulfilled";
-  if (type.includes("/rejected")) return "rejected";
-  if (type.includes("/executeQuery")) return "query";
-  if (type.includes("/executeMutation")) return "mutation";
-  return "action";
-}
-
-/**
- * Parse action type to extract slice and action names
- */
-function parseActionType(type) {
-  // Handle internal actions
-  if (type.startsWith("@@")) {
-    const parts = type.split("/");
-    return {
-      sliceName: null,
-      actionName: parts[parts.length - 1] || type
-    };
-  }
-
-  // Handle RTK pattern: "sliceName/actionName" or "sliceName/actionName/status"
-  const parts = type.split("/");
-  if (parts.length >= 2) {
-    const sliceName = parts[0];
-    // For async thunks, action name might be "fetchUser/pending" -> we want "fetchUser"
-    let actionName = parts[1];
-
-    // If it's an async status, use the base action name
-    if (parts.length >= 3 && ["pending", "fulfilled", "rejected"].includes(parts[parts.length - 1])) {
-      actionName = parts.slice(1, -1).join("/");
-    }
-    return {
-      sliceName,
-      actionName: actionName.toUpperCase()
-    };
-  }
-  return {
-    sliceName: null,
-    actionName: type.toUpperCase()
-  };
-}
-
-/**
- * Format payload preview for display
- */
-function formatPayloadPreview(payload, maxLength = 40) {
-  if (payload === undefined) return "";
-  if (payload === null) return "null";
-  try {
-    if (typeof payload === "string") {
-      return payload.length > maxLength ? `"${payload.slice(0, maxLength - 3)}..."` : `"${payload}"`;
-    }
-    if (typeof payload === "number" || typeof payload === "boolean") {
-      return String(payload);
-    }
-    if (Array.isArray(payload)) {
-      if (payload.length === 0) return "[]";
-      const preview = JSON.stringify(payload);
-      return preview.length > maxLength ? `[${payload.length} items]` : preview;
-    }
-    if (typeof payload === "object") {
-      const keys = Object.keys(payload);
-      if (keys.length === 0) return "{}";
-
-      // Try to create a meaningful preview
-      const preview = JSON.stringify(payload);
-      if (preview.length <= maxLength) return preview;
-
-      // Show key count
-      return `{ ${keys.length} keys }`;
-    }
-    return String(payload).slice(0, maxLength);
-  } catch {
-    return "[complex]";
-  }
-}
-
-/**
- * Calculate state diff summary
- */
-function getStateDiffSummary(prevState, nextState) {
-  if (prevState === nextState) {
-    return {
-      summary: "no change",
-      changedCount: 0
-    };
-  }
-
-  // Handle non-objects
-  if (typeof prevState !== "object" || typeof nextState !== "object" || prevState === null || nextState === null) {
-    return {
-      summary: "changed",
-      changedCount: 1
-    };
-  }
-  const prevKeys = Object.keys(prevState);
-  const nextKeys = Object.keys(nextState);
-  const added = nextKeys.filter(k => !prevKeys.includes(k)).length;
-  const removed = prevKeys.filter(k => !nextKeys.includes(k)).length;
-
-  // Check which existing keys changed
-  let changed = 0;
-  for (const key of prevKeys) {
-    if (nextKeys.includes(key) && prevState[key] !== nextState[key]) {
-      changed++;
-    }
-  }
-  const parts = [];
-  if (added > 0) parts.push(`+${added}`);
-  if (removed > 0) parts.push(`-${removed}`);
-  if (changed > 0) parts.push(`~${changed}`);
-  const totalChanged = added + removed + changed;
-  if (parts.length === 0) {
-    return {
-      summary: "nested change",
-      changedCount: 1
-    };
-  }
-  return {
-    summary: `${parts.join(" ")} ${totalChanged === 1 ? "key" : "keys"}`,
-    changedCount: totalChanged
-  };
-}
-
-/**
- * Extract RTK async thunk metadata
- */
-function extractMeta(action) {
-  const meta = action.meta;
-  if (!meta) return undefined;
-  return {
-    requestId: meta.requestId,
-    requestStatus: meta.requestStatus,
-    arg: meta.arg,
-    rejectedWithValue: meta.rejectedWithValue,
-    aborted: meta.aborted,
-    condition: meta.condition
-  };
-}
-
-// ============================================
-// Redux Action Store
-// ============================================
-
-class ReduxActionStore {
-  actions = [];
-  listeners = new Set();
-  maxActions = 200;
-  idCounter = 0;
-  isEnabled = true;
-  addAction(action, prevState, nextState, duration) {
-    if (!this.isEnabled) {
-      return;
-    }
-    const actionType = action.type || "";
-
-    // Skip actions without a proper type (e.g., thunk functions)
-    if (!actionType) {
-      return;
-    }
-    const hasStateChange = prevState !== nextState;
-
-    // Enhanced data extraction
-    const category = getActionCategory(actionType);
-    const {
-      sliceName,
-      actionName
-    } = parseActionType(actionType);
-    const meta = extractMeta(action);
-    const payloadPreview = formatPayloadPreview(action.payload);
-    const {
-      summary: diffSummary,
-      changedCount: changedKeysCount
-    } = getStateDiffSummary(prevState, nextState);
-    const isSlowAction = (duration ?? 0) > 16; // Frame budget
-
-    const reduxAction = {
-      id: `${Date.now()}-${++this.idCounter}`,
-      type: actionType,
-      payload: action.payload,
-      action,
-      timestamp: Date.now(),
-      prevState,
-      nextState,
-      duration,
-      hasStateChange,
-      // Enhanced fields
-      category,
-      sliceName,
-      actionName,
-      meta,
-      error: action.error,
-      payloadPreview,
-      diffSummary,
-      changedKeysCount,
-      isSlowAction
-    };
-    this.actions = [reduxAction, ...this.actions].slice(0, this.maxActions);
-    this.notifyListeners();
-  }
-  getActions() {
-    return [...this.actions];
-  }
-  getActionById(id) {
-    return this.actions.find(a => a.id === id);
-  }
-  clearActions() {
-    this.actions = [];
-    this.notifyListeners();
-  }
-  setEnabled(enabled) {
-    this.isEnabled = enabled;
-  }
-  getEnabled() {
-    return this.isEnabled;
-  }
-  subscribe(listener) {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  }
-  notifyListeners() {
-    const actions = this.getActions();
-    this.listeners.forEach(listener => listener(actions));
-  }
-  setMaxActions(max) {
-    this.maxActions = max;
-    if (this.actions.length > max) {
-      this.actions = this.actions.slice(0, max);
-      this.notifyListeners();
-    }
-  }
-  getStats() {
-    const total = this.actions.length;
-    const withChanges = this.actions.filter(a => a.hasStateChange).length;
-    const actionTypes = new Set(this.actions.map(a => a.type));
-
-    // Calculate average duration
-    const durations = this.actions.filter(a => a.duration !== undefined).map(a => a.duration);
-    const avgDuration = durations.length > 0 ? durations.reduce((sum, d) => sum + d, 0) / durations.length : 0;
-    return {
-      totalActions: total,
-      actionsWithChanges: withChanges,
-      actionsWithoutChanges: total - withChanges,
-      uniqueActionTypes: actionTypes.size,
-      averageDuration: Math.round(avgDuration * 100) / 100
-    };
-  }
-  filterActions(filter) {
-    let filtered = [...this.actions];
-    if (filter.searchText) {
-      const search = filter.searchText.toLowerCase();
-      filtered = filtered.filter(a => a.type.toLowerCase().includes(search));
-    }
-    if (filter.actionTypes && filter.actionTypes.length > 0) {
-      filtered = filtered.filter(a => filter.actionTypes.includes(a.type));
-    }
-    if (filter.onlyWithChanges) {
-      filtered = filtered.filter(a => a.hasStateChange);
-    }
-    return filtered;
-  }
-  getUniqueActionTypes() {
-    return Array.from(new Set(this.actions.map(a => a.type))).sort();
-  }
-
-  /**
-   * Find related async actions by requestId
-   */
-  getRelatedActions(requestId) {
-    return this.actions.filter(a => a.meta?.requestId === requestId).sort((a, b) => a.timestamp - b.timestamp); // Sort chronologically
-  }
-
-  /**
-   * Get all actions that share a requestId with the given action
-   */
-  getLinkedActions(action) {
-    if (!action.meta?.requestId) return [];
-    return this.getRelatedActions(action.meta.requestId);
-  }
-
-  /**
-   * Get count of linked actions for a given action
-   */
-  getLinkedActionsCount(action) {
-    if (!action.meta?.requestId) return 0;
-    return this.actions.filter(a => a.meta?.requestId === action.meta?.requestId).length;
-  }
-
-  /**
-   * Calculate total duration for an async operation (pending to resolution)
-   */
-  getAsyncOperationDuration(requestId) {
-    const related = this.getRelatedActions(requestId);
-    if (related.length < 2) return null;
-    const pending = related.find(a => a.category === "pending");
-    const resolution = related.find(a => a.category === "fulfilled" || a.category === "rejected");
-    if (pending && resolution) {
-      return resolution.timestamp - pending.timestamp;
-    }
-    return null;
-  }
-
-  /**
-   * Get the base action type (without /pending, /fulfilled, /rejected suffix)
-   */
-  getBaseActionType(type) {
-    const parts = type.split("/");
-    if (parts.length >= 2) {
-      const lastPart = parts[parts.length - 1];
-      if (["pending", "fulfilled", "rejected"].includes(lastPart)) {
-        return parts.slice(0, -1).join("/");
-      }
-    }
-    return type;
-  }
-
-  /**
-   * Get sequential index for an async operation (1, 2, 3, etc.)
-   * Based on order of when pending actions first appeared
-   */
-  getAsyncOperationIndex(requestId) {
-    // Get all unique requestIds with their first timestamp
-    const requestIdTimestamps = new Map();
-    for (const action of this.actions) {
-      if (action.meta?.requestId && !requestIdTimestamps.has(action.meta.requestId)) {
-        requestIdTimestamps.set(action.meta.requestId, action.timestamp);
-      }
-    }
-
-    // Sort by timestamp (oldest first) and find index
-    const sortedIds = Array.from(requestIdTimestamps.entries()).sort((a, b) => a[1] - b[1]).map(([id]) => id);
-    const index = sortedIds.indexOf(requestId);
-    return index >= 0 ? index + 1 : 0;
-  }
-}
-const reduxActionStore = exports.reduxActionStore = new ReduxActionStore();
+"use strict";function getActionCategory(t){return t.startsWith("@@")?"internal":t.includes("/pending")?"pending":t.includes("/fulfilled")?"fulfilled":t.includes("/rejected")?"rejected":t.includes("/executeQuery")?"query":t.includes("/executeMutation")?"mutation":"action"}function parseActionType(t){if(t.startsWith("@@")){const e=t.split("/");return{sliceName:null,actionName:e[e.length-1]||t}}const e=t.split("/");if(e.length>=2){const t=e[0];let n=e[1];return e.length>=3&&["pending","fulfilled","rejected"].includes(e[e.length-1])&&(n=e.slice(1,-1).join("/")),{sliceName:t,actionName:n.toUpperCase()}}return{sliceName:null,actionName:t.toUpperCase()}}function formatPayloadPreview(t,e=40){if(void 0===t)return"";if(null===t)return"null";try{if("string"==typeof t)return t.length>e?`"${t.slice(0,e-3)}..."`:`"${t}"`;if("number"==typeof t||"boolean"==typeof t)return String(t);if(Array.isArray(t)){if(0===t.length)return"[]";const n=JSON.stringify(t);return n.length>e?`[${t.length} items]`:n}if("object"==typeof t){const n=Object.keys(t);if(0===n.length)return"{}";const i=JSON.stringify(t);return i.length<=e?i:`{ ${n.length} keys }`}return String(t).slice(0,e)}catch{return"[complex]"}}function getStateDiffSummary(t,e){if(t===e)return{summary:"no change",changedCount:0};if("object"!=typeof t||"object"!=typeof e||null===t||null===e)return{summary:"changed",changedCount:1};const n=Object.keys(t),i=Object.keys(e),s=i.filter(t=>!n.includes(t)).length,r=n.filter(t=>!i.includes(t)).length;let o=0;for(const s of n)i.includes(s)&&t[s]!==e[s]&&o++;const a=[];s>0&&a.push(`+${s}`),r>0&&a.push(`-${r}`),o>0&&a.push(`~${o}`);const c=s+r+o;return 0===a.length?{summary:"nested change",changedCount:1}:{summary:`${a.join(" ")} ${1===c?"key":"keys"}`,changedCount:c}}function extractMeta(t){const e=t.meta;if(e)return{requestId:e.requestId,requestStatus:e.requestStatus,arg:e.arg,rejectedWithValue:e.rejectedWithValue,aborted:e.aborted,condition:e.condition}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.reduxActionStore=void 0;class ReduxActionStore{actions=[];listeners=new Set;maxActions=200;idCounter=0;isEnabled=!0;addAction(t,e,n,i){if(!this.isEnabled)return;const s=t.type||"";if(!s)return;const r=e!==n,o=getActionCategory(s),{sliceName:a,actionName:c}=parseActionType(s),u=extractMeta(t),l=formatPayloadPreview(t.payload),{summary:d,changedCount:h}=getStateDiffSummary(e,n),f=(i??0)>16,g={id:`${Date.now()}-${++this.idCounter}`,type:s,payload:t.payload,action:t,timestamp:Date.now(),prevState:e,nextState:n,duration:i,hasStateChange:r,category:o,sliceName:a,actionName:c,meta:u,error:t.error,payloadPreview:l,diffSummary:d,changedKeysCount:h,isSlowAction:f};this.actions=[g,...this.actions].slice(0,this.maxActions),this.notifyListeners()}getActions(){return[...this.actions]}getActionById(t){return this.actions.find(e=>e.id===t)}clearActions(){this.actions=[],this.notifyListeners()}setEnabled(t){this.isEnabled=t}getEnabled(){return this.isEnabled}subscribe(t){return this.listeners.add(t),()=>{this.listeners.delete(t)}}notifyListeners(){const t=this.getActions();this.listeners.forEach(e=>e(t))}setMaxActions(t){this.maxActions=t,this.actions.length>t&&(this.actions=this.actions.slice(0,t),this.notifyListeners())}getStats(){const t=this.actions.length,e=this.actions.filter(t=>t.hasStateChange).length,n=new Set(this.actions.map(t=>t.type)),i=this.actions.filter(t=>void 0!==t.duration).map(t=>t.duration),s=i.length>0?i.reduce((t,e)=>t+e,0)/i.length:0;return{totalActions:t,actionsWithChanges:e,actionsWithoutChanges:t-e,uniqueActionTypes:n.size,averageDuration:Math.round(100*s)/100}}filterActions(t){let e=[...this.actions];if(t.searchText){const n=t.searchText.toLowerCase();e=e.filter(t=>t.type.toLowerCase().includes(n))}return t.actionTypes&&t.actionTypes.length>0&&(e=e.filter(e=>t.actionTypes.includes(e.type))),t.onlyWithChanges&&(e=e.filter(t=>t.hasStateChange)),e}getUniqueActionTypes(){return Array.from(new Set(this.actions.map(t=>t.type))).sort()}getRelatedActions(t){return this.actions.filter(e=>e.meta?.requestId===t).sort((t,e)=>t.timestamp-e.timestamp)}getLinkedActions(t){return t.meta?.requestId?this.getRelatedActions(t.meta.requestId):[]}getLinkedActionsCount(t){return t.meta?.requestId?this.actions.filter(e=>e.meta?.requestId===t.meta?.requestId).length:0}getAsyncOperationDuration(t){const e=this.getRelatedActions(t);if(e.length<2)return null;const n=e.find(t=>"pending"===t.category),i=e.find(t=>"fulfilled"===t.category||"rejected"===t.category);return n&&i?i.timestamp-n.timestamp:null}getBaseActionType(t){const e=t.split("/");if(e.length>=2){const t=e[e.length-1];if(["pending","fulfilled","rejected"].includes(t))return e.slice(0,-1).join("/")}return t}getAsyncOperationIndex(t){const e=new Map;for(const t of this.actions)t.meta?.requestId&&!e.has(t.meta.requestId)&&e.set(t.meta.requestId,t.timestamp);const n=Array.from(e.entries()).sort((t,e)=>t[1]-e[1]).map(([t])=>t).indexOf(t);return n>=0?n+1:0}}const reduxActionStore=exports.reduxActionStore=new ReduxActionStore;

package/lib/module/index.js

@@ -1,87 +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.
- *
- * @example Advanced: Manual middleware (only if you need more control)
- * ```tsx
- * // For time-travel or custom options, you can optionally use middleware:
- * import { buoyReduxMiddleware, withBuoyDevTools } from '@buoy-gg/redux';
- *
- * const store = configureStore({
- *   reducer: withBuoyDevTools(rootReducer),  // Enables time-travel
- *   middleware: (getDefaultMiddleware) =>
- *     getDefaultMiddleware().concat(buoyReduxMiddleware),
- * });
- * ```
- */
-
-// =============================================================================
-// 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 } from "./redux/utils/autoInstrument";
-// =============================================================================
-// HISTORY ADAPTER (For universal history devtools)
-// =============================================================================
-export { createReduxHistoryAdapter, reduxHistoryAdapter } from "./redux/utils/createReduxHistoryAdapter";
-
-// =============================================================================
-// 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)
-// =============================================================================
-export { ReduxModal, 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";
-
-// =============================================================================
-// TYPES
-// =============================================================================
-
-// =============================================================================
-// INTERNAL EXPORTS (For @buoy-gg/* packages only - not part of public API)
-// =============================================================================
-/** @internal */
-export { reduxActionStore } from "./redux/utils/reduxActionStore";
+"use strict";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}from"./redux/utils/autoInstrument";export{createReduxHistoryAdapter,reduxHistoryAdapter}from"./redux/utils/createReduxHistoryAdapter";export{useReduxActions}from"./redux/hooks/useReduxActions";export{useAutoInstrumentRedux,useReduxAvailability}from"./redux/hooks/useAutoInstrumentRedux";export{ReduxModal,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{reduxActionStore}from"./redux/utils/reduxActionStore";

package/lib/module/preset.js

@@ -1,94 +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";
-
-/**
- * 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 = {
-  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 function createReduxTool(options) {
-  return {
-    id: options?.id || "redux",
-    name: options?.name || "REDUX",
-    description: options?.description || "Redux action & state inspector",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/_jsx(ReduxIcon, {
-      size: size,
-      color: options?.iconColor
-    }),
-    component: ReduxModal,
-    props: {
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
+"use strict";import{ReduxModal}from"./redux/components/ReduxModal";import{ReduxIcon}from"./redux/components/ReduxIcon";import{jsx as _jsx}from"react/jsx-runtime";export const reduxToolPreset={id:"redux",name:"REDUX",description:"Redux action & state inspector",slot:"both",icon:({size:e})=>_jsx(ReduxIcon,{size:e}),component:ReduxModal,props:{enableSharedModalDimensions:!1}};export function createReduxTool(e){return{id:e?.id||"redux",name:e?.name||"REDUX",description:e?.description||"Redux action & state inspector",slot:"both",icon:({size:o})=>_jsx(ReduxIcon,{size:o,color:e?.iconColor}),component:ReduxModal,props:{enableSharedModalDimensions:void 0!==e?.enableSharedModalDimensions&&e.enableSharedModalDimensions}}}

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

@@ -1,126 +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 { buoyColors } 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: buoyColors.success,
-    backgroundColor: buoyColors.success + "15",
-    borderColor: buoyColors.success + "40",
-    textColor: buoyColors.success
-  },
-  copy: {
-    color: buoyColors.primary,
-    backgroundColor: buoyColors.primary + "15",
-    borderColor: buoyColors.primary + "40",
-    textColor: buoyColors.primary
-  },
-  jump: {
-    color: buoyColors.warning,
-    backgroundColor: buoyColors.warning + "15",
-    borderColor: buoyColors.warning + "40",
-    textColor: buoyColors.warning
-  },
-  skip: {
-    color: buoyColors.textSecondary,
-    backgroundColor: buoyColors.textSecondary + "26",
-    borderColor: buoyColors.textSecondary + "59",
-    textColor: buoyColors.textSecondary
-  },
-  clear: {
-    color: buoyColors.error,
-    backgroundColor: buoyColors.error + "15",
-    borderColor: buoyColors.error + "40",
-    textColor: buoyColors.error
-  },
-  diff: {
-    color: buoyColors.info,
-    backgroundColor: buoyColors.info + "15",
-    borderColor: buoyColors.info + "40",
-    textColor: buoyColors.info
-  }
-};
-export function ReduxActionButton({
-  onPress,
-  text,
-  type,
-  disabled = false
-}) {
-  const config = buttonConfigs[type];
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    disabled: disabled,
-    onPress: onPress,
-    style: [styles.button, {
-      backgroundColor: disabled ? buoyColors.textMuted + "1A" : config.backgroundColor,
-      borderColor: disabled ? buoyColors.textMuted + "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 ? buoyColors.textMuted : config.color
-      }]
-    }), /*#__PURE__*/_jsx(Text, {
-      style: [styles.text, {
-        color: disabled ? buoyColors.textMuted : 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: 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";import{TouchableOpacity,Text,View,StyleSheet}from"react-native";import{buoyColors}from"@buoy-gg/shared-ui";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";const buttonConfigs={replay:{color:buoyColors.success,backgroundColor:buoyColors.success+"15",borderColor:buoyColors.success+"40",textColor:buoyColors.success},copy:{color:buoyColors.primary,backgroundColor:buoyColors.primary+"15",borderColor:buoyColors.primary+"40",textColor:buoyColors.primary},jump:{color:buoyColors.warning,backgroundColor:buoyColors.warning+"15",borderColor:buoyColors.warning+"40",textColor:buoyColors.warning},skip:{color:buoyColors.textSecondary,backgroundColor:buoyColors.textSecondary+"26",borderColor:buoyColors.textSecondary+"59",textColor:buoyColors.textSecondary},clear:{color:buoyColors.error,backgroundColor:buoyColors.error+"15",borderColor:buoyColors.error+"40",textColor:buoyColors.error},diff:{color:buoyColors.info,backgroundColor:buoyColors.info+"15",borderColor:buoyColors.info+"40",textColor:buoyColors.info}};export function ReduxActionButton({onPress:o,text:r,type:t,disabled:e=!1}){const s=buttonConfigs[t];return _jsxs(TouchableOpacity,{disabled:e,onPress:o,style:[styles.button,{backgroundColor:e?buoyColors.textMuted+"1A":s.backgroundColor,borderColor:e?buoyColors.textMuted+"33":s.borderColor,opacity:e?.5:1}],activeOpacity:.7,accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{disabled:e},children:[_jsx(View,{style:[styles.dot,{backgroundColor:e?buoyColors.textMuted:s.color}]}),_jsx(Text,{style:[styles.text,{color:e?buoyColors.textMuted:s.textColor}],children:r})]})}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:.2,shadowRadius:2,elevation:2},dot:{width:5,height:5,borderRadius:3,marginRight:6,shadowColor:buoyColors.text,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:2},text:{fontSize:10,fontWeight:"600",letterSpacing:.5,textTransform:"uppercase",fontFamily:"monospace",height:12}});