@qwik.dev/devtools 0.2.4 → 0.2.6

package/dist/ui/components/Tree/Tree.qwik.mjs

@@ -1,126 +1,85 @@
-import { jsx, jsxs, Fragment } from "@qwik.dev/core/jsx-runtime";
-import { component$, useSignal, $ } from "@qwik.dev/core";
-import { HiChevronUpMini } from "../../node_modules/.pnpm/@qwikest_icons@0.0.13_@builder.io_qwik@1.11.0_vite@7.1.3_@types_node@20.14.11_jiti@2.6._02d306fcbd9f637dd624291702bff9c0/node_modules/@qwikest/icons/lib/hi.qwik.qwik.mjs";
-const TreeNodeComponent = component$((props) => {
-  const isExpanded = useSignal(props.expandLevel <= props.level);
-  const hasChildren = props.node.children && props.node.children.length > 0;
-  const handleNodeClick = $(() => {
-    props.onNodeClick(props.node);
-    if (hasChildren) {
-      isExpanded.value = !isExpanded.value;
-    }
-  });
-  const iterateProps = (porps) => {
-    const displayProp = [
-      "q:id",
-      "q:key"
-    ];
-    return displayProp.reduce((totalStr, prop) => {
-      if (porps[prop]) {
-        totalStr += `${prop}="${porps[prop]}" `;
-      }
-      return totalStr;
-    }, "");
-  };
-  const isActive = props.isHover ? props.node.id === props.activeNodeId : false;
-  const duration = props.animationDuration ?? 200;
-  const shouldShowChildren = hasChildren && !isExpanded.value;
-  const renderChildren = props.node.children?.map((child) => /* @__PURE__ */ jsx(TreeNodeComponent, {
-    isHover: props.isHover,
-    node: child,
-    gap: props.gap,
-    expandLevel: props.expandLevel,
-    level: props.level + 1,
-    activeNodeId: props.activeNodeId,
-    onNodeClick: props.onNodeClick,
-    renderNode: props.renderNode,
-    animate: props.animate,
-    animationDuration: props.animationDuration
-  }, child.id));
-  return /* @__PURE__ */ jsxs("div", {
-    class: "w-full",
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        style: {
-          paddingLeft: `${props.level * props.gap}px`
-        },
-        class: `flex w-full cursor-pointer items-center p-1 ${isActive ? "border border-emerald-300 bg-emerald-100 font-semibold text-emerald-700 dark:border-emerald-700/40 dark:bg-emerald-900/30 dark:text-emerald-300" : ""}`,
-        onClick$: handleNodeClick,
-        children: /* @__PURE__ */ jsxs("div", {
-          class: `inline-flex items-center rounded-md  px-2 py-1`,
-          children: [
-            hasChildren ? /* @__PURE__ */ jsx(HiChevronUpMini, {
-              class: `text-muted-foreground mr-2 h-4 w-4 flex-shrink-0 transition-transform duration-200 ${isExpanded.value ? "rotate-90" : "rotate-180"}`
-            }) : /* @__PURE__ */ jsx("div", {
-              class: "mr-2 w-4 flex-shrink-0"
-            }),
-            /* @__PURE__ */ jsx("div", {
-              class: "cursor-pointer whitespace-nowrap text-sm",
-              children: props.renderNode ? /* @__PURE__ */ jsx(Fragment, {
-                children: props.renderNode(props.node)
-              }) : /* @__PURE__ */ jsxs(Fragment, {
-                children: [
-                  /* @__PURE__ */ jsx("span", {
-                    class: "text-foreground/70",
-                    children: "<"
-                  }),
-                  /* @__PURE__ */ jsx("span", {
-                    class: "text-violet-400 dark:text-violet-300",
-                    children: props.node.label || props.node.name
-                  }),
-                  /* @__PURE__ */ jsxs("span", {
-                    class: "text-muted-foreground",
-                    children: [
-                      ` ${iterateProps(props.node.props || {})}`,
-                      ">"
-                    ]
-                  })
-                ]
-              })
-            })
-          ]
-        })
-      }),
-      hasChildren ? props.animate ? /* @__PURE__ */ jsx("div", {
-        class: `overflow-hidden transition-all ease-in-out`,
-        style: {
-          maxHeight: shouldShowChildren ? "1000px" : "0px",
-          opacity: shouldShowChildren ? "1" : "0",
-          transition: `max-height ${duration}ms ease-in-out, opacity ${duration}ms ease-in-out`
-        },
-        children: renderChildren
-      }) : shouldShowChildren && /* @__PURE__ */ jsx(Fragment, {
-        children: renderChildren
-      }) : null
-    ]
-  });
-});
-const Tree = component$((props) => {
-  const ref = useSignal();
-  const store = props.data;
-  const activeNodeId = useSignal("");
-  const setActiveNode = $((node) => {
-    ref.value.scrollLeft = ref.value.scrollWidth;
-    activeNodeId.value = node.id;
-    props.onNodeClick && props.onNodeClick(node);
-  });
-  return /* @__PURE__ */ jsx("div", {
-    class: "h-full w-full overflow-x-auto overflow-y-auto",
-    ref,
-    children: store.value.map((rootNode) => /* @__PURE__ */ jsx(TreeNodeComponent, {
-      isHover: props.isHover === false ? false : true,
-      gap: props.gap || 20,
-      node: rootNode,
-      level: 0,
-      expandLevel: props.expandLevel ?? 2,
-      activeNodeId: activeNodeId.value,
-      onNodeClick: setActiveNode,
-      renderNode: props.renderNode,
-      animate: props.animate ?? true,
-      animationDuration: props.animationDuration
-    }, rootNode.id))
-  });
-});
-export {
-  Tree
-};
+import { IconChevronUpMini } from "../Icons/Icons.qwik.mjs";
+import { _captures, _fnSignal, _jsxSorted, _wrapProp, componentQrl, inlinedQrl, useSignal } from "@qwik.dev/core";
+import { Fragment } from "@qwik.dev/core/jsx-runtime";
+//#region src/components/Tree/Tree.tsx
+var _hf0 = (p0) => p0.level + 1;
+var _hf1 = (p0) => ({ paddingLeft: `${p0.level * p0.gap}px` });
+var _hf2 = (p0) => `text-muted-foreground mr-2 h-4 w-4 shrink-0 transition-transform duration-200 ${p0.value ? "rotate-90" : "rotate-180"}`;
+var _hf3 = (p0) => p0.node.label || p0.node.name;
+var _hf4 = (p0) => p0.isHover === false ? false : true;
+var _hf5 = (p0) => p0.gap || 20;
+var _hf6 = (p0) => p0.expandLevel ?? 2;
+var _hf7 = (p0) => p0.animate ?? true;
+var TreeNodeComponent = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+	const isExpanded = useSignal(props.expandLevel <= props.level);
+	const hasChildren = props.node.children && props.node.children.length > 0;
+	const handleNodeClick = /* @__PURE__ */ inlinedQrl(() => {
+		const hasChildren = _captures[0], isExpanded = _captures[1], props = _captures[2];
+		props.onNodeClick(props.node);
+		if (hasChildren) isExpanded.value = !isExpanded.value;
+	}, "TreeNodeComponent_component_handleNodeClick_3gF4JJ4CD0Q", [
+		hasChildren,
+		isExpanded,
+		props
+	]);
+	const iterateProps = (porps) => {
+		return ["q:id", "q:key"].reduce((totalStr, prop) => {
+			if (porps[prop]) totalStr += `${prop}="${porps[prop]}" `;
+			return totalStr;
+		}, "");
+	};
+	const isActive = props.isHover ? props.node.id === props.activeNodeId : false;
+	const duration = props.animationDuration ?? 200;
+	const shouldShowChildren = hasChildren && !isExpanded.value;
+	const renderChildren = props.node.children?.map((child) => /* @__PURE__ */ _jsxSorted(TreeNodeComponent, { node: child }, {
+		isHover: _wrapProp(props, "isHover"),
+		gap: _wrapProp(props, "gap"),
+		expandLevel: _wrapProp(props, "expandLevel"),
+		level: _fnSignal(_hf0, [props]),
+		activeNodeId: _wrapProp(props, "activeNodeId"),
+		onNodeClick: _wrapProp(props, "onNodeClick"),
+		renderNode: _wrapProp(props, "renderNode"),
+		animate: _wrapProp(props, "animate"),
+		animationDuration: _wrapProp(props, "animationDuration")
+	}, null, 3, child.id));
+	return /* @__PURE__ */ _jsxSorted("div", null, { class: "w-full" }, [/* @__PURE__ */ _jsxSorted("div", {
+		class: `flex w-full cursor-pointer items-center p-1 ${isActive ? "border border-emerald-300 bg-emerald-100 font-semibold text-emerald-700 dark:border-emerald-700/40 dark:bg-emerald-900/30 dark:text-emerald-300" : ""}`,
+		style: _fnSignal(_hf1, [props])
+	}, { "q-e:click": handleNodeClick }, /* @__PURE__ */ _jsxSorted("div", null, { class: `inline-flex items-center rounded-md  px-2 py-1` }, [hasChildren ? /* @__PURE__ */ _jsxSorted(IconChevronUpMini, null, { class: _fnSignal(_hf2, [isExpanded]) }, null, 3, "dI_0") : /* @__PURE__ */ _jsxSorted("div", null, { class: "mr-2 w-4 shrink-0" }, null, 3, "dI_1"), /* @__PURE__ */ _jsxSorted("div", null, { class: "cursor-pointer whitespace-nowrap text-sm" }, props.renderNode ? /* @__PURE__ */ _jsxSorted(Fragment, null, null, props.renderNode(props.node), 1, "dI_2") : /* @__PURE__ */ _jsxSorted(Fragment, null, null, [
+		/* @__PURE__ */ _jsxSorted("span", null, { class: "text-foreground/70" }, "<", 3, null),
+		/* @__PURE__ */ _jsxSorted("span", null, { class: "text-violet-400 dark:text-violet-300" }, _fnSignal(_hf3, [props]), 1, null),
+		/* @__PURE__ */ _jsxSorted("span", null, { class: "text-muted-foreground" }, [` ${iterateProps(props.node.props || {})}`, ">"], 1, null)
+	], 1, "dI_3"), 1, null)], 1, null), 1, null), hasChildren ? props.animate ? /* @__PURE__ */ _jsxSorted("div", { style: {
+		maxHeight: shouldShowChildren ? "1000px" : "0px",
+		opacity: shouldShowChildren ? "1" : "0",
+		transition: `max-height ${duration}ms ease-in-out, opacity ${duration}ms ease-in-out`
+	} }, { class: `overflow-hidden transition-all ease-in-out` }, renderChildren, 1, "dI_4") : shouldShowChildren && /* @__PURE__ */ _jsxSorted(Fragment, null, null, renderChildren, 1, "dI_5") : null], 1, "dI_6");
+}, "TreeNodeComponent_component_kSLICKb4u38"));
+var Tree = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
+	const ref = useSignal();
+	const store = props.data;
+	const activeNodeId = useSignal("");
+	const setActiveNode = /* @__PURE__ */ inlinedQrl((node) => {
+		const activeNodeId = _captures[0], props = _captures[1], ref = _captures[2];
+		ref.value.scrollLeft = ref.value.scrollWidth;
+		activeNodeId.value = node.id;
+		props.onNodeClick && props.onNodeClick(node);
+	}, "Tree_component_setActiveNode_vbQRTyPHy0M", [
+		activeNodeId,
+		props,
+		ref
+	]);
+	return /* @__PURE__ */ _jsxSorted("div", { ref }, { class: "h-full w-full overflow-x-auto overflow-y-auto" }, store.value.map((rootNode) => /* @__PURE__ */ _jsxSorted(TreeNodeComponent, { node: rootNode }, {
+		isHover: _fnSignal(_hf4, [props]),
+		gap: _fnSignal(_hf5, [props]),
+		level: 0,
+		expandLevel: _fnSignal(_hf6, [props]),
+		activeNodeId: _wrapProp(activeNodeId),
+		onNodeClick: setActiveNode,
+		renderNode: _wrapProp(props, "renderNode"),
+		animate: _fnSignal(_hf7, [props]),
+		animationDuration: _wrapProp(props, "animationDuration")
+	}, null, 3, rootNode.id)), 1, "dI_7");
+}, "Tree_component_8tKPGYqsleM"));
+//#endregion
+export { Tree };

