@buoy-gg/redux 2.1.11 → 2.1.13

package/lib/module/redux/utils/buoyReduxMiddleware.js

@@ -1,157 +1 @@
-"use strict";
-
-/**
- * Buoy Redux Middleware for Redux Toolkit
- *
- * @example
- * ```tsx
- * import { configureStore } from '@reduxjs/toolkit';
- * import { buoyReduxMiddleware, withBuoyDevTools } from '@buoy-gg/redux';
- *
- * const store = configureStore({
- *   reducer: withBuoyDevTools(rootReducer),  // Enable time-travel
- *   middleware: (getDefaultMiddleware) =>
- *     getDefaultMiddleware().concat(buoyReduxMiddleware),
- * });
- * ```
- */
-
-import { reduxActionStore } from "./reduxActionStore";
-
-// ============================================
-// Middleware Active Tracking
-// ============================================
-
-/** Flag to indicate middleware is handling action capture */
-let middlewareActive = false;
-
-/**
- * Check if the explicit middleware is active
- * Used by auto-instrument to avoid duplicate capture
- */
-export function isMiddlewareActive() {
-  return middlewareActive;
-}
-
-// ============================================
-// Time-Travel Action Types
-// ============================================
-
-export const BUOY_JUMP_TO_STATE = "@@buoy/JUMP_TO_STATE";
-export const BUOY_REPLAY_ACTION = "@@buoy/REPLAY_ACTION";
-// Store reference to dispatch for time-travel
-let storeDispatch = null;
-
-/**
- * Jump to a specific state (time-travel)
- */
-export function jumpToState(state) {
-  if (storeDispatch) {
-    storeDispatch({
-      type: BUOY_JUMP_TO_STATE,
-      payload: state
-    });
-  } else {
-    console.warn("[BuoyRedux] Cannot jump to state - middleware not initialized");
-  }
-}
-
-/**
- * Replay an action (dispatch it again)
- */
-export function replayAction(action) {
-  if (storeDispatch) {
-    // Dispatch the original action directly
-    storeDispatch(action);
-  } else {
-    console.warn("[BuoyRedux] Cannot replay action - middleware not initialized");
-  }
-}
-
-/**
- * Wrap your root reducer to enable time-travel support
- *
- * @example
- * ```tsx
- * const store = configureStore({
- *   reducer: withBuoyDevTools(rootReducer),
- *   middleware: (getDefault) => getDefault().concat(buoyReduxMiddleware),
- * });
- * ```
- */
-export function withBuoyDevTools(reducer) {
-  return (state, action) => {
-    // Handle jump to state action
-    if (action.type === BUOY_JUMP_TO_STATE) {
-      const jumpAction = action;
-      return jumpAction.payload;
-    }
-
-    // Pass through to original reducer
-    return reducer(state, action);
-  };
-}
-
-/**
- * Default middleware - just add to your store!
- */
-export const buoyReduxMiddleware = storeApi => {
-  // Mark middleware as active so auto-instrument knows to skip
-  middlewareActive = true;
-
-  // Store dispatch reference for time-travel
-  storeDispatch = storeApi.dispatch;
-  return next => action => {
-    const actionObj = action;
-    const actionType = actionObj.type;
-
-    // Don't record devtools internal actions
-    if (actionType?.startsWith("@@buoy/")) {
-      return next(action);
-    }
-    const startTime = performance.now();
-    const prevState = storeApi.getState();
-    const result = next(action);
-    const nextState = storeApi.getState();
-    const duration = performance.now() - startTime;
-    reduxActionStore.addAction(actionObj, prevState, nextState, duration);
-    return result;
-  };
-};
-
-/**
- * Create middleware with custom options
- */
-export function createBuoyReduxMiddleware(options = {}) {
-  const {
-    maxActions = 200,
-    ignoreActions = []
-  } = options;
-  reduxActionStore.setMaxActions(maxActions);
-  return storeApi => {
-    // Mark middleware as active so auto-instrument knows to skip
-    middlewareActive = true;
-
-    // Store dispatch reference for time-travel
-    storeDispatch = storeApi.dispatch;
-    return next => action => {
-      const actionObj = action;
-      const actionType = actionObj.type || "";
-
-      // Don't record devtools internal actions
-      if (actionType?.startsWith("@@buoy/")) {
-        return next(action);
-      }
-      if (ignoreActions.includes(actionType)) {
-        return next(action);
-      }
-      const startTime = performance.now();
-      const prevState = storeApi.getState();
-      const result = next(action);
-      const nextState = storeApi.getState();
-      const duration = performance.now() - startTime;
-      reduxActionStore.addAction(actionObj, prevState, nextState, duration);
-      return result;
-    };
-  };
-}
+"use strict";import{reduxActionStore}from"./reduxActionStore";let middlewareActive=!1;export function isMiddlewareActive(){return middlewareActive}export const BUOY_JUMP_TO_STATE="@@buoy/JUMP_TO_STATE";export const BUOY_REPLAY_ACTION="@@buoy/REPLAY_ACTION";let storeDispatch=null;export function jumpToState(t){storeDispatch?storeDispatch({type:BUOY_JUMP_TO_STATE,payload:t}):console.warn("[BuoyRedux] Cannot jump to state - middleware not initialized")}export function replayAction(t){storeDispatch?storeDispatch(t):console.warn("[BuoyRedux] Cannot replay action - middleware not initialized")}export function withBuoyDevTools(t){return(e,o)=>o.type===BUOY_JUMP_TO_STATE?o.payload:t(e,o)}export const buoyReduxMiddleware=t=>(middlewareActive=!0,storeDispatch=t.dispatch,e=>o=>{const r=o,n=r.type;if(n?.startsWith("@@buoy/"))return e(o);const i=performance.now(),a=t.getState(),c=e(o),s=t.getState(),d=performance.now()-i;return reduxActionStore.addAction(r,a,s,d),c});export function createBuoyReduxMiddleware(t={}){const{maxActions:e=200,ignoreActions:o=[]}=t;return reduxActionStore.setMaxActions(e),t=>(middlewareActive=!0,storeDispatch=t.dispatch,e=>r=>{const n=r,i=n.type||"";if(i?.startsWith("@@buoy/"))return e(r);if(o.includes(i))return e(r);const a=performance.now(),c=t.getState(),s=e(r),d=t.getState(),u=performance.now()-a;return reduxActionStore.addAction(n,c,d,u),s})}

