@n-dx/web 0.1.0

package/dist/viewer/views/graph.js

@@ -0,0 +1,316 @@
+import { h } from "preact";
+import { useEffect, useRef, useState, useMemo, useCallback } from "preact/hooks";
+import { buildZoneColorMap, getZoneColorByIndex } from "../visualization/index.js";
+import { GraphRenderer } from "../graph/renderer.js";
+import { BrandedHeader } from "../components/logos.js";
+const GRAPH_VISIBLE_KEY = "import-graph-visible";
+/** Read persisted graph visibility preference (hidden by default). */
+function getInitialGraphVisible() {
+    try {
+        return localStorage.getItem(GRAPH_VISIBLE_KEY) === "true";
+    }
+    catch {
+        return false;
+    }
+}
+export function Graph({ data, onSelect, selectedFile, selectedZone, navigateTo }) {
+    const svgRef = useRef(null);
+    const graphRef = useRef(null);
+    const [initialized, setInitialized] = useState(false);
+    const [graphSearch, setGraphSearch] = useState("");
+    const [labelsVisible, setLabelsVisible] = useState(true);
+    const [zonesVisible, setZonesVisible] = useState(true);
+    const [collapsedZones, setCollapsedZones] = useState(new Set());
+    const [graphVisible, setGraphVisible] = useState(getInitialGraphVisible);
+    const { imports, zones, inventory } = data;
+    // Build zone lookups using shared utilities
+    const fileToZoneMap = useMemo(() => {
+        const map = new Map();
+        if (zones) {
+            zones.zones.forEach((z) => {
+                for (const f of z.files)
+                    map.set(f, z.id);
+            });
+        }
+        return map;
+    }, [zones]);
+    const zoneColorMap = useMemo(() => buildZoneColorMap(zones), [zones]);
+    // Build cross-zone set
+    const crossZoneSet = useMemo(() => {
+        const set = new Set();
+        if (zones) {
+            for (const c of zones.crossings) {
+                set.add(`${c.from}\0${c.to}`);
+            }
+        }
+        return set;
+    }, [zones]);
+    // Build inventory lookup for file metadata enrichment
+    const inventoryMap = useMemo(() => {
+        const map = new Map();
+        if (inventory) {
+            for (const f of inventory.files) {
+                map.set(f.path, {
+                    language: f.language,
+                    size: f.size,
+                    lines: f.lineCount,
+                    role: f.role,
+                    category: f.category,
+                });
+            }
+        }
+        return map;
+    }, [inventory]);
+    // Build ZoneInfo array for renderer
+    const zoneInfos = useMemo(() => {
+        if (!zones)
+            return [];
+        return zones.zones.map((z, i) => ({
+            id: z.id,
+            name: z.name,
+            color: getZoneColorByIndex(i),
+            files: z.files,
+        }));
+    }, [zones]);
+    // Double-click navigates to file in Files view
+    const handleNodeDblClick = useCallback((path) => {
+        if (navigateTo) {
+            navigateTo("files", { file: path });
+        }
+    }, [navigateTo]);
+    // Toggle label visibility
+    const handleToggleLabels = useCallback(() => {
+        if (graphRef.current) {
+            const visible = graphRef.current.toggleLabels();
+            setLabelsVisible(visible);
+        }
+    }, []);
+    // Toggle zone hull visibility
+    const handleToggleZones = useCallback(() => {
+        if (graphRef.current) {
+            const visible = graphRef.current.toggleZones();
+            setZonesVisible(visible);
+        }
+    }, []);
+    // Zoom controls
+    const handleZoomIn = useCallback(() => { graphRef.current?.zoomIn(); }, []);
+    const handleZoomOut = useCallback(() => { graphRef.current?.zoomOut(); }, []);
+    const handleResetView = useCallback(() => { graphRef.current?.resetView(); }, []);
+    // Toggle collapse on a specific zone (from legend click)
+    const handleZoneLegendClick = useCallback((zoneId) => {
+        if (!graphRef.current)
+            return;
+        const nowCollapsed = graphRef.current.toggleZoneCollapse(zoneId);
+        setCollapsedZones((prev) => {
+            const next = new Set(prev);
+            if (nowCollapsed)
+                next.add(zoneId);
+            else
+                next.delete(zoneId);
+            return next;
+        });
+    }, []);
+    // Toggle graph visibility (persisted to localStorage)
+    const handleToggleGraph = useCallback(() => {
+        setGraphVisible((prev) => {
+            const next = !prev;
+            try {
+                localStorage.setItem(GRAPH_VISIBLE_KEY, String(next));
+            }
+            catch { /* noop */ }
+            if (!next) {
+                // Destroy renderer when hiding to free resources
+                graphRef.current?.destroy();
+                graphRef.current = null;
+                setInitialized(false);
+            }
+            return next;
+        });
+    }, []);
+    // Zone select callback (click on hull)
+    const handleZoneSelect = useCallback((zoneId) => {
+        if (!zones)
+            return;
+        const zone = zones.zones.find((z) => z.id === zoneId);
+        if (!zone)
+            return;
+        onSelect({
+            type: "zone",
+            title: zone.name,
+            id: zone.id,
+            zoneId: zone.id,
+            description: zone.description,
+            files: zone.files.length,
+            entryPoints: zone.entryPoints,
+            cohesion: zone.cohesion.toFixed(2),
+            coupling: zone.coupling.toFixed(2),
+        });
+    }, [zones, onSelect]);
+    if (!imports) {
+        return h("div", { class: "loading" }, "No import data available.");
+    }
+    useEffect(() => {
+        if (!svgRef.current || !imports || initialized)
+            return;
+        const svg = svgRef.current;
+        const width = svg.clientWidth || 800;
+        const height = svg.clientHeight || 600;
+        // Collect unique nodes
+        const nodeSet = new Set();
+        for (const e of imports.edges) {
+            nodeSet.add(e.from);
+            nodeSet.add(e.to);
+        }
+        // Count imports per file
+        const importCounts = new Map();
+        for (const e of imports.edges) {
+            importCounts.set(e.to, (importCounts.get(e.to) || 0) + 1);
+        }
+        const nodes = Array.from(nodeSet).map((id) => ({
+            id,
+            zone: fileToZoneMap.get(id),
+            zoneColor: fileToZoneMap.has(id) ? zoneColorMap.get(fileToZoneMap.get(id)) : "var(--text-dim)",
+            importCount: importCounts.get(id) || 0,
+        }));
+        const links = imports.edges.map((e) => ({
+            source: e.from,
+            target: e.to,
+            crossZone: crossZoneSet.has(`${e.from}\0${e.to}`),
+        }));
+        const renderer = new GraphRenderer({
+            svg, nodes, links, width, height,
+            onNodeSelect: (detail) => {
+                // Enrich with inventory metadata if available
+                const inv = inventoryMap.get(detail.path);
+                const enriched = {
+                    type: "file",
+                    ...detail,
+                    ...(inv ? {
+                        language: inv.language,
+                        size: formatSize(inv.size),
+                        lines: inv.lines,
+                        role: inv.role,
+                        category: inv.category,
+                    } : {}),
+                };
+                onSelect(enriched);
+            },
+            onNodeDblClick: handleNodeDblClick,
+            onZoneSelect: handleZoneSelect,
+            zoneInfos,
+        });
+        graphRef.current = renderer;
+        setInitialized(true);
+        // Cleanup: destroy renderer when unmounting (fixes leaked event listeners)
+        return () => {
+            graphRef.current?.destroy();
+            graphRef.current = null;
+        };
+    }, [imports, initialized, graphVisible]);
+    // Handle selectedFile highlight
+    useEffect(() => {
+        if (graphRef.current && selectedFile) {
+            graphRef.current.highlightNode(selectedFile);
+            graphRef.current.centerOnNode(selectedFile);
+        }
+    }, [selectedFile]);
+    // Handle search
+    useEffect(() => {
+        if (!graphRef.current || !graphSearch) {
+            if (graphRef.current)
+                graphRef.current.highlightNode(null);
+            return;
+        }
+        const q = graphSearch.toLowerCase();
+        const match = graphRef.current.nodes.find((n) => n.id.toLowerCase().includes(q));
+        if (match) {
+            graphRef.current.highlightNode(match.id);
+            graphRef.current.centerOnNode(match.id);
+        }
+    }, [graphSearch]);
+    // Legend data
+    const legendItems = useMemo(() => {
+        if (!zones)
+            return [];
+        return zones.zones.map((z, i) => ({
+            name: z.name,
+            color: getZoneColorByIndex(i),
+        }));
+    }, [zones]);
+    const nodeCount = new Set([...imports.edges.map(e => e.from), ...imports.edges.map(e => e.to)]).size;
+    return h("div", null, h("div", { class: "view-header" }, h(BrandedHeader, { product: "sourcevision", title: "SourceVision", class: "branded-header-sv" }), h("h2", { class: "section-header" }, "Import Graph")), h("p", { class: "section-sub" }, `${imports.edges.length} edges between ${nodeCount} files`, zones ? ` across ${zones.zones.length} zones` : ""), 
+    // Graph visibility toggle
+    h("div", { class: "graph-visibility-bar" }, h("button", {
+        class: `filter-toggle-btn${graphVisible ? " active" : ""}`,
+        onClick: handleToggleGraph,
+        "aria-pressed": String(graphVisible),
+        title: graphVisible ? "Hide graph visualization" : "Show graph visualization",
+    }, graphVisible ? "\u2713 Graph Visible" : "Show Graph"), !graphVisible
+        ? h("span", { class: "graph-visibility-hint" }, "The force-directed graph is hidden to improve performance. Click to enable.")
+        : null), 
+    // Graph content: shown only when toggle is on
+    graphVisible
+        ? h("div", null, 
+        // Search bar
+        h("div", { class: "graph-search-bar" }, h("input", {
+            type: "text",
+            class: "filter-input",
+            placeholder: "Search nodes...",
+            value: graphSearch,
+            onInput: (e) => setGraphSearch(e.target.value),
+        })), h("div", { class: "graph-container", style: "position: relative;" }, h("svg", { ref: svgRef }), 
+        // Label toggle button
+        h("button", {
+            class: "graph-label-toggle",
+            onClick: handleToggleLabels,
+            title: labelsVisible ? "Hide labels" : "Show labels",
+        }, labelsVisible ? "Labels" : "Labels off"), 
+        // Zone toggle button
+        h("button", {
+            class: "graph-zone-toggle",
+            onClick: handleToggleZones,
+            title: zonesVisible ? "Hide zone groups" : "Show zone groups",
+        }, zonesVisible ? "Zones" : "Zones off"), 
+        // Zoom controls
+        h("div", { class: "graph-zoom-controls" }, h("button", {
+            class: "graph-zoom-btn",
+            onClick: handleZoomIn,
+            title: "Zoom in",
+            "aria-label": "Zoom in",
+        }, "+"), h("button", {
+            class: "graph-zoom-btn",
+            onClick: handleZoomOut,
+            title: "Zoom out",
+            "aria-label": "Zoom out",
+        }, "\u2212"), h("button", {
+            class: "graph-zoom-btn graph-zoom-fit",
+            onClick: handleResetView,
+            title: "Fit to content",
+            "aria-label": "Fit to content",
+        }, "\u2922")), 
+        // Legend overlay — click items to collapse/expand zones
+        legendItems.length > 0
+            ? h("div", { class: "graph-legend" }, h("div", { class: "graph-legend-title", style: "font-size: 10px; color: var(--text-dim); margin-bottom: 4px; opacity: 0.7;" }, "Click to toggle zone"), legendItems.map((item) => h("div", {
+                key: item.name,
+                class: `graph-legend-item${collapsedZones.has(zones?.zones.find(z => z.name === item.name)?.id ?? "") ? " collapsed" : ""}`,
+                onClick: () => {
+                    const zone = zones?.zones.find(z => z.name === item.name);
+                    if (zone)
+                        handleZoneLegendClick(zone.id);
+                },
+            }, h("span", { class: "graph-legend-dot", style: `background: ${item.color};` }), item.name)))
+            : null))
+        : // Collapsed placeholder with summary stats
+            h("div", { class: "graph-hidden-placeholder" }, h("div", { class: "graph-hidden-icon" }, "\u2B95"), h("div", { class: "graph-hidden-stats" }, h("span", { class: "stat-card" }, h("span", { class: "value" }, String(nodeCount)), h("span", { class: "label" }, "Files")), h("span", { class: "stat-card" }, h("span", { class: "value" }, String(imports.edges.length)), h("span", { class: "label" }, "Edges")), zones
+                ? h("span", { class: "stat-card" }, h("span", { class: "value" }, String(zones.zones.length)), h("span", { class: "label" }, "Zones"))
+                : null)));
+}
+/** Format bytes to a human-readable string. */
+function formatSize(bytes) {
+    if (bytes < 1024)
+        return `${bytes} B`;
+    if (bytes < 1024 * 1024)
+        return `${(bytes / 1024).toFixed(1)} KB`;
+    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+}
+//# sourceMappingURL=graph.js.map

