@qwik.dev/devtools 0.1.2 → 0.2.1

package/dist/ui/features/Components/styles.css.qwik.cjs

@@ -1,3 +0,0 @@
-"use strict";
-const styles = ":root {\n  --rct-color-tree-bg: transparent;\n  --rct-item-height: 32px;\n  --rct-color-search-highlight-bg: rgba(59, 130, 246, 0.2);\n\n  --rct-color-tree-focus-outline: transparent;\n  --rct-item-margin: 1px;\n  --rct-item-padding: 8px;\n  --rct-radius: 6px;\n  --rct-bar-offset: 6px;\n  --rct-bar-width: 2px;\n  --rct-bar-color: rgb(16, 185, 129);\n  --rct-focus-outline: #000000;\n\n  --rct-color-focustree-item-selected-bg: #fff;\n  --rct-color-focustree-item-hover-bg: rgba(255, 255, 255, 0.03);\n  --rct-color-focustree-item-hover-text: #fff;\n  --rct-color-focustree-item-active-bg: rgba(255, 255, 255, 0.08);\n  --rct-color-focustree-item-active-text: #fff;\n\n  --rct-arrow-size: 10px;\n  --rct-arrow-container-size: 16px;\n  --rct-arrow-padding: 6px;\n  --rct-color-arrow: rgb(16 185 129 / var(--tw-bg-opacity, 1));\n  --rct-cursor: pointer;\n\n  --rct-search-width: 100%;\n  --rct-search-height: 32px;\n  --rct-search-padding: 8px;\n  --rct-search-border: rgba(255, 255, 255, 0.1);\n  --rct-search-border-bottom: rgb(16, 185, 129);\n  --rct-search-bg: rgba(255, 255, 255, 0.03);\n  --rct-search-text: #fff;\n  --rct-search-text-offset: calc(var(--rct-search-padding) * 2 + 16px);\n}\n\n/* Add these additional styles to match devtools theme */\n.rct-tree-item-button {\n  color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important;\n  font-size: 14px !important;\n  transition: all 0.2s ease !important;\n}\n\n.rct-tree-item-button:hover {\n  color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important;\n}\n\n.rct-tree-item-button[aria-expanded='true'] {\n  color: #fff !important;\n}\n\n.rct-tree-item-title-container {\n  border-radius: var(--rct-radius) !important;\n}\n\n.rct-tree-search-input {\n  border: 1px solid var(--rct-search-border) !important;\n  border-radius: var(--rct-radius) !important;\n  margin-bottom: 12px !important;\n  font-size: 14px !important;\n}\n\n.rct-tree-search-input:focus {\n  border-color: rgb(16, 185, 129) !important;\n  outline: none !important;\n  box-shadow: 0 0 0 1px rgb(16, 185, 129) !important;\n}\n";
-module.exports = styles;

package/dist/ui/features/Components/styles.css.qwik.mjs

