@berenjena/react-dev-panel 1.0.3 → 2.0.0

package/dist/store/store.js

@@ -1,239 +0,0 @@
-import { useSyncExternalStore as o } from "react";
-const n = "dev-panel-storage", a = { x: 20, y: 20 };
-class d {
-  /** The current state of the dev panel */
-  state = {
-    isVisible: !1,
-    isCollapsed: !1,
-    sections: {},
-    position: a
-  };
-  /** Set of listeners subscribed to state changes */
-  listeners = /* @__PURE__ */ new Set();
-  /**
-   * Creates a new DevPanelService instance and loads persisted state from localStorage.
-   */
-  constructor() {
-    this.loadState();
-  }
-  /**
-   * Saves the current state to localStorage.
-   * Only persists visibility, collapse state, position, and section collapse states.
-   * Sections themselves are not persisted as they are dynamic and recreated on mount.
-   *
-   * @private
-   */
-  saveState() {
-    try {
-      const e = {
-        isVisible: this.state.isVisible,
-        isCollapsed: this.state.isCollapsed,
-        position: this.state.position,
-        sectionCollapseState: Object.fromEntries(
-          Object.entries(this.state.sections).map(([t, i]) => [t, i.isCollapsed ?? !1])
-        )
-      };
-      localStorage.setItem(n, JSON.stringify(e));
-    } catch {
-      console.warn("Failed to save state to localStorage");
-    }
-  }
-  /**
-   * Loads previously persisted state from localStorage.
-   * If no state exists or loading fails, uses default values.
-   *
-   * @private
-   */
-  loadState() {
-    try {
-      const e = localStorage.getItem(n);
-      if (e) {
-        const t = JSON.parse(e);
-        this.state = {
-          ...this.state,
-          isVisible: t.isVisible ?? !1,
-          isCollapsed: t.isCollapsed ?? !1,
-          position: t.position ?? a
-        };
-      }
-    } catch {
-      console.warn("Failed to load persisted state from localStorage");
-    }
-  }
-  /**
-   * Notifies all subscribed listeners about state changes.
-   *
-   * @private
-   */
-  notifySubscribers() {
-    this.listeners.forEach((e) => e());
-  }
-  /**
-   * Updates the state using an updater function, persists the new state,
-   * and notifies all subscribers.
-   *
-   * @param updater - Function that receives current state and returns new state
-   * @private
-   */
-  setState(e) {
-    this.state = e(this.state), this.saveState(), this.notifySubscribers();
-  }
-  /**
-   * Returns the current state snapshot for useSyncExternalStore.
-   *
-   * @returns The current dev panel state
-   */
-  getSnapshot = () => this.state;
-  /**
-   * Subscribes a listener to state changes for useSyncExternalStore.
-   *
-   * @param listener - Function to call when state changes
-   * @returns Unsubscribe function
-   */
-  subscribe = (e) => (this.listeners.add(e), () => {
-    this.listeners.delete(e);
-  });
-  /**
-   * Sets the visibility state of the dev panel.
-   *
-   * @param visible - Whether the panel should be visible
-   */
-  setVisible = (e) => {
-    this.setState((t) => ({ ...t, isVisible: e }));
-  };
-  /**
-   * Sets the collapsed state of the dev panel.
-   *
-   * @param collapsed - Whether the panel should be collapsed
-   */
-  setCollapsed = (e) => {
-    this.setState((t) => ({ ...t, isCollapsed: e }));
-  };
-  /**
-   * Updates the position of the dev panel.
-   *
-   * @param position - New position coordinates {x, y}
-   */
-  setPosition = (e) => {
-    this.setState((t) => ({ ...t, position: e }));
-  };
-  /**
-   * Registers a new section with the dev panel.
-   * If a section with the same name already exists, it preserves the existing collapse state.
-   * Otherwise, it attempts to restore the collapse state from localStorage.
-   *
-   * @param name - Unique name for the section
-   * @param controls - Array of control configurations for the section
-   */
-  registerSection = (e, t) => {
-    this.setState((i) => {
-      const l = i.sections[e];
-      let r = !1;
-      try {
-        const c = localStorage.getItem(n);
-        c && (r = JSON.parse(c).sectionCollapseState?.[e] ?? !1);
-      } catch {
-        console.warn("Failed to read section collapse state from localStorage");
-      }
-      const p = l?.isCollapsed ?? r;
-      return {
-        ...i,
-        sections: {
-          ...i.sections,
-          [e]: {
-            name: e,
-            controls: t,
-            isCollapsed: p
-          }
-        }
-      };
-    });
-  };
-  /**
-   * Removes a section from the dev panel.
-   *
-   * @param name - Name of the section to remove
-   */
-  unregisterSection = (e) => {
-    this.setState((t) => {
-      const { [e]: i, ...l } = t.sections;
-      return { ...t, sections: l };
-    });
-  };
-  /**
-   * Toggles the collapsed state of a specific section.
-   *
-   * @param name - Name of the section to toggle
-   */
-  toggleSectionCollapse = (e) => {
-    this.setState((t) => {
-      const i = t.sections[e];
-      return i ? {
-        ...t,
-        sections: {
-          ...t.sections,
-          [e]: {
-            ...i,
-            isCollapsed: !i.isCollapsed
-          }
-        }
-      } : t;
-    });
-  };
-  /**
-   * Resets the dev panel to its default state.
-   * Clears all sections, resets position, and sets visibility and collapse to false.
-   */
-  reset = () => {
-    this.setState(() => ({
-      isVisible: !1,
-      isCollapsed: !1,
-      sections: {},
-      position: a
-    }));
-  };
-}
-const s = new d();
-function b() {
-  return {
-    ...o(s.subscribe, s.getSnapshot),
-    setVisible: s.setVisible,
-    setCollapsed: s.setCollapsed,
-    setPosition: s.setPosition,
-    registerSection: s.registerSection,
-    unregisterSection: s.unregisterSection,
-    toggleSectionCollapse: s.toggleSectionCollapse,
-    reset: s.reset
-  };
-}
-function h() {
-  return o(s.subscribe, () => s.getSnapshot().isVisible);
-}
-function f() {
-  return o(s.subscribe, () => s.getSnapshot().isCollapsed);
-}
-function C() {
-  return o(s.subscribe, () => s.getSnapshot().position);
-}
-function v() {
-  return o(s.subscribe, () => s.getSnapshot().sections);
-}
-function P() {
-  return {
-    setVisible: s.setVisible,
-    setCollapsed: s.setCollapsed,
-    setPosition: s.setPosition,
-    registerSection: s.registerSection,
-    unregisterSection: s.unregisterSection,
-    toggleSectionCollapse: s.toggleSectionCollapse,
-    reset: s.reset
-  };
-}
-export {
-  P as useDevPanelActions,
-  f as useDevPanelCollapsed,
-  C as useDevPanelPosition,
-  v as useDevPanelSections,
-  b as useDevPanelStore,
-  h as useDevPanelVisible
-};