@qwik.dev/devtools 0.2.0 → 0.2.2

package/dist/ui/devtools.qwik.cjs

@@ -1,259 +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 index = require("./node_modules/.pnpm/vite-hot-client@2.0.4_vite@7.1.3_@types_node@20.14.11_jiti@2.4.2_tsx@4.19.2_yaml@2.7.0_/node_modules/vite-hot-client/dist/index.qwik.cjs");
-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 bs_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/bs.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 client = require("./packages/kit/src/client.qwik.cjs");
-require("./node_modules/.pnpm/superjson@2.2.2/node_modules/superjson/dist/index.qwik.cjs");
-const context = require("./packages/kit/src/context.qwik.cjs");
-const index_esm = require("./node_modules/.pnpm/dree@5.1.5/node_modules/dree/bundled/lib/esm/index.esm.qwik.cjs");
-const global = require("./global.css.qwik.cjs");
-const Tab = require("./components/Tab/Tab.qwik.cjs");
-const TabContent = require("./components/TabContent/TabContent.qwik.cjs");
-const Overview = require("./features/Overview/Overview.qwik.cjs");
-const Assets = require("./features/Assets/Assets.qwik.cjs");
-const Routes = require("./features/Routes/Routes.qwik.cjs");
-const TabTitle = require("./components/TabTitle/TabTitle.qwik.cjs");
-const RenderTree = require("./features/RenderTree/RenderTree.qwik.cjs");
-const DevtoolsButton = require("./components/DevtoolsButton/DevtoolsButton.qwik.cjs");
-const DevtoolsContainer = require("./components/DevtoolsContainer/DevtoolsContainer.qwik.cjs");
-const DevtoolsPanel = require("./components/DevtoolsPanel/DevtoolsPanel.qwik.cjs");
-const Packages = require("./features/Packages/Packages.qwik.cjs");
-const Inspect = require("./features/inspect/Inspect.qwik.cjs");
-const ThemeToggle = require("./components/ThemeToggle/ThemeToggle.qwik.cjs");
-const themeScript = require("./components/ThemeToggle/theme-script.qwik.cjs");
-function getClientRpcFunctions() {
-  return {
-    healthCheck: () => true
-  };
-}
-const QwikDevtools = core.component$(() => {
-  core.useStyles$(global);
-  const state = core.useStore({
-    isOpen: core.useSignal(false),
-    activeTab: "overview",
-    npmPackages: [],
-    assets: [],
-    components: [],
-    routes: void 0
-  });
-  core.useVisibleTask$(async ({ track }) => {
-    const hot = await index.tryCreateHotContext(void 0, [
-      "/"
-    ]);
-    if (!hot) {
-      throw new Error("Vite Hot Context not connected");
-    }
-    context.setViteClientContext(hot);
-    client.createClientRpc(getClientRpcFunctions());
-    track(() => {
-      if (state.isOpen.value) {
-        const rpc = context.getViteClientRpc();
-        rpc.getAssetsFromPublicDir().then((data) => {
-          state.assets = data;
-        });
-        rpc.getComponents().then((data) => {
-          state.components = data;
-        });
-        rpc.getRoutes().then((data) => {
-          const children = data?.children || [];
-          const directories = children.filter((child) => child.type === "directory");
-          const values = [
-            {
-              relativePath: "",
-              name: "index",
-              type: index_esm.Type.DIRECTORY,
-              path: "",
-              isSymbolicLink: false,
-              children: void 0
-            },
-            ...directories
-          ];
-          state.routes = core.noSerialize(values);
-        });
-        rpc.getQwikPackages().then((data) => {
-          state.npmPackages = data;
-        });
-      }
-    });
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(themeScript.ThemeScript, {}),
-      /* @__PURE__ */ jsxRuntime.jsxs(DevtoolsContainer.DevtoolsContainer, {
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(DevtoolsButton.DevtoolsButton, {
-            state
-          }),
-          state.isOpen.value && /* @__PURE__ */ jsxRuntime.jsxs(DevtoolsPanel.DevtoolsPanel, {
-            state,
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "bg-background/95 flex flex-col gap-2 border-r border-border p-3",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "overview",
-                    title: "Overview",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiBoltOutline, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "packages",
-                    title: "Packages",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiCubeOutline, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "renderTree",
-                    title: "renderTree",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(bs_qwik.BsDiagram3, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "routes",
-                    title: "Routes",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lu_qwik.LuFolderTree, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "assets",
-                    title: "Assets",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiPhotoOutline, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx(Tab.Tab, {
-                    state,
-                    id: "inspect",
-                    title: "inspect",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(hi_qwik.HiMegaphoneMini, {
-                      class: "h-5 w-5"
-                    })
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("div", {
-                    class: "mt-auto",
-                    children: /* @__PURE__ */ jsxRuntime.jsx(ThemeToggle.ThemeToggle, {})
-                  })
-                ]
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "custom-scrollbar flex-1 overflow-y-auto p-4",
-                children: [
-                  state.activeTab === "overview" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                        class: "flex items-center gap-3",
-                        "q:slot": "title",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("img", {
-                            width: 32,
-                            height: 32,
-                            src: "https://qwik.dev/logos/qwik-logo.svg",
-                            alt: "Qwik Logo",
-                            class: "h-8 w-8"
-                          }),
-                          /* @__PURE__ */ jsxRuntime.jsx("h1", {
-                            class: "text-2xl font-semibold",
-                            children: "Qwik DevTools"
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Overview.Overview, {
-                        state,
-                        "q:slot": "content"
-                      })
-                    ]
-                  }),
-                  state.activeTab === "assets" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(TabTitle.TabTitle, {
-                        title: "Public Assets",
-                        "q:slot": "title"
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                        class: "flex gap-4 text-sm text-muted-foreground",
-                        children: [
-                          /* @__PURE__ */ jsxRuntime.jsxs("span", {
-                            children: [
-                              "Total Size:",
-                              " ",
-                              (state.assets?.reduce((acc, asset) => acc + asset.size, 0) / 1024).toFixed(2),
-                              " ",
-                              "KB"
-                            ]
-                          }),
-                          /* @__PURE__ */ jsxRuntime.jsxs("span", {
-                            children: [
-                              "Count: ",
-                              state.assets?.length || 0
-                            ]
-                          })
-                        ]
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Assets.Assets, {
-                        state,
-                        "q:slot": "content"
-                      })
-                    ]
-                  }),
-                  state.activeTab === "packages" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(TabTitle.TabTitle, {
-                        title: "Install an npm package",
-                        "q:slot": "title"
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Packages.Packages, {
-                        "q:slot": "content"
-                      })
-                    ]
-                  }),
-                  state.activeTab === "routes" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(TabTitle.TabTitle, {
-                        title: "Application Routes",
-                        "q:slot": "title"
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(Routes.Routes, {
-                        state,
-                        "q:slot": "content"
-                      })
-                    ]
-                  }),
-                  state.activeTab === "inspect" && /* @__PURE__ */ jsxRuntime.jsx(TabContent.TabContent, {
-                    children: /* @__PURE__ */ jsxRuntime.jsx(Inspect.Inspect, {
-                      "q:slot": "content"
-                    })
-                  }),
-                  state.activeTab === "renderTree" && /* @__PURE__ */ jsxRuntime.jsxs(TabContent.TabContent, {
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(TabTitle.TabTitle, {
-                        title: "render Tree",
-                        "q:slot": "title"
-                      }),
-                      /* @__PURE__ */ jsxRuntime.jsx(RenderTree.RenderTree, {
-                        "q:slot": "content"
-                      })
-                    ]
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      })
-    ]
-  });
-});
-exports.QwikDevtools = QwikDevtools;

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

