@qwik.dev/devtools 0.3.0-beta.3 → 2.0.0-beta.45

package/dist/ui/packages/devtools/ui/src/features/RenderTree/components/RenderTreeTabs.qwik.mjs

@@ -1,25 +1,12 @@
-import { componentQrl, inlinedQrl, _jsxSorted, _fnSignal } from "@qwik.dev/core";
-const _hf0 = (p0, p1) => p0.currentTab === p1 ? {
-  boxShadow: "inset 0 -2px 0 0 var(--color-primary)"
-} : {};
-const RenderTreeTabs = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
-  return /* @__PURE__ */ _jsxSorted("div", null, {
-    class: "border-glass-border flex space-x-2 border-b pb-1"
-  }, [
-    "state",
-    "code"
-  ].map((tabId) => /* @__PURE__ */ _jsxSorted("button", {
-    class: [
-      "rounded-lg px-4 py-2.5 text-sm font-medium transition-all duration-200",
-      _rawProps.currentTab === tabId ? "text-primary bg-primary/10" : "text-muted-foreground hover:text-foreground hover:bg-foreground/5"
-    ],
-    "q-e:click": tabId === "state" ? _rawProps.onStateClick$ : _rawProps.onCodeClick$,
-    style: _fnSignal(_hf0, [
-      _rawProps,
-      tabId
-    ])
-  }, null, tabId === "state" ? "State" : "Code", 0, tabId)), 1, "Mj_0");
+import { _fnSignal, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
+var _hf0 = (p0, p1) => p0.currentTab === p1 ? { boxShadow: "inset 0 -2px 0 0 var(--color-primary)" } : {};
+var _hf0_str = "p0.currentTab===p1?{boxShadow:\"inset 0 -2px 0 0 var(--color-primary)\"}:{}";
+var RenderTreeTabs = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
+	return /*#__PURE__*/ _jsxSorted("div", null, { class: "border-glass-border flex space-x-2 border-b pb-1" }, ["state", "code"].map((tabId) => /*#__PURE__*/ _jsxSorted("button", {
+		class: ["rounded-lg px-4 py-2.5 text-sm font-medium transition-all duration-200", _rawProps.currentTab === tabId ? "text-primary bg-primary/10" : "text-muted-foreground hover:text-foreground hover:bg-foreground/5"],
+		"q-e:click": tabId === "state" ? _rawProps.onStateClick$ : _rawProps.onCodeClick$,
+		"q:p": tabId,
+		style: _fnSignal(_hf0, [_rawProps, tabId], _hf0_str)
+	}, null, tabId === "state" ? "State" : "Code", 4, tabId)), 1, "DH_0");
 }, "RenderTreeTabs_component_fyOtScBp88U"));
-export {
-  RenderTreeTabs
-};
+export { RenderTreeTabs };

package/dist/ui/packages/devtools/ui/src/features/RenderTree/components/StateTreeNodeLabel.qwik.mjs

@@ -1,32 +1,21 @@
-import { componentQrl, inlinedQrl, _jsxSorted } from "@qwik.dev/core";
-import { Fragment } from "@qwik.dev/core/jsx-runtime";
 import { getValueColorClass } from "../utils/getValueColorClass.qwik.mjs";
-const StateTreeNodeLabel = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
-  const label = _rawProps.node.label || _rawProps.node.name || "";
-  const parts = label.split(":");
-  if (_rawProps.node.children && parts.length === 1) {
-    return /* @__PURE__ */ _jsxSorted("span", null, {
-      class: "font-semibold text-pink-400"
-    }, label, 1, "mY_0");
-  }
-  if (parts.length > 1) {
-    const key = parts[0];
-    const value = parts.slice(1).join(":").trim();
-    const valueClass = getValueColorClass(_rawProps.node, value);
-    return /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
-      /* @__PURE__ */ _jsxSorted("span", null, {
-        class: "text-blue-400"
-      }, key, 1, null),
-      /* @__PURE__ */ _jsxSorted("span", null, {
-        class: "text-foreground/70"
-      }, " : ", 3, null),
-      /* @__PURE__ */ _jsxSorted("span", {
-        class: valueClass
-      }, null, value, 1, null)
-    ], 1, "mY_1");
-  }
-  return /* @__PURE__ */ _jsxSorted("span", null, null, label, 1, "mY_2");
+import { _fnSignal, _jsxSorted, componentQrl, inlinedQrl } from "@qwik.dev/core";
+import { Fragment } from "@qwik.dev/core/jsx-runtime";
+var _hf0 = (p0) => p0[0];
+var _hf0_str = "p0[0]";
+var StateTreeNodeLabel = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
+	const label = _rawProps.node.label || _rawProps.node.name || "";
+	const parts = label.split(":");
+	if (_rawProps.node.children && parts.length === 1) return /*#__PURE__*/ _jsxSorted("span", null, { class: "font-semibold text-pink-400" }, label, 1, "Pv_0");
+	if (parts.length > 1) {
+		const value = parts.slice(1).join(":").trim();
+		const valueClass = getValueColorClass(_rawProps.node, value);
+		return /*#__PURE__*/ _jsxSorted(Fragment, null, null, [
+			/*#__PURE__*/ _jsxSorted("span", null, { class: "text-blue-400" }, _fnSignal(_hf0, [parts], _hf0_str), 1, null),
+			/*#__PURE__*/ _jsxSorted("span", null, { class: "text-foreground/70" }, ":", 3, null),
+			/*#__PURE__*/ _jsxSorted("span", { class: valueClass }, null, value, 1, null)
+		], 1, "Pv_1");
+	}
+	return /*#__PURE__*/ _jsxSorted("span", null, null, label, 1, "Pv_2");
 }, "StateTreeNodeLabel_component_ONzjgo7C9iQ"));