@@ -1,4 +0,0 @@
-const styles = ":root {\n  --rct-color-tree-bg: transparent;\n  --rct-item-height: 32px;\n  --rct-color-search-highlight-bg: rgba(59, 130, 246, 0.2);\n\n  --rct-color-tree-focus-outline: transparent;\n  --rct-item-margin: 1px;\n  --rct-item-padding: 8px;\n  --rct-radius: 6px;\n  --rct-bar-offset: 6px;\n  --rct-bar-width: 2px;\n  --rct-bar-color: rgb(16, 185, 129);\n  --rct-focus-outline: #000000;\n\n  --rct-color-focustree-item-selected-bg: #fff;\n  --rct-color-focustree-item-hover-bg: rgba(255, 255, 255, 0.03);\n  --rct-color-focustree-item-hover-text: #fff;\n  --rct-color-focustree-item-active-bg: rgba(255, 255, 255, 0.08);\n  --rct-color-focustree-item-active-text: #fff;\n\n  --rct-arrow-size: 10px;\n  --rct-arrow-container-size: 16px;\n  --rct-arrow-padding: 6px;\n  --rct-color-arrow: rgb(16 185 129 / var(--tw-bg-opacity, 1));\n  --rct-cursor: pointer;\n\n  --rct-search-width: 100%;\n  --rct-search-height: 32px;\n  --rct-search-padding: 8px;\n  --rct-search-border: rgba(255, 255, 255, 0.1);\n  --rct-search-border-bottom: rgb(16, 185, 129);\n  --rct-search-bg: rgba(255, 255, 255, 0.03);\n  --rct-search-text: #fff;\n  --rct-search-text-offset: calc(var(--rct-search-padding) * 2 + 16px);\n}\n\n/* Add these additional styles to match devtools theme */\n.rct-tree-item-button {\n  color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important;\n  font-size: 14px !important;\n  transition: all 0.2s ease !important;\n}\n\n.rct-tree-item-button:hover {\n  color: rgb(16 185 129 / var(--tw-bg-opacity, 1)) !important;\n}\n\n.rct-tree-item-button[aria-expanded='true'] {\n  color: #fff !important;\n}\n\n.rct-tree-item-title-container {\n  border-radius: var(--rct-radius) !important;\n}\n\n.rct-tree-search-input {\n  border: 1px solid var(--rct-search-border) !important;\n  border-radius: var(--rct-radius) !important;\n  margin-bottom: 12px !important;\n  font-size: 14px !important;\n}\n\n.rct-tree-search-input:focus {\n  border-color: rgb(16, 185, 129) !important;\n  outline: none !important;\n  box-shadow: 0 0 0 1px rgb(16, 185, 129) !important;\n}\n";
-export {
-  styles as default
-};

package/dist/ui/features/Overview/Overview.qwik.cjs

@@ -1,187 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const hi_qwik = require("../../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.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/hi.qwik.qwik.cjs");
-const lu_qwik = require("../../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.4.2_tsx@4.19.2_yaml@2.7.0__/node_modules/@qwikest/icons/lib/lu.qwik.qwik.cjs");
-const Overview = core.component$(({ state }) => {
-  const pageJump = core.$((pageName) => {
-    state.activeTab = pageName;
-  });
-  const stopPropagation = core.sync$((e) => {
-    e.preventDefault();
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        class: "grid grid-cols-1 gap-5 md:grid-cols-3",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            onClick$: [
-              core.$(() => pageJump("routes")),
-              stopPropagation
-            ],
-            class: "flex cursor-pointer items-center gap-5 rounded-xl border border-border bg-card-item-bg p-5 transition-all duration-200 hover:-translate-y-0.5 hover:bg-card-item-hover-bg",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", {
-                class: "bg-foreground/5 rounded-lg border border-border p-3.5",
-                children: /* @__PURE__ */ jsxRuntime.jsx(lu_qwik.LuFolderTree, {
-                  class: "h-6 w-6 text-accent"
-                })
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-3xl font-semibold",
-                    children: state.routes?.length
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-sm text-muted-foreground",
-                    children: "pages"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            onClick$: [
-              core.$(() => pageJump("components")),
-              stopPropagation
-            ],
-            class: "flex cursor-pointer items-center gap-5 rounded-xl border border-border bg-card-item-bg p-5 transition-all duration-200 hover:-translate-y-0.5 hover:bg-card-item-hover-bg",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", {
-                class: "bg-foreground/5 rounded-lg border border-border p-3.5",
-                children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiCubeOutline, {
-                  class: "h-6 w-6 text-accent"
-                })
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-3xl font-semibold",
-                    children: state.components.length
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-sm text-muted-foreground",
-                    children: "components"
-                  })
-                ]
-              })
-            ]
-          }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            onClick$: [
-              core.$(() => pageJump("assets")),
-              stopPropagation
-            ],
-            class: "flex cursor-pointer items-center gap-5 rounded-xl border border-border bg-card-item-bg p-5 transition-all duration-200 hover:-translate-y-0.5 hover:bg-card-item-hover-bg",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", {
-                class: "bg-foreground/5 rounded-lg border border-border p-3.5",
-                children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiPhotoOutline, {
-                  class: "h-6 w-6 text-accent"
-                })
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-3xl font-semibold",
-                    children: state.assets.length || 0
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "text-sm text-muted-foreground",
-                    children: "assets"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        onClick$: [
-          core.$(() => pageJump("packages")),
-          stopPropagation
-        ],
-        class: "cursor-pointer space-y-4 rounded-xl border border-border bg-card-item-bg p-5 hover:-translate-y-0.5 hover:bg-card-item-hover-bg",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", {
-            class: "text-lg font-semibold",
-            children: "Installed Packages"
-          }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "grid grid-cols-1 gap-3 md:grid-cols-2",
-            children: state.npmPackages.map(([name, version]) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
-              class: "bg-foreground/5 flex items-center justify-between rounded-lg p-3",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("div", {
-                  class: "text-sm",
-                  children: name
-                }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", {
-                  class: "bg-foreground/5 rounded-full border border-border px-2 py-1 text-xs text-muted-foreground",
-                  children: version
-                })
-              ]
-            }, name))
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        class: "space-y-4 rounded-xl border border-border bg-card-item-bg p-5",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h3", {
-            class: "text-lg font-semibold",
-            children: "Performance"
-          }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            class: "space-y-3",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "flex justify-between border-b border-border py-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "text-muted-foreground",
-                    children: "SSR to full load"
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "font-medium",
-                    children: "-"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "flex justify-between border-b border-border py-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "text-muted-foreground",
-                    children: "Page load"
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "font-medium",
-                    children: "-"
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "flex justify-between py-2",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "text-muted-foreground",
-                    children: "Navigation"
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "font-medium",
-                    children: "-"
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-});
-exports.Overview = Overview;

