@pubinfo-pr/devtools 0.220.2 → 0.220.4

package/dist/client/assets/import-DV9l8S2T.js

@@ -0,0 +1,375 @@
+import { B as withCtx, D as onBeforeUnmount, G as isRef, M as renderSlot, N as resolveComponent, Y as ref, b as defineComponent, f as computed, g as createElementBlock, h as createCommentVNode, it as toDisplayString, j as renderList, k as openBlock, m as createBlock, nt as normalizeClass, p as createBaseVNode, tt as unref, u as Fragment, v as createTextVNode, y as createVNode } from "./index-ByOJyids.js";
+import { a as Icon_default, i as SectionBlock_default, r as Button_default, t as Navbar_default } from "./Navbar-DCdslOKs.js";
+import { l as useClipboard, o as Badge_default, r as importUsageFetch } from "./fetch-CwAFBmMG.js";
+import { n as FilepathItem_default, t as SelectTabs_default } from "./SelectTabs-Chnu7x16.js";
+var _hoisted_1$2 = { class: "flex flex-col gap-1 items-start of-hidden" };
+var _hoisted_2$2 = { class: "flex gap-2 items-center px-3" };
+var _hoisted_3$2 = { class: "text-sm font-mono" };
+var _hoisted_4$1 = {
+	key: 0,
+	class: "border-t n-border-base max-h-60 w-full of-auto px3 py3"
+};
+var _hoisted_5$1 = { "text-sm": "" };
+var _hoisted_6$1 = { "text-primary": "" };
+var _hoisted_7 = {
+	key: 0,
+	flex: "~ col gap-2",
+	"items-start": "",
+	pt3: "",
+	"text-sm": "",
+	op75: ""
+};
+var ImportDetails_default = /* @__PURE__ */ defineComponent({
+	__name: "ImportDetails",
+	props: {
+		importItem: {},
+		dependents: {},
+		locations: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const referenceEntries = computed(() => {
+			const rawLocations = props.locations ?? props.importItem.locations ?? [];
+			if (rawLocations.length) return rawLocations.map((location) => ({
+				filepath: location.file,
+				line: location.line,
+				column: location.column
+			}));
+			return (props.dependents ?? props.importItem.dependents ?? []).map((filepath) => ({ filepath }));
+		});
+		const sortedReferenceEntries = computed(() => {
+			return [...referenceEntries.value].sort((a, b) => {
+				if (a.filepath === b.filepath) return (a.line ?? 0) - (b.line ?? 0);
+				return a.filepath.localeCompare(b.filepath);
+			});
+		});
+		const referencesCount = computed(() => sortedReferenceEntries.value.length);
+		const showDependentsPanel = computed(() => referencesCount.value > 0);
+		const importNameForCopy = computed(() => {
+			if (props.importItem.camelName) return props.importItem.camelName;
+			if (props.importItem.name) return props.importItem.name;
+			return "";
+		});
+		const { copy: copyToClipboard } = useClipboard({ legacy: true });
+		const copyState = ref("idle");
+		let copyResetHandle;
+		const canCopyName = computed(() => Boolean(importNameForCopy.value));
+		const nameCopyTooltip = computed(() => {
+			if (!canCopyName.value) return "Import name unavailable";
+			if (copyState.value === "copied") return "Copied import name";
+			if (copyState.value === "error") return "Failed to copy name";
+			return "Copy import name";
+		});
+		const nameCopyLabel = computed(() => {
+			if (copyState.value === "copied") return "Copied";
+			if (copyState.value === "error") return "Retry";
+			return "Copy";
+		});
+		const nameCopyIcon = computed(() => {
+			if (copyState.value === "copied") return "i-carbon-checkmark";
+			if (copyState.value === "error") return "i-carbon-warning-alt";
+			return "i-carbon-copy";
+		});
+		function resetCopyState() {
+			if (copyResetHandle) clearTimeout(copyResetHandle);
+			copyResetHandle = setTimeout(() => {
+				copyState.value = "idle";
+				copyResetHandle = void 0;
+			}, 2e3);
+		}
+		async function copyImportName() {
+			if (!importNameForCopy.value || !canCopyName.value) return;
+			try {
+				await copyToClipboard(importNameForCopy.value);
+				copyState.value = "copied";
+			} catch (error) {
+				console.error("Failed to copy import name:", error);
+				copyState.value = "error";
+			} finally {
+				resetCopyState();
+			}
+		}
+		onBeforeUnmount(() => {
+			if (copyResetHandle) clearTimeout(copyResetHandle);
+		});
+		return (_ctx, _cache) => {
+			const _component_Badge = Badge_default;
+			const _component_FilepathItem = FilepathItem_default;
+			return openBlock(), createElementBlock("div", _hoisted_1$2, [
+				createBaseVNode("div", _hoisted_2$2, [
+					createBaseVNode("code", _hoisted_3$2, toDisplayString(__props.importItem.camelName || __props.importItem.name), 1),
+					__props.importItem.meta?.docs && typeof __props.importItem.meta.docs === "string" ? (openBlock(), createBlock(unref(Button_default), {
+						key: 0,
+						title: "Open docs",
+						class: "flex-none n-xs",
+						to: __props.importItem.meta.docs,
+						target: "_blank",
+						icon: "i-carbon-catalog"
+					}, {
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" Docs ", -1)])]),
+						_: 1
+					}, 8, ["to"])) : createCommentVNode("", true),
+					createVNode(unref(Button_default), {
+						class: "flex-none n-xs",
+						disabled: !canCopyName.value,
+						icon: nameCopyIcon.value,
+						title: nameCopyTooltip.value,
+						onClick: copyImportName
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(nameCopyLabel.value), 1)]),
+						_: 1
+					}, 8, [
+						"disabled",
+						"icon",
+						"title"
+					]),
+					__props.importItem.meta?.category ? (openBlock(), createBlock(_component_Badge, {
+						key: 1,
+						class: "n-blue",
+						title: `Category: ${__props.importItem.meta.category}`
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.importItem.meta.category), 1)]),
+						_: 1
+					}, 8, ["title"])) : createCommentVNode("", true)
+				]),
+				showDependentsPanel.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createBaseVNode("div", _hoisted_5$1, [createBaseVNode("strong", _hoisted_6$1, toDisplayString(referencesCount.value), 1), _cache[1] || (_cache[1] = createBaseVNode("span", { op50: "" }, " references", -1))]), referencesCount.value ? (openBlock(), createElementBlock("div", _hoisted_7, [(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")
+			]);
+		};
+	}
+});
+var _hoisted_1$1 = { class: "group flex gap-2 w-full items-center rounded px-2 py-1 hoverLbg-active" };
+var _hoisted_2$1 = { class: "text-sm font-mono" };
+var _hoisted_3$1 = {
+	key: 0,
+	class: "ml--1 text-primary"
+};
+var ImportItem_default = /* @__PURE__ */ defineComponent({
+	__name: "ImportItem",
+	props: {
+		importItem: {},
+		dependents: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const dependentsList = computed(() => props.dependents ?? props.importItem.dependents ?? []);
+		const referenceLocations = computed(() => props.importItem.locations ?? []);
+		const referenceCount = computed(() => referenceLocations.value.length || dependentsList.value.length);
+		return (_ctx, _cache) => {
+			const _component_ImportDetails = ImportDetails_default;
+			const _component_VDropdown = resolveComponent("VDropdown");
+			const _component_Badge = Badge_default;
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [
+				createVNode(_component_VDropdown, null, {
+					popper: withCtx(() => [createVNode(_component_ImportDetails, {
+						"import-item": __props.importItem,
+						dependents: dependentsList.value,
+						locations: referenceLocations.value,
+						class: "w-100 py3"
+					}, null, 8, [
+						"import-item",
+						"dependents",
+						"locations"
+					])]),
+					default: withCtx(() => [createBaseVNode("button", { class: normalizeClass(["hover:text-primary", referenceCount.value === 0 ? "op50" : ""]) }, [createBaseVNode("code", _hoisted_2$1, toDisplayString(__props.importItem.camelName || __props.importItem.name), 1)], 2)]),
+					_: 1
+				}),
+				referenceCount.value ? (openBlock(), createElementBlock("sup", _hoisted_3$1, " x" + toDisplayString(referenceCount.value), 1)) : createCommentVNode("", true),
+				__props.importItem.meta?.category ? (openBlock(), createBlock(_component_Badge, {
+					key: 1,
+					class: "n-blue",
+					title: `Category: ${__props.importItem.meta.category}`
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(__props.importItem.meta.category), 1)]),
+					_: 1
+				}, 8, ["title"])) : createCommentVNode("", true),
+				renderSlot(_ctx.$slots, "default")
+			]);
+		};
+	}
+});
+var _hoisted_1 = { class: "relative h-full flex flex-col of-hidden" };
+var _hoisted_2 = { class: "flex items-center gap-2" };
+var _hoisted_3 = { class: "flex-1 of-auto" };
+var _hoisted_4 = { class: "flex flex-col gap-2 px4 py3" };
+var _hoisted_5 = {
+	key: 0,
+	class: "text-sm text-red op75"
+};
+var _hoisted_6 = {
+	key: 1,
+	class: "text-sm op50 px2 py1"
+};
+var import_default = /* @__PURE__ */ defineComponent({
+	name: "ImportPage",
+	__name: "import",
+	setup(__props) {
+		const search = ref("");
+		const filterMode = ref("all");
+		const { execute, data, error, isFetching } = importUsageFetch;
+		if (!data.value) execute();
+		computed(() => data.value?.stats ?? {
+			total: 0,
+			used: 0,
+			unused: 0
+		});
+		const imports = computed(() => data.value?.imports ?? []);
+		const normalizedSearch = computed(() => search.value.trim().toLowerCase());
+		const packageStats = computed(() => {
+			const map = /* @__PURE__ */ new Map();
+			imports.value.forEach((importItem) => {
+				if (!map.has(importItem.package)) map.set(importItem.package, {
+					total: 0,
+					used: 0,
+					unused: 0
+				});
+				const stats = map.get(importItem.package);
+				stats.total += 1;
+				if (importItem.count > 0) stats.used += 1;
+				else stats.unused += 1;
+			});
+			return map;
+		});
+		function matchesFilter(importItem, mode) {
+			if (mode === "using") return importItem.count > 0;
+			if (mode === "not-used") return importItem.count === 0;
+			return true;
+		}
+		function matchesQuery(importItem, query) {
+			if (!query) return true;
+			return [
+				importItem.name,
+				importItem.camelName,
+				importItem.package,
+				...importItem.dependents
+			].join(" ").toLowerCase().includes(query);
+		}
+		const filteredImports = computed(() => {
+			const query = normalizedSearch.value;
+			const mode = filterMode.value;
+			return [...imports.value].sort((a, b) => {
+				if (a.count === b.count) return a.name.localeCompare(b.name);
+				return b.count - a.count;
+			}).filter((importItem) => matchesFilter(importItem, mode) && matchesQuery(importItem, query));
+		});
+		computed(() => filteredImports.value.length);
+		const FALLBACK_GROUP_ORDER = Number.MAX_SAFE_INTEGER;
+		function resolvePackageGroupMeta(pkg) {
+			return {
+				label: pkg,
+				icon: "i-carbon-function",
+				order: FALLBACK_GROUP_ORDER
+			};
+		}
+		const groupedImports = computed(() => {
+			const grouped = /* @__PURE__ */ new Map();
+			filteredImports.value.forEach((importItem) => {
+				if (!grouped.has(importItem.package)) grouped.set(importItem.package, []);
+				grouped.get(importItem.package).push(importItem);
+			});
+			return Array.from(grouped.entries()).map(([pkg, items]) => {
+				const meta = resolvePackageGroupMeta(pkg);
+				const 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) => {
+				if (a.order === b.order) return a.label.localeCompare(b.label);
+				return a.order - b.order;
+			});
+		});
+		const emptyStateMessage = computed(() => {
+			if (isFetching.value && !imports.value.length) return "正在扫描 Import/Hook 使用情况...";
+			if (!imports.value.length) return "还没有可追踪的 Import/Hook。";
+			return "没有符合条件的 Import/Hook。";
+		});
+		const 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 "获取 Import/Hook 使用数据失败";
+			}
+		});
+		return (_ctx, _cache) => {
+			const _component_Icon = Icon_default;
+			const _component_SelectTabs = SelectTabs_default;
+			const _component_Navbar = Navbar_default;
+			const _component_ImportItem = ImportItem_default;
+			const _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(filteredImports).length ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(unref(emptyStateMessage)), 1)) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, renderList(unref(groupedImports), (group) => {
+				return openBlock(), createBlock(_component_SectionBlock, {
+					key: group.id,
+					text: group.label,
+					description: `Total imports: ${group.stats.total}`,
+					icon: group.icon
+				}, {
+					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (importEntry) => {
+						return openBlock(), createBlock(_component_ImportItem, {
+							key: `${importEntry.package}-${importEntry.name}`,
+							"import-item": importEntry,
+							dependents: importEntry.dependents
+						}, null, 8, ["import-item", "dependents"]);
+					}), 128))]),
+					_: 2
+				}, 1032, [
+					"text",
+					"description",
+					"icon"
+				]);
+			}), 128))])])]);
+		};
+	}
+});
+export { import_default as default };

