@walkeros/explorer 0.0.0-next-20260115201042

package/dist/hooks/useMonacoHeight.js

@@ -0,0 +1,83 @@
+import { useState, useRef, useCallback } from 'react';
+/**
+ * Hook to automatically calculate Monaco Editor height based on content
+ *
+ * @param enabled - Whether to enable auto-height calculation
+ * @param minHeight - Minimum height in pixels (default: 100)
+ * @param maxHeight - Maximum height in pixels (default: 800)
+ * @param defaultHeight - Default height when not auto-sizing (default: 400)
+ *
+ * @returns [height, setEditor] - Current height and function to register editor instance
+ *
+ * @example
+ * const [height, setEditor] = useMonacoHeight({ enabled: autoHeight });
+ *
+ * <Editor
+ *   height={height}
+ *   onMount={(editor) => setEditor(editor)}
+ * />
+ */
+export function useMonacoHeight({ enabled = false, minHeight = 100, maxHeight = 800, defaultHeight = 400, onHeightChange, } = {}) {
+    const [height, setHeight] = useState(enabled ? minHeight : defaultHeight);
+    const editorRef = useRef(null);
+    const previousHeightRef = useRef(enabled ? minHeight : defaultHeight);
+    const updateTimeoutRef = useRef(null);
+    const updateHeight = useCallback(() => {
+        if (!enabled || !editorRef.current)
+            return;
+        try {
+            const monacoContentHeight = editorRef.current.getContentHeight();
+            const boundedMonacoHeight = Math.max(minHeight, Math.min(maxHeight, monacoContentHeight));
+            if (boundedMonacoHeight === previousHeightRef.current) {
+                return;
+            }
+            previousHeightRef.current = boundedMonacoHeight;
+            setHeight(boundedMonacoHeight);
+            if (onHeightChange) {
+                const HEADER_HEIGHT = 36;
+                const BORDER = 2;
+                const totalBoxHeight = boundedMonacoHeight + HEADER_HEIGHT + BORDER;
+                onHeightChange(totalBoxHeight);
+            }
+            // Note: We don't call editor.layout() here because Monaco's
+            // automaticLayout option handles layout updates automatically.
+            // Calling layout() here would create a feedback loop with
+            // onDidContentSizeChange, causing height to grow indefinitely.
+        }
+        catch (error) {
+            // Silently fail - editor might not be fully initialized
+        }
+    }, [enabled, minHeight, maxHeight, onHeightChange]);
+    const setEditor = useCallback((editor) => {
+        // Clean up previous timeout if it exists
+        if (updateTimeoutRef.current) {
+            clearTimeout(updateTimeoutRef.current);
+            updateTimeoutRef.current = null;
+        }
+        editorRef.current = editor;
+        if (!enabled || !editor) {
+            setHeight(defaultHeight);
+            previousHeightRef.current = defaultHeight;
+            return;
+        }
+        // Trigger initial height calculation
+        setTimeout(() => updateHeight(), 50);
+        // Listen for content changes with debouncing
+        const disposable = editor.onDidContentSizeChange(() => {
+            // Clear any pending update
+            if (updateTimeoutRef.current) {
+                clearTimeout(updateTimeoutRef.current);
+            }
+            // Debounce updates to prevent rapid-fire recalculations
+            updateTimeoutRef.current = setTimeout(() => {
+                updateHeight();
+                updateTimeoutRef.current = null;
+            }, 150);
+        });
+        // Store disposable for cleanup
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        editor.__heightDisposable = disposable;
+    }, [enabled, defaultHeight, updateHeight]);
+    return [height, setEditor];
+}
+//# sourceMappingURL=useMonacoHeight.js.map

package/dist/hooks/useMonacoHeight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMonacoHeight.js","sourceRoot":"","sources":["../../src/hooks/useMonacoHeight.ts"],"names":[],"mappings":"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"}