package/dist/ui/features/Packages/Packages.qwik.cjs

@@ -1,95 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const useDebouncer = require("../../hooks/useDebouncer.qwik.cjs");
-const InstallButton = require("./components/InstallButton/InstallButton.qwik.cjs");
-const Packages = core.component$(() => {
-  const debouncedQuery = core.useSignal("");
-  const installingPackage = core.useSignal(null);
-  const debounceSearch = useDebouncer.useDebouncer(core.$((value) => {
-    debouncedQuery.value = value;
-  }), 300);
-  const searchResults = core.useResource$(async ({ track }) => {
-    const query = track(() => debouncedQuery.value);
-    if (!query || query.length < 2) {
-      return [];
-    }
-    const response = await fetch(`https://registry.npmjs.org/-/v1/search?text=${query}`);
-    const data = await response.json();
-    const packages = data.objects.map((obj) => ({
-      name: obj.package.name,
-      version: obj.package.version,
-      description: obj.package.description || "No description available"
-    }));
-    return packages;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    class: "space-y-4",
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", {
-        class: "relative",
-        children: /* @__PURE__ */ jsxRuntime.jsx("input", {
-          type: "text",
-          onInput$: (_, target) => {
-            debounceSearch(target.value);
-          },
-          placeholder: "Search npm packages...",
-          class: "w-full rounded-lg border border-border bg-input px-4 py-2 text-sm text-foreground placeholder-muted-foreground outline-none focus:border-ring"
-        })
-      }),
-      /* @__PURE__ */ jsxRuntime.jsx(core.Resource, {
-        value: searchResults,
-        onPending: () => /* @__PURE__ */ jsxRuntime.jsx("div", {
-          class: "absolute right-3 top-1",
-          children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "border-t-foreground/40 animate-spin h-5 w-5 rounded-full border-2 border-border"
-          })
-        }),
-        onRejected: (error) => /* @__PURE__ */ jsxRuntime.jsx("div", {
-          class: "mt-2 text-xs text-red-400",
-          children: error.message || "Failed to fetch packages"
-        }),
-        onResolved: (packages) => {
-          return /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "grid gap-3 md:grid-cols-2",
-            children: packages.map((pkg) => {
-              return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "bg-foreground/5 flex flex-col gap-2 rounded-lg p-3",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                    class: "flex items-center justify-between",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", {
-                        class: "text-sm",
-                        children: pkg.name
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                        class: "flex items-center gap-2",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("div", {
-                            class: "bg-foreground/5 rounded-full border border-border px-2 py-1 text-xs text-muted-foreground",
-                            children: pkg.version
-                          }),
-                          /* @__PURE__ */ jsxRuntime.jsx(InstallButton.InstallButton, {
-                            pkg,
-                            installingPackage
-                          })
-                        ]
-                      })
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "line-clamp-2 text-xs text-muted-foreground",
-                    children: pkg.description
-                  })
-                ]
-              }, pkg.name);
-            })
-          });
-        }
-      })
-    ]
-  });
-});
-exports.Packages = Packages;

