@vitejs/devtools 0.0.0-alpha.31 → 0.0.0-alpha.32

package/dist/index.js

@@ -1,3 +1,3 @@
-import { a as createDevToolsContext, n as createDevToolsMiddleware, t as DevTools } from "./plugins-BbzqUdpu.js";
+import { a as createDevToolsContext, n as createDevToolsMiddleware, t as DevTools } from "./plugins-CM-4geJK.js";
 
 export { DevTools, createDevToolsContext, createDevToolsMiddleware };

package/dist/{plugins-BbzqUdpu.js → plugins-CM-4geJK.js}

@@ -2889,14 +2889,16 @@ async function createWsServer(options) {
 		random: true
 	});
 	const host = options.hostWebSocket ?? "localhost";
+	const https = options.context.viteConfig.server.https;
 	const wsClients = /* @__PURE__ */ new Set();
 	const context = options.context;
 	const contextInternal = getInternalContext(context);
-	const isClientAuthDisabled = context.mode === "build" || context.viteConfig.devtools?.clientAuth === false || process$1.env.VITE_DEVTOOLS_DISABLE_CLIENT_AUTH === "true";
+	const isClientAuthDisabled = context.mode === "build" || context.viteConfig.devtools?.config?.clientAuth === false || process$1.env.VITE_DEVTOOLS_DISABLE_CLIENT_AUTH === "true";
 	if (isClientAuthDisabled) console.warn("[Vite DevTools] Client authentication is disabled. Any browser can connect to the devtools and access to your server and filesystem.");
 	const preset = createWsRpcPreset({
 		port,
 		host,
+		https,
 		onConnected: (ws, req, meta) => {
 			const authId = new URL(req.url ?? "", "http://localhost").searchParams.get("vite_devtools_auth_id") ?? void 0;
 			if (isClientAuthDisabled) meta.isTrusted = true;

package/dist/{standalone-DVh1a9tu.js → standalone-CfUW6ZhV.js}

@@ -1,4 +1,4 @@
-import { a as createDevToolsContext, t as DevTools } from "./plugins-BbzqUdpu.js";
+import { a as createDevToolsContext, t as DevTools } from "./plugins-CM-4geJK.js";
 import { resolveConfig } from "vite";
 import process from "node:process";
 

package/dist/{vue.runtime.esm-bundler-DL0i8o0W.js → vue.runtime.esm-bundler-CHmRsJSH.js}

@@ -1,6 +1,6 @@
-//#region ../../node_modules/.pnpm/@vue+shared@3.5.27/node_modules/@vue/shared/dist/shared.esm-bundler.js
+//#region ../../node_modules/.pnpm/@vue+shared@3.5.28/node_modules/@vue/shared/dist/shared.esm-bundler.js
 /**
-* @vue/shared v3.5.27
+* @vue/shared v3.5.28
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -26,6 +26,7 @@ const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
 const isArray = Array.isArray;
 const isMap = (val) => toTypeString(val) === "[object Map]";
 const isSet = (val) => toTypeString(val) === "[object Set]";
+const isDate = (val) => toTypeString(val) === "[object Date]";
 const isFunction = (val) => typeof val === "function";
 const isString = (val) => typeof val === "string";
 const isSymbol = (val) => typeof val === "symbol";
@@ -132,6 +133,36 @@ const isBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs + `,async,auto
 function includeBooleanAttr(value) {
 	return !!value || value === "";
 }
+function looseCompareArrays(a, b) {
+	if (a.length !== b.length) return false;
+	let equal = true;
+	for (let i = 0; equal && i < a.length; i++) equal = looseEqual(a[i], b[i]);
+	return equal;
+}
+function looseEqual(a, b) {
+	if (a === b) return true;
+	let aValidType = isDate(a);
+	let bValidType = isDate(b);
+	if (aValidType || bValidType) return aValidType && bValidType ? a.getTime() === b.getTime() : false;
+	aValidType = isSymbol(a);
+	bValidType = isSymbol(b);
+	if (aValidType || bValidType) return a === b;
+	aValidType = isArray(a);
+	bValidType = isArray(b);
+	if (aValidType || bValidType) return aValidType && bValidType ? looseCompareArrays(a, b) : false;
+	aValidType = isObject(a);
+	bValidType = isObject(b);
+	if (aValidType || bValidType) {
+		if (!aValidType || !bValidType) return false;
+		if (Object.keys(a).length !== Object.keys(b).length) return false;
+		for (const key in a) {
+			const aHasKey = a.hasOwnProperty(key);
+			const bHasKey = b.hasOwnProperty(key);
+			if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) return false;
+		}
+	}
+	return String(a) === String(b);
+}
 const isRef$1 = (val) => {
 	return !!(val && val["__v_isRef"] === true);
 };
@@ -155,9 +186,9 @@ const stringifySymbol = (v, i = "") => {
 };
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vue+reactivity@3.5.27/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
+//#region ../../node_modules/.pnpm/@vue+reactivity@3.5.28/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js
 /**
-* @vue/reactivity v3.5.27
+* @vue/reactivity v3.5.28
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -185,6 +216,7 @@ var EffectScope = class {
 		*/
 		this.cleanups = [];
 		this._isPaused = false;
+		this.__v_skip = true;
 		this.parent = activeEffectScope;
 		if (!detached && activeEffectScope) this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
 	}
@@ -1582,9 +1614,9 @@ function traverse(value, depth = Infinity, seen) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vue+runtime-core@3.5.27/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
+//#region ../../node_modules/.pnpm/@vue+runtime-core@3.5.28/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js
 /**
-* @vue/runtime-core v3.5.27
+* @vue/runtime-core v3.5.28
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2286,8 +2318,7 @@ function useTemplateRef(key) {
 	const r = shallowRef(null);
 	if (i) {
 		const refs = i.refs === EMPTY_OBJ ? i.refs = {} : i.refs;
-		let desc;
-		if (!!(process.env.NODE_ENV !== "production") && (desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable) warn$1(`useTemplateRef('${key}') already exists.`);
+		if (!!(process.env.NODE_ENV !== "production") && isTemplateRefKey(refs, key)) warn$1(`useTemplateRef('${key}') already exists.`);
 		else Object.defineProperty(refs, key, {
 			enumerable: true,
 			get: () => r.value,
@@ -2298,6 +2329,10 @@ function useTemplateRef(key) {
 	if (!!(process.env.NODE_ENV !== "production")) knownTemplateRefs.add(ret);
 	return ret;
 }
+function isTemplateRefKey(refs, key) {
+	let desc;
+	return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
+}
 const pendingSetRefMap = /* @__PURE__ */ new WeakMap();
 function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 	if (isArray(rawRef)) {
@@ -2324,10 +2359,13 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 			if (hasOwn(rawSetupState, key) && !isRef(rawSetupState[key])) warn$1(`Template ref "${key}" used on a non-ref value. It will not work in the production build.`);
 			if (knownTemplateRefs.has(rawSetupState[key])) return false;
 		}
+		if (isTemplateRefKey(refs, key)) return false;
 		return hasOwn(rawSetupState, key);
 	};
-	const canSetRef = (ref2) => {
-		return !!!(process.env.NODE_ENV !== "production") || !knownTemplateRefs.has(ref2);
+	const canSetRef = (ref2, key) => {
+		if (!!(process.env.NODE_ENV !== "production") && knownTemplateRefs.has(ref2)) return false;
+		if (key && isTemplateRefKey(refs, key)) return false;
+		return true;
 	};
 	if (oldRef != null && oldRef !== ref) {
 		invalidatePendingSetRef(oldRawRef);
@@ -2335,8 +2373,8 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 			refs[oldRef] = null;
 			if (canSetSetupRef(oldRef)) setupState[oldRef] = null;
 		} else if (isRef(oldRef)) {
-			if (canSetRef(oldRef)) oldRef.value = null;
 			const oldRawRefAtom = oldRawRef;
+			if (canSetRef(oldRef, oldRawRefAtom.k)) oldRef.value = null;
 			if (oldRawRefAtom.k) refs[oldRawRefAtom.k] = null;
 		}
 	}
@@ -2354,7 +2392,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 						if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
 					} else {
 						const newVal = [refValue];
-						if (canSetRef(ref)) ref.value = newVal;
+						if (canSetRef(ref, rawRef.k)) ref.value = newVal;
 						if (rawRef.k) refs[rawRef.k] = newVal;
 					}
 					else if (!existing.includes(refValue)) existing.push(refValue);
