@qwik.dev/devtools 0.1.2 → 0.2.0

package/dist/ui/_virtual/server.node.qwik.mjs

@@ -1,5 +0,0 @@
-import { __require as requireServer_node } from "../node_modules/.pnpm/react-dom@18.2.0_react@18.2.0/node_modules/react-dom/server.node.qwik.mjs";
-var server_nodeExports = requireServer_node();
-export {
-  server_nodeExports as s
-};

package/dist/ui/_virtual/server.node.qwik2.cjs

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var server_node = {};
-exports.__exports = server_node;

package/dist/ui/_virtual/server.node.qwik2.mjs

@@ -1,4 +0,0 @@
-var server_node = {};
-export {
-  server_node as __exports
-};

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

@@ -1,108 +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.qwik.cjs");
-const styleModern = require("../../node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/style-modern.css.qwik.cjs");
-const styles = require("./styles.css.qwik.cjs");
-const Components = core.component$(() => {
-  core.useStyles$(styleModern);
-  core.useStyles$(styles);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Tree.QGreetings, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(ComponentsStore, {})
-    ]
-  });
-});
-const ComponentsStore = core.component$(() => {
-  const selectedComponent = core.useSignal(null);
-  const components = window.__QWIK_DEVTOOLS__.appState;
-  const componentStore = Object.keys(components);
-  const handleComponentSelected = core.$((key) => {
-    selectedComponent.value = key;
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("select", {
-        class: "mt-2 w-1/2 rounded-md border border-border bg-transparent p-2 font-mono text-foreground",
-        onChange$: (_, e) => handleComponentSelected(e.value),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("option", {
-            value: "",
-            children: "Select component"
-          }),
-          componentStore.map((key) => /* @__PURE__ */ jsxRuntime.jsx("option", {
-            value: key,
-            class: "p-2",
-            children: key
-          }, key))
-        ]
-      }),
-      selectedComponent.value && /* @__PURE__ */ jsxRuntime.jsx(ComponentStoreUpdate, {
-        value: components[selectedComponent.value].state
-      })
-    ]
-  });
-});
-const ComponentStoreUpdate = core.component$(({ value }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    class: "mt-2 flex w-1/2 flex-col font-mono text-foreground",
-    children: Object.keys(value).map((key) => {
-      if (value[key].type === "signal") {
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          class: "flex flex-col",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("h2", {
-              class: "text-lg font-bold",
-              children: [
-                "Signal: ",
-                key
-              ]
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx("input", {
-              class: "mt-2 rounded-md border border-border bg-transparent p-2 font-mono text-foreground",
-              type: typeof value[key].value === "string" ? "text" : "number",
-              "bind:value": value[key].value
-            })
-          ]
-        }, key);
-      }
-      if (value[key].type === "store") {
-        return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-          class: "flex flex-col",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("h2", {
-              class: "text-lg font-bold",
-              children: [
-                "Store: ",
-                key
-              ]
-            }),
-            Object.keys(value[key].value).map((storeKey) => /* @__PURE__ */ jsxRuntime.jsxs("div", {
-              class: "flex flex-col",
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsxs("h3", {
-                  class: "text-md font-bold",
-                  children: [
-                    "Key: ",
-                    storeKey
-                  ]
-                }),
-                /* @__PURE__ */ jsxRuntime.jsx("input", {
-                  class: "mt-2 rounded-md border border-border bg-transparent p-2 font-mono text-foreground",
-                  type: typeof value[key].value[storeKey] === "string" ? "text" : "number",
-                  value: value[key].value[storeKey],
-                  onChange$: (_, e) => {
-                    value[key].value[storeKey] = typeof value[key].value[storeKey] === "string" ? e.value : Number(e.value);
-                  }
-                })
-              ]
-            }, storeKey))
-          ]
-        }, key);
-      }
-    })
-  });
-});
-exports.Components = Components;

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

