@vitejs/devtools 0.0.0-alpha.9 → 0.1.0

package/dist/DockStandalone-Dd6Dcd5B.js

@@ -0,0 +1,81 @@
+import { C as createElementBlock, E as createVNode, I as useTemplateRef, K as unref, L as watch, N as openBlock, O as defineComponent, S as createCommentVNode, U as ref, V as markRaw, _ as Fragment, b as createBaseVNode, f as defineCustomElement, x as createBlock, y as computed, z as withCtx } from "./dist-3NIYLDlS.js";
+import { n as filterPopupDockEntry, r as isDockPopupEntryVisible } from "./popup-EDv_a9nQ.js";
+import { a as VitePlus_default, c as _sfc_main$2, d as css_default, i as _sfc_main$1, n as _sfc_main$4, r as _sfc_main$3, s as PersistedDomViewsManager, t as _sfc_main$5 } from "./ToastOverlay-BVErqkif.js";
+import "./DockIcon-Jbdv1CYn.js";
+//#region src/client/webcomponents/components/DockStandalone.vue
+const _hoisted_1 = {
+	key: 0,
+	class: "h-screen w-screen of-hidden"
+};
+const _hoisted_2 = {
+	key: 1,
+	class: "h-screen w-screen of-hidden grid cols-[max-content_1fr]"
+};
+const _hoisted_3 = { class: "border-r border-base flex flex-col" };
+const _hoisted_4 = { class: "p2 border-b border-base flex" };
+const _hoisted_5 = { class: "transition duration-200 p2" };
+//#endregion
+//#region src/client/webcomponents/components/DockStandalone.ts
+const DockStandalone = defineCustomElement(/* @__PURE__ */ defineComponent({
+	__name: "DockStandalone",
+	props: { context: {} },
+	setup(__props) {
+		const context = __props.context;
+		const viewsContainer = useTemplateRef("viewsContainer");
+		const persistedDoms = markRaw(new PersistedDomViewsManager(viewsContainer));
+		const isRpcTrusted = ref(context.rpc.isTrusted);
+		context.rpc.events.on("rpc:is-trusted:updated", (isTrusted) => {
+			isRpcTrusted.value = isTrusted;
+		});
+		watch(() => context.docks.entries, () => {
+			context.docks.selectedId ||= context.docks.entries[0]?.id ?? null;
+		}, { immediate: true });
+		const groupedEntries = computed(() => {
+			if (isDockPopupEntryVisible("standalone")) return context.docks.groupedEntries;
+			return filterPopupDockEntry(context.docks.groupedEntries);
+		});
+		function switchEntry(id) {
+			if (id) context.docks.switchEntry(id);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [
+				!isRpcTrusted.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(_sfc_main$1, { context: unref(context) }, null, 8, ["context"])])) : (openBlock(), createElementBlock("div", _hoisted_2, [createBaseVNode("div", _hoisted_3, [createBaseVNode("div", _hoisted_4, [createVNode(VitePlus_default, { class: "w-7 h-7 ma" })]), createBaseVNode("div", _hoisted_5, [createVNode(_sfc_main$2, {
+					context: unref(context),
+					groups: groupedEntries.value,
+					"is-vertical": false,
+					selected: unref(context).docks.selected,
+					onSelect: _cache[0] || (_cache[0] = (e) => switchEntry(e?.id))
+				}, {
+					separator: withCtx(() => [..._cache[1] || (_cache[1] = [createBaseVNode("div", { class: "border-base border-b w-full my-2" }, null, -1)])]),
+					_: 1
+				}, 8, [
+					"context",
+					"groups",
+					"selected"
+				])])]), createBaseVNode("div", null, [createBaseVNode("div", {
+					id: "vite-devtools-views-container",
+					ref_key: "viewsContainer",
+					ref: viewsContainer,
+					class: "pointer-events-auto"
+				}, null, 512), unref(context).docks.selected && viewsContainer.value ? (openBlock(), createBlock(_sfc_main$3, {
+					key: unref(context).docks.selected.id,
+					entry: unref(context).docks.selected,
+					context: unref(context),
+					"persisted-doms": unref(persistedDoms)
+				}, null, 8, [
+					"entry",
+					"context",
+					"persisted-doms"
+				])) : createCommentVNode("v-if", true)])])),
+				createVNode(_sfc_main$4),
+				createVNode(_sfc_main$5, { context: unref(context) }, null, 8, ["context"])
+			], 64);
+		};
+	}
+}), {
+	shadowRoot: true,
+	styles: [css_default]
+});
+if (!customElements.get("vite-devtools-dock-standalone")) customElements.define("vite-devtools-dock-standalone", DockStandalone);
+//#endregion
+export { DockStandalone };

