23151573359

Committed 16 Mar 2026 03:27PM UTC coverage: 72.999% (-2.4%) from 75.353%

Build # 23151573359

Build Type

push

github

Committed by

web-flow

Commit Message

feat(form): add features and refactor

Coverage Stats

2058 of 2422 branches covered (84.97%)

Branch coverage included in aggregate %.

681 of 720 new or added lines in 11 files covered. (94.58%)

19 existing lines in 1 file now uncovered.

7910 of 11233 relevant lines covered (70.42%)

164.16 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

54.99

/packages/devtools/src/devtools-plugin.ts

/**
 * Full DevTools plugin implementation.
 * For production builds with zero overhead, use package conditional exports
 * ("production" condition resolves to ./devtools-noop.ts). This file is
 * tree-shakeable when the production entry is used.
 */

import type {
  DevToolsConfig,
  DevToolsConnection,
  DevToolsMessage,
  EnhancedStore,
  BasicAtom,
  DevToolsMode,
  DevToolsFeatureDetectionResult,
  ActionMetadata,
} from './types';
import type { SnapshotMapper } from './snapshot-mapper';
import type { SimpleTimeTravel } from '@nexus-state/time-travel';
import {
  captureStackTrace,
  formatStackTraceForDevTools,
} from './utils/stack-tracer';
import { atomRegistry } from '@nexus-state/core';
import { createSnapshotMapper } from './snapshot-mapper';
import {
  StateSerializer,
  createStateSerializer,
  type LazySerializationOptions,
} from './state-serializer';
import {
  ActionNamingSystem,
  createActionNamingSystem,
  defaultActionNamingSystem,
  type ActionNamingStrategy,
  type ActionNamingStrategyType,
  type PatternNamingConfig,
} from './action-naming';
import { createActionMetadata } from './action-metadata';
import { createActionGrouper, type ActionGrouper } from './action-grouper';
import { createBatchUpdater, type BatchUpdater } from './batch-updater';

/**
 * Feature detection for DevTools extension
 * @returns Object containing feature detection results
 */
export function detectDevToolsFeatures(): DevToolsFeatureDetectionResult {
  try {
    // Check for SSR environment (no window object)
    if (typeof window === 'undefined') {
      return {
        isAvailable: false,
        isSSR: true,
        mode: 'disabled',
        error: null,
      };
    }

    // Check for DevTools extension
    const devToolsExtension = window.__REDUX_DEVTOOLS_EXTENSION__;
    const isAvailable = !!devToolsExtension;

    return {
      isAvailable,
      isSSR: false,
      mode: isAvailable ? 'active' : 'fallback',
      error: isAvailable
        ? null
        : new Error('Redux DevTools extension not found'),
    };
  } catch (error) {
    return {
      isAvailable: false,
      isSSR: false,
      mode: 'disabled',
      error:
        error instanceof Error
          ? error
          : new Error('Unknown error during feature detection'),
    };
  }
}

/**
 * Check if current environment is SSR
 * @returns True if SSR environment
 */
export function isSSREnvironment(): boolean {
  return typeof window === 'undefined';
}

/**
 * Check if DevTools extension is available
 * @returns True if DevTools is available
 */
export function isDevToolsAvailable(): boolean {
  if (isSSREnvironment()) {
    return false;
  }
  return !!window.__REDUX_DEVTOOLS_EXTENSION__;
}

/**
 * Create a fallback connection that does nothing (no-op)
 * @returns DevToolsConnection implementation with no-op behavior
 */
function createFallbackConnection(): DevToolsConnection {
  return {
    send: (): void => {
      // No-op: silently ignore send attempts
    },
    subscribe: (): (() => void) => {
      // No-op: return no-op unsubscribe function
      return (): void => {};
    },
    init: (): void => {
      // No-op: silently ignore init attempts
    },
    unsubscribe: (): void => {
      // No-op: silently ignore unsubscribe attempts
    },
  };
}

