@pubinfo-pr/devtools 0.220.2 → 0.220.4

package/dist/client/assets/issue-MdUzHAB3.js

@@ -0,0 +1,130 @@
+import { B as withCtx, G as isRef, V as withDirectives, Y as ref, b as defineComponent, c as vModelText, f as computed, g as createElementBlock, h as createCommentVNode, it as toDisplayString, k as openBlock, m as createBlock, nt as normalizeClass, p as createBaseVNode, r as Transition, tt as unref, v as createTextVNode, y as createVNode } from "./index-ByOJyids.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-D8E0syuh.js";
+import { t as PanelGrids_default } from "./PanelGrids-Bq_2z9g3.js";
+var _hoisted_1 = { class: "flex flex-col gap-4 m-auto h-full max-w-400 w-full p-5 px-5 md:px-20 of-auto" };
+var _hoisted_2 = { class: "flex flex-col gap-4" };
+var _hoisted_3 = { class: "flex flex-col gap-1" };
+var _hoisted_4 = { class: "flex flex-col gap-1" };
+var _hoisted_5 = { class: "flex flex-col gap-1" };
+var _hoisted_6 = { class: "flex flex-col gap-1" };
+var _hoisted_7 = { class: "flex flex-col gap-1" };
+var _hoisted_8 = { class: "flex items-center justify-end gap-3 mt-2 mb-6" };
+var _hoisted_9 = ["disabled"];
+var _hoisted_10 = { class: "flex items-center gap-1.5" };
+var API_ROOT = "/__pubinfo_devtools_api";
+var issue_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	name: "IssuePage",
+	__name: "issue",
+	setup(__props) {
+		const title = ref("");
+		const description = ref("");
+		const steps = ref("");
+		const expected = ref("");
+		const actual = ref("");
+		const submitting = ref(false);
+		const toastVisible = ref(false);
+		const toastMessage = ref("");
+		const toastType = ref("success");
+		let toastTimer = null;
+		function showToast(message, type = "success") {
+			if (toastTimer) clearTimeout(toastTimer);
+			toastMessage.value = message;
+			toastType.value = type;
+			toastVisible.value = true;
+			toastTimer = setTimeout(() => {
+				toastVisible.value = false;
+			}, 3e3);
+		}
+		async function submitIssue() {
+			submitting.value = true;
+			try {
+				const payload = {
+					title: title.value,
+					description: description.value,
+					steps: steps.value,
+					expected: expected.value,
+					actual: actual.value
+				};
+				const res = await fetch(`${API_ROOT}/issue`, {
+					method: "POST",
+					headers: { "Content-Type": "application/json" },
+					body: JSON.stringify(payload)
+				});
+				if (!res.ok) throw new Error(`HTTP ${res.status}`);
+				if ((await res.json()).success) showToast(`提交成功！`, "success");
+				else showToast("提交成功！感谢你的反馈。", "success");
+				resetForm();
+			} catch {
+				showToast("提交失败，请稍后重试。", "error");
+			} finally {
+				submitting.value = false;
+			}
+		}
+		function resetForm() {
+			title.value = "";
+			description.value = "";
+			steps.value = "";
+			expected.value = "";
+			actual.value = "";
+		}
+		const isFormValid = computed(() => title.value.trim().length > 0);
+		return (_ctx, _cache) => {
+			const _component_PanelGrids = PanelGrids_default;
+			return openBlock(), createBlock(_component_PanelGrids, { class: "h-screen w-full" }, {
+				default: withCtx(() => [createBaseVNode("div", _hoisted_1, [
+					_cache[10] || (_cache[10] = createBaseVNode("div", { class: "flex items-center gap-3 mt-6" }, [createBaseVNode("div", { class: "i-carbon-debug text-3xl text-orange" }), createBaseVNode("h1", { class: "text-2xl font-bold" }, " 提交 Bug Report ")], -1)),
+					_cache[11] || (_cache[11] = createBaseVNode("p", { class: "text-sm op50" }, " 在此填写 Bug 信息并提交。 ", -1)),
+					createVNode(Transition, { name: "toast" }, {
+						default: withCtx(() => [unref(toastVisible) ? (openBlock(), createElementBlock("div", {
+							key: 0,
+							class: normalizeClass(["fixed right-5 top-5 z-100 flex items-center gap-2 rounded-lg px-4 py-3 text-sm text-white shadow-lg", unref(toastType) === "success" ? "bg-green-6" : "bg-red-6"])
+						}, [createBaseVNode("div", { class: normalizeClass(unref(toastType) === "success" ? "i-carbon-checkmark-filled" : "i-carbon-warning-filled") }, null, 2), createTextVNode(" " + toDisplayString(unref(toastMessage)), 1)], 2)) : createCommentVNode("", true)]),
+						_: 1
+					}),
+					createBaseVNode("div", _hoisted_2, [
+						createBaseVNode("div", _hoisted_3, [_cache[5] || (_cache[5] = createBaseVNode("label", { class: "text-sm font-medium" }, [createTextVNode(" 标题 "), createBaseVNode("span", { class: "text-red" }, "*")], -1)), withDirectives(createBaseVNode("input", {
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(title) ? title.value = $event : null),
+							type: "text",
+							placeholder: "简要描述你遇到的问题",
+							class: "w-full rounded-lg border n-border-base n-bg-base px-3 py-2 text-sm outline-none transition focus:border-primary"
+						}, null, 512), [[vModelText, unref(title)]])]),
+						createBaseVNode("div", _hoisted_4, [_cache[6] || (_cache[6] = createBaseVNode("label", { class: "text-sm font-medium" }, "问题描述", -1)), withDirectives(createBaseVNode("textarea", {
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(description) ? description.value = $event : null),
+							rows: "6",
+							placeholder: "详细描述你遇到的问题...",
+							class: "w-full rounded-lg border n-border-base n-bg-base px-3 py-2 text-sm outline-none transition resize-y focus:border-primary"
+						}, null, 512), [[vModelText, unref(description)]])]),
+						createBaseVNode("div", _hoisted_5, [_cache[7] || (_cache[7] = createBaseVNode("label", { class: "text-sm font-medium" }, "复现步骤", -1)), withDirectives(createBaseVNode("textarea", {
+							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(steps) ? steps.value = $event : null),
+							rows: "6",
+							placeholder: "1. 打开页面\n2. 点击按钮\n3. ...",
+							class: "w-full rounded-lg border n-border-base n-bg-base px-3 py-2 text-sm outline-none transition resize-y focus:border-primary"
+						}, null, 512), [[vModelText, unref(steps)]])]),
+						createBaseVNode("div", _hoisted_6, [_cache[8] || (_cache[8] = createBaseVNode("label", { class: "text-sm font-medium" }, "期望行为", -1)), withDirectives(createBaseVNode("textarea", {
+							"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(expected) ? expected.value = $event : null),
+							rows: "4",
+							placeholder: "你期望发生什么...",
+							class: "w-full rounded-lg border n-border-base n-bg-base px-3 py-2 text-sm outline-none transition resize-y focus:border-primary"
+						}, null, 512), [[vModelText, unref(expected)]])]),
+						createBaseVNode("div", _hoisted_7, [_cache[9] || (_cache[9] = createBaseVNode("label", { class: "text-sm font-medium" }, "实际行为", -1)), withDirectives(createBaseVNode("textarea", {
+							"onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(actual) ? actual.value = $event : null),
+							rows: "4",
+							placeholder: "实际上发生了什么...",
+							class: "w-full rounded-lg border n-border-base n-bg-base px-3 py-2 text-sm outline-none transition resize-y focus:border-primary"
+						}, null, 512), [[vModelText, unref(actual)]])])
+					]),
+					createBaseVNode("div", _hoisted_8, [createBaseVNode("button", {
+						disabled: !unref(isFormValid) || unref(submitting),
+						class: "rounded-lg bg-orange px-4 py-2 text-sm text-white font-medium transition hover:bg-orange-6 disabled:cursor-not-allowed disabled:op50",
+						onClick: submitIssue
+					}, [createBaseVNode("span", _hoisted_10, [createBaseVNode("div", { class: normalizeClass(unref(submitting) ? "i-carbon-circle-dash animate-spin" : "i-carbon-send-alt") }, null, 2), createTextVNode(" " + toDisplayString(unref(submitting) ? "提交中..." : "提交"), 1)])], 8, _hoisted_9), createBaseVNode("button", {
+						class: "rounded-lg border n-border-base px-4 py-2 text-sm transition hover:bg-active",
+						onClick: resetForm
+					}, " 重置 ")])
+				])]),
+				_: 1
+			});
+		};
+	}
+}), [["__scopeId", "data-v-20b6063c"]]);
+export { issue_default as default };