package/dist/LogItem-CfTxUV6A.js

@@ -0,0 +1,204 @@
+import { C as createElementBlock, F as renderSlot, H as reactive, J as normalizeStyle, K as unref, N as openBlock, O as defineComponent, P as renderList, S as createCommentVNode, Y as toDisplayString, _ as Fragment, b as createBaseVNode, o as useTimeAgo, q as normalizeClass, x as createBlock, y as computed } from "./dist-3NIYLDlS.js";
+//#region src/client/webcomponents/state/toasts.ts
+const toasts = reactive([]);
+const timers = /* @__PURE__ */ new Map();
+function useToasts() {
+	return toasts;
+}
+function addToast(entry) {
+	const existing = toasts.find((t) => t.id === entry.id);
+	if (existing) {
+		existing.entry = entry;
+		const timer = timers.get(entry.id);
+		if (timer) clearTimeout(timer);
+		const timeout = entry.autoDismiss ?? 5e3;
+		timers.set(entry.id, setTimeout(dismissToast, timeout, entry.id));
+		return;
+	}
+	const item = {
+		id: entry.id,
+		entry
+	};
+	toasts.push(item);
+	const timeout = entry.autoDismiss ?? 5e3;
+	timers.set(entry.id, setTimeout(dismissToast, timeout, entry.id));
+}
+function dismissToast(id) {
+	const idx = toasts.findIndex((t) => t.id === id);
+	if (idx !== -1) toasts.splice(idx, 1);
+	const timer = timers.get(id);
+	if (timer) {
+		clearTimeout(timer);
+		timers.delete(id);
+	}
+}
+//#endregion
+//#region src/client/webcomponents/state/logs.ts
+let _logsState;
+function useLogs(context) {
+	if (_logsState) return _logsState;
+	const state = _logsState = reactive({
+		entries: [],
+		unreadCount: 0
+	});
+	const entryMap = /* @__PURE__ */ new Map();
+	let isInitialFetch = true;
+	let lastVersion;
+	async function updateLogs() {
+		const result = await context.rpc.call("devtoolskit:internal:logs:list", lastVersion);
+		let newCount = 0;
+		for (const id of result.removedIds) entryMap.delete(id);
+		for (const entry of result.entries) {
+			const prev = entryMap.get(entry.id);
+			if (!prev) {
+				newCount++;
+				if (isInitialFetch) {
+					if (entry.notify && entry.status === "loading") addToast(entry);
+				} else if (entry.notify) addToast(entry);
+			} else if (entry.notify && JSON.stringify(entry) !== JSON.stringify(prev)) addToast(entry);
+			entryMap.set(entry.id, entry);
+		}
+		state.entries = Array.from(entryMap.values());
+		state.unreadCount += newCount;
+		lastVersion = result.version;
+		isInitialFetch = false;
+	}
+	context.rpc.client.register({
+		name: "devtoolskit:internal:logs:updated",
+		type: "action",
+		handler: () => updateLogs()
+	});
+	updateLogs();
+	return state;
+}
+function markLogsAsRead() {
+	if (_logsState) _logsState.unreadCount = 0;
+}
+//#endregion
+//#region src/client/webcomponents/components/LogItemConstants.ts
+const levels = {
+	info: {
+		icon: "i-ph:info-duotone",
+		color: "text-blue",
+		bg: "bg-blue",
+		label: "Info"
+	},
+	warn: {
+		icon: "i-ph:warning-duotone",
+		color: "text-amber",
+		bg: "bg-amber",
+		label: "Warning"
+	},
+	error: {
+		icon: "i-ph:x-circle-duotone",
+		color: "text-red",
+		bg: "bg-red",
+		label: "Error"
+	},
+	success: {
+		icon: "i-ph:check-circle-duotone",
+		color: "text-green",
+		bg: "bg-green",
+		label: "Success"
+	},
+	debug: {
+		icon: "i-ph:bug-duotone",
+		color: "text-gray",
+		bg: "bg-gray",
+		label: "Debug"
+	}
+};
+const formEntries = {
+	server: {
+		icon: "i-ph:hexagon-duotone",
+		color: "text-green-800 dark:text-green-200",
+		label: "Server"
+	},
+	browser: {
+		icon: "i-ph:globe-simple-duotone",
+		color: "text-amber-800 dark:text-amber-200",
+		label: "Browser"
+	}
+};
+function getHashColorFromString(name, opacity = 1) {
+	let hash = 0;
+	for (let i = 0; i < name.length; i++) hash = name.charCodeAt(i) + ((hash << 5) - hash);
+	return `hsla(${hash % 360}, 55%, 55%, ${opacity})`;
+}
+//#endregion
+//#region src/client/webcomponents/components/HashBadge.vue
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+	__name: "HashBadge",
+	props: { label: {} },
+	setup(__props) {
+		const props = __props;
+		const style = computed(() => ({
+			color: getHashColorFromString(props.label),
+			backgroundColor: getHashColorFromString(props.label, .1)
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				class: "text-xs px-1 rounded",
+				style: normalizeStyle(style.value)
+			}, toDisplayString(__props.label), 5);
+		};
+	}
+});
+//#endregion
+//#region src/client/webcomponents/components/LogItem.vue
+const _hoisted_1 = { class: "flex items-start gap-2 relative" };
+const _hoisted_2 = {
+	key: 0,
+	class: "flex-none mt-0.5 border-2 border-current border-t-transparent rounded-full animate-spin op50 w-4 h-4"
+};
+const _hoisted_3 = { class: "flex-1 min-w-0" };
+const _hoisted_4 = {
+	key: 0,
+	class: "text-xs op80 mt-0.5 whitespace-pre-wrap"
+};
+const _hoisted_5 = {
+	key: 1,
+	class: "flex items-center gap-2 mt-0.5"
+};
+const _hoisted_6 = ["title"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	__name: "LogItem",
+	props: {
+		entry: {},
+		compact: { type: Boolean }
+	},
+	setup(__props) {
+		const props = __props;
+		const timeAgo = useTimeAgo(() => props.entry.timestamp);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createBaseVNode("div", { class: normalizeClass(["w-2px flex-none absolute left-0 top-4px bottom-4px rounded-r", [unref(levels)[__props.entry.level]?.bg || "bg-gray"]]) }, null, 2),
+				__props.entry.status === "loading" ? (openBlock(), createElementBlock("div", _hoisted_2)) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(["flex-none mt-0.5 w-4 h-4", [unref(levels)[__props.entry.level]?.icon, unref(levels)[__props.entry.level]?.color]])
+				}, null, 2)),
+				createBaseVNode("div", _hoisted_3, [
+					createBaseVNode("div", { class: normalizeClass(["truncate text-sm font-medium", [__props.entry.status === "loading" ? "op60" : ""]]) }, toDisplayString(__props.entry.message), 3),
+					__props.entry.description ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.entry.description), 1)) : createCommentVNode("v-if", true),
+					!__props.compact ? (openBlock(), createElementBlock("div", _hoisted_5, [__props.entry.category ? (openBlock(), createBlock(_sfc_main$1, {
+						key: 0,
+						label: __props.entry.category
+					}, null, 8, ["label"])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.entry.labels, (label) => {
+						return openBlock(), createBlock(_sfc_main$1, {
+							key: label,
+							label
+						}, null, 8, ["label"]);
+					}), 128))])) : createCommentVNode("v-if", true)
+				]),
+				!__props.compact ? (openBlock(), createElementBlock("span", {
+					key: 2,
+					class: "text-xs op40 flex-none",
+					title: new Date(__props.entry.timestamp).toLocaleString()
+				}, toDisplayString(unref(timeAgo)), 9, _hoisted_6)) : createCommentVNode("v-if", true),
+				renderSlot(_ctx.$slots, "actions")
+			]);
+		};
+	}
+});
+//#endregion
+export { levels as a, dismissToast as c, getHashColorFromString as i, useToasts as l, _sfc_main$1 as n, markLogsAsRead as o, formEntries as r, useLogs as s, _sfc_main as t };