/**
 * Determine the appropriate DevTools mode based on environment and availability
 * @param forceDisable - Optional flag to force disabled mode
 * @returns DevToolsMode enum value
 */
export function getDevToolsMode(forceDisable?: boolean): DevToolsMode {
  // Check for forced disabled mode
  if (forceDisable) {
    return 'disabled';
  }

  // Check for SSR environment
  if (isSSREnvironment()) {
    return 'disabled';
  }

  // Check for DevTools extension
  if (isDevToolsAvailable()) {
    return 'active';
  }

  // Fall back to fallback mode
  return 'fallback';
}

// Declare global types for Redux DevTools
declare global {
  interface Window {
    __REDUX_DEVTOOLS_EXTENSION__?: {
      connect: (options: {
        name?: string;
        trace?: boolean;
        latency?: number;
        maxAge?: number;
      }) => DevToolsConnection;
    };
  }
}

/**
 * DevToolsPlugin class implementing integration with enhanced store API.
 */
export class DevToolsPlugin {
  private config: Required<DevToolsConfig>;
  private connection: DevToolsConnection | null = null;
  private connections: DevToolsConnection[] = []; // All connections for broadcasting
  private mode: DevToolsMode = 'disabled';
  private isTracking = true;
  private lastState: unknown = null;
  private snapshotMapper: SnapshotMapper;
  private stateSerializer: StateSerializer;
  private actionNamingSystem: ActionNamingSystem;
  private actionGrouper: ActionGrouper;
  private batchUpdater: BatchUpdater;
  private currentBatchId: string | null = null;
  private currentStore: EnhancedStore | null = null;
  /** Last lazy-serialized state (when serialization.lazy is enabled) for incremental updates */
  private lastLazyState: Record<string, unknown> | null = null;
  private timeTravel: SimpleTimeTravel | null = null;

  constructor(config: DevToolsConfig = {}) {
    // Extract action naming config with defaults
    const {
      actionNamingStrategy = 'auto',
      actionNamingPattern,
      actionNamingFunction,
      defaultNamingStrategy = 'auto',
    } = config;

    this.config = {
      name: config.name ?? 'nexus-state',
      trace: config.trace ?? false,
      traceLimit: config.traceLimit ?? 10,
      latency: config.latency ?? 100,
      maxAge: config.maxAge ?? 50,
      actionSanitizer: config.actionSanitizer ?? (() => true),
      stateSanitizer: config.stateSanitizer ?? ((state) => state),
      showAtomNames: config.showAtomNames ?? true,
      atomNameFormatter:
        config.atomNameFormatter ??
        ((_atom: BasicAtom, defaultName: string) => defaultName),
      actionNamingStrategy,
      actionNamingPattern,
      actionNamingFunction,
      defaultNamingStrategy,
    } as Required<DevToolsConfig>;
    this.snapshotMapper = createSnapshotMapper({
      maxMappings: config.maxAge ?? 50,
      autoCleanup: true,
    });
    this.stateSerializer = createStateSerializer();
    this.actionNamingSystem = this.createActionNamingSystem();
    this.actionGrouper = createActionGrouper(config.actionGroupOptions);
    const latency = config.latency ?? 100;
    const batchOpts = config.batchUpdate ?? {};
    this.batchUpdater = createBatchUpdater({
      batchLatencyMs: batchOpts.batchLatencyMs ?? latency,
      maxQueueSize: batchOpts.maxQueueSize ?? 100,
      throttleByFrame: batchOpts.throttleByFrame ?? true,
      maxUpdatesPerSecond: batchOpts.maxUpdatesPerSecond ?? 0,
      onFlush: (store, action) => {
        const targetStore = (store ??
          this.currentStore) as EnhancedStore | null;
        if (targetStore) {
          this.doSendStateUpdate(targetStore, action);
        }
      },
    });
  }

