@buoy-gg/floating-tools-core 7.0.41 → 7.0.42

package/lib/commonjs/devToolsState.js

@@ -1,325 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DevToolsStateManager = void 0;
-exports.devToolsReducer = devToolsReducer;
-exports.devToolsStateManager = void 0;
-/**
- * DevToolsState - Pure state management for floating dev tools.
- *
- * Platform-agnostic state machine for managing:
- * - Dial menu open/closed state
- * - Settings modal open/closed state
- * - Active settings tab
- *
- * This is a headless state manager with no React or platform dependencies.
- * Use with useSyncExternalStore or similar subscription patterns.
- */
-
-// =============================
-// State Types
-// =============================
-
-/**
- * Complete state of the floating dev tools system.
- */
-
-/**
- * Actions that can be dispatched to modify state.
- */
-
-// =============================
-// Initial State
-// =============================
-
-const initialState = {
-  isDialOpen: false,
-  isSettingsOpen: false,
-  activeSettingsTab: 'floating',
-  isInitialized: false
-};
-
-// =============================
-// Reducer
-// =============================
-
-/**
- * Pure reducer function for DevTools state.
- * Can be used standalone or with any state management library.
- */
-function devToolsReducer(state, action) {
-  switch (action.type) {
-    case 'OPEN_DIAL':
-      return {
-        ...state,
-        isDialOpen: true
-      };
-    case 'CLOSE_DIAL':
-      return {
-        ...state,
-        isDialOpen: false
-      };
-    case 'TOGGLE_DIAL':
-      return {
-        ...state,
-        isDialOpen: !state.isDialOpen
-      };
-    case 'OPEN_SETTINGS':
-      // Close dial when opening settings
-      return {
-        ...state,
-        isSettingsOpen: true,
-        isDialOpen: false
-      };
-    case 'CLOSE_SETTINGS':
-      return {
-        ...state,
-        isSettingsOpen: false
-      };
-    case 'SET_SETTINGS_TAB':
-      return {
-        ...state,
-        activeSettingsTab: action.tab
-      };
-    case 'INITIALIZE':
-      return {
-        ...state,
-        isInitialized: true
-      };
-    default:
-      return state;
-  }
-}
-
-// =============================
-// State Manager Class
-// =============================
-
-/**
- * DevToolsStateManager - Subscribable state container.
- *
- * Follows the external store pattern for compatibility with
- * React's useSyncExternalStore and similar patterns.
- *
- * @example
- * ```ts
- * const manager = new DevToolsStateManager();
- *
- * // Subscribe to changes
- * const unsubscribe = manager.subscribe(() => {
- *   console.log('State changed:', manager.getState());
- * });
- *
- * // Dispatch actions
- * manager.openDial();
- * manager.openSettings();
- *
- * // Clean up
- * unsubscribe();
- * ```
- */
-class DevToolsStateManager {
-  listeners = new Set();
-  constructor(initialStateOverride) {
-    this.state = {
-      ...initialState,
-      ...initialStateOverride
-    };
-  }
-
-  // =============================
-  // Query Methods
-  // =============================
-
-  /**
-   * Get the current state snapshot.
-   * Safe to call at any time.
-   */
-  getState = () => {
-    return this.state;
-  };
-
-  /**
-   * Get server snapshot for SSR.
-   * Returns initial state for hydration consistency.
-   */
-  getServerState = () => {
-    return initialState;
-  };
-
-  /**
-   * Check if dial menu is open.
-   */
-  isDialOpen() {
-    return this.state.isDialOpen;
-  }
-
-  /**
-   * Check if settings modal is open.
-   */
-  isSettingsOpen() {
-    return this.state.isSettingsOpen;
-  }
-
-  /**
-   * Check if state has been initialized.
-   */
-  isInitialized() {
-    return this.state.isInitialized;
-  }
-
-  /**
-   * Get active settings tab.
-   */
-  getActiveSettingsTab() {
-    return this.state.activeSettingsTab;
-  }
-
-  // =============================
-  // Command Methods
-  // =============================
-
-  /**
-   * Dispatch an action to update state.
-   */
-  dispatch(action) {
-    const newState = devToolsReducer(this.state, action);
-
-    // Only notify if state actually changed
-    if (newState !== this.state) {
-      this.state = newState;
-      this.notifyListeners();
-    }
-  }
-
-  /**
-   * Open the dial menu.
-   */
-  openDial() {
-    this.dispatch({
-      type: 'OPEN_DIAL'
-    });
-  }
-
-  /**
-   * Close the dial menu.
-   */
-  closeDial() {
-    this.dispatch({
-      type: 'CLOSE_DIAL'
-    });
-  }
-
-  /**
-   * Toggle the dial menu open/closed.
-   */
-  toggleDial() {
-    this.dispatch({
-      type: 'TOGGLE_DIAL'
-    });
-  }
-
-  /**
-   * Open the settings modal.
-   * Also closes the dial menu if open.
-   */
-  openSettings() {
-    this.dispatch({
-      type: 'OPEN_SETTINGS'
-    });
-  }
-
-  /**
-   * Close the settings modal.
-   */
-  closeSettings() {
-    this.dispatch({
-      type: 'CLOSE_SETTINGS'
-    });
-  }
-
-  /**
-   * Set the active settings tab.
-   */
-  setSettingsTab(tab) {
-    this.dispatch({
-      type: 'SET_SETTINGS_TAB',
-      tab
-    });
-  }
-
-  /**
-   * Mark state as initialized.
-   * Call after loading persisted state.
-   */
-  initialize() {
-    this.dispatch({
-      type: 'INITIALIZE'
-    });
-  }
-
-  // =============================
-  // Subscription
-  // =============================
-
-  /**
-   * Subscribe to state changes.
-   * Returns an unsubscribe function.
-   *
-   * Compatible with React's useSyncExternalStore.
-   */
-  subscribe = listener => {
-    this.listeners.add(listener);
-    return () => {
-      this.listeners.delete(listener);
-    };
-  };
-
-  /**
-   * Notify all listeners of state change.
-   */
-  notifyListeners() {
-    this.listeners.forEach(listener => {
-      try {
-        listener();
-      } catch (error) {
-        console.error('Error in DevToolsStateManager listener:', error);
-      }
-    });
-  }
-
-  /**
-   * Get the number of active listeners.
-   * Useful for debugging.
-   */
-  get listenerCount() {
-    return this.listeners.size;
-  }
-
-  /**
-   * Reset state to initial values.
-   * Useful for testing.
-   */
-  reset() {
-    this.state = {
-      ...initialState
-    };
-    this.notifyListeners();
-  }
-}
-
-// =============================
-// Default Instance
-// =============================
-
-/**
- * Default global DevToolsStateManager instance.
- * Use this for app-wide state management.
- *
- * For isolated testing or multiple instances,
- * create a new DevToolsStateManager instead.
- */
-exports.DevToolsStateManager = DevToolsStateManager;
-const devToolsStateManager = exports.devToolsStateManager = new DevToolsStateManager();
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DevToolsStateManager=void 0;exports.devToolsReducer=devToolsReducer;exports.devToolsStateManager=void 0;const initialState={isDialOpen:false,isSettingsOpen:false,activeSettingsTab:"floating",isInitialized:false};function devToolsReducer(t,e){switch(e.type){case"OPEN_DIAL":return{...t,isDialOpen:true};case"CLOSE_DIAL":return{...t,isDialOpen:false};case"TOGGLE_DIAL":return{...t,isDialOpen:!t.isDialOpen};case"OPEN_SETTINGS":return{...t,isSettingsOpen:true,isDialOpen:false};case"CLOSE_SETTINGS":return{...t,isSettingsOpen:false};case"SET_SETTINGS_TAB":return{...t,activeSettingsTab:e.tab};case"INITIALIZE":return{...t,isInitialized:true};default:return t}}class DevToolsStateManager{listeners=new Set;constructor(e){this.state={...initialState,...e}}getState=()=>{return this.state};getServerState=()=>{return initialState};isDialOpen(){return this.state.isDialOpen}isSettingsOpen(){return this.state.isSettingsOpen}isInitialized(){return this.state.isInitialized}getActiveSettingsTab(){return this.state.activeSettingsTab}dispatch(e){const s=devToolsReducer(this.state,e);if(s!==this.state){this.state=s;this.notifyListeners()}}openDial(){this.dispatch({type:"OPEN_DIAL"})}closeDial(){this.dispatch({type:"CLOSE_DIAL"})}toggleDial(){this.dispatch({type:"TOGGLE_DIAL"})}openSettings(){this.dispatch({type:"OPEN_SETTINGS"})}closeSettings(){this.dispatch({type:"CLOSE_SETTINGS"})}setSettingsTab(e){this.dispatch({type:"SET_SETTINGS_TAB",tab:e})}initialize(){this.dispatch({type:"INITIALIZE"})}subscribe=e=>{this.listeners.add(e);return()=>{this.listeners.delete(e)}};notifyListeners(){this.listeners.forEach(e=>{try{e()}catch(s){console.error("Error in DevToolsStateManager listener:",s)}})}get listenerCount(){return this.listeners.size}reset(){this.state={...initialState};this.notifyListeners()}}exports.DevToolsStateManager=DevToolsStateManager;const devToolsStateManager=exports.devToolsStateManager=new DevToolsStateManager;