@noma.to/qwik-testing-library 1.3.2 → 1.5.0

package/README.md

@@ -19,7 +19,7 @@ src="https://raw.githubusercontent.com/ianlet/qwik-testing-library/main/high-vol
 [![MIT License][license-badge]][license]
 
 <!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section -->
-[![All Contributors](https://img.shields.io/badge/all_contributors-2-orange.svg?style=flat-square)](#contributors-)
+[![All Contributors](https://img.shields.io/badge/all_contributors-3-orange.svg?style=flat-square)](#contributors-)
 <!-- ALL-CONTRIBUTORS-BADGE:END -->
 [![PRs Welcome][prs-badge]][prs]
 [![Code of Conduct][coc-badge]][coc]
@@ -131,7 +131,7 @@ should be installed as one of your project's `devDependencies`:
 npm install --save-dev @noma.to/qwik-testing-library @testing-library/dom
 ```
 
-This library supports `qwik` versions `1.7.2` and above and `@testing-library/dom` versions `10.1.0` and above.
+This library supports `qwik` versions `1.12.0` and above and `@testing-library/dom` versions `10.1.0` and above.
 
 You may also be interested in installing `@testing-library/jest-dom` and `@testing-library/user-event` so you can
 use [the custom jest matchers][jest-dom] and [the user event library][user-event] to test interactions with the DOM.
@@ -141,10 +141,12 @@ npm install --save-dev @testing-library/jest-dom @testing-library/user-event
 ```
 
 Finally, we need a DOM environment to run the tests in.
-This library was tested (for now) only with `jsdom` so we recommend using it:
+This library is tested with both `jsdom` and `happy-dom`:
 
 ```shell
 npm install --save-dev jsdom
+# or
+npm install --save-dev happy-dom
 ```
 
 [npm]: https://www.npmjs.com/
@@ -160,10 +162,10 @@ npm install --save-dev jsdom
 We recommend using `@noma.to/qwik-testing-library` with [Vitest][vitest] as your test
 runner.
 
-If you haven't done so already, add vitest to your project using Qwik CLI:
+If you haven't done so already, install vitest:
 
 ```shell
-npm run qwik add vitest
+npm install --save-dev vitest
 ```
 
 After that, we need to configure Vitest so it can run your tests.
@@ -192,8 +194,11 @@ export default defineConfig((configEnv) =>
       },
       // configure your test environment
       test: {
-        environment: "jsdom",
-        setupFiles: ["./vitest.setup.ts"],
+        environment: "jsdom", // or "happy-dom"
+        setupFiles: [
+          "@noma.to/qwik-testing-library/setup",
+          "@testing-library/jest-dom/vitest", // optional, for DOM matchers
+        ],
         globals: true,
       },
     }),
@@ -216,24 +221,8 @@ As the build will try to use `./src/index.ts` as the entry point, we need to cre
  */
 ```
 
-Then, create the `vitest.setup.ts` file:
-
-```ts
-// vitest.setup.ts
-
-// Configure DOM matchers to work in Vitest
-import "@testing-library/jest-dom/vitest";
-
-// This has to run before qdev.ts loads. `beforeAll` is too late
-globalThis.qTest = false; // Forces Qwik to run as if it was in a Browser
-globalThis.qRuntimeQrl = true;
-globalThis.qDev = true;
-globalThis.qInspector = false;
-```
-
-This setup will make sure that Qwik is properly configured.
-It also loads `@testing-library/jest-dom/vitest` in your test runner
-so you can use matchers like `expect(...).toBeInTheDocument()`.
+The `@noma.to/qwik-testing-library/setup` module configures Qwik globals (`qTest`, `qRuntimeQrl`, `qDev`,
+`qInspector`) for testing. It must run before any Qwik code loads, which is why it's added to `setupFiles`.
 
 By default, Qwik Testing Library cleans everything up automatically for you.
 You can opt out of this by setting the environment variable `QTL_SKIP_AUTO_CLEANUP` to `true`.
@@ -307,7 +296,7 @@ describe("<Counter />", () => {
     await user.click(incrementBtn);
 
     // assert that the counter is now 2
-    await waitFor(() => expect(screen.findByText(/count:2/)).toBeInTheDocument());
+    expect(await screen.findByText(/count:2/)).toBeInTheDocument();
   });
 })
 ```
@@ -482,6 +471,7 @@ Thanks goes to these people ([emoji key][emojis]):
     <tr>
       <td align="center" valign="top" width="14.28%"><a href="https://noma.to/"><img src="https://avatars.githubusercontent.com/u/6018732?v=4?s=100" width="100px;" alt="Ian Létourneau"/><br /><sub><b>Ian Létourneau</b></sub></a><br /><a href="https://github.com/ianlet/qwik-testing-library/commits?author=ianlet" title="Code">💻</a> <a href="https://github.com/ianlet/qwik-testing-library/commits?author=ianlet" title="Tests">⚠️</a> <a href="#ideas-ianlet" title="Ideas, Planning, & Feedback">🤔</a> <a href="https://github.com/ianlet/qwik-testing-library/commits?author=ianlet" title="Documentation">📖</a> <a href="#example-ianlet" title="Examples">💡</a></td>
       <td align="center" valign="top" width="14.28%"><a href="https://brandonpittman.com"><img src="https://avatars.githubusercontent.com/u/967145?v=4?s=100" width="100px;" alt="Brandon Pittman"/><br /><sub><b>Brandon Pittman</b></sub></a><br /><a href="https://github.com/ianlet/qwik-testing-library/commits?author=brandonpittman" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="http://jackshelton.com"><img src="https://avatars.githubusercontent.com/u/104264123?v=4?s=100" width="100px;" alt="Jack Shelton"/><br /><sub><b>Jack Shelton</b></sub></a><br /><a href="https://github.com/ianlet/qwik-testing-library/pulls?q=is%3Apr+reviewed-by%3Athejackshelton" title="Reviewed Pull Requests">👀</a></td>
     </tr>
   </tbody>
   <tfoot>

package/lib/lib/qwik-testing-library.qwik.cjs

@@ -24,7 +24,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
 const dom = require("@testing-library/dom");
-const qwikloader = require("./qwikloader.qwik.cjs");
+const server = require("@builder.io/qwik/server");
+if (typeof HTMLTemplateElement !== "undefined") {
+  const testTemplate = document.createElement("template");
+  const testNode = document.createComment("test");
+  testTemplate.insertBefore(testNode, null);
+  const needsPatch = testTemplate.childNodes.length === 0;
+  testNode.remove();
+  if (needsPatch) {
+    Object.defineProperty(HTMLTemplateElement.prototype, "childNodes", {
+      get() {
+        return this.content.childNodes;
+      }
+    });
+  }
+}
 if (typeof process === "undefined" || !process.env?.QTL_SKIP_AUTO_CLEANUP) {
   if (typeof afterEach === "function") {
     afterEach(() => {
@@ -46,7 +60,9 @@ async function render(ui, options = {}) {
   const wrappedUi = !Wrapper ? ui : /* @__PURE__ */ jsxRuntime.jsx(Wrapper, {
     children: ui
   });
-  qwikloader.qwikLoader(baseElement.ownerDocument);
+  const doc = baseElement.ownerDocument;
+  const win = doc.defaultView;
+  new Function("document", "window", server.getQwikLoaderScript())(doc, win);
   const { cleanup: cleanup2 } = await qwik.render(container, wrappedUi, {
     serverData
   });

package/lib/lib/qwik-testing-library.qwik.mjs

@@ -1,7 +1,21 @@
 import { jsx } from "@builder.io/qwik/jsx-runtime";
 import { getQueriesForElement, prettyDOM } from "@testing-library/dom";
 export * from "@testing-library/dom";
-import { qwikLoader } from "./qwikloader.qwik.mjs";
+import { getQwikLoaderScript } from "@builder.io/qwik/server";
+if (typeof HTMLTemplateElement !== "undefined") {
+  const testTemplate = document.createElement("template");
+  const testNode = document.createComment("test");
+  testTemplate.insertBefore(testNode, null);
+  const needsPatch = testTemplate.childNodes.length === 0;
+  testNode.remove();
+  if (needsPatch) {
+    Object.defineProperty(HTMLTemplateElement.prototype, "childNodes", {
+      get() {
+        return this.content.childNodes;
+      }
+    });
+  }
+}
 if (typeof process === "undefined" || !process.env?.QTL_SKIP_AUTO_CLEANUP) {
   if (typeof afterEach === "function") {
     afterEach(() => {
@@ -23,7 +37,9 @@ async function render(ui, options = {}) {
   const wrappedUi = !Wrapper ? ui : /* @__PURE__ */ jsx(Wrapper, {
     children: ui
   });
-  qwikLoader(baseElement.ownerDocument);
+  const doc = baseElement.ownerDocument;
+  const win = doc.defaultView;
+  new Function("document", "window", getQwikLoaderScript())(doc, win);
   const { cleanup: cleanup2 } = await qwik.render(container, wrappedUi, {
     serverData
   });

package/lib/setup.qwik.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+globalThis.qTest = false;
+globalThis.qRuntimeQrl = true;
+globalThis.qDev = true;
+globalThis.qInspector = false;
+const __qwikSetupComplete = true;
+exports.__qwikSetupComplete = __qwikSetupComplete;

package/lib/setup.qwik.mjs

@@ -0,0 +1,8 @@
+globalThis.qTest = false;
+globalThis.qRuntimeQrl = true;
+globalThis.qDev = true;
+globalThis.qInspector = false;
+const __qwikSetupComplete = true;
+export {
+  __qwikSetupComplete
+};

package/lib-types/lib/qwik-testing-library.d.ts

@@ -1,4 +1,4 @@
-import { JSXOutput } from "@builder.io/qwik";
+import type { JSXOutput } from "@builder.io/qwik";
 import type { Options, Result } from "./types";
 declare function render(ui: JSXOutput, options?: Options): Promise<Result>;
 declare function cleanup(): void;

package/lib-types/setup.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    var qTest: boolean;
+    var qRuntimeQrl: boolean;
+    var qDev: boolean;
+    var qInspector: boolean;
+}
+export declare const __qwikSetupComplete = true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noma.to/qwik-testing-library",
-  "version": "1.3.2",
+  "version": "1.5.0",
   "description": "Simple and complete Qwik testing utilities that encourage good testing practices.",
   "repository": "https://github.com/ianlet/qwik-testing-library",
   "homepage": "https://github.com/ianlet/qwik-testing-library",
@@ -13,6 +13,11 @@
       "types": "./lib-types/index.d.ts",
       "import": "./lib/index.qwik.mjs",
       "require": "./lib/index.qwik.cjs"
+    },
+    "./setup": {
+      "types": "./lib-types/setup.d.ts",
+      "import": "./lib/setup.qwik.mjs",
+      "require": "./lib/setup.qwik.cjs"
     }
   },
   "files": [
@@ -35,17 +40,17 @@
   },
   "devDependencies": {
     "@types/eslint": "8.56.10",
-    "@types/node": "22.13.8",
-    "@typescript-eslint/eslint-plugin": "8.28.0",
-    "@typescript-eslint/parser": "8.28.0",
+    "@types/node": "25.1.0",
+    "@typescript-eslint/eslint-plugin": "8.54.0",
+    "@typescript-eslint/parser": "8.54.0",
     "eslint": "8.57.1",
-    "eslint-plugin-qwik": "1.12.1",
-    "prettier": "3.5.3",
-    "typescript": "5.8.2",
+    "eslint-plugin-qwik": "1.19.0",
+    "prettier": "3.8.1",
+    "typescript": "5.9.3",
     "undici": "*",
-    "vite": "6.2.3",
-    "vite-tsconfig-paths": "^5.1.4",
-    "vitest": "^3.0.9"
+    "vite": "7.3.1",
+    "vite-tsconfig-paths": "^6.0.5",
+    "vitest": "^4.0.18"
   },
   "peerDependencies": {
     "@builder.io/qwik": ">= 1.12.0 < 2",

package/lib/lib/qwikloader.qwik.cjs

@@ -1,252 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {})) {
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  }
-  if (__getOwnPropSymbols) {
-    for (var prop of __getOwnPropSymbols(b)) {
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-    }
-  }
-  return a;
-};
-var qwikLoader = (doc, hasInitialized) => {
-  const Q_CONTEXT = "__q_context__";
-  const win = window;
-  const events = /* @__PURE__ */ new Set();
-  const roots = /* @__PURE__ */ new Set([doc]);
-  const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));
-  const querySelectorAll = (query) => {
-    const elements = [];
-    roots.forEach(
-      (root) => elements.push(...nativeQuerySelectorAll(root, query))
-    );
-    return elements;
-  };
-  const findShadowRoots = (fragment) => {
-    processEventOrNode(fragment);
-    nativeQuerySelectorAll(fragment, "[q\\:shadowroot]").forEach((parent) => {
-      const shadowRoot = parent.shadowRoot;
-      shadowRoot && findShadowRoots(shadowRoot);
-    });
-  };
-  const isPromise = (promise) => promise && "function" == typeof promise.then;
-  const broadcast = (infix, ev, type = ev.type) => {
-    querySelectorAll("[on" + infix + "\\:" + type + "]").forEach(
-      (el) => dispatch(el, infix, ev, type)
-    );
-  };
-  const resolveContainer = (containerEl) => {
-    if (void 0 === containerEl._qwikjson_) {
-      let script = (containerEl === doc.documentElement ? doc.body : containerEl).lastElementChild;
-      while (script) {
-        if ("SCRIPT" === script.tagName && "qwik/json" === script.getAttribute("type")) {
-          containerEl._qwikjson_ = JSON.parse(
-            script.textContent.replace(/\\x3C(\/?script)/gi, "<$1")
-          );
-          break;
-        }
-        script = script.previousElementSibling;
-      }
-    }
-  };
-  const createEvent = (eventName, detail) => new CustomEvent(eventName, {
-    detail
-  });
-  const dispatch = async (element, onPrefix, ev, eventName = ev.type) => {
-    const attrName = "on" + onPrefix + ":" + eventName;
-    element.hasAttribute("preventdefault:" + eventName) && ev.preventDefault();
-    const ctx = element._qc_;
-    const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);
-    if (relevantListeners && relevantListeners.length > 0) {
-      for (const listener of relevantListeners) {
-        const results = listener[1].getFn(
-          [element, ev],
-          () => element.isConnected
-        )(ev, element);
-        const cancelBubble = ev.cancelBubble;
-        isPromise(results) && await results;
-        cancelBubble && ev.stopPropagation();
-      }
-      return;
-    }
-    const attrValue = element.getAttribute(attrName);
-    if (attrValue) {
-      const container = element.closest("[q\\:container]");
-      const qBase = container.getAttribute("q:base");
-      const qVersion = container.getAttribute("q:version") || "unknown";
-      const qManifest = container.getAttribute("q:manifest-hash") || "dev";
-      const base = new URL(qBase, doc.baseURI);
-      for (const qrl of attrValue.split("\n")) {
-        const url = new URL(qrl, base);
-        const href = url.href;
-        const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";
-        const reqTime = performance.now();
-        let handler;
-        let importError;
-        let error;
-        const isSync = qrl.startsWith("#");
-        const eventData = {
-          qBase,
-          qManifest,
-          qVersion,
-          href,
-          symbol,
-          element,
-          reqTime
-        };
-        if (isSync) {
-          const hash = container.getAttribute("q:instance");
-          handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];
-          if (!handler) {
-            importError = "sync";
-            error = new Error("sync handler error for symbol: " + symbol);
-          }
-        } else {
-          const uri = url.href.split("#")[0];
-          try {
-            const module2 = import(uri);
-            resolveContainer(container);
-            handler = (await module2)[symbol];
-            if (!handler) {
-              importError = "no-symbol";
-              error = new Error(`${symbol} not in ${uri}`);
-            }
-          } catch (err) {
-            importError || (importError = "async");
-            error = err;
-          }
-        }
-        if (!handler) {
-          emitEvent(
-            "qerror",
-            __spreadValues(
-              {
-                importError,
-                error
-              },
-              eventData
-            )
-          );
-          console.error(error);
-          break;
-        }
-        const previousCtx = doc[Q_CONTEXT];
-        if (element.isConnected) {
-          try {
-            doc[Q_CONTEXT] = [element, ev, url];
-            isSync || emitEvent("qsymbol", __spreadValues({}, eventData));
-            const results = handler(ev, element);
-            isPromise(results) && await results;
-          } catch (error2) {
-            emitEvent(
-              "qerror",
-              __spreadValues(
-                {
-                  error: error2
-                },
-                eventData
-              )
-            );
-          } finally {
-            doc[Q_CONTEXT] = previousCtx;
-          }
-        }
-      }
-    }
-  };
-  const emitEvent = (eventName, detail) => {
-    doc.dispatchEvent(createEvent(eventName, detail));
-  };
-  const camelToKebab = (str) => str.replace(/([A-Z])/g, (a) => "-" + a.toLowerCase());
-  const processDocumentEvent = async (ev) => {
-    let type = camelToKebab(ev.type);
-    let element = ev.target;
-    broadcast("-document", ev, type);
-    while (element && element.getAttribute) {
-      const results = dispatch(element, "", ev, type);
-      let cancelBubble = ev.cancelBubble;
-      isPromise(results) && await results;
-      cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type);
-      element = ev.bubbles && true !== cancelBubble ? element.parentElement : null;
-    }
-  };
-  const processWindowEvent = (ev) => {
-    broadcast("-window", ev, camelToKebab(ev.type));
-  };
-  const processReadyStateChange = () => {
-    var _a;
-    const readyState = doc.readyState;
-    if (!hasInitialized && ("interactive" == readyState || "complete" == readyState)) {
-      roots.forEach(findShadowRoots);
-      hasInitialized = 1;
-      emitEvent("qinit");
-      (null != (_a = win.requestIdleCallback) ? _a : win.setTimeout).bind(win)(
-        () => emitEvent("qidle")
-      );
-      if (events.has("qvisible")) {
-        const results = querySelectorAll("[on\\:qvisible]");
-        const observer = new IntersectionObserver((entries) => {
-          for (const entry of entries) {
-            if (entry.isIntersecting) {
-              observer.unobserve(entry.target);
-              dispatch(entry.target, "", createEvent("qvisible", entry));
-            }
-          }
-        });
-        results.forEach((el) => observer.observe(el));
-      }
-    }
-  };
-  const addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, {
-    capture,
-    passive: false
-  });
-  const processEventOrNode = (...eventNames) => {
-    for (const eventNameOrNode of eventNames) {
-      if ("string" == typeof eventNameOrNode) {
-        if (!events.has(eventNameOrNode)) {
-          roots.forEach(
-            (root) => addEventListener(root, eventNameOrNode, processDocumentEvent, true)
-          );
-          addEventListener(win, eventNameOrNode, processWindowEvent, true);
-          events.add(eventNameOrNode);
-        }
-      } else if (!roots.has(eventNameOrNode)) {
-        events.forEach(
-          (eventName) => addEventListener(
-            eventNameOrNode,
-            eventName,
-            processDocumentEvent,
-            true
-          )
-        );
-        roots.add(eventNameOrNode);
-      }
-    }
-  };
-  if (!(Q_CONTEXT in doc)) {
-    doc[Q_CONTEXT] = 0;
-    const qwikevents = win.qwikevents;
-    Array.isArray(qwikevents) && processEventOrNode(...qwikevents);
-    win.qwikevents = {
-      events,
-      roots,
-      push: processEventOrNode
-    };
-    addEventListener(doc, "readystatechange", processReadyStateChange);
-    processReadyStateChange();
-  }
-};
-exports.qwikLoader = qwikLoader;

package/lib/lib/qwikloader.qwik.mjs

@@ -1,252 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {})) {
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  }
-  if (__getOwnPropSymbols) {
-    for (var prop of __getOwnPropSymbols(b)) {
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-    }
-  }
-  return a;
-};
-var qwikLoader = (doc, hasInitialized) => {
-  const Q_CONTEXT = "__q_context__";
-  const win = window;
-  const events = /* @__PURE__ */ new Set();
-  const roots = /* @__PURE__ */ new Set([doc]);
-  const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));
-  const querySelectorAll = (query) => {
-    const elements = [];
-    roots.forEach(
-      (root) => elements.push(...nativeQuerySelectorAll(root, query))
-    );
-    return elements;
-  };
-  const findShadowRoots = (fragment) => {
-    processEventOrNode(fragment);
-    nativeQuerySelectorAll(fragment, "[q\\:shadowroot]").forEach((parent) => {
-      const shadowRoot = parent.shadowRoot;
-      shadowRoot && findShadowRoots(shadowRoot);
-    });
-  };
-  const isPromise = (promise) => promise && "function" == typeof promise.then;
-  const broadcast = (infix, ev, type = ev.type) => {
-    querySelectorAll("[on" + infix + "\\:" + type + "]").forEach(
-      (el) => dispatch(el, infix, ev, type)
-    );
-  };
-  const resolveContainer = (containerEl) => {
-    if (void 0 === containerEl._qwikjson_) {
-      let script = (containerEl === doc.documentElement ? doc.body : containerEl).lastElementChild;
-      while (script) {
-        if ("SCRIPT" === script.tagName && "qwik/json" === script.getAttribute("type")) {
-          containerEl._qwikjson_ = JSON.parse(
-            script.textContent.replace(/\\x3C(\/?script)/gi, "<$1")
-          );
-          break;
-        }
-        script = script.previousElementSibling;
-      }
-    }
-  };
-  const createEvent = (eventName, detail) => new CustomEvent(eventName, {
-    detail
-  });
-  const dispatch = async (element, onPrefix, ev, eventName = ev.type) => {
-    const attrName = "on" + onPrefix + ":" + eventName;
-    element.hasAttribute("preventdefault:" + eventName) && ev.preventDefault();
-    const ctx = element._qc_;
-    const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);
-    if (relevantListeners && relevantListeners.length > 0) {
-      for (const listener of relevantListeners) {
-        const results = listener[1].getFn(
-          [element, ev],
-          () => element.isConnected
-        )(ev, element);
-        const cancelBubble = ev.cancelBubble;
-        isPromise(results) && await results;
-        cancelBubble && ev.stopPropagation();
-      }
-      return;
-    }
-    const attrValue = element.getAttribute(attrName);
-    if (attrValue) {
-      const container = element.closest("[q\\:container]");
-      const qBase = container.getAttribute("q:base");
-      const qVersion = container.getAttribute("q:version") || "unknown";
-      const qManifest = container.getAttribute("q:manifest-hash") || "dev";
-      const base = new URL(qBase, doc.baseURI);
-      for (const qrl of attrValue.split("\n")) {
-        const url = new URL(qrl, base);
-        const href = url.href;
-        const symbol = url.hash.replace(/^#?([^?[|]*).*$/, "$1") || "default";
-        const reqTime = performance.now();
-        let handler;
-        let importError;
-        let error;
-        const isSync = qrl.startsWith("#");
-        const eventData = {
-          qBase,
-          qManifest,
-          qVersion,
-          href,
-          symbol,
-          element,
-          reqTime
-        };
-        if (isSync) {
-          const hash = container.getAttribute("q:instance");
-          handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];
-          if (!handler) {
-            importError = "sync";
-            error = new Error("sync handler error for symbol: " + symbol);
-          }
-        } else {
-          const uri = url.href.split("#")[0];
-          try {
-            const module = import(uri);
-            resolveContainer(container);
-            handler = (await module)[symbol];
-            if (!handler) {
-              importError = "no-symbol";
-              error = new Error(`${symbol} not in ${uri}`);
-            }
-          } catch (err) {
-            importError || (importError = "async");
-            error = err;
-          }
-        }
-        if (!handler) {
-          emitEvent(
-            "qerror",
-            __spreadValues(
-              {
-                importError,
-                error
-              },
-              eventData
-            )
-          );
-          console.error(error);
-          break;
-        }
-        const previousCtx = doc[Q_CONTEXT];
-        if (element.isConnected) {
-          try {
-            doc[Q_CONTEXT] = [element, ev, url];
-            isSync || emitEvent("qsymbol", __spreadValues({}, eventData));
-            const results = handler(ev, element);
-            isPromise(results) && await results;
-          } catch (error2) {
-            emitEvent(
-              "qerror",
-              __spreadValues(
-                {
-                  error: error2
-                },
-                eventData
-              )
-            );
-          } finally {
-            doc[Q_CONTEXT] = previousCtx;
-          }
-        }
-      }
-    }
-  };
-  const emitEvent = (eventName, detail) => {
-    doc.dispatchEvent(createEvent(eventName, detail));
-  };
-  const camelToKebab = (str) => str.replace(/([A-Z])/g, (a) => "-" + a.toLowerCase());
-  const processDocumentEvent = async (ev) => {
-    let type = camelToKebab(ev.type);
-    let element = ev.target;
-    broadcast("-document", ev, type);
-    while (element && element.getAttribute) {
-      const results = dispatch(element, "", ev, type);
-      let cancelBubble = ev.cancelBubble;
-      isPromise(results) && await results;
-      cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type);
-      element = ev.bubbles && true !== cancelBubble ? element.parentElement : null;
-    }
-  };
-  const processWindowEvent = (ev) => {
-    broadcast("-window", ev, camelToKebab(ev.type));
-  };
-  const processReadyStateChange = () => {
-    var _a;
-    const readyState = doc.readyState;
-    if (!hasInitialized && ("interactive" == readyState || "complete" == readyState)) {
-      roots.forEach(findShadowRoots);
-      hasInitialized = 1;
-      emitEvent("qinit");
-      (null != (_a = win.requestIdleCallback) ? _a : win.setTimeout).bind(win)(
-        () => emitEvent("qidle")
-      );
-      if (events.has("qvisible")) {
-        const results = querySelectorAll("[on\\:qvisible]");
-        const observer = new IntersectionObserver((entries) => {
-          for (const entry of entries) {
-            if (entry.isIntersecting) {
-              observer.unobserve(entry.target);
-              dispatch(entry.target, "", createEvent("qvisible", entry));
-            }
-          }
-        });
-        results.forEach((el) => observer.observe(el));
-      }
-    }
-  };
-  const addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, {
-    capture,
-    passive: false
-  });
-  const processEventOrNode = (...eventNames) => {
-    for (const eventNameOrNode of eventNames) {
-      if ("string" == typeof eventNameOrNode) {
-        if (!events.has(eventNameOrNode)) {
-          roots.forEach(
-            (root) => addEventListener(root, eventNameOrNode, processDocumentEvent, true)
-          );
-          addEventListener(win, eventNameOrNode, processWindowEvent, true);
-          events.add(eventNameOrNode);
-        }
-      } else if (!roots.has(eventNameOrNode)) {
-        events.forEach(
-          (eventName) => addEventListener(
-            eventNameOrNode,
-            eventName,
-            processDocumentEvent,
-            true
-          )
-        );
-        roots.add(eventNameOrNode);
-      }
-    }
-  };
-  if (!(Q_CONTEXT in doc)) {
-    doc[Q_CONTEXT] = 0;
-    const qwikevents = win.qwikevents;
-    Array.isArray(qwikevents) && processEventOrNode(...qwikevents);
-    win.qwikevents = {
-      events,
-      roots,
-      push: processEventOrNode
-    };
-    addEventListener(doc, "readystatechange", processReadyStateChange);
-    processReadyStateChange();
-  }
-};
-export {
-  qwikLoader
-};

package/lib-types/lib/qwikloader.d.ts

@@ -1 +0,0 @@
-export function qwikLoader(doc: any, hasInitialized: any): void;