package/dist/client/assets/pages-D4LiKgxN.js

@@ -0,0 +1,285 @@
+import { B as withCtx, J as readonly, M as renderSlot, R as watch, Y as ref, _ as createStaticVNode, b as defineComponent, f as computed, g as createElementBlock, h as createCommentVNode, it as toDisplayString, k as openBlock, m as createBlock, p as createBaseVNode, q as reactive, t as __vitePreload, tt as unref, u as Fragment, v as createTextVNode, y as createVNode } from "./index-ByOJyids.js";
+import { a as usePackageVersion$1, i as overviewFetch, o as Badge_default, p as createEventHook } from "./fetch-CwAFBmMG.js";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-D8E0syuh.js";
+import { t as PanelGrids_default } from "./PanelGrids-Bq_2z9g3.js";
+function usePackageVersion(packageName) {
+	const info = ref(null);
+	const isLoading = ref(false);
+	const error = ref(null);
+	const current = computed(() => info.value?.currentVersion || null);
+	const latest = computed(() => info.value?.latestVersion || null);
+	const needsUpdate = computed(() => info.value?.isOutdated || false);
+	async function fetch() {
+		if (!packageName?.trim()) {
+			info.value = null;
+			return;
+		}
+		isLoading.value = true;
+		error.value = null;
+		try {
+			const { data, execute } = usePackageVersion$1(packageName.trim());
+			await execute();
+			if (data.value) {
+				info.value = data.value;
+				error.value = data.value.error || null;
+			}
+		} catch (err) {
+			console.error("Failed to fetch package version:", err);
+			error.value = err instanceof Error ? err.message : String(err);
+			info.value = null;
+		} finally {
+			isLoading.value = false;
+		}
+	}
+	watch(() => packageName, () => {
+		fetch();
+	}, { immediate: true });
+	return {
+		info: computed(() => ({
+			current: current.value,
+			latest: latest.value,
+			needsUpdate: needsUpdate.value,
+			packageName: info.value?.packageName || packageName
+		})),
+		isLoading,
+		error,
+		fetch
+	};
+}
+var _hoisted_1$2 = { key: 0 };
+var _hoisted_2$1 = { key: 0 };
+var NpmVersionCheck_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "NpmVersionCheck",
+	props: {
+		packageName: {},
+		showVersion: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props) {
+		const { info, isLoading, error } = usePackageVersion(__props.packageName);
+		return (_ctx, _cache) => {
+			const _component_Badge = Badge_default;
+			return renderSlot(_ctx.$slots, "default", {
+				info: unref(info),
+				isLoading: unref(isLoading),
+				error: unref(error)
+			}, () => [unref(info) && __props.showVersion ? (openBlock(), createElementBlock("code", _hoisted_1$2, toDisplayString(unref(info).current ? `v${unref(info).current}` : ""), 1)) : createCommentVNode("", true), unref(info)?.latest ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [unref(info).needsUpdate ? (openBlock(), createElementBlock("button", _hoisted_2$1, [createVNode(_component_Badge, {
+				n: "green",
+				title: "updates available"
+			}, {
+				default: withCtx(() => [..._cache[0] || (_cache[0] = [createTextVNode(" updates available ", -1)])]),
+				_: 1
+			})])) : (openBlock(), createBlock(_component_Badge, {
+				key: 1,
+				n: "gray",
+				title: "latest"
+			}, {
+				default: withCtx(() => [..._cache[1] || (_cache[1] = [createTextVNode(" latest ", -1)])]),
+				_: 1
+			}))], 64)) : createCommentVNode("", true)], true);
+		};
+	}
+}), [["__scopeId", "data-v-61e1d4e4"]]);
+const version = "2.1.10-beta.2";
+var _hoisted_1$1 = ["width", "height"];
+var Logo_default = /* @__PURE__ */ defineComponent({
+	name: "Logo",
+	__name: "Logo",
+	props: { size: {} },
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: __props.size,
+				height: __props.size,
+				fill: "none",
+				viewBox: "0 0 144 125",
+				preserveAspectRatio: "xMidYMid meet"
+			}, [..._cache[0] || (_cache[0] = [createStaticVNode("<path fill=\"url(#a)\" stroke=\"url(#b)\" d=\"M142.858 58.054c0 1.922-.524 3.845-1.572 5.418l-14.68 23.068-16.078 25.165c-1.398 2.097-3.67 3.496-6.292 3.496h-65.71L55.13 86.54h34.952l14.855-25.515c.699-1.398-.175-2.97-1.748-2.97H71.731l16.602-28.661h34.428c2.272 0 4.369 1.223 5.592 3.145l12.758 20.098c1.223 1.572 1.747 3.495 1.747 5.417Z\"></path><path fill=\"url(#c)\" stroke=\"url(#d)\" d=\"M38.702 54.909c-.7 1.398.174 2.97 1.747 2.97h31.457L55.304 86.54H20.876c-2.272 0-4.369-1.223-5.592-3.146L2.352 63.473C1.303 61.724.779 59.977.779 58.054s.524-3.844 1.573-5.417l14.68-23.068 16.077-25.34C34.507 2.13 36.954.732 39.401.732h65.535l-16.603 28.66H53.382z\"></path><path fill=\"url(#e)\" d=\"M142.858 57.88v9.087c0 1.922-.524 3.844-1.572 5.417l-30.758 48.409c-1.398 2.097-3.845 3.495-6.292 3.495h-65.71V115.2h65.536c2.621 0 4.893-1.398 6.291-3.495l16.253-25.34 14.68-23.068c1.048-1.748 1.572-3.67 1.572-5.418\" opacity=\".8\"></path><path fill=\"url(#f)\" d=\"m104.935 61.025-3.495 6.117H71.731l-11.36 19.573H55.13l16.602-28.66h31.457c1.573 0 2.621 1.572 1.747 2.97\" opacity=\".8\"></path><path fill=\"url(#g)\" d=\"m101.44 67.142 3.495-6.117c.874-1.398-.174-2.97-1.747-2.97H71.731v9.087z\" opacity=\".8\"></path><path fill=\"url(#h)\" d=\"M104.936.733v9.088l-11.36 19.573h-5.242z\" opacity=\".8\"></path><path fill=\"url(#i)\" d=\"m88.508 29.394-5.243 9.087h-29.71L42.197 58.054H40.45c-1.573 0-2.622-1.748-1.748-2.97l14.855-25.516h34.951z\" opacity=\".8\"></path><path fill=\"url(#j)\" d=\"m55.13 86.54-5.244 9.087h-29.01c-2.272 0-4.369-1.223-5.592-3.145L2.352 72.559C1.303 70.986.779 69.064.779 67.142v-9.088c0 1.923.524 3.845 1.573 5.418l12.757 20.097c1.223 1.922 3.32 3.146 5.592 3.146H55.13z\" opacity=\".8\"></path><defs><linearGradient id=\"a\" x1=\"90.693\" x2=\"90.693\" y1=\"29.394\" y2=\"115.201\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#AEFFD3\"></stop><stop offset=\"1\" stop-color=\"#13C966\"></stop></linearGradient><linearGradient id=\"b\" x1=\"132.493\" x2=\"90.803\" y1=\"35.066\" y2=\"115.258\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#fff\" stop-opacity=\"0\"></stop><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".82\"></stop></linearGradient><linearGradient id=\"c\" x1=\"52.857\" x2=\"52.857\" y1=\".733\" y2=\"86.54\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#A3C6FF\"></stop><stop offset=\"1\" stop-color=\"#2275FF\"></stop></linearGradient><linearGradient id=\"d\" x1=\"94.587\" x2=\"52.857\" y1=\"6.405\" y2=\"86.54\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#fff\" stop-opacity=\"0\"></stop><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\".55\"></stop></linearGradient><linearGradient id=\"e\" x1=\"90.693\" x2=\"90.693\" y1=\"57.879\" y2=\"124.288\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#AEFFD3\"></stop><stop offset=\"1\" stop-color=\"#0FE270\"></stop></linearGradient><linearGradient id=\"f\" x1=\"80.191\" x2=\"80.191\" y1=\"58.054\" y2=\"86.715\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#A3C6FF\"></stop><stop offset=\"1\" stop-color=\"#2275FF\"></stop></linearGradient><linearGradient id=\"g\" x1=\"72.889\" x2=\"100.968\" y1=\"67.142\" y2=\"67.142\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#AEFFD3\"></stop><stop offset=\"1\" stop-color=\"#0FE270\"></stop></linearGradient><linearGradient id=\"h\" x1=\"105.825\" x2=\"89.13\" y1=\".733\" y2=\"27.995\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#A3C6FF\"></stop><stop offset=\"1\" stop-color=\"#2275FF\"></stop></linearGradient><linearGradient id=\"i\" x1=\"63.446\" x2=\"63.446\" y1=\"29.394\" y2=\"58.054\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#A3C6FF\"></stop><stop offset=\"1\" stop-color=\"#2275FF\"></stop></linearGradient><linearGradient id=\"j\" x1=\"27.954\" x2=\"27.954\" y1=\"58.054\" y2=\"95.627\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#A3C6FF\"></stop><stop offset=\"1\" stop-color=\"#2275FF\"></stop></linearGradient></defs>", 9)])], 8, _hoisted_1$1);
+		};
+	}
+});
+var MODULE_PATH = "/@vite/client";
+var _onModuleUpdated = createEventHook();
+var _onConfigChanged = createEventHook();
+var _onHmrBeforeUpdate = createEventHook();
+var _onHmrAfterUpdate = createEventHook();
+_onModuleUpdated.on;
+_onConfigChanged.on;
+const onHmrBeforeUpdate = _onHmrBeforeUpdate.on;
+const onHmrAfterUpdate = _onHmrAfterUpdate.on;
+__vitePreload(() => import(
+	/* @vite-ignore */
+	MODULE_PATH
+), [], import.meta.url).then((c) => {
+	const hmr = c.createHotContext("/");
+	hmr.on("vite:beforeUpdate", (update) => {
+		_onHmrBeforeUpdate.trigger();
+		update.updates.forEach((u) => {
+			_onModuleUpdated.trigger(u);
+		});
+	});
+	hmr.on("vite:afterUpdate", () => {
+		_onHmrAfterUpdate.trigger();
+	});
+	hmr.on("pubinfo-pr:config-changed", () => {
+		_onConfigChanged.trigger();
+	});
+}).catch((e) => {
+	console.error("failed to connect to client vite server, you might need to do manual refresh to see the updates");
+	console.error(e);
+});
+var timingsState = reactive({
+	fullLoad: null,
+	pageLoad: null,
+	navigation: null,
+	hmr: null
+});
+var hmrStartAt = ref(null);
+var navigationCollected = false;
+function sanitizeDuration(value) {
+	if (typeof value !== "number" || Number.isNaN(value) || value <= 0) return null;
+	return value;
+}
+function collectFromNavigationEntry(entry) {
+	timingsState.fullLoad = sanitizeDuration(entry.loadEventEnd);
+	timingsState.pageLoad = sanitizeDuration(entry.domContentLoadedEventEnd);
+	timingsState.navigation = sanitizeDuration(Math.max(entry.responseEnd - entry.requestStart, 0));
+}
+function collectFromLegacyTiming(timing) {
+	const navigationStart = timing.navigationStart ?? 0;
+	timingsState.fullLoad = sanitizeDuration(timing.loadEventEnd - navigationStart);
+	timingsState.pageLoad = sanitizeDuration(timing.domContentLoadedEventEnd - navigationStart);
+	timingsState.navigation = sanitizeDuration(Math.max(timing.responseEnd - timing.requestStart, 0));
+}
+function collectNavigationMetrics(force = false) {
+	if (!force && navigationCollected) return;
+	if (typeof performance === "undefined") return;
+	const entries = performance.getEntriesByType?.("navigation");
+	if (entries && entries.length > 0) {
+		const entry = entries[entries.length - 1];
+		collectFromNavigationEntry(entry);
+		navigationCollected = timingsState.fullLoad !== null;
+		return;
+	}
+	const timing = performance.timing;
+	if (timing && timing.loadEventEnd > 0) {
+		collectFromLegacyTiming(timing);
+		navigationCollected = true;
+	}
+}
+function setupNavigationCollection() {
+	if (typeof window === "undefined") return;
+	collectNavigationMetrics();
+	window.addEventListener("load", () => {
+		requestAnimationFrame(() => {
+			collectNavigationMetrics(true);
+		});
+	}, { once: true });
+}
+function setupHmrTracking() {
+	onHmrBeforeUpdate(() => {
+		if (typeof performance === "undefined") return;
+		hmrStartAt.value = performance.now();
+	});
+	onHmrAfterUpdate(() => {
+		if (typeof performance === "undefined" || hmrStartAt.value == null) return;
+		timingsState.hmr = sanitizeDuration(performance.now() - hmrStartAt.value);
+		hmrStartAt.value = null;
+	});
+}
+setupNavigationCollection();
+setupHmrTracking();
+function formatDuration(duration) {
+	if (duration == null) return "--";
+	if (duration >= 1e3) return `${(duration / 1e3).toFixed(2)}s`;
+	return `${Math.round(duration)}ms`;
+}
+function useDevtoolsPerformance() {
+	return {
+		timings: readonly(timingsState),
+		formatDuration,
+		refreshNavigationMetrics: () => collectNavigationMetrics(true)
+	};
+}
+function pluralizeByCount(count, singular, plural = `${singular}s`) {
+	return `${count} ${count <= 1 ? singular : plural}`;
+}
+var _hoisted_1 = { class: "flex flex-col gap2 m-auto h-full max-w-250 w-full p-5 px-5 md:px-20" };
+var _hoisted_2 = { class: "flex flex-col mt-5 items-center md:mt-20" };
+var _hoisted_3 = { class: "flex mt--10 items-center justify-center" };
+var _hoisted_4 = { class: "mb-6 mt-3 text-center text-sm flex gap-1 flex-wrap cursor-default" };
+var _hoisted_5 = { class: "op40" };
+var _hoisted_6 = { class: "flex gap-2 flex-wrap" };
+var _hoisted_7 = { class: "theme-card-green p-4 flex flex-col flex-auto" };
+var _hoisted_8 = { class: "theme-card-rose p-4 flex flex-col flex-auto" };
+var _hoisted_9 = { class: "min-w-40 theme-card-lime p4 flex flex-col flex-auto" };
+var _hoisted_10 = { class: "min-w-40 theme-card-yellow p4 flex flex-col flex-auto" };
+var _hoisted_11 = { class: "min-w-40 theme-card-purple p4 flex flex-col flex-auto" };
+var _hoisted_12 = { class: "pointer-events-none min-w-40 theme-card-lime p4 flex flex-auto gap-6" };
+var _hoisted_13 = { grid: "~ cols-[auto_auto] gap-x-5 items-center" };
+var _hoisted_14 = { "text-right": "" };
+var _hoisted_15 = { "text-right": "" };
+var _hoisted_16 = { "text-right": "" };
+var _hoisted_17 = { "text-right": "" };
+var pages_default = /* @__PURE__ */ defineComponent({
+	name: "OverviewPage",
+	__name: "index",
+	setup(__props) {
+		const { execute, data } = overviewFetch;
+		execute();
+		const components = computed(() => {
+			let result = 0;
+			data.value?.components.forEach((comp) => {
+				result += comp.count;
+			});
+			return result;
+		});
+		const autoImports = computed(() => {
+			let result = 0;
+			data.value?.functions.forEach((fn) => {
+				result += fn.count;
+			});
+			return result;
+		});
+		const apiCount = computed(() => data.value?.apiMethodCount || 0);
+		const moduleCount = computed(() => data.value?.moduleCount || 0);
+		const { timings, formatDuration } = useDevtoolsPerformance();
+		return (_ctx, _cache) => {
+			const _component_NpmVersionCheck = NpmVersionCheck_default;
+			return openBlock(), createBlock(PanelGrids_default, { class: "h-screen w-full flex *:select-none" }, {
+				default: withCtx(() => [createBaseVNode("div", _hoisted_1, [
+					_cache[12] || (_cache[12] = createBaseVNode("div", { class: "flex-auto" }, null, -1)),
+					createBaseVNode("div", _hoisted_2, [createBaseVNode("a", _hoisted_3, [
+						createVNode(Logo_default, { size: "64" }),
+						_cache[0] || (_cache[0] = createBaseVNode("span", { class: "text-48px font-black mx-2" }, "Dev", -1)),
+						_cache[1] || (_cache[1] = createBaseVNode("span", { class: "text-48px font-black text-[#00DC82]" }, "Tools", -1))
+					]), createBaseVNode("button", _hoisted_4, [_cache[2] || (_cache[2] = createBaseVNode("span", { class: "op40" }, " Pubinfo DevTools ", -1)), createBaseVNode("code", _hoisted_5, "v" + toDisplayString(unref(version)), 1)])]),
+					createBaseVNode("div", _hoisted_6, [
+						createBaseVNode("a", _hoisted_7, [createVNode(Logo_default, { size: "32" }), createVNode(_component_NpmVersionCheck, { "package-name": "pubinfo-pr" })]),
+						createBaseVNode("a", _hoisted_8, [_cache[3] || (_cache[3] = createBaseVNode("div", { class: "i-carbon-cloud text-3xl" }, null, -1)), createBaseVNode("div", null, toDisplayString(unref(pluralizeByCount)(unref(apiCount), "api")), 1)]),
+						createBaseVNode("a", _hoisted_9, [_cache[4] || (_cache[4] = createBaseVNode("div", { class: "i-carbon-assembly-cluster text-3xl" }, null, -1)), createBaseVNode("div", null, toDisplayString(unref(pluralizeByCount)(unref(components), "component")), 1)]),
+						createBaseVNode("a", _hoisted_10, [_cache[5] || (_cache[5] = createBaseVNode("div", { class: "i-carbon-function text-3xl" }, null, -1)), createBaseVNode("div", null, toDisplayString(unref(pluralizeByCount)(unref(autoImports), "import")), 1)]),
+						createBaseVNode("a", _hoisted_11, [_cache[6] || (_cache[6] = createBaseVNode("div", { class: "i-carbon-3d-mpr-toggle text-3xl" }, null, -1)), createBaseVNode("div", null, toDisplayString(unref(pluralizeByCount)(unref(moduleCount), "module")), 1)]),
+						createBaseVNode("div", _hoisted_12, [_cache[11] || (_cache[11] = createBaseVNode("div", { class: "i-carbon-time-plot flex-none text-3xl" }, null, -1)), createBaseVNode("div", _hoisted_13, [
+							_cache[7] || (_cache[7] = createBaseVNode("div", { "text-sm": "" }, " Full load ", -1)),
+							createBaseVNode("div", _hoisted_14, toDisplayString(unref(formatDuration)(unref(timings).fullLoad)), 1),
+							_cache[8] || (_cache[8] = createBaseVNode("div", { "text-sm": "" }, " Page load ", -1)),
+							createBaseVNode("div", _hoisted_15, toDisplayString(unref(formatDuration)(unref(timings).pageLoad)), 1),
+							_cache[9] || (_cache[9] = createBaseVNode("div", { "text-sm": "" }, " Navigation ", -1)),
+							createBaseVNode("div", _hoisted_16, toDisplayString(unref(formatDuration)(unref(timings).navigation)), 1),
+							_cache[10] || (_cache[10] = createBaseVNode("div", { "text-sm": "" }, " HMR ", -1)),
+							createBaseVNode("div", _hoisted_17, toDisplayString(unref(formatDuration)(unref(timings).hmr)), 1)
+						])])
+					]),
+					_cache[13] || (_cache[13] = createBaseVNode("div", { class: "flex flex-wrap gap-6 mt-5 items-center justify-center" }, null, -1)),
+					_cache[14] || (_cache[14] = createBaseVNode("div", { "flex-auto": "" }, null, -1))
+				])]),
+				_: 1
+			});
+		};
+	}
+});
+export { pages_default as default };

