modviz 0.1.2

package/dist/server/assets/modviz-layout-BAH2ogse.js

@@ -0,0 +1,253 @@
+import { t as cn } from "./utils-BQZm0uva.js";
+import { m as useModvizBundle, p as setActiveSnapshotSelection, r as fetchModvizJsonStatus, s as getActiveSnapshotSelection } from "./modviz-data-CUyTorv0.js";
+import { startTransition, useEffect, useMemo, useRef, useState } from "react";
+import { Link, useRouter } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeftRight, BarChart3, Boxes, FolderTree, GitBranchPlus, LayoutGrid, Network, RefreshCw, Route, Settings, SquareStack } from "lucide-react";
+//#region src/hooks/use-json-updates.ts
+function useJsonUpdates(intervalMs = 2500) {
+	const router = useRouter();
+	const lastModifiedRef = useRef(null);
+	const graphPathRef = useRef(null);
+	const isRefreshingRef = useRef(false);
+	const [status, setStatus] = useState(null);
+	const [isRefreshing, setIsRefreshing] = useState(false);
+	useEffect(() => {
+		let isDisposed = false;
+		const poll = async () => {
+			try {
+				const nextStatus = await fetchModvizJsonStatus();
+				if (isDisposed) return;
+				setStatus(nextStatus);
+				if (graphPathRef.current !== nextStatus.graphPath) {
+					graphPathRef.current = nextStatus.graphPath;
+					lastModifiedRef.current = nextStatus.lastModified;
+					return;
+				}
+				if (nextStatus.lastModified == null) return;
+				if (lastModifiedRef.current == null) {
+					lastModifiedRef.current = nextStatus.lastModified;
+					return;
+				}
+				if (nextStatus.lastModified > lastModifiedRef.current && !isRefreshingRef.current) {
+					lastModifiedRef.current = nextStatus.lastModified;
+					isRefreshingRef.current = true;
+					setIsRefreshing(true);
+					startTransition(() => {
+						router.invalidate().finally(() => {
+							if (isDisposed) return;
+							isRefreshingRef.current = false;
+							setIsRefreshing(false);
+						});
+					});
+				}
+			} catch {
+				if (isDisposed) return;
+				isRefreshingRef.current = false;
+				setIsRefreshing(false);
+			}
+		};
+		poll();
+		const intervalId = window.setInterval(() => {
+			poll();
+		}, intervalMs);
+		return () => {
+			isDisposed = true;
+			window.clearInterval(intervalId);
+		};
+	}, [intervalMs, router]);
+	return {
+		isRefreshing,
+		status
+	};
+}
+//#endregion
+//#region src/components/modviz/modviz-layout.tsx
+var navigationItems = [
+	{
+		to: "/",
+		label: "Overview",
+		icon: Boxes
+	},
+	{
+		to: "/graph",
+		label: "Bubble graph",
+		icon: Network
+	},
+	{
+		to: "/compare",
+		label: "Compare",
+		icon: ArrowLeftRight
+	},
+	{
+		to: "/summary",
+		label: "Summary",
+		icon: BarChart3
+	},
+	{
+		to: "/imports",
+		label: "Import search",
+		icon: GitBranchPlus
+	},
+	{
+		to: "/trace",
+		label: "Trace",
+		icon: Route
+	},
+	{
+		to: "/explorer",
+		label: "Explorer",
+		icon: FolderTree
+	},
+	{
+		to: "/hierarchy",
+		label: "Hierarchy",
+		icon: SquareStack
+	},
+	{
+		to: "/treemap",
+		label: "Treemap",
+		icon: LayoutGrid
+	}
+];
+function ModvizLayout(props) {
+	const bundle = useModvizBundle();
+	const router = useRouter();
+	const { isRefreshing, status } = useJsonUpdates();
+	const activeSelection = getActiveSnapshotSelection();
+	const [customGraphPath, setCustomGraphPath] = useState(activeSelection.graphPath);
+	const activeGraphPath = status?.graphPath ?? bundle.setup.graphPath;
+	const graphFileName = activeGraphPath.split(/[\\/]/).at(-1) ?? "modviz.json";
+	const activeHistorySnapshot = useMemo(() => bundle.history.find((snapshot) => snapshot.graphPath === activeGraphPath) ?? null, [bundle.history, activeGraphPath]);
+	const liveSyncLabel = isRefreshing ? "Refreshing graph data" : "Live JSON sync";
+	const liveSyncTone = isRefreshing ? "border-sky-300 bg-sky-100 text-sky-700 dark:border-sky-500/40 dark:bg-sky-500/10 dark:text-sky-200" : "border-emerald-300 bg-emerald-100 text-emerald-700 dark:border-emerald-500/40 dark:bg-emerald-500/10 dark:text-emerald-200";
+	const applySelection = async (selection) => {
+		setActiveSnapshotSelection(selection);
+		await router.invalidate();
+	};
+	useEffect(() => {
+		setCustomGraphPath(activeSelection.snapshotId ? "" : activeSelection.graphPath);
+	}, [activeSelection.graphPath, activeSelection.snapshotId]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "min-h-screen bg-[radial-gradient(circle_at_top_left,_rgba(14,165,233,0.14),_transparent_24%),radial-gradient(circle_at_top_right,_rgba(249,115,22,0.12),_transparent_22%),linear-gradient(180deg,_rgba(255,255,255,0.96),_rgba(248,250,252,0.96))] dark:bg-[radial-gradient(circle_at_top_left,_rgba(14,165,233,0.18),_transparent_22%),radial-gradient(circle_at_top_right,_rgba(249,115,22,0.16),_transparent_20%),linear-gradient(180deg,_rgba(2,6,23,0.98),_rgba(15,23,42,0.98))]",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "mx-auto flex min-h-screen w-full max-w-7xl flex-col px-4 py-4 sm:px-6 lg:px-8",
+			children: [/* @__PURE__ */ jsxs("header", {
+				className: "rounded-[28px] border border-white/60 bg-white/80 p-5 shadow-[0_20px_80px_-45px_rgba(15,23,42,0.65)] backdrop-blur dark:border-white/10 dark:bg-slate-950/70",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "space-y-2",
+								children: /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h1", {
+									className: "text-3xl font-semibold tracking-tight text-slate-900 dark:text-slate-100",
+									children: ["Modviz ", props.projectTitle ? `- ${props.projectTitle}` : ""]
+								}), /* @__PURE__ */ jsx("p", {
+									className: "mt-2 max-w-3xl text-sm leading-6 text-slate-600 dark:text-slate-300",
+									children: props.description
+								})] })
+							}),
+							props.actions ? /* @__PURE__ */ jsx("div", {
+								className: "shrink-0",
+								children: props.actions
+							}) : null,
+							/* @__PURE__ */ jsxs(Link, {
+								to: "/configure",
+								className: "absolute right-4 top-5 inline-flex items-center gap-2 rounded-full border border-slate-200/70 bg-slate-50/90 px-4 py-2 text-sm font-medium whitespace-nowrap text-slate-600 transition hover:border-sky-300 hover:text-sky-700 dark:border-slate-700 dark:bg-slate-900/70 dark:text-slate-300 dark:hover:border-sky-500/70 dark:hover:text-sky-200",
+								activeProps: { className: "inline-flex items-center gap-2 rounded-full border border-sky-200 bg-sky-50 px-4 py-2 text-sm font-medium whitespace-nowrap text-sky-700 shadow-sm dark:border-sky-500/40 dark:bg-sky-500/10 dark:text-sky-200" },
+								children: [/* @__PURE__ */ jsx(Settings, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: "Configure" })]
+							})
+						]
+					}),
+					/* @__PURE__ */ jsx("section", {
+						className: "mt-5 rounded-[24px] border border-slate-200/70 bg-slate-50/70 p-4 dark:border-slate-800 dark:bg-slate-900/40",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "grid gap-3 xl:grid-cols-[minmax(0,1.2fr)_minmax(0,1.3fr)_auto]",
+							children: [
+								/* @__PURE__ */ jsxs("label", {
+									className: "space-y-2 text-sm font-medium text-slate-700 dark:text-slate-200",
+									children: [/* @__PURE__ */ jsx("span", { children: "Active snapshot" }), /* @__PURE__ */ jsxs("select", {
+										className: "flex h-10 w-full rounded-md border border-input bg-transparent px-3 text-sm shadow-xs outline-none",
+										value: activeHistorySnapshot?.id ?? "",
+										onChange: (event) => {
+											const value = event.currentTarget.value;
+											setCustomGraphPath("");
+											applySelection(value ? { snapshotId: value } : void 0);
+										},
+										children: [/* @__PURE__ */ jsx("option", {
+											value: "",
+											children: "Default watched file"
+										}), bundle.history.map((snapshot) => /* @__PURE__ */ jsx("option", {
+											value: snapshot.id,
+											children: snapshot.label || snapshot.id
+										}, snapshot.id))]
+									})]
+								}),
+								/* @__PURE__ */ jsxs("label", {
+									className: "space-y-2 text-sm font-medium text-slate-700 dark:text-slate-200",
+									children: [/* @__PURE__ */ jsx("span", { children: "Custom graph path" }), /* @__PURE__ */ jsx("input", {
+										className: "flex h-10 w-full rounded-md border border-input bg-transparent px-3 text-sm shadow-xs outline-none",
+										placeholder: "/absolute/path/to/another-modviz.json",
+										value: customGraphPath,
+										onChange: (event) => setCustomGraphPath(event.currentTarget.value)
+									})]
+								}),
+								/* @__PURE__ */ jsxs("div", {
+									className: "flex items-end gap-2",
+									children: [/* @__PURE__ */ jsx("button", {
+										type: "button",
+										className: "inline-flex h-10 items-center justify-center rounded-md border border-input px-4 text-sm font-medium shadow-xs",
+										onClick: () => void applySelection({ graphPath: customGraphPath }),
+										disabled: !customGraphPath.trim(),
+										children: "Use path"
+									}), /* @__PURE__ */ jsx("button", {
+										type: "button",
+										className: "inline-flex h-10 items-center justify-center rounded-md border border-input px-4 text-sm font-medium shadow-xs",
+										onClick: () => {
+											setCustomGraphPath("");
+											applySelection();
+										},
+										children: "Reset"
+									})]
+								})
+							]
+						})
+					}),
+					/* @__PURE__ */ jsx("nav", {
+						className: "mt-5 flex flex-wrap gap-2",
+						children: navigationItems.map((item) => {
+							const Icon = item.icon;
+							return /* @__PURE__ */ jsxs(Link, {
+								to: item.to,
+								className: cn("inline-flex items-center gap-2 rounded-full border border-slate-200/70 px-4 py-2 text-sm font-medium whitespace-nowrap text-slate-600 transition hover:border-sky-300 hover:text-sky-700 dark:border-slate-700 dark:text-slate-300 dark:hover:border-sky-500/70 dark:hover:text-sky-200"),
+								activeProps: { className: "inline-flex items-center gap-2 rounded-full border border-sky-500/40 bg-sky-500 text-white shadow-sm whitespace-nowrap dark:border-sky-400 dark:bg-sky-500 dark:text-slate-950" },
+								children: [/* @__PURE__ */ jsx(Icon, { className: "size-4" }), /* @__PURE__ */ jsx("span", { children: item.label })]
+							}, item.to);
+						})
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "mt-3 flex flex-wrap items-center gap-2 text-xs text-slate-500 dark:text-slate-400",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: cn("inline-flex items-center gap-2 rounded-full border px-3 py-1 font-medium", liveSyncTone),
+								children: [/* @__PURE__ */ jsx(RefreshCw, { className: cn("size-3.5", isRefreshing ? "animate-spin" : "") }), /* @__PURE__ */ jsx("span", { children: liveSyncLabel })]
+							}),
+							/* @__PURE__ */ jsxs("span", { children: [
+								"Watching ",
+								graphFileName,
+								status?.hasLlm ? " with LLM companion data." : "."
+							] }),
+							activeHistorySnapshot ? /* @__PURE__ */ jsxs("span", { children: ["Active history snapshot: ", activeHistorySnapshot.id] }) : activeSelection.graphPath ? /* @__PURE__ */ jsx("span", { children: "Custom path override active." }) : null
+						]
+					})
+				]
+			}), /* @__PURE__ */ jsx("main", {
+				className: "min-h-0 flex-1 py-6",
+				children: props.children
+			})]
+		})
+	});
+}
+//#endregion
+export { ModvizLayout as t };

