modviz 0.1.2

package/dist/server/assets/graph-command-menu-BV5GtOWx.js

@@ -0,0 +1,249 @@
+import { t as cn } from "./utils-BQZm0uva.js";
+import { t as Button } from "./button-Bqnnid5i.js";
+import { c as getExternalPackageName } from "./modviz-data-CUyTorv0.js";
+import { a as CommandInput, c as CommandSeparator, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList } from "./command-SdxShIbL.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronsUpDown } from "lucide-react";
+import { useAtom } from "@xstate/store/react";
+import { createAtom } from "@xstate/store";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import { Command, defaultFilter } from "cmdk";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+//#region src/components/graph/common/use-graph-atoms.ts
+var currentNodeIdAtom = createAtom(null);
+var isNodeDetailsOpenAtom = createAtom(false);
+var highlightedNodeIdAtom = createAtom(null);
+var hoveredClusterNameAtom = createAtom(null);
+var selectedNodeIdsAtom = createAtom([]);
+//#endregion
+//#region src/components/ui/popover.tsx
+function Popover({ ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
+		"data-slot": "popover",
+		...props
+	});
+}
+function PopoverTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Trigger, {
+		"data-slot": "popover-trigger",
+		...props
+	});
+}
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(PopoverPrimitive.Content, {
+		"data-slot": "popover-content",
+		align,
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+		...props
+	}) });
+}
+//#endregion
+//#region src/components/graph/graph-command-menu.tsx
+var buildNodeKeywords = (node) => [
+	node.name,
+	node.package?.name,
+	node.cluster,
+	node.path,
+	...node.path.split("/")
+].filter(Boolean);
+var getFilteredNodeRows = (nodesByClusterMap, search) => {
+	const normalizedSearch = search.trim();
+	const filteredClusters = Array.from(nodesByClusterMap.entries()).map(([cluster, nodeList]) => {
+		const filteredNodes = nodeList.map((node) => {
+			const keywords = buildNodeKeywords(node);
+			return {
+				keywords,
+				node,
+				score: normalizedSearch ? defaultFilter(node.path, normalizedSearch, keywords) : 1
+			};
+		}).filter((entry) => entry.score > 0);
+		if (normalizedSearch) filteredNodes.sort((left, right) => right.score - left.score || left.node.path.localeCompare(right.node.path));
+		return {
+			cluster,
+			filteredNodes,
+			maxScore: Math.max(...filteredNodes.map((entry) => entry.score), 0)
+		};
+	}).filter((entry) => entry.filteredNodes.length > 0);
+	if (normalizedSearch) filteredClusters.sort((left, right) => right.maxScore - left.maxScore || left.cluster.localeCompare(right.cluster));
+	return filteredClusters.flatMap(({ cluster, filteredNodes }) => filteredNodes.map((entry, index) => ({
+		cluster,
+		keywords: entry.keywords,
+		node: entry.node,
+		showClusterHeading: index === 0,
+		showSeparator: index === filteredNodes.length - 1
+	})));
+};
+var getNextSelectedValue = ({ event, filteredRows, selectedValue }) => {
+	if (filteredRows.length === 0) return;
+	const currentIndex = filteredRows.findIndex((row) => row.node.path === selectedValue);
+	switch (event.key) {
+		case "ArrowDown": return filteredRows[currentIndex >= 0 ? (currentIndex + 1) % filteredRows.length : 0]?.node.path;
+		case "ArrowUp": return filteredRows[currentIndex >= 0 ? (currentIndex - 1 + filteredRows.length) % filteredRows.length : filteredRows.length - 1]?.node.path;
+		case "Home": return filteredRows[0]?.node.path;
+		case "End": return filteredRows.at(-1)?.node.path;
+		default: return;
+	}
+};
+function NodeCommandList(props) {
+	const nodesByClusterMap = useNodesByClusterMap(props.nodes);
+	const [search, setSearch] = useState("");
+	const [selectedValue, setSelectedValue] = useState(void 0);
+	const listRef = useRef(null);
+	const filteredRows = useMemo(() => getFilteredNodeRows(nodesByClusterMap, search), [nodesByClusterMap, search]);
+	const selectedIndex = useMemo(() => filteredRows.findIndex((row) => row.node.path === selectedValue), [filteredRows, selectedValue]);
+	const rowVirtualizer = useVirtualizer({
+		count: filteredRows.length,
+		estimateSize: () => 68,
+		getItemKey: (index) => filteredRows[index]?.node.path ?? index,
+		getScrollElement: () => listRef.current,
+		overscan: 10
+	});
+	useEffect(() => {
+		if (filteredRows.length === 0) {
+			setSelectedValue(void 0);
+			props.onHighlight(void 0);
+			return;
+		}
+		if (selectedValue && filteredRows.some((row) => row.node.path === selectedValue)) return;
+		setSelectedValue(filteredRows[0]?.node.path);
+	}, [
+		filteredRows,
+		props.onHighlight,
+		selectedValue
+	]);
+	useEffect(() => {
+		if (selectedIndex < 0) return;
+		rowVirtualizer.scrollToIndex(selectedIndex, { align: "auto" });
+	}, [rowVirtualizer, selectedIndex]);
+	const virtualRows = rowVirtualizer.getVirtualItems();
+	return /* @__PURE__ */ jsxs(Command, {
+		loop: true,
+		shouldFilter: false,
+		value: selectedValue,
+		onValueChange: setSelectedValue,
+		children: [/* @__PURE__ */ jsx(CommandInput, {
+			placeholder: "Type a command or search...",
+			value: search,
+			onValueChange: setSearch,
+			onKeyDown: (event) => {
+				const nextSelectedValue = getNextSelectedValue({
+					event,
+					filteredRows,
+					selectedValue
+				});
+				if (!nextSelectedValue) return;
+				event.preventDefault();
+				setSelectedValue(nextSelectedValue);
+				props.onHighlight(nextSelectedValue);
+			}
+		}), /* @__PURE__ */ jsxs(CommandList, {
+			ref: listRef,
+			children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No results found." }), filteredRows.length === 0 ? null : /* @__PURE__ */ jsx("div", {
+				className: "relative",
+				style: { height: `${rowVirtualizer.getTotalSize()}px` },
+				children: virtualRows.map((virtualRow) => {
+					const row = filteredRows[virtualRow.index];
+					if (!row) return null;
+					return /* @__PURE__ */ jsxs("div", {
+						"data-index": virtualRow.index,
+						ref: rowVirtualizer.measureElement,
+						className: "absolute left-0 top-0 w-full",
+						style: { transform: `translateY(${virtualRow.start}px)` },
+						children: [
+							row.showClusterHeading ? /* @__PURE__ */ jsx("div", {
+								className: "text-muted-foreground px-2 py-1.5 text-xs font-medium",
+								children: row.cluster
+							}) : null,
+							/* @__PURE__ */ jsx(CommandItem, {
+								value: row.node.path,
+								keywords: row.keywords,
+								onMouseEnter: () => {
+									setSelectedValue(row.node.path);
+									props.onHighlight(row.node.path);
+								},
+								onSelect: (value) => {
+									props.onSelect(value);
+									props.onClose?.();
+								},
+								children: /* @__PURE__ */ jsxs("div", {
+									className: "flex min-w-0 flex-col",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "truncate",
+										children: row.node.name
+									}), /* @__PURE__ */ jsx("span", {
+										className: "truncate text-xs text-slate-500",
+										children: row.node.path
+									})]
+								})
+							}),
+							row.showSeparator ? /* @__PURE__ */ jsx(CommandSeparator, { alwaysRender: true }) : null
+						]
+					}, virtualRow.key);
+				})
+			})]
+		})]
+	});
+}
+function GraphCommandMenuDialog(props) {
+	const [open, setOpen] = useState(false);
+	useEffect(() => {
+		const down = (e) => {
+			if (e.key === "k" && (e.metaKey || e.ctrlKey)) {
+				e.preventDefault();
+				setOpen((open) => !open);
+			}
+		};
+		document.addEventListener("keydown", down);
+		return () => document.removeEventListener("keydown", down);
+	}, []);
+	if (!open) return null;
+	return /* @__PURE__ */ jsx(CommandDialog, {
+		open,
+		onOpenChange: setOpen,
+		children: /* @__PURE__ */ jsx(NodeCommandList, {
+			...props,
+			onClose: () => setOpen(false)
+		})
+	});
+}
+function GraphCommandMenu(props) {
+	const [open, setOpen] = useState(false);
+	const currentNodeId = useAtom(currentNodeIdAtom);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				role: "combobox",
+				"aria-expanded": open,
+				className: "max-w-100 w-full justify-between",
+				children: [props.nodes.find((node) => node.path === currentNodeId)?.name ?? "Find or change current node...", /* @__PURE__ */ jsx(ChevronsUpDown, { className: "opacity-50" })]
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-full p-0",
+			children: /* @__PURE__ */ jsx(NodeCommandList, {
+				...props,
+				onClose: () => setOpen(false)
+			})
+		})]
+	});
+}
+var useNodesByClusterMap = (nodes) => {
+	return useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		nodes.forEach((node) => {
+			const group = node.path.includes("node_modules") ? `node_modules/${getExternalPackageName(node)}` : node.cluster ?? node.package?.name ?? "workspace";
+			const existingNodes = map.get(group) ?? [];
+			existingNodes.push(node);
+			map.set(group, existingNodes);
+		});
+		for (const [, groupedNodes] of map) groupedNodes.sort((left, right) => left.path.localeCompare(right.path));
+		return new Map(Array.from(map.entries()).sort((left, right) => left[0].localeCompare(right[0])));
+	}, [nodes]);
+};
+//#endregion
+export { PopoverTrigger as a, hoveredClusterNameAtom as c, PopoverContent as i, isNodeDetailsOpenAtom as l, GraphCommandMenuDialog as n, currentNodeIdAtom as o, Popover as r, highlightedNodeIdAtom as s, GraphCommandMenu as t, selectedNodeIdsAtom as u };