package/lib/module/redux/utils/createReduxHistoryAdapter.js

@@ -1,142 +1 @@
-"use strict";
-
-/**
- * Redux History Adapter
- *
- * Wraps the existing reduxActionStore to implement the universal HistoryAdapter interface.
- */
-
-import { reduxActionStore } from "./reduxActionStore";
-import { ReduxIcon } from "../components/ReduxIcon";
-
-/**
- * Redux adapter capabilities
- * Note: Full time-travel requires the instrument() pattern from redux-devtools.
- * This adapter provides history viewing with basic navigation.
- */
-const REDUX_CAPABILITIES = {
-  timeTravel: false,
-  // Would need instrument() for true time travel
-  toggle: false,
-  // Would need instrument() for skip/toggle
-  edit: false,
-  diff: true,
-  // We have prevState/nextState
-  export: true,
-  import: false,
-  reset: true,
-  recording: true
-};
-
-/**
- * Convert ReduxAction to HistoryEntry
- */
-function toHistoryEntry(action, index, _total) {
-  return {
-    id: action.id,
-    label: action.type,
-    timestamp: action.timestamp,
-    data: action.payload ?? action.action,
-    prevState: action.prevState,
-    nextState: action.nextState,
-    hasStateChange: action.hasStateChange,
-    duration: action.duration,
-    source: "redux",
-    isCurrent: index === 0,
-    // Most recent is current
-    isInFuture: false,
-    isSkipped: false,
-    meta: {
-      fullAction: action.action
-    }
-  };
-}
-
-/**
- * Options for creating a Redux history adapter
- */
-
-/**
- * Create a Redux history adapter
- *
- * @param options - Optional configuration
- * @returns HistoryAdapter instance
- */
-export function createReduxHistoryAdapter(options) {
-  const {
-    icon = ReduxIcon,
-    color = "#764ABC",
-    // Redux purple
-    name = "Redux"
-  } = options ?? {};
-  let currentIndex = 0;
-  const adapter = {
-    // === Identity ===
-    id: "redux",
-    name,
-    icon,
-    color,
-    capabilities: REDUX_CAPABILITIES,
-    // === Subscription ===
-    subscribe: callback => {
-      return reduxActionStore.subscribe(() => {
-        callback();
-      });
-    },
-    // === Data Access ===
-    getEntries: () => {
-      const actions = reduxActionStore.getActions();
-      return actions.map((action, index) => toHistoryEntry(action, index, actions.length));
-    },
-    getEntryCount: () => {
-      return reduxActionStore.getActions().length;
-    },
-    getCurrentState: () => {
-      const actions = reduxActionStore.getActions();
-      if (actions.length === 0) return undefined;
-      // Most recent action's nextState is current state
-      return actions[0].nextState;
-    },
-    getStateAtEntry: entryId => {
-      const action = reduxActionStore.getActionById(String(entryId));
-      return action?.nextState;
-    },
-    // === Navigation ===
-    get currentIndex() {
-      return currentIndex;
-    },
-    jumpTo: entryId => {
-      const actions = reduxActionStore.getActions();
-      const index = actions.findIndex(a => a.id === String(entryId));
-      if (index !== -1) {
-        currentIndex = index;
-        // Note: This doesn't actually change app state without instrument()
-        // It just updates which entry is "selected" for viewing
-      }
-    },
-    // === Recording ===
-    get isRecording() {
-      return reduxActionStore.getEnabled();
-    },
-    setRecording: enabled => {
-      reduxActionStore.setEnabled(enabled);
-    },
-    // === Reset ===
-    reset: () => {
-      reduxActionStore.clearActions();
-      currentIndex = 0;
-    },
-    // === Export ===
-    exportHistory: () => {
-      const actions = reduxActionStore.getActions();
-      return JSON.stringify(actions, null, 2);
-    }
-  };
-  return adapter;
-}
-
-/**
- * Default Redux adapter instance
- * Use this if you only have one Redux store
- */
-export const reduxHistoryAdapter = createReduxHistoryAdapter();
+"use strict";import{reduxActionStore}from"./reduxActionStore";import{ReduxIcon}from"../components/ReduxIcon";const REDUX_CAPABILITIES={timeTravel:!1,toggle:!1,edit:!1,diff:!0,export:!0,import:!1,reset:!0,recording:!0};function toHistoryEntry(t,e,r){return{id:t.id,label:t.type,timestamp:t.timestamp,data:t.payload??t.action,prevState:t.prevState,nextState:t.nextState,hasStateChange:t.hasStateChange,duration:t.duration,source:"redux",isCurrent:0===e,isInFuture:!1,isSkipped:!1,meta:{fullAction:t.action}}}export function createReduxHistoryAdapter(t){const{icon:e=ReduxIcon,color:r="#764ABC",name:n="Redux"}=t??{};let o=0;return{id:"redux",name:n,icon:e,color:r,capabilities:REDUX_CAPABILITIES,subscribe:t=>reduxActionStore.subscribe(()=>{t()}),getEntries:()=>{const t=reduxActionStore.getActions();return t.map((e,r)=>toHistoryEntry(e,r,t.length))},getEntryCount:()=>reduxActionStore.getActions().length,getCurrentState:()=>{const t=reduxActionStore.getActions();if(0!==t.length)return t[0].nextState},getStateAtEntry:t=>{const e=reduxActionStore.getActionById(String(t));return e?.nextState},get currentIndex(){return o},jumpTo:t=>{const e=reduxActionStore.getActions().findIndex(e=>e.id===String(t));-1!==e&&(o=e)},get isRecording(){return reduxActionStore.getEnabled()},setRecording:t=>{reduxActionStore.setEnabled(t)},reset:()=>{reduxActionStore.clearActions(),o=0},exportHistory:()=>{const t=reduxActionStore.getActions();return JSON.stringify(t,null,2)}}}export const reduxHistoryAdapter=createReduxHistoryAdapter();