package/dist/client/assets/pages-DQ8FtB9Y.css

@@ -0,0 +1,17 @@
+
+.update-badge[data-v-61e1d4e4] {
+  display: inline-block;
+  padding: 0.125rem 0.5rem;
+  font-size: 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgba(34, 197, 94, 0.1);
+  color: rgb(34, 197, 94);
+}
+.latest-badge[data-v-61e1d4e4] {
+  display: inline-block;
+  padding: 0.125rem 0.5rem;
+  font-size: 0.75rem;
+  border-radius: 0.25rem;
+  background-color: rgba(156, 163, 175, 0.1);
+  color: rgb(156, 163, 175);
+}

package/dist/client/assets/{server-router-8PynUpe5.css → server-router-B1AB70as.css}

@@ -1,21 +1,3 @@
-
-details[data-v-deaf669f] {
-  border-style:none;
-}
-summary[data-v-deaf669f] {
-  border-style:none;
-  list-style: none;
-}
-details[open] summary[data-v-deaf669f] {
-  border-style:none;
-}
-details summary[data-v-deaf669f]::-webkit-details-marker {
-  display: none;
-}
-details[open] .chevron[data-v-deaf669f] {
-  transform: rotate(180deg);
-  opacity: 0.75;
-}
 .splitpanes{display:flex;width:100%;height:100%}.splitpanes--vertical{flex-direction:row}.splitpanes--horizontal{flex-direction:column}.splitpanes--dragging .splitpanes__pane,*:has(.splitpanes--dragging){-webkit-user-select:none;user-select:none;pointer-events:none}.splitpanes__pane{width:100%;height:100%;overflow:hidden}.splitpanes--vertical .splitpanes__pane{transition:width .2s ease-out;will-change:width}.splitpanes--horizontal .splitpanes__pane{transition:height .2s ease-out;will-change:height}.splitpanes--dragging .splitpanes__pane{transition:none}.splitpanes__splitter{touch-action:none}.splitpanes--vertical>.splitpanes__splitter{min-width:1px;cursor:col-resize}.splitpanes--horizontal>.splitpanes__splitter{min-height:1px;cursor:row-resize}.default-theme.splitpanes .splitpanes__pane{background-color:#f2f2f2}.default-theme.splitpanes .splitpanes__splitter{background-color:#fff;box-sizing:border-box;position:relative;flex-shrink:0}.default-theme.splitpanes .splitpanes__splitter:before,.default-theme.splitpanes .splitpanes__splitter:after{content:"";position:absolute;top:50%;left:50%;background-color:#00000026;transition:background-color .3s}.default-theme.splitpanes .splitpanes__splitter:hover:before,.default-theme.splitpanes .splitpanes__splitter:hover:after{background-color:#00000040}.default-theme.splitpanes .splitpanes__splitter:first-child{cursor:auto}.default-theme.splitpanes .splitpanes .splitpanes__splitter{z-index:1}.default-theme.splitpanes--vertical>.splitpanes__splitter,.default-theme .splitpanes--vertical>.splitpanes__splitter{width:7px;border-left:1px solid #eee;margin-left:-1px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{transform:translateY(-50%);width:1px;height:30px}.default-theme.splitpanes--vertical>.splitpanes__splitter:before,.default-theme .splitpanes--vertical>.splitpanes__splitter:before{margin-left:-2px}.default-theme.splitpanes--vertical>.splitpanes__splitter:after,.default-theme .splitpanes--vertical>.splitpanes__splitter:after{margin-left:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter,.default-theme .splitpanes--horizontal>.splitpanes__splitter{height:7px;border-top:1px solid #eee;margin-top:-1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{transform:translate(-50%);width:30px;height:1px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:before,.default-theme .splitpanes--horizontal>.splitpanes__splitter:before{margin-top:-2px}.default-theme.splitpanes--horizontal>.splitpanes__splitter:after,.default-theme .splitpanes--horizontal>.splitpanes__splitter:after{margin-top:1px}
 
 .splitpanes__splitter {