@pubinfo-pr/devtools 0.171.2 → 0.171.3

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

@@ -0,0 +1,300 @@
+import { J as ref, K as reactive, L as watch, O as openBlock, _ as createTextVNode, d as computed, et as unref, f as createBaseVNode, g as createStaticVNode, h as createElementBlock, j as renderSlot, l as Fragment, m as createCommentVNode, p as createBlock, q as readonly, rt as toDisplayString, t as __vitePreload, v as createVNode, y as defineComponent, z as withCtx } from "./index-C74Jw2V-.js";
+import { a as usePackageVersion$1, i as overviewFetch, m as createEventHook, o as Badge_default, s as _plugin_vue_export_helper_default } from "./fetch-X85SI-zj.js";
+import { t as PanelGrids_default } from "./PanelGrids-Dr3Hj3fq.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: formatDuration$1 } = useDevtoolsPerformance();
+		return (_ctx, _cache) => {
+			const _component_NpmVersionCheck = NpmVersionCheck_default;
+			return openBlock(), createBlock(PanelGrids_default, { class: "h-screen w-full flex" }, {
+				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$1)(unref(timings).fullLoad)), 1),
+							_cache[8] || (_cache[8] = createBaseVNode("div", { "text-sm": "" }, " Page load ", -1)),
+							createBaseVNode("div", _hoisted_15, toDisplayString(unref(formatDuration$1)(unref(timings).pageLoad)), 1),
+							_cache[9] || (_cache[9] = createBaseVNode("div", { "text-sm": "" }, " Navigation ", -1)),
+							createBaseVNode("div", _hoisted_16, toDisplayString(unref(formatDuration$1)(unref(timings).navigation)), 1),
+							_cache[10] || (_cache[10] = createBaseVNode("div", { "text-sm": "" }, " HMR ", -1)),
+							createBaseVNode("div", _hoisted_17, toDisplayString(unref(formatDuration$1)(unref(timings).hmr)), 1)
+						])])
+					]),
+					_cache[13] || (_cache[13] = createBaseVNode("div", { class: "flex flex-wrap gap-6 mt-5 items-center justify-center" }, [createBaseVNode("a", {
+						href: "https://github.com/nuxt/devtools/discussions/29",
+						target: "_blank",
+						flex: "~ gap1",
+						"items-center": "",
+						op50: "",
+						hover: "op100 text-yellow",
+						transition: ""
+					}, [createBaseVNode("div", { class: "i-carbon-data-enrichment" }), createTextVNode(" Ideas & Suggestions ")]), createBaseVNode("a", {
+						href: "https://github.com/nuxt/devtools/issues",
+						target: "_blank",
+						flex: "~ gap1",
+						"items-center": "",
+						op50: "",
+						hover: "op100 text-rose",
+						transition: ""
+					}, [createBaseVNode("div", { "i-carbon-debug": "" }), createTextVNode(" Bug Reports ")])], -1)),
+					_cache[14] || (_cache[14] = createBaseVNode("div", { "flex-auto": "" }, null, -1))
+				])]),
+				_: 1
+			});
+		};
+	}
+});
+export { pages_default as default };

package/dist/client/assets/{server-router-6GvTqPc1.css → server-router-B1AB70as.css}

@@ -60,13 +60,13 @@
   background: transparent !important;
 }
 
-.code-container[data-v-95e68c85] pre {
+.code-container[data-v-1703382f] pre {
   margin: 0;
   padding: 1rem;
   background: transparent !important;
   overflow-x: auto;
 }
-.code-container[data-v-95e68c85] code {
+.code-container[data-v-1703382f] code {
   font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
   font-size: 0.875rem;
   line-height: 1.5;