package/lib/module/redux/utils/index.js

@@ -1,8 +1 @@
-"use strict";
-
-export { reduxActionStore } from "./reduxActionStore";
-export { buoyReduxMiddleware, createBuoyReduxMiddleware, withBuoyDevTools, jumpToState, replayAction, BUOY_JUMP_TO_STATE, BUOY_REPLAY_ACTION } from "./buoyReduxMiddleware";
-export { createReduxHistoryAdapter, reduxHistoryAdapter } from "./createReduxHistoryAdapter";
-
-// Auto-instrumentation (zero-config)
-export { instrumentStore, uninstrumentStore, isStoreInstrumented, isAutoInstrumentActive, getActiveStore, jumpToState as autoJumpToState, replayAction as autoReplayAction } from "./autoInstrument";
+"use strict";export{reduxActionStore}from"./reduxActionStore";export{buoyReduxMiddleware,createBuoyReduxMiddleware,withBuoyDevTools,jumpToState,replayAction,BUOY_JUMP_TO_STATE,BUOY_REPLAY_ACTION}from"./buoyReduxMiddleware";export{createReduxHistoryAdapter,reduxHistoryAdapter}from"./createReduxHistoryAdapter";export{instrumentStore,uninstrumentStore,isStoreInstrumented,isAutoInstrumentActive,getActiveStore,jumpToState as autoJumpToState,replayAction as autoReplayAction}from"./autoInstrument";

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

@@ -1,354 +1 @@
-"use strict";
-
-/**
- * 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;
-  }
-}
-export const 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 a=0;for(const s of n)i.includes(s)&&t[s]!==e[s]&&a++;const o=[];s>0&&o.push(`+${s}`),r>0&&o.push(`-${r}`),a>0&&o.push(`~${a}`);const c=s+r+a;return 0===o.length?{summary:"nested change",changedCount:1}:{summary:`${o.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}}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,a=getActionCategory(s),{sliceName:o,actionName:c}=parseActionType(s),u=extractMeta(t),l=formatPayloadPreview(t.payload),{summary:d,changedCount:h}=getStateDiffSummary(e,n),g=(i??0)>16,f={id:`${Date.now()}-${++this.idCounter}`,type:s,payload:t.payload,action:t,timestamp:Date.now(),prevState:e,nextState:n,duration:i,hasStateChange:r,category:a,sliceName:o,actionName:c,meta:u,error:t.error,payloadPreview:l,diffSummary:d,changedKeysCount:h,isSlowAction:g};this.actions=[f,...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}}export const reduxActionStore=new ReduxActionStore;