@buoy-gg/redux 2.1.16 → 3.0.0

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

@@ -1 +1,413 @@
-"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;
+"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();
+  clearListeners = new Set();
+  maxActions = 200;
+  idCounter = 0;
+  isEnabled = true;
+  captureSuppressed = false;
+  addAction(action, prevState, nextState, duration) {
+    if (!this.isEnabled || this.captureSuppressed) {
+      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();
+    this.clearListeners.forEach(listener => {
+      try {
+        listener();
+      } catch {
+        // Ignore listener errors
+      }
+    });
+  }
+
+  /**
+   * Listen for clearActions() calls. Used in remote mirror mode to forward a
+   * clear performed in the dashboard UI to the synced device.
+   */
+  onClear(listener) {
+    this.clearListeners.add(listener);
+    return () => {
+      this.clearListeners.delete(listener);
+    };
+  }
+
+  // ============================================
+  // Remote Mirror Mode
+  // ============================================
+
+  /**
+   * Permanently suppress local capture. Use when this store acts as a mirror
+   * of a remote device's actions (e.g. the desktop dashboard): actions arrive
+   * via replaceActions() and local instrumentation must never record.
+   */
+  disableCapture() {
+    this.captureSuppressed = true;
+  }
+
+  /**
+   * Whether the store is in remote mirror mode (capture suppressed). The UI
+   * uses this to skip local-instrumentation affordances like the
+   * "react-redux not installed" banner.
+   */
+  isCaptureSuppressed() {
+    return this.captureSuppressed;
+  }
+
+  /**
+   * Replace the entire action list and notify listeners. Used in remote
+   * mirror mode where full snapshots arrive from a synced device. Respects
+   * the enabled flag so the UI's pause button freezes the mirror.
+   */
+  replaceActions(actions) {
+    if (!this.isEnabled) {
+      return;
+    }
+    this.actions = actions.slice(0, this.maxActions);
+    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();

package/lib/module/index.js

@@ -1 +1,92 @@
-"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";
+"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";
+
+// =============================================================================
+// 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)
+// =============================================================================
+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";

package/lib/module/preset.js

@@ -1 +1,94 @@
-"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}}}
+"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
+    }
+  };
+}