package/dist/ui/features/Packages/components/InstallButton/InstallButton.qwik.cjs

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-require("../../../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.cjs");
-const context = require("../../../../packages/kit/src/context.qwik.cjs");
-require("../../../../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.cjs");
-const core = require("@qwik.dev/core");
-const InstallButton = core.component$(({ pkg, installingPackage }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("button", {
-    onClick$: async () => {
-      installingPackage.value = pkg.name;
-      const rpc = context.getViteClientRpc();
-      const result = await rpc.installPackage(pkg.name);
-      if (!result.success) {
-        return Promise.reject(result.error || "Installation failed");
-      }
-    },
-    disabled: installingPackage.value === pkg.name,
-    class: [
-      "rounded-full px-2 py-1 text-xs",
-      installingPackage.value === pkg.name ? "bg-primary/5 text-primary/50 cursor-not-allowed" : "bg-primary/10 hover:bg-primary/20 text-primary"
-    ].join(" "),
-    children: installingPackage.value === pkg.name ? /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      class: "flex items-center gap-1",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", {
-          class: "animate-spin h-3 w-3 rounded-full border border-current border-t-transparent"
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", {
-          children: "Installing..."
-        })
-      ]
-    }) : "Install"
-  });
-});
-exports.InstallButton = InstallButton;

package/dist/ui/features/Packages/components/InstallButton/InstallButton.qwik.mjs

@@ -1,36 +0,0 @@
-import { jsx, jsxs } from "@qwik.dev/core/jsx-runtime";
-import "../../../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.mjs";
-import { getViteClientRpc } from "../../../../packages/kit/src/context.qwik.mjs";
-import "../../../../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.mjs";
-import { component$ } from "@qwik.dev/core";
-const InstallButton = component$(({ pkg, installingPackage }) => {
-  return /* @__PURE__ */ jsx("button", {
-    onClick$: async () => {
-      installingPackage.value = pkg.name;
-      const rpc = getViteClientRpc();
-      const result = await rpc.installPackage(pkg.name);
-      if (!result.success) {
-        return Promise.reject(result.error || "Installation failed");
-      }
-    },
-    disabled: installingPackage.value === pkg.name,
-    class: [
-      "rounded-full px-2 py-1 text-xs",
-      installingPackage.value === pkg.name ? "bg-primary/5 text-primary/50 cursor-not-allowed" : "bg-primary/10 hover:bg-primary/20 text-primary"
-    ].join(" "),
-    children: installingPackage.value === pkg.name ? /* @__PURE__ */ jsxs("div", {
-      class: "flex items-center gap-1",
-      children: [
-        /* @__PURE__ */ jsx("div", {
-          class: "animate-spin h-3 w-3 rounded-full border border-current border-t-transparent"
-        }),
-        /* @__PURE__ */ jsx("span", {
-          children: "Installing..."
-        })
-      ]
-    }) : "Install"
-  });
-});
-export {
-  InstallButton
-};