package/dist/server/assets/hierarchy-B4K-Zfn9.js

@@ -0,0 +1,16 @@
+import { createFileRoute, lazyRouteComponent } from "@tanstack/react-router";
+//#region src/routes/hierarchy.tsx
+var $$splitComponentImporter = () => import("./hierarchy-BGpWSG-f.js");
+var validateHierarchySearch = (search) => ({
+	entryNodeId: typeof search.entryNodeId === "string" ? search.entryNodeId : "",
+	includeExternal: search.includeExternal === void 0 ? true : search.includeExternal === true || search.includeExternal === "true",
+	maxChildren: Number.isFinite(Number(search.maxChildren)) ? Math.round(Number(search.maxChildren)) : 24,
+	maxDepth: Number.isFinite(Number(search.maxDepth)) ? Math.round(Number(search.maxDepth)) : 6
+});
+var Route = createFileRoute("/hierarchy")({
+	ssr: false,
+	validateSearch: validateHierarchySearch,
+	component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+//#endregion
+export { Route as t };

package/dist/server/assets/hierarchy-BGpWSG-f.js

@@ -0,0 +1,104 @@
+import { f as isModvizBundleReady, m as useModvizBundle } from "./modviz-data-CUyTorv0.js";
+import { t as LoadingState } from "./loading-state-CrvCWTtw.js";
+import { t as Route } from "./hierarchy-B4K-Zfn9.js";
+import { t as ModvizLayout } from "./modviz-layout-BAH2ogse.js";
+import { t as SetupView } from "./setup-view-DjI49Iqr.js";
+import { Suspense, lazy } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/routes/hierarchy.tsx?tsr-split=component
+var Flamegraph = lazy(() => import("./flamegraph-CdW-VG6I.js").then((n) => n.n).then((module) => ({ default: module.Flamegraph })));
+function HierarchyRoute() {
+	const bundle = useModvizBundle();
+	const search = Route.useSearch();
+	const navigate = Route.useNavigate();
+	if (!isModvizBundleReady(bundle)) return /* @__PURE__ */ jsx(ModvizLayout, {
+		projectTitle: bundle.projectTitle,
+		title: "Hierarchy",
+		description: "Pruned flamegraph for reading dependency hierarchy without freezing the browser.",
+		children: /* @__PURE__ */ jsx(SetupView, { bundle })
+	});
+	const entryNodeId = search.entryNodeId || bundle.graph.metadata.entrypoints[0] || bundle.graph.nodes[0]?.path || "";
+	const updateSearch = (patch) => navigate({
+		replace: true,
+		search: (previous) => ({
+			...previous,
+			...patch
+		})
+	});
+	return /* @__PURE__ */ jsx(ModvizLayout, {
+		projectTitle: bundle.projectTitle,
+		title: "Hierarchy",
+		description: "Pruned flamegraph for reading dependency hierarchy without freezing the browser. Depth and child limits are URL-backed so you can tune them per investigation.",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex h-[calc(100vh-14rem)] min-h-[680px] flex-col gap-4",
+			children: [/* @__PURE__ */ jsxs("section", {
+				className: "rounded-[24px] border border-slate-200/70 bg-white/90 p-4 shadow-[0_16px_50px_-32px_rgba(15,23,42,0.55)] dark:border-slate-800 dark:bg-slate-950/70",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "grid gap-4 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ jsxs("label", {
+							className: "space-y-2 text-sm font-medium text-slate-700 dark:text-slate-200 lg:col-span-2",
+							children: [/* @__PURE__ */ jsx("span", { children: "Entrypoint or focus node" }), /* @__PURE__ */ jsx("select", {
+								className: "flex h-10 w-full rounded-md border border-input bg-transparent px-3 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
+								value: entryNodeId,
+								onChange: (event) => updateSearch({ entryNodeId: event.currentTarget.value }),
+								children: bundle.graph.metadata.entrypoints.map((entrypoint) => /* @__PURE__ */ jsx("option", {
+									value: entrypoint,
+									children: entrypoint
+								}, entrypoint))
+							})]
+						}),
+						/* @__PURE__ */ jsxs("label", {
+							className: "space-y-2 text-sm font-medium text-slate-700 dark:text-slate-200",
+							children: [/* @__PURE__ */ jsx("span", { children: "Max depth" }), /* @__PURE__ */ jsx("input", {
+								type: "number",
+								min: 2,
+								max: 12,
+								value: search.maxDepth,
+								onChange: (event) => updateSearch({ maxDepth: Number(event.currentTarget.value) || 6 }),
+								className: "flex h-10 w-full rounded-md border border-input bg-transparent px-3 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+							})]
+						}),
+						/* @__PURE__ */ jsxs("label", {
+							className: "space-y-2 text-sm font-medium text-slate-700 dark:text-slate-200",
+							children: [/* @__PURE__ */ jsx("span", { children: "Max children per node" }), /* @__PURE__ */ jsx("input", {
+								type: "number",
+								min: 4,
+								max: 80,
+								value: search.maxChildren,
+								onChange: (event) => updateSearch({ maxChildren: Number(event.currentTarget.value) || 24 }),
+								className: "flex h-10 w-full rounded-md border border-input bg-transparent px-3 text-sm shadow-xs outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+							})]
+						})
+					]
+				}), /* @__PURE__ */ jsxs("label", {
+					className: "mt-4 inline-flex items-center gap-3 text-sm text-slate-700 dark:text-slate-200",
+					children: [/* @__PURE__ */ jsx("input", {
+						type: "checkbox",
+						checked: search.includeExternal,
+						onChange: (event) => updateSearch({ includeExternal: event.currentTarget.checked })
+					}), /* @__PURE__ */ jsx("span", { children: "Include node_modules in the hierarchy slice" })]
+				})]
+			}), /* @__PURE__ */ jsx("section", {
+				className: "min-h-0 flex-1 overflow-hidden rounded-[28px] border border-slate-200/70 bg-white/90 shadow-[0_20px_70px_-36px_rgba(15,23,42,0.55)] dark:border-slate-800 dark:bg-slate-950/70",
+				children: /* @__PURE__ */ jsx(Suspense, {
+					fallback: /* @__PURE__ */ jsx(LoadingState, {
+						label: "Loading hierarchy…",
+						description: "Building a pruned dependency slice for the selected entrypoint."
+					}),
+					children: /* @__PURE__ */ jsx(Flamegraph, {
+						output: bundle.graph,
+						entryNodeId,
+						options: {
+							includeExternal: search.includeExternal,
+							maxChildren: search.maxChildren,
+							maxDepth: search.maxDepth
+						}
+					})
+				})
+			})]
+		})
+	});
+}
+//#endregion
+export { HierarchyRoute as component };