  /**
   * Set up time travel integration
   */
  setTimeTravel(timeTravel: SimpleTimeTravel): void {
    this.timeTravel = timeTravel;
  }

  /**
   * Create action naming system based on config
   */
  private createActionNamingSystem(): ActionNamingSystem {
    const {
      actionNamingStrategy,
      actionNamingPattern,
      actionNamingFunction,
      defaultNamingStrategy,
    } = this.config;

    // If strategy is already an instance, use it directly
    if (
      typeof actionNamingStrategy === 'object' &&
      'getName' in actionNamingStrategy
    ) {
      const system = new ActionNamingSystem();
      system
        .getRegistry()
        .register(actionNamingStrategy as ActionNamingStrategy, true);
      return system;
    }

    // Handle string strategy types
    const strategyType = actionNamingStrategy as ActionNamingStrategyType;

    // Build options based on config
    const options: any = {
      defaultStrategy: defaultNamingStrategy,
    };

    if (strategyType === 'pattern' && actionNamingPattern) {
      options.strategy = 'pattern';
      options.patternConfig = {
        pattern: actionNamingPattern,
        placeholders: {
          atomName: true,
          operation: true,
          timestamp: true,
          date: false,
          time: false,
        },
      };
    } else if (strategyType === 'custom' && actionNamingFunction) {
      options.strategy = 'custom';
      options.customConfig = {
        namingFunction: actionNamingFunction,
      };
    } else {
      options.strategy = strategyType;
    }

    return createActionNamingSystem(options);
  }

  /**
   * Apply the plugin to a store.
   * @param store The store to apply the plugin to
   */
  apply(store: EnhancedStore): void {
    this.currentStore = store;
    // Runtime production guard: no-op when NODE_ENV is production (e.g. bundler did not use conditional exports)
    if (process.env.NODE_ENV === 'production') {
      return;
    }
    // Detect DevTools features
    const features = detectDevToolsFeatures();
    this.mode = features.mode;

    // Handle SSR environment - no-op
    if (features.isSSR) {
      return;
    }

    // Handle disabled mode - no-op (e.g., forced disabled)
    if (features.mode === 'disabled') {
      return;
    }

    // Handle fallback mode - use no-op connection
    if (features.mode === 'fallback') {
      if (process.env.NODE_ENV !== 'production') {
        console.warn(
          'Redux DevTools extension is not available, using fallback mode'
        );
      }
      this.connection = createFallbackConnection();
      this.connections.push(this.connection);
      this.sendInitialState(store);
      return;
    }

    // Active mode - connect to real DevTools extension
    if (!features.isAvailable || !window.__REDUX_DEVTOOLS_EXTENSION__) {
      if (process.env.NODE_ENV !== 'production') {
        console.warn('DevTools extension not available');
      }
      return;
    }

    // Create a connection to DevTools and track all connections
    const extension = window.__REDUX_DEVTOOLS_EXTENSION__;
    this.connection = extension.connect({
      name: this.config.name,
      trace: this.config.trace,
      latency: this.config.latency,
      maxAge: this.config.maxAge,
    });

    // Track this connection
    this.connections.push(this.connection);

    // Send initial state to the main connection
    this.sendInitialState(store);

    // Setup message listeners for the main connection
    this.setupMessageListeners(store, this.connection);

    // Enhance store methods if available
    if (store.setWithMetadata) {
      this.enhanceStoreWithMetadata(store);
    } else {
      // Fallback to polling for basic stores
      this.setupPolling(store);
    }

    // Setup time travel if available
    this.setupTimeTravel(store);

    // Listen for new connections from DevTools (e.g., multiple DevTools windows)
    this.setupConnectionListener(extension, store);
  }