package/dist/client/assets/{index-DcEJJh1_.js → index-ByOJyids.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./pages-CfWIiNIx.js","./fetch-DxuBXEk3.js","./server-router-Bu5965f8.js","./server-router-8PynUpe5.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./pages-D4LiKgxN.js","./_plugin-vue_export-helper-D8E0syuh.js","./fetch-CwAFBmMG.js","./PanelGrids-Bq_2z9g3.js","./pages-DQ8FtB9Y.css","./component-Qe9twpoz.js","./Navbar-DCdslOKs.js","./Navbar-D8ux538U.css","./SelectTabs-Chnu7x16.js","./import-DV9l8S2T.js","./issue-MdUzHAB3.js","./issue-BHrGN1_d.css","./server-router-DuEpkdvh.js","./server-router-B1AB70as.css"])))=>i.map(i=>d[i]);
 (function polyfill() {
 	const relList = document.createElement("link").relList;
 	if (relList && relList.supports && relList.supports("modulepreload")) return;
@@ -4439,6 +4439,11 @@ function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false
 function createTextVNode(text = " ", flag = 0) {
 	return createVNode(Text, null, text, flag);
 }
+function createStaticVNode(content, numberOfNodes) {
+	const vnode = createVNode(Static, null, content);
+	vnode.staticCount = numberOfNodes;
+	return vnode;
+}
 function createCommentVNode(text = "", asBlock = false) {
 	return asBlock ? (openBlock(), createBlock(Comment, null, text)) : createVNode(Comment, null, text);
 }
@@ -9340,15 +9345,33 @@ const __vitePreload = function preload(baseModule, deps, importerUrl) {
 		return baseModule().catch(handlePreloadError);
 	});
 };
-const routes = [{
-	path: "/",
-	name: "/",
-	component: () => __vitePreload(() => import("./pages-CfWIiNIx.js"), __vite__mapDeps([0,1]), import.meta.url)
-}, {
-	path: "/server-router",
-	name: "/server-router",
-	component: () => __vitePreload(() => import("./server-router-Bu5965f8.js"), __vite__mapDeps([2,1,3]), import.meta.url)
-}];
+const routes = [
+	{
+		path: "/",
+		name: "/",
+		component: () => __vitePreload(() => import("./pages-D4LiKgxN.js"), __vite__mapDeps([0,1,2,3,4]), import.meta.url)
+	},
+	{
+		path: "/component",
+		name: "/component",
+		component: () => __vitePreload(() => import("./component-Qe9twpoz.js"), __vite__mapDeps([5,2,6,1,7,8]), import.meta.url)
+	},
+	{
+		path: "/import",
+		name: "/import",
+		component: () => __vitePreload(() => import("./import-DV9l8S2T.js"), __vite__mapDeps([9,2,6,1,7,8]), import.meta.url)
+	},
+	{
+		path: "/issue",
+		name: "/issue",
+		component: () => __vitePreload(() => import("./issue-MdUzHAB3.js"), __vite__mapDeps([10,1,3,11]), import.meta.url)
+	},
+	{
+		path: "/server-router",
+		name: "/server-router",
+		component: () => __vitePreload(() => import("./server-router-DuEpkdvh.js"), __vite__mapDeps([12,1,2,6,7,3,13]), import.meta.url)
+	}
+];
 var _hoisted_1$1 = { class: "w-full h-full of-auto!" };
 var Layout_default = /* @__PURE__ */ defineComponent({
 	name: "Layout",
@@ -9389,4 +9412,4 @@ var router = createRouter({
 app.use(router);
 app.use(Gt);
 app.mount("#app");
-export { normalizeStyle as $, resolveComponent as A, effectScope as B, nextTick as C, provide as D, openBlock as E, watch as F, readonly as G, isRef as H, watchEffect as I, shallowRef as J, ref as K, withCtx as L, resolveDynamicComponent as M, useModel as N, renderList as O, useSlots as P, normalizeClass as Q, withDirectives as R, mergeProps as S, onMounted as T, onScopeDispose as U, getCurrentScope as V, reactive as W, toValue as X, toRef as Y, unref as Z, defineComponent as _, vModelDynamic as a, inject as b, Fragment as c, createBaseVNode as d, toDisplayString as et, createBlock as f, createVNode as g, createTextVNode as h, vModelCheckbox as i, resolveDirective as j, renderSlot as k, KeepAlive as l, createElementBlock as m, RouterLink as n, vModelSelect as o, createCommentVNode as p, shallowReadonly as q, Transition as r, withKeys as s, __vitePreload as t, computed as u, getCurrentInstance as v, onBeforeUnmount as w, mergeModels as x, h$2 as y, customRef as z };
+export { toRef as $, provide as A, withCtx as B, inject as C, onBeforeUnmount as D, nextTick as E, resolveDynamicComponent as F, isRef as G, customRef as H, useModel as I, readonly as J, onScopeDispose as K, useSlots as L, renderSlot as M, resolveComponent as N, onMounted as O, resolveDirective as P, toRaw as Q, watch as R, h$2 as S, mergeProps as T, effectScope as U, withDirectives as V, getCurrentScope as W, shallowReadonly as X, ref as Y, shallowRef as Z, createStaticVNode as _, vModelDynamic as a, defineComponent as b, vModelText as c, KeepAlive as d, toValue as et, computed as f, createElementBlock as g, createCommentVNode as h, vModelCheckbox as i, toDisplayString as it, renderList as j, openBlock as k, withKeys as l, createBlock as m, RouterLink as n, normalizeClass as nt, vModelRadio as o, createBaseVNode as p, reactive as q, Transition as r, normalizeStyle as rt, vModelSelect as s, __vitePreload as t, unref as tt, Fragment as u, createTextVNode as v, mergeModels as w, getCurrentInstance as x, createVNode as y, watchEffect as z };