package/dist/ui/features/RenderTree/RenderTree.qwik.cjs

@@ -1,269 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
-const core = require("@qwik.dev/core");
-const Tree = require("../../components/Tree/Tree.qwik.cjs");
-const filterVnode = require("../../components/Tree/filterVnode.qwik.cjs");
-const location = require("../../utils/location.qwik.cjs");
-const type$1 = require("../../components/Tree/type.qwik.cjs");
-const vnode = require("../../components/Tree/vnode.qwik.cjs");
-const type = require("../../utils/type.qwik.cjs");
-const formatTreeData = require("./formatTreeData.qwik.cjs");
-const internal = require("@qwik.dev/core/internal");
-require("../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.cjs");
-const constants = require("../../packages/kit/src/constants.qwik.cjs");
-const context = require("../../packages/kit/src/context.qwik.cjs");
-require("../../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.cjs");
-const data = require("./data.qwik.cjs");
-const bundleFull = require("../../node_modules/.pnpm/shiki@3.8.1/node_modules/shiki/dist/bundle-full.qwik.cjs");
-const RenderTree = core.component$(() => {
-  core.useStyles$(`
-    pre.shiki {
-      overflow: auto;
-      padding: 10px;
-    }
-  `);
-  const codes = core.useSignal([]);
-  const data$1 = core.useSignal([]);
-  const stateTree = core.useSignal([]);
-  const hookFilters = core.useSignal([]);
-  const qwikContainer = core.useComputed$(() => {
-    try {
-      return location.htmlContainer();
-    } catch (error) {
-      console.error(error);
-      return null;
-    }
-  });
-  const highlightedCodes = core.useSignal([]);
-  core.useVisibleTask$(async ({ track }) => {
-    track(() => codes.value);
-    if (!codes.value.length) {
-      highlightedCodes.value = [];
-      return;
-    }
-    const highlighter = await bundleFull.createHighlighter({
-      themes: [
-        "nord"
-      ],
-      langs: [
-        "tsx",
-        "js",
-        "ts",
-        "jsx"
-      ]
-    });
-    highlightedCodes.value = codes.value.map((item) => {
-      let lang = "tsx";
-      if (item.pathId.endsWith(".js")) lang = "js";
-      if (item.pathId.endsWith(".ts")) lang = "ts";
-      if (item.pathId.endsWith(".jsx")) lang = "jsx";
-      if (item.pathId.endsWith(".tsx")) lang = "tsx";
-      return item?.modules?.code ? highlighter.codeToHtml(item.modules.code, {
-        lang,
-        theme: "nord"
-      }) : "";
-    });
-  });
-  core.useVisibleTask$(() => {
-    data$1.value = vnode.removeNodeFromTree(filterVnode.vnode_toObject(qwikContainer.value.rootVNode), (node) => {
-      return node.name === type$1.ISDEVTOOL;
-    });
-  });
-  const onNodeClick = core.$(async (node) => {
-    console.log("current node", node);
-    const rpc = context.getViteClientRpc();
-    let parsed = [];
-    formatTreeData.clearAll();
-    if (node.props?.[constants.QRENDERFN]) {
-      formatTreeData.formatData("render", {
-        data: {
-          render: node.props[constants.QRENDERFN]
-        }
-      });
-      const qrl = formatTreeData.getQrlChunkName(node.props[constants.QRENDERFN]);
-      parsed = data.getQwikState(qrl);
-    }
-    if (Array.isArray(node.props?.[constants.QSEQ]) && parsed.length > 0) {
-      const normalizedData = [
-        ...parsed,
-        ...data.returnQrlData(node.props?.[constants.QSEQ])
-      ];
-      normalizedData.forEach((item) => {
-        formatTreeData.formatData(item.hookType, item);
-      });
-    }
-    if (node.props?.[constants.QPROPS]) {
-      const props = internal.unwrapStore(node.props[constants.QPROPS]);
-      Object.entries(props).forEach(([key, value]) => {
-        formatTreeData.formatData(type.isListen(key) ? "listens" : "props", {
-          data: {
-            [key]: value
-          }
-        });
-      });
-    }
-    codes.value = [];
-    const res = await rpc?.getModulesByPathIds(formatTreeData.findAllQrl());
-    codes.value = res.filter((item) => item.modules);
-    stateTree.value = formatTreeData.buildTree();
-    hookFilters.value = formatTreeData.getHookFilterList();
-  });
-  const currentTab = core.useSignal("state");
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    class: "h-full w-full flex-1 overflow-hidden rounded-md border  border-border",
-    children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      class: "flex h-full w-full",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", {
-          class: "w-1/2 overflow-hidden p-4",
-          style: {
-            minWidth: "400px"
-          },
-          children: /* @__PURE__ */ jsxRuntime.jsx(Tree.Tree, {
-            data: data$1,
-            onNodeClick
-          })
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", {
-          class: "border-l border-border"
-        }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          class: "flex h-full min-h-0 w-1/2 flex-col overflow-hidden p-4",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", {
-              class: "border-b border-border",
-              children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "flex space-x-4 border-b border-border",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("button", {
-                    onClick$: () => currentTab.value = "state",
-                    style: currentTab.value === "state" ? {
-                      borderBottom: "2px solid var(--color-primary-active)"
-                    } : {},
-                    class: "border-b-2 border-b-transparent px-4 py-3 text-sm font-medium transition-all duration-300 ease-in-out",
-                    children: "State"
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("button", {
-                    onClick$: () => currentTab.value = "code",
-                    style: currentTab.value === "code" ? {
-                      borderBottom: "2px solid var(--color-primary-active)"
-                    } : {},
-                    class: "border-b-2 border-b-transparent px-4 py-3 text-sm font-medium  transition-all duration-300 ease-in-out",
-                    children: "Code"
-                  })
-                ]
-              })
-            }),
-            currentTab.value === "state" && /* @__PURE__ */ jsxRuntime.jsxs("div", {
-              class: "mt-5 flex min-h-0 flex-1 flex-col rounded-lg border border-border bg-card-item-bg shadow-sm",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                  class: "flex flex-wrap items-center gap-2 border-b border-border px-2 py-2",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("span", {
-                      class: "text-xs text-muted-foreground",
-                      children: "Hooks:"
-                    }),
-                    hookFilters.value.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs("label", {
-                      class: "flex items-center space-x-1 rounded border border-border px-2 py-1 text-xs",
-                      children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("input", {
-                          type: "checkbox",
-                          checked: item.display,
-                          onChange$: (ev) => {
-                            const target = ev.target;
-                            hookFilters.value[idx].display = target.checked;
-                            stateTree.value = formatTreeData.buildTree().filter((item2) => hookFilters.value.some((hook) => hook.key === item2?.label && hook.display));
-                          }
-                        }),
-                        /* @__PURE__ */ jsxRuntime.jsx("span", {
-                          children: item.key
-                        })
-                      ]
-                    }, idx)),
-                    /* @__PURE__ */ jsxRuntime.jsx("button", {
-                      class: "ml-auto rounded border border-border px-2 py-1 text-xs",
-                      onClick$: core.$(() => {
-                        hookFilters.value = hookFilters.value.map((item) => {
-                          item.display = true;
-                          return item;
-                        });
-                        stateTree.value = formatTreeData.buildTree().filter((item) => hookFilters.value.some((hook) => hook.key === item?.label && hook.display));
-                      }),
-                      children: "Select all"
-                    }),
-                    /* @__PURE__ */ jsxRuntime.jsx("button", {
-                      class: "rounded border border-border px-2 py-1 text-xs",
-                      onClick$: core.$(() => {
-                        hookFilters.value = hookFilters.value.map((item) => {
-                          item.display = false;
-                          return item;
-                        });
-                        stateTree.value = formatTreeData.buildTree().filter((item) => hookFilters.value.some((hook) => hook.key === item?.label && hook.display));
-                      }),
-                      children: "Clear"
-                    })
-                  ]
-                }),
-                /* @__PURE__ */ jsxRuntime.jsx("div", {
-                  class: "min-h-0 flex-1 overflow-y-auto p-2",
-                  children: /* @__PURE__ */ jsxRuntime.jsx(Tree.Tree, {
-                    data: stateTree,
-                    gap: 10,
-                    animate: true,
-                    animationDuration: 200,
-                    isHover: true,
-                    renderNode: core.$((node) => {
-                      const label = node.label || node.name || "";
-                      const isProperty = label.split(":");
-                      return isProperty.length > 1 ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("span", {
-                            class: "text-red-300 dark:text-red-500",
-                            children: isProperty[0]
-                          }),
-                          /* @__PURE__ */ jsxRuntime.jsxs("span", {
-                            class: "text-gray-700 dark:text-white",
-                            children: [
-                              " ",
-                              ": ",
-                              isProperty[1]
-                            ]
-                          })
-                        ]
-                      }) : /* @__PURE__ */ jsxRuntime.jsx("span", {
-                        children: label
-                      });
-                    })
-                  })
-                })
-              ]
-            }),
-            currentTab.value === "code" && /* @__PURE__ */ jsxRuntime.jsx("div", {
-              class: "mt-5 min-h-0 flex-1 overflow-y-auto rounded-lg border  border-border p-2 shadow-sm",
-              children: codes.value.map((item, idx) => {
-                return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
-                  children: /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                    class: "mb-4 rounded-xl border border-border bg-background p-4 shadow-lg",
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx("div", {
-                        class: "mb-2 break-all text-base font-semibold text-primary",
-                        children: item.pathId
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx("pre", {
-                        class: "overflow-hidden",
-                        dangerouslySetInnerHTML: highlightedCodes.value[idx] || ""
-                      })
-                    ]
-                  })
-                });
-              })
-            })
-          ]
-        })
-      ]
-    })
-  });
-});
-exports.RenderTree = RenderTree;