@@ -1,108 +0,0 @@
-import { jsxs, jsx } from "@qwik.dev/core/jsx-runtime";
-import { component$, useStyles$, useSignal, $ } from "@qwik.dev/core";
-import { QGreetings } from "./components/Tree.qwik.mjs";
-import reactTreeCss from "../../node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/style-modern.css.qwik.mjs";
-import styles from "./styles.css.qwik.mjs";
-const Components = component$(() => {
-  useStyles$(reactTreeCss);
-  useStyles$(styles);
-  return /* @__PURE__ */ jsxs("div", {
-    children: [
-      /* @__PURE__ */ jsx(QGreetings, {}),
-      /* @__PURE__ */ jsx(ComponentsStore, {})
-    ]
-  });
-});
-const ComponentsStore = component$(() => {
-  const selectedComponent = useSignal(null);
-  const components = window.__QWIK_DEVTOOLS__.appState;
-  const componentStore = Object.keys(components);
-  const handleComponentSelected = $((key) => {
-    selectedComponent.value = key;
-  });
-  return /* @__PURE__ */ jsxs("div", {
-    children: [
-      /* @__PURE__ */ jsxs("select", {
-        class: "mt-2 w-1/2 rounded-md border border-border bg-transparent p-2 font-mono text-foreground",
-        onChange$: (_, e) => handleComponentSelected(e.value),
-        children: [
-          /* @__PURE__ */ jsx("option", {
-            value: "",
-            children: "Select component"
-          }),
-          componentStore.map((key) => /* @__PURE__ */ jsx("option", {
-            value: key,
-            class: "p-2",
-            children: key
-          }, key))
-        ]
-      }),
-      selectedComponent.value && /* @__PURE__ */ jsx(ComponentStoreUpdate, {
-        value: components[selectedComponent.value].state
-      })
-    ]
-  });
-});
-const ComponentStoreUpdate = component$(({ value }) => {
-  return /* @__PURE__ */ jsx("div", {
-    class: "mt-2 flex w-1/2 flex-col font-mono text-foreground",
-    children: Object.keys(value).map((key) => {
-      if (value[key].type === "signal") {
-        return /* @__PURE__ */ jsxs("div", {
-          class: "flex flex-col",
-          children: [
-            /* @__PURE__ */ jsxs("h2", {
-              class: "text-lg font-bold",
-              children: [
-                "Signal: ",
-                key
-              ]
-            }),
-            /* @__PURE__ */ jsx("input", {
-              class: "mt-2 rounded-md border border-border bg-transparent p-2 font-mono text-foreground",
-              type: typeof value[key].value === "string" ? "text" : "number",
-              "bind:value": value[key].value
-            })
-          ]
-        }, key);
-      }
-      if (value[key].type === "store") {
-        return /* @__PURE__ */ jsxs("div", {
-          class: "flex flex-col",
-          children: [
-            /* @__PURE__ */ jsxs("h2", {
-              class: "text-lg font-bold",
-              children: [
-                "Store: ",
-                key
-              ]
-            }),
-            Object.keys(value[key].value).map((storeKey) => /* @__PURE__ */ jsxs("div", {
-              class: "flex flex-col",
-              children: [
-                /* @__PURE__ */ jsxs("h3", {
-                  class: "text-md font-bold",
-                  children: [
-                    "Key: ",
-                    storeKey
-                  ]
-                }),
-                /* @__PURE__ */ jsx("input", {
-                  class: "mt-2 rounded-md border border-border bg-transparent p-2 font-mono text-foreground",
-                  type: typeof value[key].value[storeKey] === "string" ? "text" : "number",
-                  value: value[key].value[storeKey],
-                  onChange$: (_, e) => {
-                    value[key].value[storeKey] = typeof value[key].value[storeKey] === "string" ? e.value : Number(e.value);
-                  }
-                })
-              ]
-            }, storeKey))
-          ]
-        }, key);
-      }
-    })
-  });
-});
-export {
-  Components
-};

package/dist/ui/features/Components/components/Tree.qwik.cjs

@@ -1,60 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../../_virtual/jsx-runtime.qwik.cjs");
-const index_qwik = require("../../../node_modules/.pnpm/@qwik.dev_react@2.0.0-beta.9_@qwik.dev_core@2.0.0-beta.9_prettier@3.3.3_vite@7.1.3_@typ_acdb3a1fab641cc17ee740fd3c684547/node_modules/@qwik.dev/react/lib/index.qwik.qwik.cjs");
-const UncontrolledTreeEnvironment = require("../../../node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/uncontrolledEnvironment/UncontrolledTreeEnvironment.qwik.cjs");
-const StaticTreeDataProvider = require("../../../node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/uncontrolledEnvironment/StaticTreeDataProvider.qwik.cjs");
-const Tree = require("../../../node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/tree/Tree.qwik.cjs");
-const readTemplate = (template, data = {
-  items: {}
-}) => {
-  for (const [key, value] of Object.entries(template)) {
-    data.items[key] = {
-      index: key,
-      canMove: true,
-      isFolder: value !== null,
-      children: value !== null ? Object.keys(value) : void 0,
-      data: key,
-      canRename: true
-    };
-    if (value !== null) {
-      readTemplate(value, data);
-    }
-  }
-  return data;
-};
-const longTree = {
-  root: {
-    "<QwikRouterProvider />": {
-      "<RouterHead />": null,
-      "<RouterOutlet />": null
-    }
-  }
-};
-function Greetings() {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(UncontrolledTreeEnvironment.UncontrolledTreeEnvironment, {
-    dataProvider: new StaticTreeDataProvider.StaticTreeDataProvider(readTemplate(longTree).items, (item, data) => ({
-      ...item,
-      data
-    })),
-    getItemTitle: (item) => item.data,
-    canDragAndDrop: false,
-    canReorderItems: false,
-    canDropOnFolder: false,
-    canDropOnNonFolder: false,
-    viewState: {
-      "tree-1": {
-        expandedItems: []
-      }
-    },
-    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Tree.Tree, {
-      treeId: "tree-1",
-      rootItem: "root",
-      treeLabel: "Tree Example"
-    })
-  });
-}
-const QGreetings = index_qwik.qwikify$(Greetings, {
-  eagerness: "load"
-});
-exports.QGreetings = QGreetings;

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