  /**
   * Get display name for an atom
   * @param atom The atom to get name for
   * @returns Display name for the atom
   */
  private getAtomName(atom: BasicAtom): string {
    try {
      // If showAtomNames is disabled, use atom's toString method
      if (!this.config.showAtomNames) {
        return atom.toString();
      }

      // Use custom formatter if provided
      if (this.config.atomNameFormatter) {
        const defaultName = atomRegistry.getName(atom as { id: symbol });
        return this.config.atomNameFormatter(atom, defaultName);
      }

      // Use registry name if available
      const registryName = atomRegistry.getName(atom as { id: symbol });
      if (registryName) {
        return registryName;
      }

      // Fallback to atom's toString method
      return atom.toString();
    } catch (error) {
      // Fallback for any errors
      return `atom-${atom.id?.toString() || 'unknown'}`;
    }
  }

  /**
   * Build lazy serialization options from plugin config.
   */
  private getLazySerializationOptions(): LazySerializationOptions | null {
    const ser = this.config.serialization;
    if (!ser?.lazy) return null;
    return {
      maxDepth: ser.maxDepth,
      maxSerializedSize: ser.maxSerializedSize,
      circularRefHandling: ser.circularRefHandling,
      placeholder: ser.placeholder,
    };
  }

  /**
   * Send initial state to DevTools (with optional lazy serialization).
   * Sends to all connections for scenarios like multiple DevTools windows.
   * @param store The store to get initial state from
   */
  private sendInitialState(store: EnhancedStore): void {
    try {
      const state = store.serializeState?.() || store.getState();
      const sanitized = this.config.stateSanitizer(state) as Record<
        string,
        unknown
      >;
      this.lastState = sanitized;

      const lazyOpts = this.getLazySerializationOptions();
      let stateToSend: unknown = sanitized;
      if (lazyOpts) {
        const result = this.stateSerializer.serializeLazy(sanitized, lazyOpts);
        this.lastLazyState = result.state as Record<string, unknown>;
        stateToSend = result.state;
      } else {
        this.lastLazyState = null;
      }

      // Send to all connections
      for (const conn of this.connections) {
        try {
          conn.init(stateToSend);
        } catch (error) {
          if (process.env.NODE_ENV !== 'production') {
            console.warn('Failed to send initial state to connection:', error);
          }
        }
      }
    } catch (error) {
      if (process.env.NODE_ENV !== 'production') {
        console.warn('Failed to send initial state to DevTools:', error);
      }
    }
  }

  /**
   * Setup message listeners for DevTools commands.
   * @param store The store to handle commands for
   * @param connection The connection to listen on (default: main connection)
   */
  private setupMessageListeners(
    store: EnhancedStore,
    connection?: DevToolsConnection
  ): void {
    const conn = connection || this.connection;
    const unsubscribe = conn?.subscribe((message: DevToolsMessage) => {
      try {
        this.handleDevToolsMessage(message, store);
      } catch (error) {
        if (process.env.NODE_ENV !== 'production') {
          console.warn('Error handling DevTools message:', error);
        }
      }
    });

    // Clean up on window unload
    if (typeof window !== 'undefined' && window.addEventListener) {
      window.addEventListener('beforeunload', () => {
        unsubscribe?.();
        conn?.unsubscribe();
      });
    }
  }

  /**
   * Setup listener for new connections (e.g., from multiple DevTools windows).
   * Some DevTools extensions may create new connections dynamically.
   * @param extension The DevTools extension instance
   * @param store The store to apply to new connections
   */
  private setupConnectionListener(extension: any, store: EnhancedStore): void {
    // Store reference for later use
    // eslint-disable-next-line @typescript-eslint/no-this-alias
    const plugin = this;

    // Override connect method to track new connections
    const originalConnect = extension.connect.bind(extension);
    extension.connect = function (options?: any) {
      const newConnection = originalConnect(options);

      // Track the new connection
      plugin.connections.push(newConnection);

      // Send initial state to the new connection
      try {
        const state = store.serializeState?.() || store.getState();
        const sanitized = plugin.config.stateSanitizer(state) as Record<
          string,
          unknown
        >;
        newConnection.init(sanitized);
      } catch (error) {
        if (process.env.NODE_ENV !== 'production') {
          console.warn(
            'Failed to send initial state to new connection:',
            error
          );
        }
      }

      return newConnection;
    };
  }