package/dist/viewer/views/graph.js.map

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

package/dist/viewer/views/hench-config.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Hench Config view — workflow configuration form editor.
+ *
+ * Displays current hench configuration in an editable form with proper
+ * form controls (dropdowns, number inputs, toggles, tag lists). Shows
+ * a real-time impact preview for pending changes, validates client-side,
+ * and supports batch saving all changes at once.
+ *
+ * Data comes from GET /api/hench/config (read) and
+ * PUT /api/hench/config (update).
+ */
+export interface ConfigField {
+    path: string;
+    label: string;
+    description: string;
+    type: "string" | "number" | "boolean" | "enum" | "array";
+    enumValues?: string[];
+    category: string;
+    value: unknown;
+    defaultValue: unknown;
+    isDefault: boolean;
+    impact: string;
+}
+export declare function formatDisplayValue(value: unknown): string;
+/**
+ * Parse a raw form value back to the proper typed value for a field.
+ * Returns the coerced value or throws with a validation error.
+ */
+export declare function coerceFieldValue(field: ConfigField, rawValue: string): unknown;
+/**
+ * Validate a field's raw string value.
+ * Returns null if valid, or an error message string.
+ */
+export declare function validateField(field: ConfigField, rawValue: string): string | null;
+/** Compute impact text for a pending change (client-side preview). */
+export declare function getPreviewImpact(field: ConfigField, rawValue: string): string;
+export declare function HenchConfigView(): import("preact").VNode<import("preact").ClassAttributes<HTMLElement> & {
+    class: string;
+}> | null;