package/dist/hooks/useTreeState.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Tree expand/collapse state management
+ *
+ * Manages which paths in a tree view are expanded or collapsed.
+ * This hook is UI-agnostic and can be used with any tree structure.
+ *
+ * @example
+ * const treeState = useTreeState(['']); // Root expanded by default
+ *
+ * // Check if expanded
+ * if (treeState.isExpanded(['product', 'view'])) { ... }
+ *
+ * // Toggle expansion
+ * treeState.togglePath(['product', 'view']);
+ *
+ * // Expand specific path
+ * treeState.expandPath(['product', 'view', 'data']);
+ *
+ * // Collapse specific path
+ * treeState.collapsePath(['product']);
+ */
+export declare function useTreeState(initialExpanded?: string[][]): {
+    expandedPaths: Set<string>;
+    isExpanded: (path: string[]) => boolean;
+    togglePath: (path: string[]) => void;
+    expandPath: (path: string[]) => void;
+    collapsePath: (path: string[]) => void;
+    expandAll: (allPaths: string[][]) => void;
+    collapseAll: () => void;
+};
+export type TreeState = ReturnType<typeof useTreeState>;
+//# sourceMappingURL=useTreeState.d.ts.map

package/dist/hooks/useTreeState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeState.d.ts","sourceRoot":"","sources":["../../src/hooks/useTreeState.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,YAAY,CAAC,eAAe,GAAE,MAAM,EAAE,EAAS;;uBASpD,MAAM,EAAE,KAAG,OAAO;uBAUW,MAAM,EAAE;uBAgBR,MAAM,EAAE;yBAYN,MAAM,EAAE;0BAYP,MAAM,EAAE,EAAE;;EAoBpD;AAED,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC"}

package/dist/hooks/useTreeState.js

@@ -0,0 +1,94 @@
+import { useState, useCallback } from 'react';
+/**
+ * Tree expand/collapse state management
+ *
+ * Manages which paths in a tree view are expanded or collapsed.
+ * This hook is UI-agnostic and can be used with any tree structure.
+ *
+ * @example
+ * const treeState = useTreeState(['']); // Root expanded by default
+ *
+ * // Check if expanded
+ * if (treeState.isExpanded(['product', 'view'])) { ... }
+ *
+ * // Toggle expansion
+ * treeState.togglePath(['product', 'view']);
+ *
+ * // Expand specific path
+ * treeState.expandPath(['product', 'view', 'data']);
+ *
+ * // Collapse specific path
+ * treeState.collapsePath(['product']);
+ */
+export function useTreeState(initialExpanded = [[]]) {
+    const [expandedPaths, setExpandedPaths] = useState(() => {
+        return new Set(initialExpanded.map((path) => path.join('.')));
+    });
+    /**
+     * Check if a path is expanded
+     */
+    const isExpanded = useCallback((path) => {
+        const pathKey = path.join('.');
+        return expandedPaths.has(pathKey);
+    }, [expandedPaths]);
+    /**
+     * Toggle path expansion
+     */
+    const togglePath = useCallback((path) => {
+        const pathKey = path.join('.');
+        setExpandedPaths((prev) => {
+            const next = new Set(prev);
+            if (next.has(pathKey)) {
+                next.delete(pathKey);
+            }
+            else {
+                next.add(pathKey);
+            }
+            return next;
+        });
+    }, []);
+    /**
+     * Expand specific path
+     */
+    const expandPath = useCallback((path) => {
+        const pathKey = path.join('.');
+        setExpandedPaths((prev) => {
+            const next = new Set(prev);
+            next.add(pathKey);
+            return next;
+        });
+    }, []);
+    /**
+     * Collapse specific path
+     */
+    const collapsePath = useCallback((path) => {
+        const pathKey = path.join('.');
+        setExpandedPaths((prev) => {
+            const next = new Set(prev);
+            next.delete(pathKey);
+            return next;
+        });
+    }, []);
+    /**
+     * Expand all paths
+     */
+    const expandAll = useCallback((allPaths) => {
+        setExpandedPaths(new Set(allPaths.map((path) => path.join('.'))));
+    }, []);
+    /**
+     * Collapse all paths
+     */
+    const collapseAll = useCallback(() => {
+        setExpandedPaths(new Set());
+    }, []);
+    return {
+        expandedPaths,
+        isExpanded,
+        togglePath,
+        expandPath,
+        collapsePath,
+        expandAll,
+        collapseAll,
+    };
+}
+//# sourceMappingURL=useTreeState.js.map

package/dist/hooks/useTreeState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeState.js","sourceRoot":"","sources":["../../src/hooks/useTreeState.ts"],"names":[],"mappings":"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"}