  /**
   * Handle messages from DevTools.
   * @param message The message from DevTools
   * @param store The store to apply commands to
   */
  private handleDevToolsMessage(
    message: DevToolsMessage,
    store: EnhancedStore
  ): void {
    if (message.type === 'DISPATCH') {
      const payload = message.payload as
        | { type: string; [key: string]: unknown }
        | undefined;

      switch (payload?.type) {
        case 'JUMP_TO_ACTION':
        case 'JUMP_TO_STATE': {
          this.handleTimeTravelCommand(payload, store);
          break;
        }

        case 'START':
          this.isTracking = true;
          break;

        case 'STOP':
          this.isTracking = false;
          break;

        case 'COMMIT':
          this.sendInitialState(store);
          break;

        case 'RESET':
          // Reset to initial state would require storing the initial state
          if (process.env.NODE_ENV !== 'production') {
            console.warn(
              'Reset is not fully supported without storing initial state'
            );
          }
          break;

        case 'IMPORT_STATE': {
          this.handleImportState(payload, store);
          break;
        }

        default:
          if (process.env.NODE_ENV !== 'production') {
            console.warn('Unknown DevTools dispatch type:', payload?.type);
          }
      }
    }
  }

  /**
   * Handle time travel commands from DevTools
   * @param payload The time travel command payload
   * @param store The store to apply commands to
   */
  private handleTimeTravelCommand(
    payload: { type: string; [key: string]: unknown },
    store: EnhancedStore
  ): void {
    if (!this.timeTravel) {
      if (process.env.NODE_ENV !== 'production') {
        console.warn(
          '[DevToolsPlugin] Time travel not available. Ensure store has SimpleTimeTravel instance.'
        );
      }
      return;
    }

    try {
      switch (payload.type) {
        case 'JUMP_TO_STATE': {
          const index = (payload as any).index;
          if (typeof index === 'number' && index >= 0) {
            console.log(`[DevToolsPlugin] JUMP_TO_STATE: ${index}`);
            const success = this.timeTravel.jumpTo(index);
            if (success) {
              if (process.env.NODE_ENV !== 'production') {
                console.log(
                  `[DevToolsPlugin] Successfully jumped to state ${index}`
                );
              }
              // Send updated state to DevTools
              this.sendInitialState(store);
            } else {
              if (process.env.NODE_ENV !== 'production') {
                console.warn(
                  `[DevToolsPlugin] Failed to jump to state ${index}`
                );
              }
            }
          } else {
            if (process.env.NODE_ENV !== 'production') {
              console.warn(`[DevToolsPlugin] Invalid index: ${index}`);
            }
          }
          break;
        }

        case 'JUMP_TO_ACTION': {
          const actionName = (payload as any).action;
          if (typeof actionName === 'string') {
            console.log(`[DevToolsPlugin] JUMP_TO_ACTION: ${actionName}`);

            // Find the index of the action in history
            const history = this.timeTravel.getHistory() as { metadata: { action?: string } }[];
            let foundIndex = -1;

            // Search backwards from the end
            for (let i = history.length - 1; i >= 0; i--) {
              const snapshot = history[i];
              if (snapshot.metadata.action === actionName) {
                foundIndex = i;
                break;
              }
            }

            if (foundIndex >= 0) {
              const success = this.timeTravel.jumpTo(foundIndex);
              if (success) {
                if (process.env.NODE_ENV !== 'production') {
                  console.log(
                    `[DevToolsPlugin] Successfully jumped to action ${actionName} at index ${foundIndex}`
                  );
                }
                // Send updated state to DevTools
                this.sendInitialState(store);
              } else {
                if (process.env.NODE_ENV !== 'production') {
                  console.warn(
                    `[DevToolsPlugin] Failed to jump to action ${actionName}`
                  );
                }
              }
            } else {
              if (process.env.NODE_ENV !== 'production') {
                console.warn(
                  `[DevToolsPlugin] Action not found: ${actionName}`
                );
              }
            }
          } else {
            if (process.env.NODE_ENV !== 'production') {
              console.warn(
                `[DevToolsPlugin] Invalid action name: ${actionName}`
              );
            }
          }
          break;
        }

        default:
          if (process.env.NODE_ENV !== 'production') {
            console.warn(
              `[DevToolsPlugin] Unknown time travel command: ${payload.type}`
            );
          }
      }
    } catch (error) {
      if (process.env.NODE_ENV !== 'production') {
        console.error(
          '[DevToolsPlugin] Error handling time travel command:',
          error
        );
      }
    }
  }