@@ -1,60 +0,0 @@
-import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.qwik.mjs";
-import { qwikify$ } from "../../../node_modules/.pnpm/@qwik.dev_react@2.0.0-beta.9_@qwik.dev_core@2.0.0-beta.9_prettier@3.3.3_vite@7.1.3_@typ_acdb3a1fab641cc17ee740fd3c684547/node_modules/@qwik.dev/react/lib/index.qwik.qwik.mjs";
-import { UncontrolledTreeEnvironment } from "../../../node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/uncontrolledEnvironment/UncontrolledTreeEnvironment.qwik.mjs";
-import { StaticTreeDataProvider } from "../../../node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/uncontrolledEnvironment/StaticTreeDataProvider.qwik.mjs";
-import { Tree } from "../../../node_modules/.pnpm/react-complex-tree@2.4.6_react@18.2.0/node_modules/react-complex-tree/lib/esm/tree/Tree.qwik.mjs";
-const readTemplate = (template, data = {
-  items: {}
-}) => {
-  for (const [key, value] of Object.entries(template)) {
-    data.items[key] = {
-      index: key,
-      canMove: true,
-      isFolder: value !== null,
-      children: value !== null ? Object.keys(value) : void 0,
-      data: key,
-      canRename: true
-    };
-    if (value !== null) {
-      readTemplate(value, data);
-    }
-  }
-  return data;
-};
-const longTree = {
-  root: {
-    "<QwikRouterProvider />": {
-      "<RouterHead />": null,
-      "<RouterOutlet />": null
-    }
-  }
-};
-function Greetings() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(UncontrolledTreeEnvironment, {
-    dataProvider: new StaticTreeDataProvider(readTemplate(longTree).items, (item, data) => ({
-      ...item,
-      data
-    })),
-    getItemTitle: (item) => item.data,
-    canDragAndDrop: false,
-    canReorderItems: false,
-    canDropOnFolder: false,
-    canDropOnNonFolder: false,
-    viewState: {
-      "tree-1": {
-        expandedItems: []
-      }
-    },
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Tree, {
-      treeId: "tree-1",
-      rootItem: "root",
-      treeLabel: "Tree Example"
-    })
-  });
-}
-const QGreetings = qwikify$(Greetings, {
-  eagerness: "load"
-});
-export {
-  QGreetings
-};

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/lib-types/ui/src/features/Components/Components.d.ts

@@ -1,19 +0,0 @@
-export interface ComponentStateStore {
-    [key: string]: {
-        type: 'signal' | 'store';
-        value: any;
-    };
-}
-export interface ComponentState {
-    path: string;
-    state: ComponentStateStore;
-    type: string;
-}
-declare global {
-    interface Window {
-        __QWIK_DEVTOOLS__: {
-            appState: Record<string, ComponentState>;
-        };
-    }
-}
-export declare const Components: import("@qwik.dev/core").Component<unknown>;

package/dist/ui/lib-types/ui/src/features/Components/components/Tree.d.ts

@@ -1 +0,0 @@
-export declare const QGreetings: import("@qwik.dev/core").Component<import("@qwik.dev/react").QwikifyProps<Record<any, any>>>;