-export {
-  StateTreeNodeLabel
-};
+export { StateTreeNodeLabel };

package/dist/ui/packages/devtools/ui/src/features/RenderTree/utils/getCodeLanguage.qwik.mjs

@@ -1,18 +1,8 @@
 function getCodeLanguage(pathId) {
-  if (pathId.endsWith(".js")) {
-    return "js";
-  }
-  if (pathId.endsWith(".ts")) {
-    return "ts";
-  }
-  if (pathId.endsWith(".jsx")) {
-    return "jsx";
-  }
-  if (pathId.endsWith(".tsx")) {
-    return "tsx";
-  }
-  return "tsx";
+	if (pathId.endsWith(".js")) return "js";
+	if (pathId.endsWith(".ts")) return "ts";
+	if (pathId.endsWith(".jsx")) return "jsx";
+	if (pathId.endsWith(".tsx")) return "tsx";
+	return "tsx";
 }
-export {
-  getCodeLanguage
-};
+export { getCodeLanguage };

package/dist/ui/packages/devtools/ui/src/features/RenderTree/utils/getValueColorClass.qwik.mjs

@@ -1,21 +1,12 @@
 function getValueColorClass(node, valueText) {
-  switch (node.elementType) {
-    case "string":
-      return "text-red-400";
-    case "number":
-      return "text-green-400";
-    case "boolean":
-      return "text-amber-400";
-    case "function":
-      return "text-purple-400";
-    case "array":
-      return "text-muted-foreground";
-    case "object":
-      return /(Array\[|Object\s\{|Class\s\{)/.test(valueText) ? "text-muted-foreground" : "text-foreground";
-    default:
-      return "text-foreground";
-  }
+	switch (node.elementType) {
+		case "string": return "text-red-400";
+		case "number": return "text-green-400";
+		case "boolean": return "text-amber-400";
+		case "function": return "text-purple-400";
+		case "array": return "text-muted-foreground";
+		case "object": return /(Array\[|Object\s\{|Class\s\{)/.test(valueText) ? "text-muted-foreground" : "text-foreground";
+		default: return "text-foreground";
+	}
 }
-export {
-  getValueColorClass
-};
+export { getValueColorClass };

package/dist/ui/packages/devtools/ui/src/features/Routes/Routes.qwik.mjs

@@ -1,51 +1,32 @@
-import { componentQrl, inlinedQrl, _jsxSorted, _fnSignal, _wrapProp } from "@qwik.dev/core";
-const _hf0 = (p0) => p0.relativePath === "" ? "/" : `/${p0.relativePath}/`;
-const _hf1 = (p0, p1, p2) => p1 && p0 > 0 ? `${p2.relativePath}/layout` : "default";
-const Routes = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((_rawProps) => {
-  return /* @__PURE__ */ _jsxSorted("div", null, {
-    class: "border-border flex-1 overflow-hidden rounded-xl border"
-  }, [
-    /* @__PURE__ */ _jsxSorted("div", null, {
-      class: "bg-card-item-bg grid grid-cols-4 gap-4 p-4 text-sm font-medium"
-    }, [
-      /* @__PURE__ */ _jsxSorted("div", null, null, "Route Path", 3, null),
-      /* @__PURE__ */ _jsxSorted("div", null, null, "Name", 3, null),
-      /* @__PURE__ */ _jsxSorted("div", null, null, "Middleware", 3, null),
-      /* @__PURE__ */ _jsxSorted("div", null, null, "Layout", 3, null)
-    ], 3, null),
-    _rawProps.state.routes?.map((route, i) => {
-      const children = route.children || [];
-      const layout = route.relativePath !== "" && route.type === "directory" && children.find((child) => child.name.startsWith("layout"));
-      return /* @__PURE__ */ _jsxSorted("div", null, {
-        class: "border-border hover:bg-card-item-hover-bg grid grid-cols-4 gap-4 border-t p-4 text-sm"
-      }, [
-        /* @__PURE__ */ _jsxSorted("div", null, null, /* @__PURE__ */ _jsxSorted("span", {
-          class: {
-            "text-accent": location.pathname === "/" && route.relativePath === "" || location.pathname === `/${route.relativePath}/`
-          }
-        }, null, _fnSignal(_hf0, [
-          route
-        ]), 1, null), 1, null),
-        /* @__PURE__ */ _jsxSorted("div", null, {
-          class: "text-muted-foreground"
-        }, _wrapProp(route, "name"), 1, null),
-        /* @__PURE__ */ _jsxSorted("div", null, {
-          class: "text-muted-foreground"
-        }, "-", 3, null),
-        /* @__PURE__ */ _jsxSorted("div", null, null, /* @__PURE__ */ _jsxSorted("span", {
-          class: {
-            "text-accent": layout && i > 0,
-            "text-muted-foreground": !layout || i === 0
-          }
-        }, null, _fnSignal(_hf1, [
-          i,
-          layout,
-          route
-        ]), 1, null), 1, null)
-      ], 1, route.relativePath);
-    })
-  ], 1, "Q2_0");
+import { _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl } from "@qwik.dev/core";
+var _hf0 = (p0) => ({ "text-accent": location.pathname === "/" && p0.relativePath === "" || location.pathname === `/${p0.relativePath}/` });
+var _hf0_str = "{\"text-accent\":(location.pathname===\"/\"&&p0.relativePath===\"\")||location.pathname===`/${p0.relativePath}/`}";
+var _hf1 = (p0) => p0.relativePath === "" ? "/" : `/${p0.relativePath}/`;
+var _hf1_str = "p0.relativePath===\"\"?\"/\":`/${p0.relativePath}/`";
+var _hf2 = (p0, p1, p2) => p1 && p0 > 0 ? `${p2.relativePath}/layout` : "default";
+var _hf2_str = "p1&&p0>0?`${p2.relativePath}/layout`:\"default\"";
+var Routes = /*#__PURE__*/ componentQrl(/*#__PURE__*/ inlinedQrl((_rawProps) => {
+	return /*#__PURE__*/ _jsxSorted("div", null, { class: "border-border flex-1 overflow-hidden rounded-xl border" }, [/*#__PURE__*/ _jsxSorted("div", null, { class: "bg-card-item-bg grid grid-cols-4 gap-4 p-4 text-sm font-medium" }, [
+		/*#__PURE__*/ _jsxSorted("div", null, null, "Route Path", 3, null),
+		/*#__PURE__*/ _jsxSorted("div", null, null, "Name", 3, null),
+		/*#__PURE__*/ _jsxSorted("div", null, null, "Middleware", 3, null),
+		/*#__PURE__*/ _jsxSorted("div", null, null, "Layout", 3, null)
+	], 3, null), _rawProps.state.routes?.map((route, i) => {
+		const children = route.children || [];
+		const layout = route.relativePath !== "" && route.type === "directory" && children.find((child) => child.name.startsWith("layout"));
+		return /*#__PURE__*/ _jsxSorted("div", null, { class: "border-border hover:bg-card-item-hover-bg grid grid-cols-4 gap-4 border-t p-4 text-sm" }, [
+			/*#__PURE__*/ _jsxSorted("div", null, null, /*#__PURE__*/ _jsxSorted("span", { class: _fnSignal(_hf0, [route], _hf0_str) }, null, _fnSignal(_hf1, [route], _hf1_str), 1, null), 1, null),
+			/*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground" }, _wrapProp(route, "name"), 1, null),
+			/*#__PURE__*/ _jsxSorted("div", null, { class: "text-muted-foreground" }, "-", 3, null),
+			/*#__PURE__*/ _jsxSorted("div", null, null, /*#__PURE__*/ _jsxSorted("span", { class: {
+				"text-accent": layout && i > 0,
+				"text-muted-foreground": !layout || i === 0
+			} }, null, _fnSignal(_hf2, [
+				i,
+				layout,
+				route
+			], _hf2_str), 1, null), 1, null)
+		], 1, route.relativePath);
+	})], 1, "YD_0");
 }, "Routes_component_0J1MQ3ONHgI"));
-export {
-  Routes
-};
+export { Routes };