@pubinfo-pr/devtools 0.220.2 → 0.220.4

package/dist/panel/index.d.mts

@@ -4,6 +4,7 @@
  *
  * - UnoCSS：直接复用 Uno 的内置面板（iframe 方式）。
  * - Server Router：本项目提供的服务路由调试面板。
+ * - Issue：快速提交 Bug Report 到 GitHub。
  */
 declare function setupDevtoolsPanel(): void;
 //#endregion

package/dist/panel/index.mjs

@@ -1,5 +1,95 @@
 import { addCustomTab } from "@vue/devtools-api";
 
+//#region src/panel/component.ts
+function setupComponentPanel() {
+	addCustomTab({
+		name: "pubinfo-component",
+		title: "Components 使用",
+		icon: "/__pubinfo_devtools/component.svg",
+		view: {
+			type: "iframe",
+			src: "/__pubinfo_devtools/#/component"
+		},
+		category: "modules"
+	});
+}
+
+//#endregion
+//#region src/panel/icones.ts
+/**
+* 在 Vue Devtools 中挂载 Icones 面板。
+* 以 iframe 的方式嵌入 Icones 提供的 UI（依赖于宿主 app 的 devserver）。
+*/
+function setupIconesPanel() {
+	addCustomTab({
+		name: "icones",
+		title: "Icones",
+		icon: `https://icon.elonehoo.cn/favicon.svg`,
+		view: {
+			type: "iframe",
+			src: "https://icon.elonehoo.cn"
+		},
+		category: "advanced"
+	});
+}
+
+//#endregion
+//#region src/panel/import.ts
+function setupImportPanel() {
+	addCustomTab({
+		name: "pubinfo-import",
+		title: "Composables 使用",
+		icon: "/__pubinfo_devtools/import.svg",
+		view: {
+			type: "iframe",
+			src: "/__pubinfo_devtools/#/import"
+		},
+		category: "modules"
+	});
+}
+
+//#endregion
+//#region src/panel/issue.ts
+/**
+* 注册 Issue 提交面板。
+*
+* 在 DevTools 中提供一个快速提交 Bug Report 的入口，
+* 用户可以填写信息后跳转到 GitHub 创建 Issue。
+*/
+function setupIssuePanel() {
+	addCustomTab({
+		name: "pubinfo-issue",
+		title: "提交 Bug",
+		icon: "/__pubinfo_devtools/issue.svg",
+		view: {
+			type: "iframe",
+			src: "/__pubinfo_devtools/#/issue"
+		},
+		category: "advanced"
+	});
+}
+
+//#endregion
+//#region src/panel/overview.ts
+/**
+* 注册 API 路由调试面板（Server Router）。
+*
+* 面板将展示通过 devtools 扫描到的 API 列表，并提供请求调试能力。
+*/
+function setupOverviewPanel() {
+	addCustomTab({
+		name: "pubinfo-overview",
+		title: "腾龙总览",
+		icon: "/__pubinfo_devtools/logo.svg",
+		view: {
+			type: "iframe",
+			src: "/__pubinfo_devtools/"
+		},
+		category: "modules"
+	});
+}
+
+//#endregion
 //#region src/panel/server-router.ts
 /**
 * 注册 API 路由调试面板（Server Router）。
@@ -9,7 +99,7 @@ import { addCustomTab } from "@vue/devtools-api";
 function setupServerRouterPanel() {
 	addCustomTab({
 		name: "server-router",
-		title: "Server Router",
+		title: "API 调试",
 		icon: "/__pubinfo_devtools/cloud.svg",
 		view: {
 			type: "iframe",
@@ -45,10 +135,16 @@ function setupUnoCSSPanel() {
 *
 * - UnoCSS：直接复用 Uno 的内置面板（iframe 方式）。
 * - Server Router：本项目提供的服务路由调试面板。
+* - Issue：快速提交 Bug Report 到 GitHub。
 */
 function setupDevtoolsPanel() {
+	setupOverviewPanel();
 	setupUnoCSSPanel();
 	setupServerRouterPanel();
+	setupComponentPanel();
+	setupImportPanel();
+	setupIconesPanel();
+	setupIssuePanel();
 }
 
 //#endregion

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pubinfo-pr/devtools",
   "type": "module",
-  "version": "0.220.2",
+  "version": "0.220.4",
   "exports": {
     ".": {
       "types": "./dist/index.d.mts",
@@ -27,6 +27,7 @@
   },
   "dependencies": {
     "@vue/devtools-api": "^8.0.6",
+    "@ast-grep/napi": "^0.39.7",
     "ansis": "^4.2.0",
     "sirv": "^3.0.2",
     "unconfig": "^7.4.2"
@@ -35,8 +36,11 @@
     "@unocss/reset": "^66.6.0",
     "@vitejs/plugin-vue": "^6.0.4",
     "@vueuse/core": "^14.2.1",
+    "find-up-simple": "^1.0.1",
     "floating-vue": "5.2.2",
+    "pathe": "^2.0.3",
     "rimraf": "^6.1.2",
+    "scule": "^1.3.0",
     "shiki": "^3.22.0",
     "splitpanes": "^4.0.4",
     "tsdown": "^0.20.3",
@@ -54,6 +58,7 @@
     "dev:client": "vite build src/client --watch",
     "build": "rimraf dist && pnpm run --sequential /^build:/",
     "build:client": "vite build src/client",
-    "build:server": "tsdown"
+    "build:server": "tsdown",
+    "export": "tsx ./scripts/api.ts"
   }
 }