  /**
   * Handle IMPORT_STATE command from DevTools
   * @param payload The IMPORT_STATE payload
   * @param store The store to import state into
   */
  private handleImportState(
    payload: { type: string; [key: string]: unknown },
    store: EnhancedStore
  ): void {
    try {
      // Extract import data from payload
      const importData = payload.state || payload.payload;

      if (!importData) {
        if (process.env.NODE_ENV !== 'production') {
          console.warn('IMPORT_STATE: No state data provided');
        }
        return;
      }

      // Use StateSerializer to deserialize and validate
      const result = this.stateSerializer.importState(importData);

      if (!result.success) {
        if (process.env.NODE_ENV !== 'production') {
          console.warn('IMPORT_STATE: Failed to import state:', result.error);
        }
        return;
      }

      // Import state into store
      this.importStateIntoStore(result.state!, store);

      // Send updated state to DevTools
      this.sendInitialState(store);

      if (process.env.NODE_ENV !== 'production') {
        console.log('IMPORT_STATE: State imported successfully');
      }
    } catch (error) {
      if (process.env.NODE_ENV !== 'production') {
        console.warn('IMPORT_STATE: Error importing state:', error);
      }
    }
  }

  /**
   * Import state into store
   * @param state The state to import
   * @param store The store to import into
   */
  private importStateIntoStore(
    state: Record<string, unknown>,
    store: EnhancedStore
  ): void {
    // Check if store has importState method (from SimpleTimeTravel)
    if (typeof (store as any).importState === 'function') {
      (store as any).importState(state);
      return;
    }

    // Fallback: manually set each atom value
    for (const [atomIdStr, value] of Object.entries(state)) {
      try {
        // Convert string atom ID to symbol
        const atomId = Symbol.for(atomIdStr);
        const atom = atomRegistry.get(atomId) as BasicAtom;

        if (atom) {
          store.set(atom, value);
        } else if (process.env.NODE_ENV !== 'production') {
          console.warn(`IMPORT_STATE: Atom ${atomIdStr} not found in registry`);
        }
      } catch (error) {
        if (process.env.NODE_ENV !== 'production') {
          console.warn(`IMPORT_STATE: Failed to set atom ${atomIdStr}:`, error);
        }
      }
    }
  }

  /**
   * Enhance store with metadata support.
   * @param store The store to enhance
   */
  private enhanceStoreWithMetadata(store: EnhancedStore): void {
    if (!store.setWithMetadata) return;

    // Override set method to capture metadata
    store.set = ((atom: BasicAtom, update: unknown) => {
      const atomName = this.getAtomName(atom);
      const actionName = this.getActionName(atom, atomName, 'SET');

      const builder = createActionMetadata()
        .type(actionName)
        .timestamp(Date.now())
        .source('DevToolsPlugin')
        .atomName(atomName);

      if (this.currentBatchId) {
        builder.groupId(this.currentBatchId);
      }

      if (this.config.trace) {
        const captured = captureStackTrace(this.config.traceLimit);
        if (captured) {
          builder.stackTrace(formatStackTraceForDevTools(captured));
        }
      }

      const metadata = builder.build() as ActionMetadata;

      store.setWithMetadata?.(atom, update, metadata);

      if (this.currentBatchId) {
        this.actionGrouper.add(metadata);
      } else {
        this.sendStateUpdate(store, metadata.type);
      }
    }) as unknown as typeof store.set;
  }