package/dist/ui/components/Tree/filterVnode.qwik.mjs

@@ -1,66 +1,61 @@
-import { _vnode_isVirtualVNode, _vnode_getAttrKeys, _vnode_getFirstChild, _vnode_isMaterialized } from "@qwik.dev/core/internal";
+import { QPROPS, QRENDERFN, QSEQ } from "../../packages/kit/src/constants.qwik.mjs";
+import "../../packages/kit/src/index.qwik.mjs";
 import { normalizeName } from "./vnode.qwik.mjs";
 import { htmlContainer } from "../../utils/location.qwik.mjs";
-import "../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.mjs";
-import { QRENDERFN, QTYPE } from "../../packages/kit/src/constants.qwik.mjs";
-import "../../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.mjs";
-let index = 0;
-function initVnode({ name = "text", props = {}, element = {}, children = [] }) {
-  return {
-    name,
-    props,
-    element,
-    children,
-    label: name,
-    id: `vnode-${index++}`
-  };
+import { _vnode_getAttrKeys, _vnode_getFirstChild, _vnode_isMaterialized, _vnode_isVirtualVNode } from "@qwik.dev/core/internal";
+//#region src/components/Tree/filterVnode.ts
+var index = 0;
+var ALLOWED_PROP_KEYS = new Set([
+	QRENDERFN,
+	QSEQ,
+	QPROPS,
+	"q:id",
+	"q:key"
+]);
+function initVnode({ name = "text", props = {}, children = [] }) {
+	return {
+		name,
+		props,
+		children,
+		label: name,
+		id: `vnode-${index++}`
+	};
 }
-function vnode_toObject(vnodeItem) {
-  if (vnodeItem === null || vnodeItem === void 0) {
-    return null;
-  }
-  return buildTreeRecursive(vnodeItem);
-}
-const container = htmlContainer();
+var container = htmlContainer();
 function buildTreeRecursive(vnode, materialize) {
-  if (!vnode) {
-    return [];
-  }
-  const result = [];
-  let currentVNode = vnode;
-  while (currentVNode) {
-    const isVirtual = _vnode_isVirtualVNode(currentVNode);
-    const isFragment = isVirtual && typeof container.getHostProp(currentVNode, QRENDERFN) === "function";
-    if (isFragment) {
-      const vnodeObject = initVnode({
-        element: currentVNode
-      });
-      _vnode_getAttrKeys(currentVNode).forEach((key) => {
-        if (key === QTYPE) return;
-        const value = container.getHostProp(currentVNode, key);
-        currentVNode?.setProp(key, value);
-        vnodeObject.props[key] = currentVNode?.getAttr(key);
-        if (key === QRENDERFN) {
-          vnodeObject.label = normalizeName(value.getSymbol());
-          vnodeObject.name = normalizeName(value.getSymbol());
-        }
-      });
-      const firstChild = _vnode_getFirstChild(currentVNode);
-      const children = firstChild ? buildTreeRecursive(firstChild) : [];
-      if (children.length > 0) {
-        vnodeObject.children = children;
-      }
-      result.push(vnodeObject);
-    } else if (_vnode_isMaterialized(currentVNode) || isVirtual && !isFragment) {
-      const firstChild = _vnode_getFirstChild(currentVNode);
-      if (firstChild) {
-        result.push(...buildTreeRecursive(firstChild));
-      }
-    }
-    currentVNode = currentVNode.nextSibling;
-  }
-  return result;
+	if (!vnode) return [];
+	const result = [];
+	let currentVNode = vnode;
+	while (currentVNode) {
+		const isVirtual = _vnode_isVirtualVNode(currentVNode);
+		const isFragment = isVirtual && typeof container.getHostProp(currentVNode, "q:renderFn") === "function";
+		if (isFragment) {
+			const vnodeObject = initVnode({});
+			_vnode_getAttrKeys(container, currentVNode).forEach((key) => {
+				if (key === "q:type") return;
+				if (!ALLOWED_PROP_KEYS.has(key)) return;
+				const value = container.getHostProp(currentVNode, key);
+				vnodeObject.props[key] = value;
+				if (key === "q:renderFn") {
+					vnodeObject.label = normalizeName(value.getSymbol());
+					vnodeObject.name = normalizeName(value.getSymbol());
+				}
+			});
+			const firstChild = _vnode_getFirstChild(currentVNode);
+			const children = firstChild ? buildTreeRecursive(firstChild, materialize) : [];
+			if (children.length > 0) vnodeObject.children = children;
+			result.push(vnodeObject);
+		} else if (_vnode_isMaterialized(currentVNode) || isVirtual && !isFragment) {
+			const firstChild = _vnode_getFirstChild(currentVNode);
+			if (firstChild) result.push(...buildTreeRecursive(firstChild, materialize));
+		}
+		currentVNode = currentVNode.nextSibling;
+	}
+	return result;
+}
+function vnode_toObject(vnodeItem) {
+	if (vnodeItem === null || vnodeItem === void 0) return null;
+	return buildTreeRecursive(vnodeItem, false);
 }
-export {
-  vnode_toObject
-};
+//#endregion
+export { vnode_toObject };

package/dist/ui/components/Tree/type.qwik.mjs

@@ -1,4 +1,4 @@
-const ISDEVTOOL = "Qwikdevtools";
-export {
-  ISDEVTOOL
-};
+//#region src/components/Tree/type.ts
+var ISDEVTOOL = "Qwikdevtools";
+//#endregion
+export { ISDEVTOOL };

package/dist/ui/components/Tree/vnode.qwik.mjs

@@ -1,24 +1,17 @@
+//#region src/components/Tree/vnode.ts
 function normalizeName(str) {
-  const array = str.split("_");
-  if (array.length > 0) {
-    const componentName = array[0];
-    return componentName.charAt(0).toUpperCase() + componentName.slice(1).toLowerCase();
-  } else {
-    return "";
-  }
+	const array = str.split("_");
+	if (array.length > 0) {
+		const componentName = array[0];
+		return componentName.charAt(0).toUpperCase() + componentName.slice(1).toLowerCase();
+	} else return "";
 }
 function removeNodeFromTree(tree, callback) {
-  return tree.filter((node) => {
-    if (callback(node)) {
-      return false;
-    }
-    if (node.children && node.children.length > 0) {
-      node.children = removeNodeFromTree(node.children, callback);
-    }
-    return true;
-  });
+	return tree.filter((node) => {
+		if (callback(node)) return false;
+		if (node.children && node.children.length > 0) node.children = removeNodeFromTree(node.children, callback);
+		return true;
+	});
 }
-export {
-  normalizeName,
-  removeNodeFromTree
-};
+//#endregion
+export { normalizeName, removeNodeFromTree };

package/dist/ui/components/router-head/theme-script.qwik.mjs

@@ -1,4 +1,4 @@
-const themeStorageKey = "vueuse-color-scheme";
-export {
-  themeStorageKey
-};
+//#region src/components/router-head/theme-script.tsx
+var themeStorageKey = "vueuse-color-scheme";
+//#endregion
+export { themeStorageKey };