@@ -2362,7 +2400,7 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 					refs[ref] = value;
 					if (canSetSetupRef(ref)) setupState[ref] = value;
 				} else if (_isRef) {
-					if (canSetRef(ref)) ref.value = value;
+					if (canSetRef(ref, rawRef.k)) ref.value = value;
 					if (rawRef.k) refs[rawRef.k] = value;
 				} else if (!!(process.env.NODE_ENV !== "production")) warn$1("Invalid template ref type:", ref, `(${typeof ref})`);
 			};
@@ -3387,7 +3425,7 @@ function shouldUpdateComponent(prevVNode, nextVNode, optimized) {
 			const dynamicProps = nextVNode.dynamicProps;
 			for (let i = 0; i < dynamicProps.length; i++) {
 				const key = dynamicProps[i];
-				if (nextProps[key] !== prevProps[key] && !isEmitListener(emits, key)) return true;
+				if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emits, key)) return true;
 			}
 		}
 	} else {
@@ -3406,10 +3444,16 @@ function hasPropsChanged(prevProps, nextProps, emitsOptions) {
 	if (nextKeys.length !== Object.keys(prevProps).length) return true;
 	for (let i = 0; i < nextKeys.length; i++) {
 		const key = nextKeys[i];
-		if (nextProps[key] !== prevProps[key] && !isEmitListener(emitsOptions, key)) return true;
+		if (hasPropValueChanged(nextProps, prevProps, key) && !isEmitListener(emitsOptions, key)) return true;
 	}
 	return false;
 }
+function hasPropValueChanged(nextProps, prevProps, key) {
+	const nextProp = nextProps[key];
+	const prevProp = prevProps[key];
+	if (key === "style" && isObject(nextProp) && isObject(prevProp)) return !looseEqual(nextProp, prevProp);
+	return nextProp !== prevProp;
+}
 function updateHOCHostEl({ vnode, parent }, el) {
 	while (parent) {
 		const root = parent.subTree;
@@ -3844,13 +3888,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		if (n1 == null) hostInsert(n2.el = hostCreateText(n2.children), container, anchor);
 		else {
 			const el = n2.el = n1.el;
-			if (n2.children !== n1.children) if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating && n2.patchFlag === -1 && "__elIndex" in n1) {
-				const childNodes = container.childNodes;
-				const newChild = hostCreateText(n2.children);
-				const oldChild = childNodes[n2.__elIndex = n1.__elIndex];
-				hostInsert(newChild, container, oldChild);
-				hostRemove(oldChild);
-			} else hostSetText(el, n2.children);
+			if (n2.children !== n1.children) hostSetText(el, n2.children);
 		}
 	};
 	const processCommentNode = (n1, n2, container, anchor) => {
@@ -3893,7 +3931,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		else if (n2.type === "math") namespace = "mathml";
 		if (n1 == null) mountElement(n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 		else {
-			const customElement = !!(n1.el && n1.el._isVueCE) ? n1.el : null;
+			const customElement = n1.el && n1.el._isVueCE ? n1.el : null;
 			try {
 				if (customElement) customElement._beginPatch();
 				patchElement(n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -4104,7 +4142,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 					if (isAsyncWrapperVNode && type.__asyncHydrate) type.__asyncHydrate(el, instance, hydrateSubTree);
 					else hydrateSubTree();
 				} else {
-					if (root.ce && root.ce._def.shadowRoot !== false) root.ce._injectChildStyle(type);
+					if (root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type);
 					if (!!(process.env.NODE_ENV !== "production")) startMeasure(instance, `render`);
 					const subTree = instance.subTree = renderComponentRoot(instance);
 					if (!!(process.env.NODE_ENV !== "production")) endMeasure(instance, `render`);
@@ -4132,7 +4170,9 @@ function baseCreateRenderer(options, createHydrationFns) {
 							updateComponentPreRender(instance, next, optimized);
 						}
 						nonHydratedAsyncRoot.asyncDep.then(() => {
-							if (!instance.isUnmounted) componentUpdateFn();
+							queuePostRenderEffect(() => {
+								if (!instance.isUnmounted) update();
+							}, parentSuspense);
 						});
 						return;
 					}
@@ -4520,8 +4560,10 @@ function traverseStaticChildren(n1, n2, shallow = false) {
 			}
 			if (!shallow && c2.patchFlag !== -2) traverseStaticChildren(c1, c2);
 		}
-		if (c2.type === Text) if (c2.patchFlag !== -1) c2.el = c1.el;
-		else c2.__elIndex = i + (n1.type === Fragment ? 1 : 0);
+		if (c2.type === Text) {
+			if (c2.patchFlag === -1) c2 = ch2[i] = cloneIfMounted(c2);
+			c2.el = c1.el;
+		}
 		if (c2.type === Comment && !c2.el) c2.el = c1.el;
 		if (!!(process.env.NODE_ENV !== "production")) c2.el && (c2.el.__vnode = c2);
 	}
@@ -5613,15 +5655,15 @@ function initCustomFormatter() {
 	if (window.devtoolsFormatters) window.devtoolsFormatters.push(formatter);
 	else window.devtoolsFormatters = [formatter];
 }
-const version = "3.5.27";
+const version = "3.5.28";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const devtools = (process.env.NODE_ENV, devtools$1);
 const setDevtoolsHook = (process.env.NODE_ENV, setDevtoolsHook$1);
 
 //#endregion
-//#region ../../node_modules/.pnpm/@vue+runtime-dom@3.5.27/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
+//#region ../../node_modules/.pnpm/@vue+runtime-dom@3.5.28/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js
 /**
-* @vue/runtime-dom v3.5.27
+* @vue/runtime-dom v3.5.28
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -6244,6 +6286,12 @@ var VueElement = class VueElement extends BaseClass {
 	/**
 	* @internal
 	*/
+	_hasShadowRoot() {
+		return this._def.shadowRoot !== false;
+	}
+	/**
+	* @internal
+	*/
 	_removeChildStyle(comp) {
 		if (!!(process.env.NODE_ENV !== "production")) {
 			this._styleChildren.delete(comp);
@@ -6277,6 +6325,7 @@ const modifierGuards = {
 	exact: (e, modifiers) => systemModifiers.some((m) => e[`${m}Key`] && !modifiers.includes(m))
 };
 const withModifiers = (fn, modifiers) => {
+	if (!fn) return fn;
 	const cache = fn._withMods || (fn._withMods = {});
 	const cacheKey = modifiers.join(".");
 	return cache[cacheKey] || (cache[cacheKey] = ((event, ...args) => {
@@ -6383,9 +6432,9 @@ function normalizeContainer(container) {
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/vue@3.5.27_typescript@5.9.3/node_modules/vue/dist/vue.runtime.esm-bundler.js
+//#region ../../node_modules/.pnpm/vue@3.5.28_typescript@5.9.3/node_modules/vue/dist/vue.runtime.esm-bundler.js
 /**
-* vue v3.5.27
+* vue v3.5.28
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vitejs/devtools",
   "type": "module",
-  "version": "0.0.0-alpha.31",
+  "version": "0.0.0-alpha.32",
   "description": "Vite DevTools",
   "author": "VoidZero Inc.",
   "license": "MIT",
@@ -44,7 +44,7 @@
     "birpc": "^4.0.0",
     "cac": "^6.7.14",
     "h3": "^1.15.5",
-    "immer": "^11.1.3",
+    "immer": "^11.1.4",
     "launch-editor": "^2.12.0",
     "mlly": "^1.8.0",
     "obug": "^2.1.1",
@@ -54,9 +54,9 @@
     "sirv": "^3.0.2",
     "tinyexec": "^1.0.2",
     "ws": "^8.19.0",
-    "@vitejs/devtools-rolldown": "0.0.0-alpha.31",
-    "@vitejs/devtools-kit": "0.0.0-alpha.31",
-    "@vitejs/devtools-rpc": "0.0.0-alpha.31"
+    "@vitejs/devtools-kit": "0.0.0-alpha.32",
+    "@vitejs/devtools-rpc": "0.0.0-alpha.32",
+    "@vitejs/devtools-rolldown": "0.0.0-alpha.32"
   },
   "devDependencies": {
     "@clack/prompts": "^1.0.0",
@@ -64,15 +64,15 @@
     "@xterm/addon-fit": "^0.11.0",
     "@xterm/xterm": "^6.0.0",
     "dompurify": "^3.3.1",
-    "tsdown": "^0.20.2",
+    "tsdown": "^0.20.3",
     "typescript": "^5.9.3",
     "unplugin-vue": "^7.1.1",
     "unplugin-vue-router": "^0.19.2",
-    "vite": "^8.0.0-beta.13",
-    "vue": "^3.5.27",
+    "vite": "^8.0.0-beta.14",
+    "vue": "^3.5.28",
     "vue-router": "^5.0.2",
     "vue-tsc": "^3.2.4",
-    "@vitejs/devtools-rolldown": "0.0.0-alpha.31"
+    "@vitejs/devtools-rolldown": "0.0.0-alpha.32"
   },
   "scripts": {
     "build": "pnpm build:js && pnpm build:standalone",

package/dist/client/standalone/assets/ViewBuiltinLogs-CYvdMq-7.js

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