@pubinfo/devtools 2.1.11 → 2.1.12

package/dist/client/assets/{Navbar-CvJ_8xbf.js → Navbar-DYyO71VR.js}

@@ -1,7 +1,11 @@
-import { B as withCtx, G as isRef, I as useModel, M as renderSlot, P as resolveDirective, S as h, T as mergeProps, V as withDirectives, a as vModelDynamic, b as defineComponent, g as createElementBlock, h as createCommentVNode, it as toDisplayString, k as openBlock, m as createBlock, n as RouterLink, nt as normalizeClass, p as createBaseVNode, tt as unref, u as Fragment, v as createTextVNode, w as mergeModels, y as createVNode } from "./index-BysXje24.js";
-import { f as useVModel } from "./fetch-ZAeX5On9.js";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-D8E0syuh.js";
+import { B as withDirectives, E as openBlock, F as useModel, G as isRef, N as resolveDirective, S as mergeProps, c as createBaseVNode, d as createElementBlock, g as defineComponent, h as createVNode, j as renderSlot, l as createBlock, m as createTextVNode, nt as unref, r as Fragment, u as createCommentVNode, wt as toDisplayString, x as mergeModels, xt as normalizeClass, y as h, z as withCtx } from "./runtime-core.esm-bundler-CsZVtwV7.js";
+import { a as vModelDynamic, n as RouterLink } from "./index-CWvhvxM4.js";
+import { f as useVModel } from "./fetch-Bz1BNH1Z.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-Ctigiz3_.js";
+//#region src/client/@ui/IconTitle.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$3 = { class: "flex gap-3 items-center" };
+//#endregion
+//#region src/client/@ui/IconTitle.vue
 var IconTitle_default = /* @__PURE__ */ defineComponent({
 	__name: "IconTitle",
 	props: {
@@ -17,6 +21,8 @@ var IconTitle_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/client/@ui/Icon.vue
 var Icon_default = /* @__PURE__ */ defineComponent({
 	__name: "Icon",
 	props: { icon: {} },
@@ -26,6 +32,8 @@ var Icon_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/client/@ui/SectionBlock.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$2 = ["open"];
 var _hoisted_2 = { "text-base": "" };
 var _hoisted_3 = {
@@ -33,6 +41,8 @@ var _hoisted_3 = {
 	"text-sm": "",
 	op50: ""
 };
+//#endregion
+//#region src/client/@ui/SectionBlock.vue
 var SectionBlock_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "SectionBlock",
 	props: {
@@ -102,6 +112,11 @@ var SectionBlock_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		};
 	}
 }), [["__scopeId", "data-v-deaf669f"]]);
+//#endregion
+//#region src/client/@ui/Button.ts
+/**
+* 判断是否为外部链接
+*/
 function isExternalLink(to) {
 	if (!to) return false;
 	return /^(https?:|mailto:|tel:)/.test(to);
@@ -157,7 +172,11 @@ var Button_default = defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/client/@ui/TextInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = { class: "flex items-center border n-border-base rounded n-bg-base py-1 pl-1 pr-2 focus-within:border-primary" };
+//#endregion
+//#region src/client/@ui/TextInput.vue
 var TextInput_default = /* @__PURE__ */ defineComponent({
 	__name: "TextInput",
 	props: {
@@ -186,7 +205,11 @@ var TextInput_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/client/@ui/Navbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex gap-4 flex-wrap items-center" };
+//#endregion
+//#region src/client/@ui/Navbar.vue
 var Navbar_default = /* @__PURE__ */ defineComponent({
 	name: "Navbar",
 	__name: "Navbar",
@@ -216,4 +239,5 @@ var Navbar_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
 export { Icon_default as a, SectionBlock_default as i, TextInput_default as n, Button_default as r, Navbar_default as t };

package/dist/client/assets/{PanelGrids-DM2bwqw6.js → PanelGrids-rTFcKhN6.js}

@@ -1,9 +1,11 @@
-import { M as renderSlot, g as createElementBlock, k as openBlock } from "./index-BysXje24.js";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-D8E0syuh.js";
+import { E as openBlock, d as createElementBlock, j as renderSlot } from "./runtime-core.esm-bundler-CsZVtwV7.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-Ctigiz3_.js";
+//#region src/client/@ui/PanelGrids.vue
 var _sfc_main = {};
 var _hoisted_1 = { class: "n-panel-grids-center" };
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
 }
 var PanelGrids_default = /* @__PURE__ */ _plugin_vue_export_helper_default(_sfc_main, [["render", _sfc_render]]);
+//#endregion
 export { PanelGrids_default as t };

package/dist/client/assets/{SelectTabs-DhK5vO11.js → SelectTabs-Ba4fEjYh.js}

@@ -1,5 +1,7 @@
-import { D as onBeforeUnmount, G as isRef, M as renderSlot, V as withDirectives, Y as ref, b as defineComponent, f as computed, g as createElementBlock, h as createCommentVNode, it as toDisplayString, j as renderList, k as openBlock, nt as normalizeClass, o as vModelRadio, p as createBaseVNode, tt as unref, u as Fragment } from "./index-BysXje24.js";
-import { f as useVModel, l as useClipboard } from "./fetch-ZAeX5On9.js";
+import { A as renderList, B as withDirectives, E as openBlock, G as isRef, Y as ref, c as createBaseVNode, d as createElementBlock, g as defineComponent, j as renderSlot, nt as unref, r as Fragment, s as computed, u as createCommentVNode, w as onBeforeUnmount, wt as toDisplayString, xt as normalizeClass } from "./runtime-core.esm-bundler-CsZVtwV7.js";
+import { o as vModelRadio } from "./index-CWvhvxM4.js";
+import { f as useVModel, l as useClipboard } from "./fetch-Bz1BNH1Z.js";
+//#region src/client/composables/open-in-editor.ts
 var OPEN_IN_EDITOR_ENDPOINT = "/__open-in-editor";
 function normalizeFilepath(file) {
 	return file.replace(/\\/g, "/");
@@ -9,6 +11,10 @@ function buildEditorRequestPath(file, line, column) {
 	if (line == null) return normalized;
 	return `${normalized}:${Number.isFinite(line) ? Math.max(1, Math.round(line)) : 1}:${column != null && Number.isFinite(column) ? Math.max(1, Math.round(column)) : 1}`;
 }
+/**
+* Open a source file in the local editor via Vite's `/__open-in-editor` endpoint.
+* Falls back silently if the request fails (e.g. command not supported).
+*/
 async function openInEditor(file, line, column) {
 	if (!file) return false;
 	const requestPath = buildEditorRequestPath(file, line, column);
@@ -28,6 +34,8 @@ async function openInEditor(file, line, column) {
 		return false;
 	}
 }
+//#endregion
+//#region src/client/components/FilepathItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = { class: "flex gap-2 items-center group" };
 var _hoisted_2$1 = ["title"];
 var _hoisted_3$1 = {
@@ -36,6 +44,8 @@ var _hoisted_3$1 = {
 };
 var _hoisted_4 = ["title"];
 var _hoisted_5 = ["title"];
+//#endregion
+//#region src/client/components/FilepathItem.vue
 var FilepathItem_default = /* @__PURE__ */ defineComponent({
 	__name: "FilepathItem",
 	props: {
@@ -129,6 +139,8 @@ var FilepathItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/client/@ui/SelectTabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "flex flex-inline flex-wrap items-center border n-border-base rounded n-bg-base" };
 var _hoisted_2 = ["disabled", "title"];
 var _hoisted_3 = [
@@ -136,6 +148,8 @@ var _hoisted_3 = [
 	"value",
 	"title"
 ];
+//#endregion
+//#region src/client/@ui/SelectTabs.vue
 var SelectTabs_default = /* @__PURE__ */ defineComponent({
 	name: "SelectTabs",
 	__name: "SelectTabs",
@@ -168,4 +182,5 @@ var SelectTabs_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
 export { FilepathItem_default as n, SelectTabs_default as t };

package/dist/client/assets/{_plugin-vue_export-helper-D8E0syuh.js → _plugin-vue_export-helper-Ctigiz3_.js}

@@ -1,6 +1,8 @@
+//#region \0plugin-vue:export-helper
 var _plugin_vue_export_helper_default = (sfc, props) => {
 	const target = sfc.__vccOpts || sfc;
 	for (const [key, val] of props) target[key] = val;
 	return target;
 };
+//#endregion
 export { _plugin_vue_export_helper_default as t };

package/dist/client/assets/{component-BR8PNyaC.js → component-Cy0W8Ddj.js}

@@ -1,7 +1,8 @@
-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-BysXje24.js";
-import { a as Icon_default, i as SectionBlock_default, r as Button_default, t as Navbar_default } from "./Navbar-CvJ_8xbf.js";
-import { l as useClipboard, n as componentUsageFetch, o as Badge_default } from "./fetch-ZAeX5On9.js";
-import { n as FilepathItem_default, t as SelectTabs_default } from "./SelectTabs-DhK5vO11.js";
+import { A as renderList, E as openBlock, G as isRef, M as resolveComponent, Y as ref, c as createBaseVNode, d as createElementBlock, g as defineComponent, h as createVNode, j as renderSlot, l as createBlock, m as createTextVNode, nt as unref, r as Fragment, s as computed, u as createCommentVNode, w as onBeforeUnmount, wt as toDisplayString, xt as normalizeClass, z as withCtx } from "./runtime-core.esm-bundler-CsZVtwV7.js";
+import { a as Icon_default, i as SectionBlock_default, r as Button_default, t as Navbar_default } from "./Navbar-DYyO71VR.js";
+import { l as useClipboard, n as componentUsageFetch, o as Badge_default } from "./fetch-Bz1BNH1Z.js";
+import { n as FilepathItem_default, t as SelectTabs_default } from "./SelectTabs-Ba4fEjYh.js";
+//#region ../../node_modules/.pnpm/scule@1.3.0/node_modules/scule/dist/index.mjs
 var NUMBER_CHAR_RE = /\d/;
 var STR_SPLITTERS = [
 	"-",
@@ -57,7 +58,11 @@ function upperFirst(str) {
 function pascalCase(str, opts) {
 	return str ? (Array.isArray(str) ? str : splitByCase(str)).map((p) => upperFirst(opts?.normalize ? p.toLowerCase() : p)).join("") : "";
 }
+//#endregion
+//#region src/client/components/ComponentName.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$3 = { class: "text-sm font-mono" };
+//#endregion
+//#region src/client/components/ComponentName.vue
 var ComponentName_default = /* @__PURE__ */ defineComponent({
 	__name: "ComponentName",
 	props: { component: {} },
@@ -73,6 +78,8 @@ var ComponentName_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/client/components/ComponentDetails.vue?vue&type=script&setup=true&lang.ts
 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$1 = {
@@ -89,6 +96,8 @@ var _hoisted_6$1 = {
 	"text-sm": "",
 	op75: ""
 };
+//#endregion
+//#region src/client/components/ComponentDetails.vue
 var ComponentDetails_default = /* @__PURE__ */ defineComponent({
 	__name: "ComponentDetails",
 	props: {
@@ -229,11 +238,15 @@ var ComponentDetails_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/client/components/ComponentItem.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1$1 = { class: "group flex gap-2 w-full items-center rounded px-2 py-1 hoverLbg-active" };
 var _hoisted_2$1 = {
 	key: 0,
 	class: "ml--1 text-primary"
 };
+//#endregion
+//#region src/client/components/ComponentItem.vue
 var ComponentItem_default = /* @__PURE__ */ defineComponent({
 	__name: "ComponentItem",
 	props: {
@@ -287,6 +300,8 @@ var ComponentItem_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
+//#region src/client/pages/component.vue?vue&type=script&setup=true&lang.ts
 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" };
@@ -299,10 +314,23 @@ var _hoisted_6 = {
 	key: 1,
 	class: "text-sm op50 px2 py1"
 };
+//#endregion
+//#region src/client/pages/component.vue
 var component_default = /* @__PURE__ */ defineComponent({
 	name: "ComponentPage",
 	__name: "component",
 	setup(__props) {
+		/**
+		* Component Usage 页面
+		*
+		* 作用：
+		* - 拉取 devtools 服务端扫描到的组件使用情况。
+		* - 支持按关键字搜索与「已使用/未使用」过滤。
+		* - 使用 SectionBlock 对不同来源包（vue/pubinfo 等）进行分组展示。
+		*
+		* 相关数据：
+		* - /__pubinfo_devtools_api/component-usage → ComponentUsagePayload
+		*/
 		const search = ref("");
 		const filterMode = ref("all");
 		const { execute, data, error, isFetching } = componentUsageFetch;
@@ -329,11 +357,17 @@ var component_default = /* @__PURE__ */ defineComponent({
 			});
 			return map;
 		});
+		/**
+		* 判断组件是否匹配当前过滤模式
+		*/
 		function matchesFilter(component, mode) {
 			if (mode === "using") return component.count > 0;
 			if (mode === "not-used") return component.count === 0;
 			return true;
 		}
+		/**
+		* 基于名称、包名与文件路径进行模糊匹配
+		*/
 		function matchesQuery(component, query) {
 			if (!query) return true;
 			return [
@@ -465,4 +499,5 @@ var component_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
+//#endregion
 export { component_default as default };