@@ -1,60 +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 Assets = core.component$(({ state }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    class: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-    children: state.assets?.map((asset) => {
-      const isImage = asset.path.match(/\.(jpg|jpeg|png|gif|svg|webp)$/i);
-      const fileExt = asset.path.split(".").pop()?.toUpperCase();
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        class: "overflow-hidden rounded-xl border border-border bg-card-item-bg transition-all duration-200 hover:bg-card-item-hover-bg",
-        children: [
-          isImage ? /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "aspect-square overflow-hidden bg-black/20",
-            children: /* @__PURE__ */ jsxRuntime.jsx("img", {
-              width: 176,
-              height: 176,
-              src: asset.publicPath,
-              alt: asset.path,
-              class: "h-full w-full object-cover"
-            })
-          }) : /* @__PURE__ */ jsxRuntime.jsx("div", {
-            class: "flex aspect-square items-center justify-center bg-black/20",
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-              class: "font-mono text-2xl text-muted-foreground",
-              children: fileExt
-            })
-          }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", {
-            class: "space-y-2 p-4",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", {
-                class: "truncate text-sm",
-                title: asset.path,
-                children: asset.path.split("/").pop()
-              }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", {
-                class: "flex items-center justify-between text-xs text-muted-foreground",
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("span", {
-                    children: [
-                      (asset.size / 1024).toFixed(2),
-                      " KB"
-                    ]
-                  }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", {
-                    class: "bg-foreground/5 rounded-full px-2 py-1",
-                    children: fileExt
-                  })
-                ]
-              })
-            ]
-          })
-        ]
-      }, asset.filePath);
-    })
-  });
-});
-exports.Assets = Assets;

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
-};