package/dist/ui/features/RenderTree/data.qwik.cjs

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.cjs");
-const constants = require("../../packages/kit/src/constants.qwik.cjs");
-require("../../node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.cjs");
-const isInnerHook = (seq) => {
-  return !(seq[constants.QRL_KEY] || seq[constants.COMPUTED_QRL_KEY])?.[constants.CHUNK_KEY].includes(constants.INNER_USE_HOOK);
-};
-const getQwikState = (qrl) => {
-  const stateKeyPath = Object.keys(window.QWIK_DEVTOOLS_GLOBAL_STATE)?.find((key) => key.endsWith(qrl));
-  return (
-    //@ts-ignore
-    window.QWIK_DEVTOOLS_GLOBAL_STATE?.[stateKeyPath]?.filter((item) => !!item.data) || []
-  );
-};
-const returnQrlData = (seqs) => {
-  return seqs.filter(isInnerHook).filter((item) => item[constants.QRL_KEY]).map((item) => {
-    return {
-      category: "expressionStatement",
-      data: item[constants.QRL_KEY],
-      hookType: item[constants.QRL_KEY]?.[constants.CHUNK_KEY]?.includes("useTask") ? "useTask" : "useVisibleTask",
-      returnType: "undefined",
-      variableName: item[constants.QRL_KEY]?.[constants.CHUNK_KEY]?.includes("useTask") ? "useTask" : "useVisibleTask"
-    };
-  });
-};
-exports.getQwikState = getQwikState;
-exports.returnQrlData = returnQrlData;