  /**
   * Start a batch so that subsequent set() calls are grouped into one DevTools action.
   * Call endBatch with the same id to flush and send.
   * @param groupId Unique id for this batch
   */
  startBatch(groupId: string): void {
    this.currentBatchId = groupId;
    this.actionGrouper.startGroup(groupId);
  }

  /**
   * End a batch and send a single grouped action to DevTools.
   * @param groupId Must match the id passed to startBatch
   */
  endBatch(groupId: string): void {
    if (this.currentBatchId === groupId) {
      this.currentBatchId = null;
    }
    const result = this.actionGrouper.endGroup(groupId);
    if (result && this.currentStore) {
      this.sendStateUpdate(this.currentStore, result.type);
    }
  }

  /**
   * Flush any pending batch updates immediately.
   * Useful for tests to ensure updates are sent without waiting for batch latency.
   */
  flushBatch(): void {
    this.batchUpdater.flush();
  }

  /**
   * Get action name using naming system
   */
  private getActionName(
    atom: BasicAtom,
    atomName: string,
    operation: string
  ): string {
    return this.actionNamingSystem.getName({
      atom,
      atomName,
      operation,
    });
  }

  /**
   * Setup polling for state updates (fallback for basic stores).
   * @param store The store to poll
   */
  private setupPolling(store: EnhancedStore): void {
    const interval = setInterval(() => {
      if (this.isTracking) {
        // Generate action name for polling updates
        const actionName = this.getActionName(
          { id: { toString: () => 'polling' } } as BasicAtom,
          'polling',
          'STATE_UPDATE'
        );
        this.sendStateUpdate(store, actionName);
      }
    }, this.config.latency);

    // Clean up interval on window unload
    if (typeof window !== 'undefined' && window.addEventListener) {
      window.addEventListener('beforeunload', () => {
        clearInterval(interval);
      });
    }
  }

  /**
   * Send state update to DevTools (called by BatchUpdater on flush).
   * Broadcasts to all connections for scenarios like multiple DevTools windows.
   * Uses lazy serialization and incremental updates when config.serialization.lazy is set.
   * @param store The store to get state from
   * @param action The action name
   */
  private doSendStateUpdate(store: EnhancedStore, action: string): void {
    if (!this.isTracking) return;
    try {
      const currentState = store.serializeState?.() || store.getState();
      const sanitizedState = this.config.stateSanitizer(currentState) as Record<
        string,
        unknown
      >;

      const lazyOpts = this.getLazySerializationOptions();
      let stateToSend: unknown = sanitizedState;
      let stateChanged: boolean;

      if (lazyOpts) {
        const prevState = this.lastState as Record<string, unknown> | null;
        const changedKeys = this.stateSerializer.getChangedKeys(
          prevState,
          sanitizedState
        );
        const result = this.stateSerializer.serializeLazy(
          sanitizedState,
          lazyOpts,
          this.lastLazyState ?? undefined,
          changedKeys.size > 0 ? changedKeys : undefined
        );
        stateToSend = result.state;
        const prevLazy = this.lastLazyState;
        this.lastLazyState = result.state as Record<string, unknown>;
        this.lastState = sanitizedState;
        stateChanged =
          prevLazy === null ||
          JSON.stringify(result.state) !== JSON.stringify(prevLazy);
      } else {
        stateChanged =
          JSON.stringify(sanitizedState) !== JSON.stringify(this.lastState);
        if (stateChanged) {
          this.lastState = sanitizedState;
        }
      }

      if (stateChanged && this.config.actionSanitizer(action, stateToSend)) {
        console.log('[DevTools] Sending action:', action);
        console.log('[DevTools] State type:', typeof stateToSend);
        console.log(
          '[DevTools] State keys:',
          typeof stateToSend === 'object' && stateToSend !== null
            ? Object.keys(stateToSend)
            : 'N/A'
        );
        console.log('[DevTools] State:', stateToSend);

        // Broadcast to all connections
        const actionObj = { type: action };
        for (const conn of this.connections) {
          if (conn) {
            try {
              conn.send(actionObj, stateToSend);
            } catch (error) {
              if (process.env.NODE_ENV !== 'production') {
                console.warn('Failed to send to connection:', error);
              }
            }
          }
        }

        this.snapshotMapper.mapSnapshotToAction(
          `snap-${Date.now()}-${Math.random().toString(36).substring(2, 15)}`,
          action
        );
      }
    } catch (error) {
      if (process.env.NODE_ENV !== 'production') {
        console.warn('Failed to send state update to DevTools:', error);
      }
    }
  }

