@pubinfo-pr/devtools 0.1.1 → 0.171.2

package/dist/client/assets/component-CAiGJCHL.js

@@ -0,0 +1,517 @@
+import { A as onBeforeUnmount, C as openBlock, E as renderList, F as renderSlot, G as resolveComponent, N as withCtx, O as withDirectives, S as isRef, W as ref, a1 as unref, a2 as normalizeClass, a4 as toDisplayString, g as vModelRadio, j as Fragment, l as computed, m as createBaseVNode, n as createBlock, o as createCommentVNode, p as createElementBlock, r as createTextVNode, s as createVNode, t as defineComponent } from "./index-BCCYVO0H.js";
+import { b as Navbar_default, d as Button_default, e as SectionBlock_default, f as Icon_default } from "./Navbar-f6u8nv1A.js";
+import { c as componentUsageFetch, f as Badge_default, j as useClipboard, m as useVModel } from "./fetch-Vqmvg8bB.js";
+const OPEN_IN_EDITOR_ENDPOINT = "/__open-in-editor";
+function normalizeFilepath(file) {
+	return file.replace(/\\/g, "/");
+}
+function buildEditorRequestPath(file, line, column) {
+	const normalized = normalizeFilepath(file);
+	if (line == null) return normalized;
+	const safeLine = Number.isFinite(line) ? Math.max(1, Math.round(line)) : 1, safeColumn = column != null && Number.isFinite(column) ? Math.max(1, Math.round(column)) : 1;
+	return `${normalized}:${safeLine}:${safeColumn}`;
+}
+async function openInEditor(file, line, column) {
+	if (!file) return false;
+	const requestPath = buildEditorRequestPath(file, line, column), url = `${OPEN_IN_EDITOR_ENDPOINT}?file=${encodeURIComponent(requestPath)}`;
+	try {
+		const response = await fetch(url, {
+			method: "GET",
+			headers: { "Content-Type": "application/json" }
+		});
+		if (!response.ok) {
+			const errorText = await response.text().catch(() => "");
+			throw new Error(errorText || `Request failed with status ${response.status}`);
+		}
+		return true;
+	} catch (error) {
+		return console.error("Failed to open file in editor:", error), false;
+	}
+}
+const _hoisted_1$5 = { class: "flex gap-2 items-center group" }, _hoisted_2$4 = ["title"], _hoisted_3$3 = {
+	key: 0,
+	class: "flex gap-1 pr-2 op-0 group-hover:op-100"
+}, _hoisted_4$2 = ["title"], _hoisted_5$2 = ["title"];
+var FilepathItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "FilepathItem",
+	props: {
+		filepath: {},
+		lineBreak: { type: Boolean },
+		subpath: { type: Boolean },
+		override: {},
+		line: {},
+		column: {}
+	},
+	setup(__props) {
+		const props = __props, normalizedPath = computed(() => props.filepath?.replace(/\\/g, "/") ?? ""), shortenedPath = computed(() => {
+			const path = normalizedPath.value;
+			if (!path) return "";
+			const marker = "/src/", markerIndex = path.indexOf(marker);
+			if (markerIndex >= 0) return path.slice(markerIndex + 1);
+			const directSrcIndex = path.indexOf("src/");
+			return directSrcIndex >= 0 ? path.slice(directSrcIndex) : path;
+		}), displayValue = computed(() => props.override || shortenedPath.value), titleValue = computed(() => props.override || normalizedPath.value || ""), { copy: copyToClipboard } = useClipboard({ legacy: true }), copyState = ref("idle");
+		let resetHandle;
+		const copyTooltip = computed(() => {
+			return copyState.value === "copied" ? "Copied path" : copyState.value === "error" ? "Failed to copy" : "Copy path";
+		}), openTooltip = computed(() => {
+			if (typeof props.line === "number" && props.line > 0) {
+				const column = typeof props.column === "number" && props.column > 0 ? props.column : 1;
+				return `Open in editor (${props.line}:${column})`;
+			}
+			return "Open in editor";
+		}), copyIcon = computed(() => {
+			return copyState.value === "copied" ? "i-carbon-checkmark" : copyState.value === "error" ? "i-carbon-warning-alt" : "i-carbon-copy";
+		});
+		function scheduleReset() {
+			if (resetHandle) clearTimeout(resetHandle);
+			resetHandle = setTimeout(() => {
+				copyState.value = "idle", resetHandle = void 0;
+			}, 2e3);
+		}
+		async function copyFilepath() {
+			if (normalizedPath.value) try {
+				await copyToClipboard(normalizedPath.value), copyState.value = "copied";
+			} catch (error) {
+				console.error("Failed to copy file path:", error), copyState.value = "error";
+			} finally {
+				scheduleReset();
+			}
+		}
+		async function handleOpenInEditor() {
+			normalizedPath.value && await openInEditor(normalizedPath.value, props.line, props.column);
+		}
+		return onBeforeUnmount(() => {
+			if (resetHandle) clearTimeout(resetHandle);
+		}), (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1$5, [
+				createBaseVNode("span", {
+					class: normalizeClass([_ctx.lineBreak ? "" : "ws-nowrap of-hidden truncate"]),
+					"font-mono": "",
+					title: titleValue.value
+				}, toDisplayString(displayValue.value), 11, _hoisted_2$4),
+				renderSlot(_ctx.$slots, "default"),
+				_ctx.filepath ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createBaseVNode("button", {
+					class: "text-sm op-40 hover:op-100 hover:text-primary",
+					type: "button",
+					title: openTooltip.value,
+					onClick: handleOpenInEditor
+				}, _cache[0] || (_cache[0] = [createBaseVNode("div", { class: "i-carbon-script-reference" }, null, -1)]), 8, _hoisted_4$2), createBaseVNode("button", {
+					class: "text-sm op-40 hover:op-100 hover:text-primary",
+					type: "button",
+					title: copyTooltip.value,
+					onClick: copyFilepath
+				}, [createBaseVNode("div", { class: normalizeClass(copyIcon.value) }, null, 2)], 8, _hoisted_5$2)])) : createCommentVNode("", true)
+			]);
+		};
+	}
+}), FilepathItem_default = FilepathItem_vue_vue_type_script_setup_true_lang_default;
+const NUMBER_CHAR_RE = /\d/, STR_SPLITTERS = [
+	"-",
+	"_",
+	"/",
+	"."
+];
+function isUppercase(char = "") {
+	return NUMBER_CHAR_RE.test(char) ? void 0 : char !== char.toLowerCase();
+}
+function splitByCase(str, separators) {
+	const splitters = separators ?? STR_SPLITTERS, parts = [];
+	if (!str || typeof str !== "string") return parts;
+	let buff = "", previousUpper, previousSplitter;
+	for (const char of str) {
+		const isSplitter = splitters.includes(char);
+		if (isSplitter === true) {
+			parts.push(buff), buff = "", previousUpper = void 0;
+			continue;
+		}
+		const isUpper = isUppercase(char);
+		if (previousSplitter === false) {
+			if (previousUpper === false && isUpper === true) {
+				parts.push(buff), buff = char, previousUpper = isUpper;
+				continue;
+			}
+			if (previousUpper === true && isUpper === false && buff.length > 1) {
+				const lastChar = buff.at(-1);
+				parts.push(buff.slice(0, Math.max(0, buff.length - 1))), buff = lastChar + char, previousUpper = isUpper;
+				continue;
+			}
+		}
+		buff += char, previousUpper = isUpper, previousSplitter = isSplitter;
+	}
+	return parts.push(buff), parts;
+}
+function upperFirst(str) {
+	return str ? str[0].toUpperCase() + str.slice(1) : "";
+}
+function pascalCase(str, opts) {
+	return str ? (Array.isArray(str) ? str : splitByCase(str)).map((p) => upperFirst(opts?.normalize ? p.toLowerCase() : p)).join("") : "";
+}
+const _hoisted_1$4 = { class: "text-sm font-mono" };
+var ComponentName_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ComponentName",
+	props: { component: {} },
+	setup(__props) {
+		const props = __props, name = computed(() => props.component.pascalName || pascalCase(props.component.name || props.component.kebabName || ""));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("code", _hoisted_1$4, [
+				_cache[0] || (_cache[0] = createBaseVNode("span", { class: "mr1 op20" }, "<", -1)),
+				createTextVNode(toDisplayString(name.value), 1),
+				_cache[1] || (_cache[1] = createBaseVNode("span", { class: "ml1 op20" }, "/>", -1))
+			]);
+		};
+	}
+}), ComponentName_default = ComponentName_vue_vue_type_script_setup_true_lang_default;
+const _hoisted_1$3 = { class: "flex flex-col gap-1 items-start of-hidden" }, _hoisted_2$3 = { class: "flex gap-2 items-center px-3" }, _hoisted_3$2 = {
+	key: 0,
+	class: "border-t n-border-base max-h-60 w-full of-auto px3 py3"
+}, _hoisted_4$1 = { "text-sm": "" }, _hoisted_5$1 = { "text-primary": "" }, _hoisted_6$1 = {
+	key: 0,
+	flex: "~ col gap-2",
+	"items-start": "",
+	pt3: "",
+	"text-sm": "",
+	op75: ""
+};
+var ComponentDetails_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ComponentDetails",
+	props: {
+		component: {},
+		dependents: {},
+		locations: {}
+	},
+	setup(__props) {
+		const props = __props, referenceEntries = computed(() => {
+			const rawLocations = props.locations ?? props.component.locations ?? [];
+			if (rawLocations.length) return rawLocations.map((location) => ({
+				filepath: location.file,
+				line: location.line,
+				column: location.column
+			}));
+			const fallbackDependents = props.dependents ?? props.component.dependents ?? [];
+			return fallbackDependents.map((filepath) => ({ filepath }));
+		}), sortedReferenceEntries = computed(() => {
+			return [...referenceEntries.value].sort((a, b) => {
+				return a.filepath === b.filepath ? (a.line ?? 0) - (b.line ?? 0) : a.filepath.localeCompare(b.filepath);
+			});
+		}), referencesCount = computed(() => sortedReferenceEntries.value.length), showDependentsPanel = computed(() => referencesCount.value > 0), componentNameForCopy = computed(() => {
+			return props.component.pascalName ? props.component.pascalName : props.component.name ? props.component.name : props.component.kebabName ? pascalCase(props.component.kebabName) : "";
+		}), { copy: copyToClipboard } = useClipboard({ legacy: true }), copyState = ref("idle");
+		let copyResetHandle;
+		const canCopyName = computed(() => Boolean(componentNameForCopy.value)), nameCopyTooltip = computed(() => {
+			return canCopyName.value ? copyState.value === "copied" ? "Copied component name" : copyState.value === "error" ? "Failed to copy name" : "Copy component name" : "Component name unavailable";
+		}), nameCopyLabel = computed(() => {
+			return copyState.value === "copied" ? "Copied" : copyState.value === "error" ? "Retry" : "Copy";
+		}), nameCopyIcon = computed(() => {
+			return copyState.value === "copied" ? "i-carbon-checkmark" : copyState.value === "error" ? "i-carbon-warning-alt" : "i-carbon-copy";
+		});
+		function resetCopyState() {
+			if (copyResetHandle) clearTimeout(copyResetHandle);
+			copyResetHandle = setTimeout(() => {
+				copyState.value = "idle", copyResetHandle = void 0;
+			}, 2e3);
+		}
+		async function copyComponentName() {
+			if (!(!componentNameForCopy.value || !canCopyName.value)) try {
+				await copyToClipboard(componentNameForCopy.value), copyState.value = "copied";
+			} catch (error) {
+				console.error("Failed to copy component name:", error), copyState.value = "error";
+			} finally {
+				resetCopyState();
+			}
+		}
+		return onBeforeUnmount(() => {
+			if (copyResetHandle) clearTimeout(copyResetHandle);
+		}), (_ctx, _cache) => {
+			const _component_ComponentName = ComponentName_default, _component_Badge = Badge_default, _component_FilepathItem = FilepathItem_default;
+			return openBlock(), createElementBlock("div", _hoisted_1$3, [
+				createBaseVNode("div", _hoisted_2$3, [
+					createVNode(_component_ComponentName, { component: _ctx.component }, null, 8, ["component"]),
+					_ctx.component.meta?.docs && typeof _ctx.component.meta.docs === "string" ? (openBlock(), createBlock(unref(Button_default), {
+						key: 0,
+						title: "Open docs",
+						class: "flex-none n-xs",
+						to: _ctx.component.meta.docs,
+						target: "_blank",
+						icon: "i-carbon-catalog"
+					}, {
+						default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" Docs ")])),
+						_: 1,
+						__: [0]
+					}, 8, ["to"])) : createCommentVNode("", true),
+					createVNode(unref(Button_default), {
+						class: "flex-none n-xs",
+						disabled: !canCopyName.value,
+						icon: nameCopyIcon.value,
+						title: nameCopyTooltip.value,
+						onClick: copyComponentName
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(nameCopyLabel.value), 1)]),
+						_: 1
+					}, 8, [
+						"disabled",
+						"icon",
+						"title"
+					]),
+					_ctx.component.global ? (openBlock(), createBlock(_component_Badge, {
+						key: 1,
+						class: "n-green",
+						title: "Registered at runtime as a global component"
+					}, {
+						default: withCtx(() => _cache[1] || (_cache[1] = [createTextVNode(" runtime ")])),
+						_: 1,
+						__: [1]
+					})) : createCommentVNode("", true)
+				]),
+				showDependentsPanel.value ? (openBlock(), createElementBlock("div", _hoisted_3$2, [createBaseVNode("div", _hoisted_4$1, [createBaseVNode("strong", _hoisted_5$1, toDisplayString(referencesCount.value), 1), _cache[2] || (_cache[2] = createBaseVNode("span", { op50: "" }, " references", -1))]), referencesCount.value ? (openBlock(), createElementBlock("div", _hoisted_6$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(sortedReferenceEntries.value, (item) => {
+					return openBlock(), createBlock(_component_FilepathItem, {
+						key: `${item.filepath}-${item.line ?? 0}-${item.column ?? 0}`,
+						filepath: item.filepath,
+						line: item.line,
+						column: item.column
+					}, null, 8, [
+						"filepath",
+						"line",
+						"column"
+					]);
+				}), 128))])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default")
+			]);
+		};
+	}
+}), ComponentDetails_default = ComponentDetails_vue_vue_type_script_setup_true_lang_default;
+const _hoisted_1$2 = { class: "group flex gap-2 w-full items-center rounded px-2 py-1 hoverLbg-active" }, _hoisted_2$2 = {
+	key: 0,
+	class: "ml--1 text-primary"
+};
+var ComponentItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "ComponentItem",
+	props: {
+		component: {},
+		dependents: {}
+	},
+	setup(__props) {
+		const props = __props, dependentsList = computed(() => props.dependents ?? props.component.dependents ?? []), referenceLocations = computed(() => props.component.locations ?? []), referenceCount = computed(() => referenceLocations.value.length || dependentsList.value.length);
+		return (_ctx, _cache) => {
+			const _component_ComponentName = ComponentName_default, _component_ComponentDetails = ComponentDetails_default, _component_VDropdown = resolveComponent("VDropdown"), _component_Badge = Badge_default;
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				createVNode(_component_VDropdown, null, {
+					popper: withCtx(() => [createVNode(_component_ComponentDetails, {
+						component: _ctx.component,
+						dependents: dependentsList.value,
+						locations: referenceLocations.value,
+						class: "w-100 pt3"
+					}, null, 8, [
+						"component",
+						"dependents",
+						"locations"
+					])]),
+					default: withCtx(() => [createBaseVNode("button", { class: normalizeClass(["hover:text-primary", referenceCount.value === 0 ? "op50" : ""]) }, [createVNode(_component_ComponentName, { component: _ctx.component }, null, 8, ["component"])], 2)]),
+					_: 1
+				}),
+				referenceCount.value ? (openBlock(), createElementBlock("sup", _hoisted_2$2, " x" + toDisplayString(referenceCount.value), 1)) : createCommentVNode("", true),
+				_ctx.component.global ? (openBlock(), createBlock(_component_Badge, {
+					key: 1,
+					class: "n-green",
+					title: "Registered at runtime as a global component"
+				}, {
+					default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" runtime ")])),
+					_: 1,
+					__: [0]
+				})) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default")
+			]);
+		};
+	}
+}), ComponentItem_default = ComponentItem_vue_vue_type_script_setup_true_lang_default;
+const _hoisted_1$1 = { class: "flex flex-inline flex-wrap items-center border n-border-base rounded n-bg-base" }, _hoisted_2$1 = ["disabled", "title"], _hoisted_3$1 = [
+	"disabled",
+	"value",
+	"title"
+];
+var SelectTabs_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "SelectTabs",
+	__name: "SelectTabs",
+	props: {
+		modelValue: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		options: {}
+	},
+	setup(__props, { emit: __emit }) {
+		const props = __props, emit = __emit, input = useVModel(props, "modelValue", emit, { passive: true });
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", _hoisted_1$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (i, idx) => {
+				return openBlock(), createElementBlock("label", {
+					key: i.label,
+					disabled: _ctx.disabled,
+					class: normalizeClass(["relative n-border-base px-0.5em py-0.1em hover:n-bg-active", [idx ? "border-l n-border-base ml--1px" : "", i.value === unref(input) ? "n-bg-active" : ""]]),
+					title: i.label
+				}, [createBaseVNode("div", { class: normalizeClass([i.value === unref(input) ? "" : "op35"]) }, toDisplayString(i.label), 3), withDirectives(createBaseVNode("input", {
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(input) ? input.value = $event : null),
+					type: "radio",
+					disabled: _ctx.disabled,
+					value: i.value,
+					title: i.label,
+					class: "absolute inset-0 op-0.1"
+				}, null, 8, _hoisted_3$1), [[vModelRadio, unref(input)]])], 10, _hoisted_2$1);
+			}), 128))]);
+		};
+	}
+}), SelectTabs_default = SelectTabs_vue_vue_type_script_setup_true_lang_default;
+const _hoisted_1 = { class: "relative h-full flex flex-col of-hidden" }, _hoisted_2 = { class: "flex items-center gap-2" }, _hoisted_3 = { class: "flex-1 of-auto" }, _hoisted_4 = { class: "flex flex-col gap-2 px4 py3" }, _hoisted_5 = {
+	key: 0,
+	class: "text-sm text-red op75"
+}, _hoisted_6 = {
+	key: 1,
+	class: "text-sm op50 px2 py1"
+};
+var component_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "ComponentPage",
+	__name: "component",
+	setup(__props) {
+		const search = ref(""), filterMode = ref("all"), { execute, data, error, isFetching } = componentUsageFetch;
+		if (!data.value) execute();
+		computed(() => data.value?.stats ?? {
+			total: 0,
+			used: 0,
+			unused: 0
+		});
+		const components = computed(() => data.value?.components ?? []), normalizedSearch = computed(() => search.value.trim().toLowerCase()), packageStats = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			return components.value.forEach((component) => {
+				if (!map.has(component.package)) map.set(component.package, {
+					total: 0,
+					used: 0,
+					unused: 0
+				});
+				const stats = map.get(component.package);
+				if (stats.total += 1, component.count > 0) stats.used += 1;
+				else stats.unused += 1;
+			}), map;
+		});
+		function matchesFilter(component, mode) {
+			return mode === "using" ? component.count > 0 : mode === "not-used" ? component.count === 0 : true;
+		}
+		function matchesQuery(component, query) {
+			if (!query) return true;
+			const haystack = [
+				component.name,
+				component.kebabName,
+				component.package,
+				...component.dependents
+			].join(" ").toLowerCase();
+			return haystack.includes(query);
+		}
+		const filteredComponents = computed(() => {
+			const query = normalizedSearch.value, mode = filterMode.value;
+			return [...components.value].sort((a, b) => {
+				return a.count === b.count ? a.name.localeCompare(b.name) : b.count - a.count;
+			}).filter((component) => matchesFilter(component, mode) && matchesQuery(component, query));
+		});
+		computed(() => filteredComponents.value.length);
+		const FALLBACK_GROUP_ORDER = Number.MAX_SAFE_INTEGER;
+		function resolvePackageGroupMeta(pkg) {
+			return {
+				label: pkg,
+				icon: "i-carbon-cube",
+				order: FALLBACK_GROUP_ORDER
+			};
+		}
+		const groupedComponents = computed(() => {
+			const grouped = /* @__PURE__ */ new Map();
+			return filteredComponents.value.forEach((component) => {
+				if (!grouped.has(component.package)) grouped.set(component.package, []);
+				grouped.get(component.package).push(component);
+			}), Array.from(grouped.entries()).map(([pkg, items]) => {
+				const meta = resolvePackageGroupMeta(pkg), stats = packageStats.value.get(pkg) ?? {
+					total: items.length,
+					used: items.filter((item) => item.count > 0).length,
+					unused: items.filter((item) => item.count === 0).length
+				};
+				return {
+					id: pkg,
+					label: meta.label,
+					icon: meta.icon,
+					order: meta.order ?? Number.MAX_SAFE_INTEGER,
+					items,
+					stats
+				};
+			}).sort((a, b) => {
+				return a.order === b.order ? a.label.localeCompare(b.label) : a.order - b.order;
+			});
+		}), emptyStateMessage = computed(() => {
+			return isFetching.value && !components.value.length ? "正在扫描组件使用情况..." : components.value.length ? "没有符合条件的组件。" : "还没有可追踪的组件。";
+		}), requestError = computed(() => {
+			const raw = error.value;
+			if (!raw) return "";
+			if (typeof raw === "string") return raw;
+			if (raw instanceof Error) return raw.message;
+			try {
+				return JSON.stringify(raw);
+			} catch {
+				return "获取组件使用数据失败";
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_Icon = Icon_default, _component_SelectTabs = SelectTabs_default, _component_Navbar = Navbar_default, _component_ComponentItem = ComponentItem_default, _component_SectionBlock = SectionBlock_default;
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_component_Navbar, {
+				search: unref(search),
+				"onUpdate:search": _cache[1] || (_cache[1] = ($event) => isRef(search) ? search.value = $event : null),
+				class: "pb3 flex-none"
+			}, {
+				default: withCtx(() => [createBaseVNode("div", _hoisted_2, [createVNode(_component_Icon, {
+					icon: "i-carbon-filter",
+					class: "op50"
+				}), createVNode(_component_SelectTabs, {
+					modelValue: unref(filterMode),
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(filterMode) ? filterMode.value = $event : null),
+					class: "n-primary n-sm",
+					options: [
+						{
+							label: "All",
+							value: "all"
+						},
+						{
+							label: "Using",
+							value: "using"
+						},
+						{
+							label: "Not used",
+							value: "not-used"
+						}
+					]
+				}, null, 8, ["modelValue"])])]),
+				_: 1
+			}, 8, ["search"]), createBaseVNode("div", _hoisted_3, [createBaseVNode("div", _hoisted_4, [unref(requestError) ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(unref(requestError)), 1)) : !unref(filteredComponents).length ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(unref(emptyStateMessage)), 1)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(groupedComponents), (group) => {
+				return openBlock(), createBlock(_component_SectionBlock, {
+					key: group.id,
+					text: group.label,
+					description: `Total components: ${group.stats.total}`,
+					icon: group.icon
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (componentEntry) => {
+						return openBlock(), createBlock(_component_ComponentItem, {
+							key: `${componentEntry.package}-${componentEntry.name}`,
+							component: componentEntry,
+							dependencies: componentEntry.dependencies,
+							dependents: componentEntry.dependents
+						}, null, 8, [
+							"component",
+							"dependencies",
+							"dependents"
+						]);
+					}), 128))]),
+					_: 2
+				}, 1032, [
+					"text",
+					"description",
+					"icon"
+				]);
+			}), 128))])])]);
+		};
+	}
+}), component_default = component_vue_vue_type_script_setup_true_lang_default;
+export { component_default as default };

package/dist/client/assets/cpp-BZS_uuBN.js

@@ -0,0 +1,6 @@
+import "./sql-BNXsYZV2.js";
+import "./c-vo15i6HS.js";
+import "./regexp-BYt9QUJK.js";
+import "./glsl-B38FqIrO.js";
+import { b as cpp_default } from "./cpp-DQfrxaSK.js";
+export { cpp_default as default };