package/dist/ui/node_modules/.pnpm/@qwik.dev_react@2.0.0-beta.9_@qwik.dev_core@2.0.0-beta.9_prettier@3.3.3_vite@7.1.3_@typ_acdb3a1fab641cc17ee740fd3c684547/node_modules/@qwik.dev/react/lib/index.qwik.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 client = require("../../../../../../../_virtual/client.qwik.cjs");
-const index$1 = require("../../../../../../../_virtual/index.qwik.cjs");
-const internal = require("@qwik.dev/core/internal");
-const server_node = require("../../../../../../../_virtual/server.node.qwik.cjs");
-const index = require("../../../../../../../_virtual/index.qwik2.cjs");
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-const SlotCtx = index.reactExports.createContext({
-  scopeId: ""
-});
-function main(slotEl, scopeId, RootCmp, props) {
-  const newProps = getReactProps(props);
-  return mainExactProps(slotEl, scopeId, RootCmp, newProps);
-}
-function mainExactProps(slotEl, scopeId, RootCmp, props) {
-  return index.reactExports.createElement(SlotCtx.Provider, {
-    value: {
-      el: slotEl,
-      scopeId,
-      attachedEl: void 0
-    },
-    children: index.reactExports.createElement(RootCmp, {
-      ...props,
-      children: index.reactExports.createElement(SlotElement, null)
-    })
-  });
-}
-class SlotElement extends index.reactExports.Component {
-  constructor() {
-    super(...arguments);
-    __publicField(this, "slotC", index.reactExports.createRef());
-  }
-  shouldComponentUpdate() {
-    return false;
-  }
-  componentDidMount() {
-    const slotC = this.slotC.current;
-    if (slotC) {
-      const { attachedEl, el } = this.context;
-      if (el) {
-        if (!attachedEl) {
-          slotC.appendChild(el);
-        } else if (attachedEl !== slotC) {
-          throw new Error("already attached");
-        }
-      }
-    }
-  }
-  render() {
-    return index.reactExports.createElement("q-slotc", {
-      class: this.context.scopeId,
-      suppressHydrationWarning: true,
-      dangerouslySetInnerHTML: {
-        __html: "<!--SLOT-->"
-      },
-      ref: this.slotC
-    });
-  }
-}
-__publicField(SlotElement, "contextType", SlotCtx);
-const getReactProps = (props) => {
-  const obj = {};
-  Object.keys(props).forEach((key) => {
-    if (!key.startsWith("client:") && !key.startsWith("qwik:") && !key.startsWith(HOST_PREFIX)) {
-      const normalizedKey = key.endsWith("$") ? key.slice(0, -1) : key;
-      obj[normalizedKey] = props[key];
-    }
-  });
-  return obj;
-};
-const getHostProps = (props) => {
-  const obj = {};
-  Object.keys(props).forEach((key) => {
-    if (key.startsWith(HOST_PREFIX)) {
-      obj[key.slice(HOST_PREFIX.length)] = props[key];
-    }
-  });
-  return obj;
-};
-const useWakeupSignal = (props, opts = {}) => {
-  const signal = core.useSignal(false);
-  const activate = core.$(() => signal.value = true);
-  const clientOnly = !!(props["client:only"] || props["qwik:only"] || opts?.clientOnly);
-  const clientVisible = props["client:visible"] || props["qwik:visible"] || opts?.eagerness === "visible";
-  const clientIdle = props["client:idle"] || props["qwik:idle"] || opts?.eagerness === "idle";
-  const clientLoad = props["client:load"] || props["qwik:load"] || clientOnly || opts?.eagerness === "load";
-  const clientHover = props["client:hover"] || props["qwik:hover"] || opts?.eagerness === "hover";
-  const clientEvent = props["client:event"] || props["qwik:event"];
-  if (core.isServer) {
-    if (clientVisible) {
-      core.useOn("qvisible", activate);
-    }
-    if (clientIdle) {
-      core.useOnDocument("qidle", activate);
-    }
-    if (clientLoad) {
-      core.useOnDocument("qinit", activate);
-    }
-    if (clientHover) {
-      core.useOn("mouseover", activate);
-    }
-    if (clientEvent) {
-      core.useOn(clientEvent, activate);
-    }
-    if (opts?.event) {
-      core.useOn(opts?.event, activate);
-    }
-  }
-  return [
-    signal,
-    clientOnly,
-    activate
-  ];
-};
-const HOST_PREFIX = "host:";
-async function renderFromServer(Host, reactCmp$, scopeId, props, ref, slotRef, hydrationProps) {
-  if (core.isServer) {
-    const Cmp = await reactCmp$.resolve();
-    const newProps = getReactProps(props);
-    Object.assign(hydrationProps, newProps);
-    const html = server_node.server_nodeExports.renderToString(mainExactProps(void 0, scopeId, Cmp, newProps));
-    const index2 = html.indexOf("<!--SLOT-->");
-    if (index2 > 0) {
-      const part1 = html.slice(0, index2);
-      const part2 = html.slice(index2 + "<!--SLOT-->".length);
-      return /* @__PURE__ */ jsxRuntime.jsx(Host, {
-        ref,
-        ...getHostProps(props),
-        children: /* @__PURE__ */ jsxRuntime.jsx(internal.SSRStream, {
-          children: async function* () {
-            yield /* @__PURE__ */ jsxRuntime.jsx(internal.SSRComment, {
-              data: "q:ignore"
-            });
-            yield /* @__PURE__ */ jsxRuntime.jsx(internal.SSRRaw, {
-              data: part1
-            });
-            yield /* @__PURE__ */ jsxRuntime.jsx(internal.SSRComment, {
-              data: "q:container-island"
-            });
-            yield /* @__PURE__ */ jsxRuntime.jsx("q-slot", {
-              ref: slotRef,
-              children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
-            });
-            yield /* @__PURE__ */ jsxRuntime.jsx(internal.SSRComment, {
-              data: "/q:container-island"
-            });
-            yield /* @__PURE__ */ jsxRuntime.jsx(internal.SSRRaw, {
-              data: part2
-            });
-            yield /* @__PURE__ */ jsxRuntime.jsx(internal.SSRComment, {
-              data: "/q:ignore"
-            });
-          }
-        })
-      });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Host, {
-          ref,
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(internal.SSRComment, {
-              data: "q:container=html"
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx(internal.SSRRaw, {
-              data: html
-            }),
-            /* @__PURE__ */ jsxRuntime.jsx(internal.SSRComment, {
-              data: "/q:container"
-            })
-          ]
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("q-slot", {
-          ref: slotRef,
-          children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
-        })
-      ]
-    });
-  }
-}
-function qwikifyQrl(reactCmp$, opts) {
-  return core.component$((props) => {
-    const { scopeId } = core.useStylesScoped$(`q-slot{display:none} q-slotc,q-slotc>q-slot{display:contents}`);
-    const hostRef = core.useSignal();
-    const slotRef = core.useSignal();
-    const internalState = core.useSignal();
-    const [signal, isClientOnly] = useWakeupSignal(props, opts);
-    const hydrationKeys = core.useStore({});
-    const TagName = opts?.tagName ?? "qwik-react";
-    core.useTask$(async ({ track }) => {
-      const trackedProps = track(() => ({
-        ...props
-      }));
-      track(signal);
-      if (!core.isBrowser) {
-        return;
-      }
-      if (internalState.value) {
-        if (internalState.value.root) {
-          internalState.value.root.render(main(slotRef.value, scopeId, internalState.value.cmp, trackedProps));
-        }
-      } else {
-        let root = void 0;
-        const Cmp = await reactCmp$.resolve();
-        const hostElement = hostRef.value;
-        if (hostElement) {
-          if (isClientOnly) {
-            root = client.clientExports.createRoot(hostElement);
-          } else {
-            root = index$1.reactDomExports.flushSync(() => {
-              return client.clientExports.hydrateRoot(hostElement, mainExactProps(slotRef.value, scopeId, Cmp, hydrationKeys));
-            });
-          }
-          if (isClientOnly || signal.value === false) {
-            root.render(main(slotRef.value, scopeId, Cmp, trackedProps));
-          }
-        }
-        internalState.value = core.noSerialize({
-          cmp: Cmp,
-          root
-        });
-      }
-    });
-    if (core.isServer && !isClientOnly) {
-      const jsx$1 = renderFromServer(TagName, reactCmp$, scopeId, props, hostRef, slotRef, hydrationKeys);
-      return /* @__PURE__ */ jsxRuntime.jsx(core.RenderOnce, {
-        children: jsx$1
-      }, 2);
-    }
-    return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TagName, {
-          ...getHostProps(props),
-          ref: (el) => {
-            if (core.isBrowser) {
-              queueMicrotask(() => {
-                const internalData = internalState.value;
-                if (internalData && !internalData.root) {
-                  const root = internalData.root = client.clientExports.createRoot(el);
-                  root.render(main(slotRef.value, scopeId, internalData.cmp, props));
-                }
-              });
-            } else {
-              hostRef.value = el;
-            }
-          },
-          children: core.SkipRender
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx("q-slot", {
-          ref: slotRef,
-          children: /* @__PURE__ */ jsxRuntime.jsx(core.Slot, {})
-        })
-      ]
-    });
-  });
-}
-const qwikify$ = /* @__PURE__ */ core.implicit$FirstArg(qwikifyQrl);
-exports.qwikify$ = qwikify$;
-exports.qwikifyQrl = qwikifyQrl;