@vitejs/devtools 0.0.0-alpha.24 → 0.0.0-alpha.25

package/dist/{dist-Ce2tZLIf.js → dist-B-r4P83Y.js}

@@ -1,4 +1,4 @@
-import { A as getCurrentScope, B as unref, E as watchEffect, F as ref, I as shallowRef, L as toRef$1, M as onScopeDispose, P as readonly, T as watch, _ as inject, g as hasInjectionContext, h as getCurrentInstance, k as customRef, o as computed, v as nextTick, y as onMounted, z as toValue } from "./vue.runtime.esm-bundler-B98sE5ly.js";
+import { A as customRef, B as toValue, D as watchEffect, E as watch, F as readonly, I as ref, L as shallowRef, N as onScopeDispose, R as toRef$1, V as unref, _ as hasInjectionContext, b as onMounted, h as getCurrentInstance, j as getCurrentScope, o as computed, v as inject, y as nextTick } from "./vue.runtime.esm-bundler-B7xD_5x9.js";
 
 //#region ../../node_modules/.pnpm/@vueuse+shared@14.1.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js
 /**
@@ -40,6 +40,11 @@ const notNullish = (val) => val != null;
 const toString = Object.prototype.toString;
 const isObject = (val) => toString.call(val) === "[object Object]";
 const noop = () => {};
+const isIOS = /* @__PURE__ */ getIsIOS();
+function getIsIOS() {
+	var _window, _window2, _window3;
+	return isClient && !!((_window = window) === null || _window === void 0 || (_window = _window.navigator) === null || _window === void 0 ? void 0 : _window.userAgent) && (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) || ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.navigator) === null || _window2 === void 0 ? void 0 : _window2.maxTouchPoints) > 2 && /iPad|Macintosh/.test((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.navigator.userAgent));
+}
 function toRef(...args) {
 	if (args.length !== 1) return toRef$1(...args);
 	const r = args[0];
@@ -202,6 +207,13 @@ function tryOnMounted(fn, sync = true, target) {
 	else if (sync) fn();
 	else nextTick(fn);
 }
+function watchDebounced(source, cb, options = {}) {
+	const { debounce = 0, maxWait = void 0, ...watchOptions } = options;
+	return watchWithFilter(source, cb, {
+		...watchOptions,
+		eventFilter: debounceFilter(debounce, { maxWait })
+	});
+}
 /**
 * Shorthand for watching value with {immediate: true}
 *
@@ -256,6 +268,96 @@ function useEventListener(...args) {
 		});
 	}, { flush: "post" });
 }
+let _iOSWorkaround = false;
+function onClickOutside(target, handler, options = {}) {
+	const { window: window$1 = defaultWindow, ignore = [], capture = true, detectIframe = false, controls = false } = options;
+	if (!window$1) return controls ? {
+		stop: noop,
+		cancel: noop,
+		trigger: noop
+	} : noop;
+	if (isIOS && !_iOSWorkaround) {
+		_iOSWorkaround = true;
+		const listenerOptions = { passive: true };
+		Array.from(window$1.document.body.children).forEach((el) => el.addEventListener("click", noop, listenerOptions));
+		window$1.document.documentElement.addEventListener("click", noop, listenerOptions);
+	}
+	let shouldListen = true;
+	const shouldIgnore = (event) => {
+		return toValue(ignore).some((target$1) => {
+			if (typeof target$1 === "string") return Array.from(window$1.document.querySelectorAll(target$1)).some((el) => el === event.target || event.composedPath().includes(el));
+			else {
+				const el = unrefElement(target$1);
+				return el && (event.target === el || event.composedPath().includes(el));
+			}
+		});
+	};
+	/**
+	* Determines if the given target has multiple root elements.
+	* Referenced from: https://github.com/vuejs/test-utils/blob/ccb460be55f9f6be05ab708500a41ec8adf6f4bc/src/vue-wrapper.ts#L21
+	*/
+	function hasMultipleRoots(target$1) {
+		const vm = toValue(target$1);
+		return vm && vm.$.subTree.shapeFlag === 16;
+	}
+	function checkMultipleRoots(target$1, event) {
+		const vm = toValue(target$1);
+		const children = vm.$.subTree && vm.$.subTree.children;
+		if (children == null || !Array.isArray(children)) return false;
+		return children.some((child) => child.el === event.target || event.composedPath().includes(child.el));
+	}
+	const listener = (event) => {
+		const el = unrefElement(target);
+		if (event.target == null) return;
+		if (!(el instanceof Element) && hasMultipleRoots(target) && checkMultipleRoots(target, event)) return;
+		if (!el || el === event.target || event.composedPath().includes(el)) return;
+		if ("detail" in event && event.detail === 0) shouldListen = !shouldIgnore(event);
+		if (!shouldListen) {
+			shouldListen = true;
+			return;
+		}
+		handler(event);
+	};
+	let isProcessingClick = false;
+	const cleanup = [
+		useEventListener(window$1, "click", (event) => {
+			if (!isProcessingClick) {
+				isProcessingClick = true;
+				setTimeout(() => {
+					isProcessingClick = false;
+				}, 0);
+				listener(event);
+			}
+		}, {
+			passive: true,
+			capture
+		}),
+		useEventListener(window$1, "pointerdown", (e) => {
+			const el = unrefElement(target);
+			shouldListen = !shouldIgnore(e) && !!(el && !e.composedPath().includes(el));
+		}, { passive: true }),
+		detectIframe && useEventListener(window$1, "blur", (event) => {
+			setTimeout(() => {
+				var _window$document$acti;
+				const el = unrefElement(target);
+				if (((_window$document$acti = window$1.document.activeElement) === null || _window$document$acti === void 0 ? void 0 : _window$document$acti.tagName) === "IFRAME" && !(el === null || el === void 0 ? void 0 : el.contains(window$1.document.activeElement))) handler(event);
+			}, 0);
+		}, { passive: true })
+	].filter(Boolean);
+	const stop = () => cleanup.forEach((fn) => fn());
+	if (controls) return {
+		stop,
+		cancel: () => {
+			shouldListen = false;
+		},
+		trigger: (event) => {
+			shouldListen = true;
+			listener(event);
+			shouldListen = false;
+		}
+	};
+	return stop;
+}
 /**
 * Mounted state in ref.
 *
@@ -812,4 +914,4 @@ function useWindowSize(options = {}) {
 }
 
 //#endregion
-export { useWindowSize as a, useScreenSafeArea as i, useEventListener as n, watchImmediate as o, useLocalStorage as r, useElementBounding as t };
+export { useScreenSafeArea as a, watchDebounced as c, useLocalStorage as i, watchImmediate as l, useElementBounding as n, useWindowSize as o, useEventListener as r, useDebounceFn as s, onClickOutside as t };

package/dist/{docks-C4bgrO3z.js → docks-Dgft7LEp.js}

@@ -1,4 +1,4 @@
-import { I as shallowRef, N as reactive, T as watch, j as markRaw } from "./vue.runtime.esm-bundler-B98sE5ly.js";
+import { E as watch, L as shallowRef, M as markRaw, P as reactive } from "./vue.runtime.esm-bundler-B7xD_5x9.js";
 import { createEventEmitter } from "@vitejs/devtools-kit/utils/events";
 
 //#region src/client/webcomponents/constants.ts
@@ -10,12 +10,13 @@ const BUILTIN_ENTRY_CLIENT_AUTH_NOTICE = Object.freeze({
 });
 const BUILTIN_ENTRIES = Object.freeze([BUILTIN_ENTRY_CLIENT_AUTH_NOTICE]);
 const DEFAULT_CATEGORIES_ORDER = {
-	default: 0,
-	app: 100,
-	framework: 200,
-	web: 300,
-	advanced: 400,
-	builtin: 500
+	"~viteplus": -1e3,
+	"default": 0,
+	"app": 100,
+	"framework": 200,
+	"web": 300,
+	"advanced": 400,
+	"~builtin": 1e3
 };
 
 //#endregion

package/dist/{index-BYIZX1ss.d.ts → index-CmOJZ3e5.d.ts}

@@ -91,7 +91,7 @@ interface DevToolsDockHost {
     includeBuiltin?: boolean;
   }) => DevToolsDockEntry[];
 }
-type DevToolsDockEntryCategory = 'app' | 'framework' | 'web' | 'advanced' | 'default' | 'builtin';
+type DevToolsDockEntryCategory = 'app' | 'framework' | 'web' | 'advanced' | 'default' | '~viteplus' | '~builtin';
 type DevToolsDockEntryIcon = string | {
   light: string;
   dark: string;

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { a as RpcDefinitionsToFunctions, c as DevToolsTerminalSessionBase, d as DevToolsRpcServerFunctions, f as SharedStatePatch, l as DevToolsTerminalSessionStreamChunkEvent, o as ConnectionMeta, p as DevToolsDockEntry, s as DevToolsNodeContext, u as DevToolsRpcClientFunctions } from "./index-BYIZX1ss.js";
+import { a as RpcDefinitionsToFunctions, c as DevToolsTerminalSessionBase, d as DevToolsRpcServerFunctions, f as SharedStatePatch, l as DevToolsTerminalSessionStreamChunkEvent, o as ConnectionMeta, p as DevToolsDockEntry, s as DevToolsNodeContext, u as DevToolsRpcClientFunctions } from "./index-CmOJZ3e5.js";
 import { Plugin, ResolvedConfig, ViteDevServer } from "vite";
 import * as birpc_x0 from "birpc-x";
 import { RpcFunctionsCollectorBase } from "birpc-x";

package/dist/index.js

@@ -1,3 +1,3 @@
-import { n as createDevToolsMiddleware, t as DevTools, u as createDevToolsContext } from "./plugins-Palbn5Oi.js";
+import { n as createDevToolsMiddleware, t as DevTools, u as createDevToolsContext } from "./plugins-CCFu2oMz.js";
 
 export { DevTools, createDevToolsContext, createDevToolsMiddleware };

package/dist/{plugins-Palbn5Oi.js → plugins-CCFu2oMz.js}

@@ -75,7 +75,7 @@ var DevToolsDockHost = class {
 				id: "~terminals",
 				title: "Terminals",
 				icon: "ph:terminal-duotone",
-				category: "builtin",
+				category: "~builtin",
 				get isHidden() {
 					return context.terminals.sessions.size === 0;
 				}
@@ -85,16 +85,15 @@ var DevToolsDockHost = class {
 				id: "~logs",
 				title: "Logs",
 				icon: "ph:notification-duotone",
-				category: "builtin",
+				category: "~builtin",
 				isHidden: true
 			},
 			{
 				type: "~builtin",
 				id: "~settings",
 				title: "Settings",
-				category: "builtin",
-				icon: "ph:gear-duotone",
-				isHidden: true
+				category: "~builtin",
+				icon: "ph:gear-duotone"
 			}
 		];
 		return [...Array.from(this.views.values()), ...includeBuiltin ? builtinDocksEntries : []];

package/dist/{vue.runtime.esm-bundler-B98sE5ly.js → vue.runtime.esm-bundler-B7xD_5x9.js}

@@ -2916,7 +2916,7 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP)
 	}
 }
 function callHook(hook, instance, type) {
-	callWithAsyncErrorHandling(isArray(hook) ? hook.map((h) => h.bind(instance.proxy)) : hook.bind(instance.proxy), instance, type);
+	callWithAsyncErrorHandling(isArray(hook) ? hook.map((h$1) => h$1.bind(instance.proxy)) : hook.bind(instance.proxy), instance, type);
 }
 function createWatcher(raw, ctx, publicThis, key) {
 	let getter = key.includes(".") ? createPathGetter(publicThis, key) : () => publicThis[key];
@@ -5424,6 +5424,23 @@ const computed = (getterOrOptions, debugOptions) => {
 	}
 	return c;
 };
+function h(type, propsOrChildren, children) {
+	try {
+		setBlockTracking(-1);
+		const l = arguments.length;
+		if (l === 2) if (isObject(propsOrChildren) && !isArray(propsOrChildren)) {
+			if (isVNode(propsOrChildren)) return createVNode(type, null, [propsOrChildren]);
+			return createVNode(type, propsOrChildren);
+		} else return createVNode(type, null, propsOrChildren);
+		else {
+			if (l > 3) children = Array.prototype.slice.call(arguments, 2);
+			else if (l === 3 && isVNode(children)) children = [children];
+			return createVNode(type, propsOrChildren, children);
+		}
+	} finally {
+		setBlockTracking(1);
+	}
+}
 function initCustomFormatter() {
 	if (!!!(process.env.NODE_ENV !== "production") || typeof window === "undefined") return;
 	const vueStyle = { style: "color:#3ba776" };
@@ -6350,4 +6367,4 @@ function initDev() {
 if (!!(process.env.NODE_ENV !== "production")) initDev();
 
 //#endregion
-export { getCurrentScope as A, unref as B, renderSlot as C, withCtx as D, watchEffect as E, ref as F, normalizeStyle as H, shallowRef as I, toRef as L, onScopeDispose as M, reactive as N, withDirectives as O, readonly as P, toRefs as R, renderList as S, watch as T, toDisplayString as U, normalizeClass as V, inject as _, Suspense as a, onUnmounted as b, createBlock as c, createStaticVNode as d, createVNode as f, hasInjectionContext as g, getCurrentInstance as h, Fragment as i, markRaw as j, customRef as k, createCommentVNode as l, defineComponent as m, vShow as n, computed as o, defineAsyncComponent as p, withModifiers as r, createBaseVNode as s, defineCustomElement as t, createElementBlock as u, nextTick as v, useTemplateRef as w, openBlock as x, onMounted as y, toValue as z };
+export { customRef as A, toValue as B, renderList as C, watchEffect as D, watch as E, readonly as F, normalizeClass as H, ref as I, shallowRef as L, markRaw as M, onScopeDispose as N, withCtx as O, reactive as P, toRef as R, openBlock as S, useTemplateRef as T, normalizeStyle as U, unref as V, toDisplayString as W, hasInjectionContext as _, Suspense as a, onMounted as b, createBlock as c, createStaticVNode as d, createVNode as f, h as g, getCurrentInstance as h, Fragment as i, getCurrentScope as j, withDirectives as k, createCommentVNode as l, defineComponent as m, vShow as n, computed as o, defineAsyncComponent as p, withModifiers as r, createBaseVNode as s, defineCustomElement as t, createElementBlock as u, inject as v, renderSlot as w, onUnmounted as x, nextTick as y, toRefs as z };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitejs/devtools",
   "type": "module",
-  "version": "0.0.0-alpha.24",
+  "version": "0.0.0-alpha.25",
   "description": "Vite DevTools",
   "author": "VoidZero Inc.",
   "license": "MIT",
@@ -14,6 +14,7 @@
   "bugs": "https://github.com/vitejs/devtools/issues",
   "keywords": [
     "vite",
+    "vite-plugin",
     "devtools",
     "rpc"
   ],
@@ -27,8 +28,6 @@
     "./dirs": "./dist/dirs.js",
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "bin": {
     "vite-devtools": "./bin.js"
@@ -54,9 +53,9 @@
     "sirv": "^3.0.2",
     "tinyexec": "^1.0.2",
     "ws": "^8.19.0",
-    "@vitejs/devtools-kit": "0.0.0-alpha.24",
-    "@vitejs/devtools-vite": "0.0.0-alpha.24",
-    "@vitejs/devtools-rpc": "0.0.0-alpha.24"
+    "@vitejs/devtools-rpc": "0.0.0-alpha.25",
+    "@vitejs/devtools-kit": "0.0.0-alpha.25",
+    "@vitejs/devtools-vite": "0.0.0-alpha.25"
   },
   "devDependencies": {
     "@clack/prompts": "^0.11.0",
@@ -64,15 +63,15 @@
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
     "dompurify": "^3.3.1",
-    "tsdown": "^0.18.4",
+    "tsdown": "^0.19.0",
     "typescript": "^5.9.3",
     "unplugin-vue": "^7.1.0",
     "unplugin-vue-router": "^0.19.2",
-    "vite": "^8.0.0-beta.6",
+    "vite": "^8.0.0-beta.7",
     "vue": "^3.5.26",
     "vue-router": "^4.6.4",
     "vue-tsc": "^3.2.2",
-    "@vitejs/devtools-vite": "0.0.0-alpha.24"
+    "@vitejs/devtools-vite": "0.0.0-alpha.25"
   },
   "scripts": {
     "build": "pnpm build:js && pnpm build:standalone",

package/dist/client/standalone/assets/ViewBuiltinLogs-CnVEaSMm.js

@@ -1 +0,0 @@
-import{c as e,m as t,n}from"./index-BTGj0xT1.js";var r={};function i(n,r){return t(),e(`div`,null,` Logs // TODO: `)}var a=n(r,[[`render`,i]]);export{a as default};