@qwik.dev/devtools 0.2.7 → 0.2.8

package/dist/ui/features/inspect/Inspect.qwik.mjs

@@ -1,18 +1,25 @@
 import { inspectorLink } from "./constant.qwik.mjs";
 import { setupIframeThemeSync } from "./iframe-theme.qwik.mjs";
-import { _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { _jsxSorted, componentQrl, inlinedQrl, isBrowser } from "@qwik.dev/core";
 //#region src/features/inspect/Inspect.tsx
+/**
+* Inspect iframe must load under app root (Vite `BASE_URL` + origin), not `location.pathname`,
+* so deep routes do not produce `.../nested/route__inspect/`.
+* SSR: no `location` — return empty until the client runs.
+*/ function getInspectIframeSrc() {
+	if (!isBrowser) return "";
+	const base = new URL("/", location.origin);
+	return new URL(inspectorLink, base).href;
+}
 var Inspect = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(() => {
-	return /* @__PURE__ */ _jsxSorted("div", null, { class: "h-full w-full flex-1 overflow-hidden rounded-2xl border border-glass-border bg-card-item-bg" }, /* @__PURE__ */ _jsxSorted("iframe", {
-		"q-e:load": /* @__PURE__ */ inlinedQrl((_, el) => {
-			try {
-				setupIframeThemeSync(el);
-			} catch (err) {
-				console.error("Failed to inject theme into inspect iframe:", err);
-			}
-		}, "Inspect_component_div_iframe_q_e_load_dBYi9MiDVFM"),
-		src: `${location.href}${inspectorLink}`
-	}, {
+	return /* @__PURE__ */ _jsxSorted("div", null, { class: "h-full w-full flex-1 overflow-hidden rounded-2xl border border-glass-border bg-card-item-bg" }, /* @__PURE__ */ _jsxSorted("iframe", { "q-e:load": /* @__PURE__ */ inlinedQrl((_, el) => {
+		try {
+			setupIframeThemeSync(el);
+		} catch (err) {
+			console.error("Failed to inject theme into inspect iframe:", err);
+		}
+	}, "Inspect_component_div_iframe_q_e_load_dBYi9MiDVFM") }, {
+		src: getInspectIframeSrc(),
 		width: "100%",
 		height: "100%",
 		id: "inspect_qwik",

package/dist/ui/features/inspect/iframe-theme.qwik.mjs

@@ -13,9 +13,9 @@ var GLASSMORPHISM_CSS = `
     --c-bg-base: transparent !important;
     --c-bg-nav: transparent !important;
     --c-bg-active: transparent !important;
-    --iframe-border: rgba(255, 255, 255, 0.08) !important;
-    --iframe-hover: rgba(255, 255, 255, 0.06) !important;
-    color-scheme: dark;
+    --iframe-border: rgba(0, 0, 0, 0.1) !important;
+    --iframe-hover: rgba(0, 0, 0, 0.04) !important;
+    color-scheme: light;
   }
   /* 仅针对主视图容器做透明处理，不再暴力让所有 div/section 变透明 */
   html, body, #app, main, header, nav, footer { background-color: transparent !important; }

package/dist/ui/q-manifest.json

@@ -1,6 +1,6 @@
 {
 	"version": "1",
-	"manifestHash": "eefy2g",
+	"manifestHash": "ufxnom",
 	"options": {
 		"target": "lib",
 		"buildMode": "development",
@@ -231,7 +231,7 @@
 		},
 		"../devtools.qwik.mjs": {
 			"size": 10276,
-			"total": 3639505,
+			"total": 3639856,
 			"imports": [
 				"../_virtual/_rolldown/runtime.qwik.mjs",
 				"../components/DevtoolsButton/DevtoolsButton.qwik.mjs",
@@ -314,16 +314,16 @@
 			"interactivity": 0
 		},
 		"../features/inspect/iframe-theme.qwik.mjs": {
-			"size": 2585,
-			"total": 2585,
+			"size": 2573,
+			"total": 2573,
 			"origins": [
 				"src/features/inspect/iframe-theme.ts"
 			],
 			"interactivity": 0
 		},
 		"../features/inspect/Inspect.qwik.mjs": {
-			"size": 993,
-			"total": 3694,
+			"size": 1356,
+			"total": 4045,
 			"imports": [
 				"../features/inspect/constant.qwik.mjs",
 				"../features/inspect/iframe-theme.qwik.mjs"
@@ -510,7 +510,7 @@
 		},
 		"../index.qwik.mjs": {
 			"size": 77,
-			"total": 3639582,
+			"total": 3639933,
 			"imports": [
 				"../devtools.qwik.mjs"
 			],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/devtools",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "license": "MIT",
   "main": "./dist/plugin/index.mjs",
   "description": "Qwik devtools package",