  /**
   * Schedule a state update to be sent to DevTools (batched and throttled).
   * @param store The store to get state from
   * @param action The action name
   */
  private sendStateUpdate(store: EnhancedStore, action: string): void {
    this.batchUpdater.schedule(store, action);
  }

  /**
   * Export current state in DevTools-compatible format.
   * Uses lazy serialization when config.serialization.lazy is set.
   * @param store The store to export state from
   * @param metadata Optional metadata to include
   * @returns Serialized state with checksum
   */
  exportState(
    store: EnhancedStore,
    metadata?: Record<string, unknown>
  ): Record<string, unknown> {
    try {
      const state = store.serializeState?.() || store.getState();
      const lazyOpts = this.getLazySerializationOptions();

      const exported = lazyOpts
        ? this.stateSerializer.exportStateLazy(
            state as Record<string, unknown>,
            lazyOpts,
            metadata
          )
        : this.stateSerializer.exportState(
            state as Record<string, unknown>,
            metadata
          );

      return {
        state: exported.state,
        timestamp: exported.timestamp,
        checksum: exported.checksum,
        version: exported.version,
        metadata: exported.metadata,
      };
    } catch (error) {
      if (process.env.NODE_ENV !== 'production') {
        console.warn('Failed to export state:', error);
      }

      const state = store.serializeState?.() || store.getState();
      return {
        state,
        timestamp: Date.now(),
        checksum: '',
        version: '1.0.0',
        metadata: metadata || {},
      };
    }
  }

  /**
   * Get the snapshot mapper for time travel lookups
   * @returns The SnapshotMapper instance
   */
  getSnapshotMapper(): SnapshotMapper {
    return this.snapshotMapper;
  }

  /**
   * Set up time travel integration
   * @param store The store to integrate with
   */
  private setupTimeTravel(store: EnhancedStore): void {
    // Check if store has timeTravel property (SimpleTimeTravel instance)
    const storeWithTimeTravel = store as any;

    if (
      storeWithTimeTravel.timeTravel &&
      typeof storeWithTimeTravel.timeTravel === 'object'
    ) {
      console.log('[DevToolsPlugin] Found timeTravel instance:', {
        hasJumpTo: typeof storeWithTimeTravel.timeTravel.jumpTo === 'function',
        hasGetHistory:
          typeof storeWithTimeTravel.timeTravel.getHistory === 'function',
        hasUndo: typeof storeWithTimeTravel.timeTravel.undo === 'function',
        hasRedo: typeof storeWithTimeTravel.timeTravel.redo === 'function',
      });

      this.timeTravel = storeWithTimeTravel.timeTravel;
    } else if (storeWithTimeTravel.jumpTo && storeWithTimeTravel.getHistory) {
      // Fallback: create SimpleTimeTravel wrapper for enhanced store
      console.log('[DevToolsPlugin] Store has time travel methods directly');
    }
  }
}

eustatos / nexus-state / 23151573359

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous