@buoy-gg/redux 2.1.11 → 2.1.13

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

@@ -1,166 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buoyReduxMiddleware = exports.BUOY_REPLAY_ACTION = exports.BUOY_JUMP_TO_STATE = void 0;
-exports.createBuoyReduxMiddleware = createBuoyReduxMiddleware;
-exports.isMiddlewareActive = isMiddlewareActive;
-exports.jumpToState = jumpToState;
-exports.replayAction = replayAction;
-exports.withBuoyDevTools = withBuoyDevTools;
-var _reduxActionStore = require("./reduxActionStore");
-/**
- * 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),
- * });
- * ```
- */
-
-// ============================================
-// 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
- */
-function isMiddlewareActive() {
-  return middlewareActive;
-}
-
-// ============================================
-// Time-Travel Action Types
-// ============================================
-
-const BUOY_JUMP_TO_STATE = exports.BUOY_JUMP_TO_STATE = "@@buoy/JUMP_TO_STATE";
-const BUOY_REPLAY_ACTION = exports.BUOY_REPLAY_ACTION = "@@buoy/REPLAY_ACTION";
-// Store reference to dispatch for time-travel
-let storeDispatch = null;
-
-/**
- * Jump to a specific state (time-travel)
- */
-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)
- */
-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),
- * });
- * ```
- */
-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!
- */
-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.reduxActionStore.addAction(actionObj, prevState, nextState, duration);
-    return result;
-  };
-};
-
-/**
- * Create middleware with custom options
- */
-exports.buoyReduxMiddleware = buoyReduxMiddleware;
-function createBuoyReduxMiddleware(options = {}) {
-  const {
-    maxActions = 200,
-    ignoreActions = []
-  } = options;
-  _reduxActionStore.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.reduxActionStore.addAction(actionObj, prevState, nextState, duration);
-      return result;
-    };
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.buoyReduxMiddleware=exports.BUOY_REPLAY_ACTION=exports.BUOY_JUMP_TO_STATE=void 0,exports.createBuoyReduxMiddleware=createBuoyReduxMiddleware,exports.isMiddlewareActive=isMiddlewareActive,exports.jumpToState=jumpToState,exports.replayAction=replayAction,exports.withBuoyDevTools=withBuoyDevTools;var _reduxActionStore=require("./reduxActionStore");let middlewareActive=!1;function isMiddlewareActive(){return middlewareActive}const BUOY_JUMP_TO_STATE=exports.BUOY_JUMP_TO_STATE="@@buoy/JUMP_TO_STATE",BUOY_REPLAY_ACTION=exports.BUOY_REPLAY_ACTION="@@buoy/REPLAY_ACTION";let storeDispatch=null;function jumpToState(e){storeDispatch?storeDispatch({type:BUOY_JUMP_TO_STATE,payload:e}):console.warn("[BuoyRedux] Cannot jump to state - middleware not initialized")}function replayAction(e){storeDispatch?storeDispatch(e):console.warn("[BuoyRedux] Cannot replay action - middleware not initialized")}function withBuoyDevTools(e){return(t,o)=>o.type===BUOY_JUMP_TO_STATE?o.payload:e(t,o)}const buoyReduxMiddleware=e=>(middlewareActive=!0,storeDispatch=e.dispatch,t=>o=>{const r=o,i=r.type;if(i?.startsWith("@@buoy/"))return t(o);const n=performance.now(),a=e.getState(),d=t(o),c=e.getState(),s=performance.now()-n;return _reduxActionStore.reduxActionStore.addAction(r,a,c,s),d});function createBuoyReduxMiddleware(e={}){const{maxActions:t=200,ignoreActions:o=[]}=e;return _reduxActionStore.reduxActionStore.setMaxActions(t),e=>(middlewareActive=!0,storeDispatch=e.dispatch,t=>r=>{const i=r,n=i.type||"";if(n?.startsWith("@@buoy/"))return t(r);if(o.includes(n))return t(r);const a=performance.now(),d=e.getState(),c=t(r),s=e.getState(),u=performance.now()-a;return _reduxActionStore.reduxActionStore.addAction(i,d,s,u),c})}exports.buoyReduxMiddleware=buoyReduxMiddleware;

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

@@ -1,146 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createReduxHistoryAdapter = createReduxHistoryAdapter;
-exports.reduxHistoryAdapter = void 0;
-var _reduxActionStore = require("./reduxActionStore");
-var _ReduxIcon = require("../components/ReduxIcon");
-/**
- * Redux History Adapter
- *
- * Wraps the existing reduxActionStore to implement the universal HistoryAdapter interface.
- */
-
-/**
- * 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
- */
-function createReduxHistoryAdapter(options) {
-  const {
-    icon = _ReduxIcon.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.reduxActionStore.subscribe(() => {
-        callback();
-      });
-    },
-    // === Data Access ===
-    getEntries: () => {
-      const actions = _reduxActionStore.reduxActionStore.getActions();
-      return actions.map((action, index) => toHistoryEntry(action, index, actions.length));
-    },
-    getEntryCount: () => {
-      return _reduxActionStore.reduxActionStore.getActions().length;
-    },
-    getCurrentState: () => {
-      const actions = _reduxActionStore.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.reduxActionStore.getActionById(String(entryId));
-      return action?.nextState;
-    },
-    // === Navigation ===
-    get currentIndex() {
-      return currentIndex;
-    },
-    jumpTo: entryId => {
-      const actions = _reduxActionStore.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.reduxActionStore.getEnabled();
-    },
-    setRecording: enabled => {
-      _reduxActionStore.reduxActionStore.setEnabled(enabled);
-    },
-    // === Reset ===
-    reset: () => {
-      _reduxActionStore.reduxActionStore.clearActions();
-      currentIndex = 0;
-    },
-    // === Export ===
-    exportHistory: () => {
-      const actions = _reduxActionStore.reduxActionStore.getActions();
-      return JSON.stringify(actions, null, 2);
-    }
-  };
-  return adapter;
-}
-
-/**
- * Default Redux adapter instance
- * Use this if you only have one Redux store
- */
-const reduxHistoryAdapter = exports.reduxHistoryAdapter = createReduxHistoryAdapter();
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.createReduxHistoryAdapter=createReduxHistoryAdapter,exports.reduxHistoryAdapter=void 0;var _reduxActionStore=require("./reduxActionStore"),_ReduxIcon=require("../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}}}function createReduxHistoryAdapter(t){const{icon:e=_ReduxIcon.ReduxIcon,color:r="#764ABC",name:o="Redux"}=t??{};let n=0;return{id:"redux",name:o,icon:e,color:r,capabilities:REDUX_CAPABILITIES,subscribe:t=>_reduxActionStore.reduxActionStore.subscribe(()=>{t()}),getEntries:()=>{const t=_reduxActionStore.reduxActionStore.getActions();return t.map((e,r)=>toHistoryEntry(e,r,t.length))},getEntryCount:()=>_reduxActionStore.reduxActionStore.getActions().length,getCurrentState:()=>{const t=_reduxActionStore.reduxActionStore.getActions();if(0!==t.length)return t[0].nextState},getStateAtEntry:t=>{const e=_reduxActionStore.reduxActionStore.getActionById(String(t));return e?.nextState},get currentIndex(){return n},jumpTo:t=>{const e=_reduxActionStore.reduxActionStore.getActions().findIndex(e=>e.id===String(t));-1!==e&&(n=e)},get isRecording(){return _reduxActionStore.reduxActionStore.getEnabled()},setRecording:t=>{_reduxActionStore.reduxActionStore.setEnabled(t)},reset:()=>{_reduxActionStore.reduxActionStore.clearActions(),n=0},exportHistory:()=>{const t=_reduxActionStore.reduxActionStore.getActions();return JSON.stringify(t,null,2)}}}const reduxHistoryAdapter=exports.reduxHistoryAdapter=createReduxHistoryAdapter();

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

@@ -1,111 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "BUOY_JUMP_TO_STATE", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.BUOY_JUMP_TO_STATE;
-  }
-});
-Object.defineProperty(exports, "BUOY_REPLAY_ACTION", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.BUOY_REPLAY_ACTION;
-  }
-});
-Object.defineProperty(exports, "autoJumpToState", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.jumpToState;
-  }
-});
-Object.defineProperty(exports, "autoReplayAction", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.replayAction;
-  }
-});
-Object.defineProperty(exports, "buoyReduxMiddleware", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.buoyReduxMiddleware;
-  }
-});
-Object.defineProperty(exports, "createBuoyReduxMiddleware", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.createBuoyReduxMiddleware;
-  }
-});
-Object.defineProperty(exports, "createReduxHistoryAdapter", {
-  enumerable: true,
-  get: function () {
-    return _createReduxHistoryAdapter.createReduxHistoryAdapter;
-  }
-});
-Object.defineProperty(exports, "getActiveStore", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.getActiveStore;
-  }
-});
-Object.defineProperty(exports, "instrumentStore", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.instrumentStore;
-  }
-});
-Object.defineProperty(exports, "isAutoInstrumentActive", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.isAutoInstrumentActive;
-  }
-});
-Object.defineProperty(exports, "isStoreInstrumented", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.isStoreInstrumented;
-  }
-});
-Object.defineProperty(exports, "jumpToState", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.jumpToState;
-  }
-});
-Object.defineProperty(exports, "reduxActionStore", {
-  enumerable: true,
-  get: function () {
-    return _reduxActionStore.reduxActionStore;
-  }
-});
-Object.defineProperty(exports, "reduxHistoryAdapter", {
-  enumerable: true,
-  get: function () {
-    return _createReduxHistoryAdapter.reduxHistoryAdapter;
-  }
-});
-Object.defineProperty(exports, "replayAction", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.replayAction;
-  }
-});
-Object.defineProperty(exports, "uninstrumentStore", {
-  enumerable: true,
-  get: function () {
-    return _autoInstrument.uninstrumentStore;
-  }
-});
-Object.defineProperty(exports, "withBuoyDevTools", {
-  enumerable: true,
-  get: function () {
-    return _buoyReduxMiddleware.withBuoyDevTools;
-  }
-});
-var _reduxActionStore = require("./reduxActionStore");
-var _buoyReduxMiddleware = require("./buoyReduxMiddleware");
-var _createReduxHistoryAdapter = require("./createReduxHistoryAdapter");
-var _autoInstrument = require("./autoInstrument");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BUOY_JUMP_TO_STATE",{enumerable:!0,get:function(){return _buoyReduxMiddleware.BUOY_JUMP_TO_STATE}}),Object.defineProperty(exports,"BUOY_REPLAY_ACTION",{enumerable:!0,get:function(){return _buoyReduxMiddleware.BUOY_REPLAY_ACTION}}),Object.defineProperty(exports,"autoJumpToState",{enumerable:!0,get:function(){return _autoInstrument.jumpToState}}),Object.defineProperty(exports,"autoReplayAction",{enumerable:!0,get:function(){return _autoInstrument.replayAction}}),Object.defineProperty(exports,"buoyReduxMiddleware",{enumerable:!0,get:function(){return _buoyReduxMiddleware.buoyReduxMiddleware}}),Object.defineProperty(exports,"createBuoyReduxMiddleware",{enumerable:!0,get:function(){return _buoyReduxMiddleware.createBuoyReduxMiddleware}}),Object.defineProperty(exports,"createReduxHistoryAdapter",{enumerable:!0,get:function(){return _createReduxHistoryAdapter.createReduxHistoryAdapter}}),Object.defineProperty(exports,"getActiveStore",{enumerable:!0,get:function(){return _autoInstrument.getActiveStore}}),Object.defineProperty(exports,"instrumentStore",{enumerable:!0,get:function(){return _autoInstrument.instrumentStore}}),Object.defineProperty(exports,"isAutoInstrumentActive",{enumerable:!0,get:function(){return _autoInstrument.isAutoInstrumentActive}}),Object.defineProperty(exports,"isStoreInstrumented",{enumerable:!0,get:function(){return _autoInstrument.isStoreInstrumented}}),Object.defineProperty(exports,"jumpToState",{enumerable:!0,get:function(){return _buoyReduxMiddleware.jumpToState}}),Object.defineProperty(exports,"reduxActionStore",{enumerable:!0,get:function(){return _reduxActionStore.reduxActionStore}}),Object.defineProperty(exports,"reduxHistoryAdapter",{enumerable:!0,get:function(){return _createReduxHistoryAdapter.reduxHistoryAdapter}}),Object.defineProperty(exports,"replayAction",{enumerable:!0,get:function(){return _buoyReduxMiddleware.replayAction}}),Object.defineProperty(exports,"uninstrumentStore",{enumerable:!0,get:function(){return _autoInstrument.uninstrumentStore}}),Object.defineProperty(exports,"withBuoyDevTools",{enumerable:!0,get:function(){return _buoyReduxMiddleware.withBuoyDevTools}});var _reduxActionStore=require("./reduxActionStore"),_buoyReduxMiddleware=require("./buoyReduxMiddleware"),_createReduxHistoryAdapter=require("./createReduxHistoryAdapter"),_autoInstrument=require("./autoInstrument");