package/dist/server/assets/modviz-server-DoMlAyFW.js

@@ -0,0 +1,195 @@
+import { t as __exportAll } from "./rolldown-runtime-rSIU-vHC.js";
+import { t as buildModvizSummary } from "./modviz-data-CUyTorv0.js";
+import fs, { readFileSync, readdirSync, statSync } from "node:fs";
+import path from "node:path";
+//#region mod/snapshot-history.ts
+var resolveSnapshotHistoryDir = () => path.resolve(process.env.MODVIZ_HISTORY_DIR ?? (process.env.MODVIZ_PATH ? path.join(path.dirname(path.resolve(process.env.MODVIZ_PATH)), ".modviz", "history") : path.join(process.cwd(), ".modviz", "history")));
+var resolveSnapshotPaths = (snapshotId) => {
+	const historyDir = resolveSnapshotHistoryDir();
+	return {
+		historyDir,
+		graphPath: path.join(historyDir, `${snapshotId}.json`),
+		llmPath: path.join(historyDir, `${snapshotId}.llm.json`)
+	};
+};
+var readSnapshotItem = (graphPath) => {
+	try {
+		const raw = JSON.parse(readFileSync(graphPath, "utf-8"));
+		const fileStats = statSync(graphPath);
+		const snapshotId = path.basename(graphPath, ".json");
+		const llmPath = graphPath.replace(/\.json$/, ".llm.json");
+		return {
+			id: snapshotId,
+			label: snapshotId.replace(/^\d{4}-\d{2}-\d{2}t/i, "").replace(/-/g, " "),
+			graphPath,
+			llmPath,
+			generatedAt: raw.metadata.generatedAt ?? null,
+			lastModified: fileStats.mtimeMs,
+			totalNodes: raw.nodes.length,
+			entrypoints: raw.metadata.entrypoints
+		};
+	} catch {
+		return null;
+	}
+};
+var listSnapshotHistory = () => {
+	const historyDir = resolveSnapshotHistoryDir();
+	try {
+		return readdirSync(historyDir).filter((fileName) => fileName.endsWith(".json") && !fileName.endsWith(".llm.json")).map((fileName) => readSnapshotItem(path.join(historyDir, fileName))).filter((item) => Boolean(item)).sort((left, right) => right.lastModified - left.lastModified);
+	} catch {
+		return [];
+	}
+};
+var loadSnapshotGraph = (snapshotId) => {
+	const { graphPath } = resolveSnapshotPaths(snapshotId);
+	return JSON.parse(readFileSync(graphPath, "utf-8"));
+};
+//#endregion
+//#region src/utils/modviz-server.ts
+var modviz_server_exports = /* @__PURE__ */ __exportAll({
+	getModvizJsonStatus: () => getModvizJsonStatus,
+	loadModvizBundle: () => loadModvizBundle,
+	resolveProjectTitle: () => resolveProjectTitle
+});
+var resolveGraphPath = () => path.resolve(process.env.MODVIZ_PATH ?? path.join(process.cwd(), "modviz.json"));
+var resolveLlmPath = (graphPath) => {
+	if (graphPath.endsWith(".llm.json")) return graphPath;
+	const parsed = path.parse(graphPath);
+	return path.join(parsed.dir, `${parsed.name}.llm.json`);
+};
+var parseJsonError = (error, filePath) => {
+	if (!(error instanceof SyntaxError) || !("message" in error)) return `Unable to parse JSON from ${filePath}.`;
+	const positionMatch = error.message.match(/position\s+(\d+)/i);
+	if (!positionMatch) return `Unable to parse JSON from ${filePath}: ${error.message}`;
+	const source = fs.readFileSync(filePath, "utf-8");
+	const position = Number(positionMatch[1]);
+	const prefix = source.slice(0, position);
+	return `Unable to parse JSON from ${filePath} at line ${prefix.split("\n").length}, column ${prefix.length - prefix.lastIndexOf("\n")}: ${error.message}`;
+};
+var readJsonFile = (filePath) => {
+	try {
+		return JSON.parse(fs.readFileSync(filePath, "utf-8"));
+	} catch (error) {
+		throw new Error(parseJsonError(error, filePath));
+	}
+};
+var findClosestPackageJson = (startPath) => {
+	let currentPath = startPath;
+	while (true) {
+		const packageJsonPath = path.join(currentPath, "package.json");
+		if (fs.existsSync(packageJsonPath)) return packageJsonPath;
+		const parentPath = path.dirname(currentPath);
+		if (parentPath === currentPath) return null;
+		currentPath = parentPath;
+	}
+};
+var resolveProjectTitle = (graph) => {
+	const firstEntrypoint = graph.metadata.entrypoints[0];
+	if (!firstEntrypoint) return graph.metadata.packages[0]?.name ?? null;
+	const entrypointPath = path.isAbsolute(firstEntrypoint) ? firstEntrypoint : path.resolve(graph.metadata.basePath, firstEntrypoint);
+	const packageJsonPath = findClosestPackageJson(path.dirname(entrypointPath));
+	if (!packageJsonPath) return graph.metadata.packages[0]?.name ?? null;
+	try {
+		const packageJson = readJsonFile(packageJsonPath);
+		return packageJson.title ?? packageJson.name ?? graph.metadata.packages[0]?.name ?? null;
+	} catch {
+		return graph.metadata.packages[0]?.name ?? null;
+	}
+};
+var resolveSelectedGraphPath = (history, selection) => {
+	if (selection?.snapshotId?.trim()) {
+		const snapshot = history.find((item) => item.id === selection.snapshotId?.trim());
+		if (!snapshot) throw new Error(`Named snapshot \"${selection.snapshotId}\" was not found.`);
+		return snapshot.graphPath;
+	}
+	if (selection?.graphPath?.trim()) return path.resolve(selection.graphPath.trim());
+	return resolveGraphPath();
+};
+var loadModvizBundle = (selection) => {
+	const history = listSnapshotHistory();
+	let graphPath;
+	try {
+		graphPath = resolveSelectedGraphPath(history, selection);
+	} catch (error) {
+		return {
+			graph: null,
+			llm: null,
+			projectTitle: null,
+			summary: null,
+			history,
+			setup: {
+				status: "missing",
+				graphPath: selection?.graphPath?.trim() ?? resolveGraphPath(),
+				message: error instanceof Error ? error.message : "The selected snapshot could not be resolved."
+			}
+		};
+	}
+	const llmPath = resolveLlmPath(graphPath);
+	if (!fs.existsSync(graphPath)) return {
+		graph: null,
+		llm: null,
+		projectTitle: null,
+		summary: null,
+		history,
+		setup: {
+			status: "missing",
+			graphPath,
+			message: `No graph snapshot exists at ${graphPath}. Generate one with modviz analyze <entryFile> or choose a named snapshot from history.`
+		}
+	};
+	try {
+		const graph = readJsonFile(graphPath);
+		const llm = fs.existsSync(llmPath) ? readJsonFile(llmPath) : null;
+		return {
+			graph,
+			llm,
+			projectTitle: resolveProjectTitle(graph),
+			summary: buildModvizSummary(graph, llm),
+			history,
+			setup: {
+				status: "ready",
+				graphPath
+			}
+		};
+	} catch (error) {
+		return {
+			graph: null,
+			llm: null,
+			projectTitle: null,
+			summary: null,
+			history,
+			setup: {
+				status: "invalid",
+				graphPath,
+				message: error instanceof Error ? error.message : `Failed to read ${graphPath}.`
+			}
+		};
+	}
+};
+var getModvizJsonStatus = (selection) => {
+	const history = listSnapshotHistory();
+	let graphPath;
+	try {
+		graphPath = resolveSelectedGraphPath(history, selection);
+	} catch {
+		graphPath = selection?.graphPath?.trim() ?? resolveGraphPath();
+	}
+	const llmPath = resolveLlmPath(graphPath);
+	if (!fs.existsSync(graphPath)) return {
+		exists: false,
+		graphPath,
+		hasLlm: fs.existsSync(llmPath),
+		lastModified: null,
+		llmPath
+	};
+	const stat = fs.statSync(graphPath);
+	return {
+		exists: true,
+		graphPath,
+		hasLlm: fs.existsSync(llmPath),
+		lastModified: stat.mtimeMs,
+		llmPath
+	};
+};
+//#endregion
+export { loadSnapshotGraph as a, listSnapshotHistory as i, loadModvizBundle as n, modviz_server_exports as r, getModvizJsonStatus as t };