package/dist/server/assets/import-display-BVIOWcsm.js

@@ -0,0 +1,124 @@
+import { t as Button } from "./button-Bqnnid5i.js";
+import { useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Code2, List } from "lucide-react";
+//#region src/components/modviz/import-display.tsx
+function ImportDisplay(props) {
+	const [viewMode, setViewMode] = useState("code");
+	const isFormatted = Array.isArray(props.imports) && props.imports.length > 0 && "code" in props.imports[0];
+	const blocks = useMemo(() => {
+		if (isFormatted) return props.imports;
+		return formatImportBlocks(props.imports);
+	}, [props.imports, isFormatted]);
+	const tableData = useMemo(() => {
+		const rows = [];
+		for (const block of blocks) {
+			const names = extractNamesFromCode(block.code);
+			for (const name of names) rows.push({
+				module: block.module,
+				name
+			});
+		}
+		return rows.sort((a, b) => a.module.localeCompare(b.module) || a.name.localeCompare(b.name));
+	}, [blocks]);
+	if (blocks.length === 0) return /* @__PURE__ */ jsx("p", {
+		className: "rounded-2xl bg-white px-4 py-6 text-sm text-slate-500 dark:bg-slate-950/80 dark:text-slate-400",
+		children: props.emptyMessage || "No imports found."
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-3",
+		children: [props.showViewToggle !== false && /* @__PURE__ */ jsxs("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ jsxs(Button, {
+				size: "sm",
+				variant: viewMode === "code" ? "default" : "outline",
+				onClick: () => setViewMode("code"),
+				className: "gap-2",
+				children: [/* @__PURE__ */ jsx(Code2, { className: "size-3" }), "Code"]
+			}), /* @__PURE__ */ jsxs(Button, {
+				size: "sm",
+				variant: viewMode === "table" ? "default" : "outline",
+				onClick: () => setViewMode("table"),
+				className: "gap-2",
+				children: [/* @__PURE__ */ jsx(List, { className: "size-3" }), "Table"]
+			})]
+		}), viewMode === "code" ? /* @__PURE__ */ jsx("div", {
+			className: "space-y-3",
+			children: blocks.map((block, idx) => /* @__PURE__ */ jsxs("div", {
+				className: "rounded-2xl border border-slate-200/70 bg-white/80 p-4 dark:border-slate-800 dark:bg-slate-950/60",
+				children: [blocks.length > 1 && /* @__PURE__ */ jsx("p", {
+					className: "mb-2 text-xs font-medium text-slate-500 dark:text-slate-400",
+					children: block.module
+				}), /* @__PURE__ */ jsx("pre", {
+					className: "overflow-x-auto text-sm leading-6 text-slate-800 dark:text-slate-100",
+					children: /* @__PURE__ */ jsx("code", { children: block.code })
+				})]
+			}, idx))
+		}) : /* @__PURE__ */ jsx("div", {
+			className: "overflow-x-auto rounded-2xl border border-slate-200/70 dark:border-slate-800",
+			children: /* @__PURE__ */ jsxs("table", {
+				className: "w-full text-sm",
+				children: [/* @__PURE__ */ jsx("thead", {
+					className: "border-b border-slate-200/70 bg-slate-50/80 dark:border-slate-800 dark:bg-slate-900/80",
+					children: /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("th", {
+						className: "px-4 py-3 text-left font-semibold text-slate-700 dark:text-slate-300",
+						children: "Module"
+					}), /* @__PURE__ */ jsx("th", {
+						className: "px-4 py-3 text-left font-semibold text-slate-700 dark:text-slate-300",
+						children: "Name"
+					})] })
+				}), /* @__PURE__ */ jsx("tbody", {
+					className: "divide-y divide-slate-200/70 dark:divide-slate-800",
+					children: tableData.map((row, idx) => /* @__PURE__ */ jsxs("tr", {
+						className: "hover:bg-sky-50/30 dark:hover:bg-sky-500/10",
+						children: [/* @__PURE__ */ jsx("td", {
+							className: "px-4 py-3 font-mono text-slate-600 dark:text-slate-400",
+							children: row.module
+						}), /* @__PURE__ */ jsx("td", {
+							className: "px-4 py-3 font-mono text-slate-800 dark:text-slate-100",
+							children: row.name
+						})]
+					}, `${idx}`))
+				})]
+			})
+		})]
+	});
+}
+function formatImportBlocks(matches) {
+	const grouped = /* @__PURE__ */ new Map();
+	for (const match of matches) {
+		const current = grouped.get(match.module) ?? {
+			names: /* @__PURE__ */ new Set(),
+			hasBareImport: false
+		};
+		const importName = match.name || match.declaration;
+		if (importName) current.names.add(importName);
+		else current.hasBareImport = true;
+		grouped.set(match.module, current);
+	}
+	const importLines = [];
+	Array.from(grouped.entries()).sort(([a], [b]) => a.localeCompare(b)).forEach(([module, details]) => {
+		const names = Array.from(details.names).sort((left, right) => left.localeCompare(right));
+		if (!names.length) {
+			importLines.push(`import ${JSON.stringify(module)};`);
+			return;
+		}
+		const importBody = names.length === 1 ? `{ ${names[0]} }` : `{
+	${names.join(",\n	")}
+}`;
+		importLines.push(`import ${importBody} from ${JSON.stringify(module)};`);
+		if (details.hasBareImport) importLines.push(`import ${JSON.stringify(module)};`);
+	});
+	return [{
+		module: "imports",
+		code: importLines.join("\n")
+	}];
+}
+function extractNamesFromCode(code) {
+	const names = [];
+	const importMatches = code.matchAll(/import\s+(?:\{([^}]+)\})?[^;]*;/g);
+	for (const match of importMatches) if (match[1]) names.push(...match[1].split(",").map((name) => name.trim()).filter(Boolean));
+	return [...new Set(names)];
+}
+//#endregion
+export { ImportDisplay as t };