@qwik.dev/core 2.0.0-beta.3 → 2.0.0-beta.31

package/dist/insights/index.qwik.mjs

@@ -1,72 +1,95 @@
-import { sync$ as k, component$ as L, isDev as R } from "@qwik.dev/core";
-import { jsx as $ } from "@qwik.dev/core/jsx-runtime";
-const Q = k(
-  () => ((o, i, S, c, g, l, b) => {
-    var y = __QI_KEY__, h = __QI_URL__, w = i.querySelector("[q\\:version]")?.getAttribute("q:version") || "unknown", d = i.querySelector("[q\\:manifest-hash]")?.getAttribute("q:manifest-hash") || "dev", s = [], f = /* @__PURE__ */ new Set(), r = 0, q = 0, a, v = g.now(), m = i.querySelector("[q\\:route]"), p = () => {
-      if (a = void 0, s.length > r) {
-        var t = {
-          qVersion: w,
-          publicApiKey: y,
-          manifestHash: d,
-          previousSymbol: r == 0 ? void 0 : s[r - 1].symbol,
-          symbols: s.slice(r)
+import { sync$, component$, isDev } from "@qwik.dev/core";
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+const insightsPing = sync$(
+  () => ((w, d, l, n, p, r, S) => {
+    var publicApiKey = __QI_KEY__, postUrl = __QI_URL__, qVersion = d.querySelector(`[q\\:version]`)?.getAttribute(`q:version`) || "unknown", manifestHash = d.querySelector(`[q\\:manifest-hash]`)?.getAttribute(`q:manifest-hash`) || "dev", qSymbols = [], existingSymbols = /* @__PURE__ */ new Set(), flushSymbolIndex = 0, lastReqTime = 0, timeoutID, qRouteChangeTime = p.now(), qRouteEl = d.querySelector(`[q\\:route]`), flush = () => {
+      timeoutID = void 0;
+      if (qSymbols.length > flushSymbolIndex) {
+        var payload = {
+          qVersion,
+          publicApiKey,
+          manifestHash,
+          previousSymbol: flushSymbolIndex == 0 ? void 0 : qSymbols[flushSymbolIndex - 1].symbol,
+          symbols: qSymbols.slice(flushSymbolIndex)
         };
-        c.sendBeacon(h, b(t)), r = s.length;
+        n.sendBeacon(postUrl, S(payload));
+        flushSymbolIndex = qSymbols.length;
       }
-    }, T = () => {
-      a != null && clearTimeout(a), a = setTimeout(p, 1e3);
+    }, debounceFlush = () => {
+      timeoutID != void 0 && clearTimeout(timeoutID);
+      timeoutID = setTimeout(flush, 1e3);
     };
-    o.qSymbolTracker = {
-      symbols: s,
-      publicApiKey: y
-    }, m && new MutationObserver((t) => {
-      var e = t.find((n) => n.attributeName === "q:route");
-      e && (v = g.now());
-    }).observe(m, { attributes: !0 }), i.addEventListener("visibilitychange", () => i.visibilityState === "hidden" && p()), i.addEventListener("qsymbol", (t) => {
-      var e = t, n = e.detail, u = n.reqTime, I = e.timeStamp, _ = n.symbol;
-      if (!f.has(_)) {
-        f.add(_);
-        var E = m?.getAttribute("q:route") || "/";
-        s.push({
-          symbol: _,
-          route: E,
-          delay: l(0 - q + u),
-          latency: l(I - u),
-          timeline: l(0 - v + u),
-          interaction: !!n.element
-        }), q = I, T();
+    w.qSymbolTracker = {
+      symbols: qSymbols,
+      publicApiKey
+    };
+    if (qRouteEl) {
+      new MutationObserver((mutations) => {
+        var mutation = mutations.find((m) => m.attributeName === `q:route`);
+        if (mutation) {
+          qRouteChangeTime = p.now();
+        }
+      }).observe(qRouteEl, { attributes: true });
+    }
+    d.addEventListener("visibilitychange", () => d.visibilityState === "hidden" && flush());
+    d.addEventListener(`qsymbol`, (_event) => {
+      var event = _event, detail = event.detail, symbolRequestTime = detail.reqTime, symbolDeliveredTime = event.timeStamp, symbol = detail.symbol;
+      if (!existingSymbols.has(symbol)) {
+        existingSymbols.add(symbol);
+        var route = qRouteEl?.getAttribute(`q:route`) || "/";
+        qSymbols.push({
+          symbol,
+          route,
+          delay: r(0 - lastReqTime + symbolRequestTime),
+          latency: r(symbolDeliveredTime - symbolRequestTime),
+          timeline: r(0 - qRouteChangeTime + symbolRequestTime),
+          interaction: !!detail.element
+        });
+        lastReqTime = symbolDeliveredTime;
+        debounceFlush();
       }
-    }), o.addEventListener("error", (t) => {
-      var e = t.error;
-      if (e && typeof e == "object") {
-        var n = {
-          url: `${S}`,
-          manifestHash: d,
-          timestamp: (/* @__PURE__ */ new Date()).getTime(),
-          source: t.filename,
-          line: t.lineno,
-          column: t.colno,
-          message: t.message,
-          error: "message" in e ? e.message : `${e}`,
-          stack: "stack" in e && e.stack || ""
-        };
-        c.sendBeacon(`${h}error/`, b(n));
+    });
+    w.addEventListener("error", (event) => {
+      var error = event.error;
+      if (!(error && typeof error === "object")) {
+        return;
       }
+      var payload = {
+        url: `${l}`,
+        manifestHash,
+        timestamp: (/* @__PURE__ */ new Date()).getTime(),
+        source: event.filename,
+        line: event.lineno,
+        column: event.colno,
+        message: event.message,
+        error: "message" in error ? error.message : `${error}`,
+        stack: "stack" in error ? error.stack || "" : ""
+      };
+      n.sendBeacon(`${postUrl}error/`, S(payload));
     });
   })(window, document, location, navigator, performance, Math.round, JSON.stringify)
-), N = L(() => {
-  if (!__EXPERIMENTAL__.insights)
+);
+const Insights = component$(() => {
+  if (!__EXPERIMENTAL__.insights) {
     throw new Error(
       'Insights is experimental and must be enabled with `experimental: ["insights"]` in the `qwikVite` plugin.'
     );
-  const o = globalThis.__QI_KEY__, i = globalThis.__QI_URL__;
-  return !o || !i ? (R || console.warn("<Insights />: no config from qwikInsights plugin, skipping..."), null) : /* @__PURE__ */ $("script", {
-    "document:onQInit$": Q,
+  }
+  const key = globalThis.__QI_KEY__;
+  const url = globalThis.__QI_URL__;
+  if (!key || !url) {
+    if (!isDev) {
+      console.warn("<Insights />: no config from qwikInsights plugin, skipping...");
+    }
+    return null;
+  }
+  return /* @__PURE__ */ jsx("script", {
+    "document:onQInit$": insightsPing,
     // We must pass the vite injected variables via window because sync$ code doesn't get replaced by the vite plugin
-    dangerouslySetInnerHTML: `__QI_KEY__=${JSON.stringify(o)};__QI_URL__=${JSON.stringify(i)}`
+    dangerouslySetInnerHTML: `__QI_KEY__=${JSON.stringify(key)};__QI_URL__=${JSON.stringify(url)}`
   });
 });
 export {
-  N as Insights,
-  Q as insightsPing
+  Insights,
+  insightsPing
 };

package/dist/insights/vite/index.mjs

@@ -1,31 +1,31 @@
-import { existsSync as w, mkdirSync as _ } from "node:fs";
-import { readFile as y, writeFile as v } from "node:fs/promises";
-import { resolve as k, join as $ } from "node:path";
-const q = (r, ...o) => {
-  console.warn("\x1B[33m%s\x1B[0m", `qwikInsight()[WARN]: ${r}`, ...o);
-}, b = (r) => {
+import { existsSync as y, mkdirSync as v } from "node:fs";
+import { readFile as k, writeFile as $ } from "node:fs/promises";
+import { resolve as q, join as B } from "node:path";
+const b = (r, ...a) => {
+  console.warn("\x1B[33m%s\x1B[0m", `qwikInsight()[WARN]: ${r}`, ...a);
+}, I = (r) => {
   console.log("\x1B[35m%s\x1B[0m", `qwikInsight(): ${r}`);
 };
-async function F(r) {
-  const { publicApiKey: o, baseUrl: I = "https://insights.qwik.dev", outDir: h = "" } = r;
-  if (!o) {
+async function O(r) {
+  const { publicApiKey: a, baseUrl: _ = "https://insights.qwik.dev", outDir: m = "" } = r;
+  if (!a) {
     console.warn("qwikInsights: publicApiKey is required, skipping...");
     return;
   }
-  let f = !1, u, n, i = null, l = null;
-  const g = `${I}/api/v1/${o}`, p = `${g}/post/`;
-  async function m() {
-    return i || (w(n) ? (b("Reading Qwik Insight data from: " + n), i = JSON.parse(await y(n, "utf-8"))) : null);
+  let f = !1, g, n, i = null, l = null;
+  const u = `${_}/api/v1/${a}`, p = `${u}/post/`;
+  async function w() {
+    return i || (y(n) ? (I("Reading Qwik Insight data from: " + n), i = JSON.parse(await k(n, "utf-8"))) : null);
   }
   return {
     name: "vite-plugin-qwik-insights",
     enforce: "pre",
     // Only activate in production builds
     apply: "build",
-    async config(s) {
-      return u = k(s.root || ".", h), n = $(u, "q-insights.json"), f = s.mode !== "ssr", {
+    async config(e) {
+      return g = q(e.root || ".", m), n = B(g, "q-insights.json"), f = e.mode !== "ssr", {
         define: {
-          "globalThis.__QI_KEY__": JSON.stringify(o),
+          "globalThis.__QI_KEY__": JSON.stringify(a),
           "globalThis.__QI_URL__": JSON.stringify(p)
         }
       };
@@ -33,51 +33,54 @@ async function F(r) {
     configResolved: {
       // we want to register the bundle graph adder last so we overwrite existing routes
       order: "post",
-      async handler(s) {
-        if (l = s.plugins.find(
+      async handler(e) {
+        if (l = e.plugins.find(
           (t) => t.name === "vite-plugin-qwik"
         ), !l)
           throw new Error("Missing vite-plugin-qwik");
         const c = l.api.getOptions();
         if (f)
           try {
-            const t = { manual: {}, prefetch: [] }, a = await (await fetch(`${g}/bundles/strategy/`)).json();
-            Object.assign(t, a), i = t, _(u, { recursive: !0 }), b("Fetched latest Qwik Insight data into: " + n), await v(n, JSON.stringify(t));
+            const t = { manual: {}, prefetch: [] }, o = await (await fetch(`${u}/bundles/strategy/`)).json();
+            Object.assign(t, o), i = t, v(g, { recursive: !0 }), I("Fetched latest Qwik Insight data into: " + n), await $(n, JSON.stringify(t));
           } catch (t) {
-            q(`Failed to fetch manifest from Insights DB at ${g}/bundles/strategy/`, t), await m();
+            b(`Failed to fetch manifest from Insights DB at ${u}/bundles/strategy/`, t), await w();
           }
         else
-          await m();
+          await w();
         i && (c.entryStrategy.manual = {
           ...i.manual,
           ...c.entryStrategy.manual
         }, l.api.registerBundleGraphAdder((t) => {
-          const d = {};
-          for (const a of i?.prefetch || [])
-            if (a.symbols) {
-              let e = a.route;
-              e.startsWith("/") && (e = e.slice(1)), e.endsWith("/") || (e += "/"), d[e] = { ...t.bundles[e], imports: a.symbols };
+          const h = {};
+          if (i)
+            for (let o = 0; o < i.prefetch.length; o++) {
+              const d = i.prefetch[o];
+              if (d.symbols) {
+                let s = d.route;
+                s.startsWith("/") && (s = s.slice(1)), s.endsWith("/") || (s += "/"), h[s] = { ...t.bundles[s], imports: d.symbols };
+              }
             }
-          return d;
+          return h;
         }));
       }
     },
     closeBundle: async () => {
-      const s = k(h, "q-manifest.json");
-      if (f && w(s)) {
-        const c = await y(s, "utf-8");
+      const e = q(m, "q-manifest.json");
+      if (f && y(e)) {
+        const c = await k(e, "utf-8");
         try {
           await fetch(`${p}manifest`, {
             method: "post",
             body: c
           });
         } catch (t) {
-          q(`Failed to post manifest to Insights DB at ${p}manifest`, t);
+          b(`Failed to post manifest to Insights DB at ${p}manifest`, t);
         }
       }
     }
   };
 }
 export {
-  F as qwikInsights
+  O as qwikInsights
 };

package/dist/loader/index.mjs

@@ -1,3 +1,3 @@
-const QWIK_LOADER = "const t=document,e=window,n=new Set,o=new Set([t]);let r;const s=(t,e)=>Array.from(t.querySelectorAll(e)),i=t=>{const e=[];return o.forEach(n=>e.push(...s(n,t))),e},a=t=>{v(t),s(t,\"[q\\\\:shadowroot]\").forEach(t=>{const e=t.shadowRoot;e&&a(e)})},c=t=>t&&\"function\"==typeof t.then;let l=!0;const f=(t,e,n=e.type)=>{let o=l;i(\"[on\"+t+\"\\\\:\"+n+\"]\").forEach(r=>{o=!0,b(r,t,e,n)}),o||window[t.slice(1)].removeEventListener(n,\"-window\"===t?d:_)},p=e=>{if(void 0===e._qwikjson_){let n=(e===t.documentElement?t.body:e).lastElementChild;for(;n;){if(\"SCRIPT\"===n.tagName&&\"qwik/json\"===n.getAttribute(\"type\")){e._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,\"<$1\"));break}n=n.previousElementSibling}}},u=(t,e)=>new CustomEvent(t,{detail:e}),b=async(e,n,o,r=o.type)=>{const s=\"on\"+n+\":\"+r;e.hasAttribute(\"preventdefault:\"+r)&&o.preventDefault(),e.hasAttribute(\"stoppropagation:\"+r)&&o.stopPropagation();const i=e._qc_,a=i&&i.li.filter(t=>t[0]===s);if(a&&a.length>0){for(const t of a){const n=t[1].getFn([e,o],()=>e.isConnected)(o,e),r=o.cancelBubble;c(n)&&await n,r&&o.stopPropagation()}return}const l=e.getAttribute(s),f=e.qDispatchEvent;if(f)return f(o,n);if(l){const n=e.closest(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\"),r=n.getAttribute(\"q:base\"),s=n.getAttribute(\"q:version\")||\"unknown\",i=n.getAttribute(\"q:manifest-hash\")||\"dev\",a=new URL(r,t.baseURI);for(const f of l.split(\"\\n\")){const l=new URL(f,a),u=l.href,b=l.hash.replace(/^#?([^?[|]*).*$/,\"$1\")||\"default\",h=performance.now();let _,d,w;const m=f.startsWith(\"#\"),y={qBase:r,qManifest:i,qVersion:s,href:u,symbol:b,element:e,reqTime:h};if(m){const e=n.getAttribute(\"q:instance\");_=(t[\"qFuncs_\"+e]||[])[Number.parseInt(b)],_||(d=\"sync\",w=Error(\"sym:\"+b))}else{q(\"qsymbol\",y);const t=l.href.split(\"#\")[0];try{const e=import(t);p(n),_=(await e)[b],_||(d=\"no-symbol\",w=Error(`${b} not in ${t}`))}catch(t){d||(d=\"async\"),w=t}}if(!_){q(\"qerror\",{importError:d,error:w,...y}),console.error(w);break}const v=t.__q_context__;if(e.isConnected)try{t.__q_context__=[e,o,l];const n=_(o,e);c(n)&&await n}catch(t){q(\"qerror\",{error:t,...y})}finally{t.__q_context__=v}}}},q=(e,n)=>{t.dispatchEvent(u(e,n))},h=t=>t.replace(/([A-Z])/g,t=>\"-\"+t.toLowerCase()),_=async t=>{let e=h(t.type),n=t.target;for(f(\"-document\",t,e);n&&n.getAttribute;){const o=b(n,\"\",t,e);let r=t.cancelBubble;c(o)&&await o,r||(r=r||t.cancelBubble||n.hasAttribute(\"stoppropagation:\"+t.type)),n=t.bubbles&&!0!==r?n.parentElement:null}},d=t=>{f(\"-window\",t,h(t.type))},w=()=>{var s;const c=t.readyState;if(!r&&(\"interactive\"==c||\"complete\"==c)&&(o.forEach(a),r=1,q(\"qinit\"),(null!=(s=e.requestIdleCallback)?s:e.setTimeout).bind(e)(()=>q(\"qidle\")),n.has(\"qvisible\"))){const t=i(\"[on\\\\:qvisible]\"),e=new IntersectionObserver(t=>{for(const n of t)n.isIntersecting&&(e.unobserve(n.target),b(n.target,\"\",u(\"qvisible\",n)))});t.forEach(t=>e.observe(t))}},m=(t,e,n,o=!1)=>{t.addEventListener(e,n,{capture:o,passive:!1})};let y;const v=(...t)=>{l=!0,clearTimeout(y),y=setTimeout(()=>l=!1,2e4);for(const r of t)\"string\"==typeof r?n.has(r)||(o.forEach(t=>m(t,r,_,!0)),m(e,r,d,!0),n.add(r)):o.has(r)||(n.forEach(t=>m(r,t,_,!0)),o.add(r))};if(!(\"__q_context__\"in t)){t.__q_context__=0;const r=e.qwikevents;r&&(Array.isArray(r)?v(...r):v(\"click\",\"input\")),e.qwikevents={events:n,roots:o,push:v},m(t,\"readystatechange\",w),w()}";
-const QWIK_LOADER_DEBUG = "const doc = document;\nconst win = window;\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst findShadowRoots = (fragment) => {\n  processEventOrNode(fragment);\n  nativeQuerySelectorAll(fragment, \"[q\\\\:shadowroot]\").forEach((parent) => {\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  });\n};\nconst isPromise = (promise) => promise && typeof promise.then === \"function\";\nlet doNotClean = true;\nconst broadcast = (infix, ev, type = ev.type) => {\n  let found = doNotClean;\n  querySelectorAll(\"[on\" + infix + \"\\\\:\" + type + \"]\").forEach((el) => {\n    found = true;\n    dispatch(el, infix, ev, type);\n  });\n  if (!found) {\n    window[infix.slice(1)].removeEventListener(\n      type,\n      infix === \"-window\" ? processWindowEvent : processDocumentEvent\n    );\n  }\n};\nconst resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === \"SCRIPT\" && script.getAttribute(\"type\") === \"qwik/json\") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, \"<$1\")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, {\n  detail\n});\nconst dispatch = async (element, scope, ev, eventName = ev.type) => {\n  const attrName = \"on\" + scope + \":\" + eventName;\n  if (element.hasAttribute(\"preventdefault:\" + eventName)) {\n    ev.preventDefault();\n  }\n  if (element.hasAttribute(\"stoppropagation:\" + eventName)) {\n    ev.stopPropagation();\n  }\n  const ctx = element._qc_;\n  const relevantListeners = ctx && ctx.li.filter((li) => li[0] === attrName);\n  if (relevantListeners && relevantListeners.length > 0) {\n    for (const listener of relevantListeners) {\n      const results = listener[1].getFn([element, ev], () => element.isConnected)(ev, element);\n      const cancelBubble = ev.cancelBubble;\n      if (isPromise(results)) {\n        await results;\n      }\n      if (cancelBubble) {\n        ev.stopPropagation();\n      }\n    }\n    return;\n  }\n  const attrValue = element.getAttribute(attrName);\n  const qDispatchEvent = element.qDispatchEvent;\n  if (qDispatchEvent) {\n    return qDispatchEvent(ev, scope);\n  }\n  if (attrValue) {\n    const container = element.closest(\n      \"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\"\n    );\n    const qBase = container.getAttribute(\"q:base\");\n    const qVersion = container.getAttribute(\"q:version\") || \"unknown\";\n    const qManifest = container.getAttribute(\"q:manifest-hash\") || \"dev\";\n    const base = new URL(qBase, doc.baseURI);\n    for (const qrl of attrValue.split(\"\\n\")) {\n      const url = new URL(qrl, base);\n      const href = url.href;\n      const symbol = url.hash.replace(/^#?([^?[|]*).*$/, \"$1\") || \"default\";\n      const reqTime = performance.now();\n      let handler;\n      let importError;\n      let error;\n      const isSync = qrl.startsWith(\"#\");\n      const eventData = {\n        qBase,\n        qManifest,\n        qVersion,\n        href,\n        symbol,\n        element,\n        reqTime\n      };\n      if (isSync) {\n        const hash = container.getAttribute(\"q:instance\");\n        handler = (doc[\"qFuncs_\" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = \"sync\";\n          error = new Error(\"sym:\" + symbol);\n        }\n      } else {\n        emitEvent(\"qsymbol\", eventData);\n        const uri = url.href.split(\"#\")[0];\n        try {\n          const module = import(\n                        uri\n          );\n          resolveContainer(container);\n          handler = (await module)[symbol];\n          if (!handler) {\n            importError = \"no-symbol\";\n            error = new Error(`${symbol} not in ${uri}`);\n          }\n        } catch (err) {\n          importError || (importError = \"async\");\n          error = err;\n        }\n      }\n      if (!handler) {\n        emitEvent(\"qerror\", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        break;\n      }\n      const previousCtx = doc.__q_context__;\n      if (element.isConnected) {\n        try {\n          doc.__q_context__ = [element, ev, url];\n          const results = handler(ev, element);\n          if (isPromise(results)) {\n            await results;\n          }\n        } catch (error2) {\n          emitEvent(\"qerror\", { error: error2, ...eventData });\n        } finally {\n          doc.__q_context__ = previousCtx;\n        }\n      }\n    }\n  }\n};\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z])/g, (a) => \"-\" + a.toLowerCase());\nconst processDocumentEvent = async (ev) => {\n  let type = camelToKebab(ev.type);\n  let element = ev.target;\n  broadcast(\"-document\", ev, type);\n  while (element && element.getAttribute) {\n    const results = dispatch(element, \"\", ev, type);\n    let cancelBubble = ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    cancelBubble || (cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute(\"stoppropagation:\" + ev.type));\n    element = ev.bubbles && cancelBubble !== true ? element.parentElement : null;\n  }\n};\nconst processWindowEvent = (ev) => {\n  broadcast(\"-window\", ev, camelToKebab(ev.type));\n};\nconst processReadyStateChange = () => {\n  var _a;\n  const readyState = doc.readyState;\n  if (!hasInitialized && (readyState == \"interactive\" || readyState == \"complete\")) {\n    roots.forEach(findShadowRoots);\n    hasInitialized = 1;\n    emitEvent(\"qinit\");\n    const riC = (_a = win.requestIdleCallback) != null ? _a : win.setTimeout;\n    riC.bind(win)(() => emitEvent(\"qidle\"));\n    if (events.has(\"qvisible\")) {\n      const results = querySelectorAll(\"[on\\\\:qvisible]\");\n      const observer = new IntersectionObserver((entries) => {\n        for (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, \"\", createEvent(\"qvisible\", entry));\n          }\n        }\n      });\n      results.forEach((el) => observer.observe(el));\n    }\n  }\n};\nconst addEventListener = (el, eventName, handler, capture = false) => {\n  el.addEventListener(eventName, handler, { capture, passive: false });\n};\nlet cleanTimer;\nconst processEventOrNode = (...eventNames) => {\n  doNotClean = true;\n  clearTimeout(cleanTimer);\n  cleanTimer = setTimeout(() => doNotClean = false, 2e4);\n  for (const eventNameOrNode of eventNames) {\n    if (typeof eventNameOrNode === \"string\") {\n      if (!events.has(eventNameOrNode)) {\n        roots.forEach(\n          (root) => addEventListener(root, eventNameOrNode, processDocumentEvent, true)\n        );\n        addEventListener(win, eventNameOrNode, processWindowEvent, true);\n        events.add(eventNameOrNode);\n      }\n    } else {\n      if (!roots.has(eventNameOrNode)) {\n        events.forEach(\n          (eventName) => addEventListener(eventNameOrNode, eventName, processDocumentEvent, true)\n        );\n        roots.add(eventNameOrNode);\n      }\n    }\n  }\n};\nif (!(\"__q_context__\" in doc)) {\n  doc.__q_context__ = 0;\n  const qwikevents = win.qwikevents;\n  if (qwikevents) {\n    if (Array.isArray(qwikevents)) {\n      processEventOrNode(...qwikevents);\n    } else {\n      processEventOrNode(\"click\", \"input\");\n    }\n  }\n  win.qwikevents = {\n    events,\n    roots,\n    push: processEventOrNode\n  };\n  addEventListener(doc, \"readystatechange\", processReadyStateChange);\n  processReadyStateChange();\n}";
+const QWIK_LOADER = "const e=document,t=window,n=\"w\",o=\"d\",r=new Set,s=new Set([e]),i=new Map;let a,c;const l=(e,t)=>Array.from(e.querySelectorAll(t)),q=e=>{const t=[];return s.forEach(n=>t.push(...l(n,e))),t},d=(e,t,n,o=!1)=>e.addEventListener(t,n,{capture:o,passive:!1}),b=e=>{_(e);const t=l(e,\"[q\\\\:shadowroot]\");for(let e=0;e<t.length;e++){const n=t[e].shadowRoot;n&&b(n)}},f=e=>e&&\"function\"==typeof e.then,p=t=>{if(void 0===t._qwikjson_){let n=(t===e.documentElement?e.body:t).lastElementChild;for(;n;){if(\"SCRIPT\"===n.tagName&&\"qwik/json\"===n.getAttribute(\"type\")){t._qwikjson_=JSON.parse(n.textContent.replace(/\\\\x3C(\\/?script)/gi,\"<$1\"));break}n=n.previousElementSibling}}},u=(e,t)=>new CustomEvent(e,{detail:t}),h=(t,n)=>{e.dispatchEvent(u(t,n))},g=e=>e.replace(/([A-Z-])/g,e=>\"-\"+e.toLowerCase()),m=e=>e.replace(/-./g,e=>e[1].toUpperCase()),v=e=>({scope:e.charAt(0),eventName:m(e.slice(2))}),w=async(t,n,o,r)=>{r&&(t.hasAttribute(\"preventdefault:\"+r)&&n.preventDefault(),t.hasAttribute(\"stoppropagation:\"+r)&&n.stopPropagation());const s=t._qDispatch?.[o];if(s){if(\"function\"==typeof s){const e=s(n,t);f(e)&&await e}else if(s.length)for(let e=0;e<s.length;e++){const o=s[e],r=o?.(n,t);f(r)&&await r}return}const a=t.getAttribute(\"q-\"+o);if(a){const o=t.closest(\"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\"),r=o.getAttribute(\"q:base\"),s=new URL(r,e.baseURI),c=a.split(\"|\");for(let a=0;a<c.length;a++){const l=c[a],q=performance.now(),[d,b,u]=l.split(\"#\"),g={qBase:r,symbol:b,element:t,reqTime:q};let m,v,w;if(\"\"===d){const t=o.getAttribute(\"q:instance\");m=(e[\"qFuncs_\"+t]||[])[Number.parseInt(b)],m||(v=\"sync\",w=Error(\"sym:\"+b))}else{const e=`${b}|${r}|${d}`;if(m=i.get(e),!m){const t=new URL(d,s).href;try{const n=import(t);p(o),m=(await n)[b],m?(i.set(e,m),h(\"qsymbol\",g)):(v=\"no-symbol\",w=Error(`${b} not in ${t}`))}catch(e){v=\"async\",w=e}}}if(m){if(t.isConnected)try{const e=m.call(u,n,t);f(e)&&await e}catch(e){h(\"qerror\",{error:e,...g})}}else h(\"qerror\",{importError:v,error:w,...g}),console.error(w)}}},y=async e=>{const t=g(e.type),n=\"e:\"+t;let o=e.target;for(;o&&o.getAttribute;){const r=w(o,e,n,t),s=e.bubbles&&!e.cancelBubble;f(r)&&await r,o=s&&e.bubbles&&!e.cancelBubble?o.parentElement:null}},A=(e,t)=>{const n=g(t.type),o=e+\":\"+n,r=q(\"[q-\"+e+\"\\\\:\"+n+\"]\");for(let e=0;e<r.length;e++){const s=r[e];w(s,t,o,n)}},E=async e=>{A(o,e)},C=e=>{A(n,e)},k=()=>{const n=e.readyState;if(\"interactive\"==n||\"complete\"==n){if(c=1,s.forEach(b),r.has(\"d:qinit\")){r.delete(\"d:qinit\");const e=u(\"qinit\"),t=q(\"[q-d\\\\:qinit]\");for(let n=0;n<t.length;n++){const o=t[n];w(o,e,\"d:qinit\"),o.removeAttribute(\"q-d:qinit\")}}if(r.has(\"d:qidle\")&&(r.delete(\"d:qidle\"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=u(\"qidle\"),t=q(\"[q-d\\\\:qidle]\");for(let n=0;n<t.length;n++){const o=t[n];w(o,e,\"d:qidle\"),o.removeAttribute(\"q-d:qidle\")}})),r.has(\"e:qvisible\")){a||(a=new IntersectionObserver(e=>{for(let t=0;t<e.length;t++){const n=e[t];n.isIntersecting&&(a.unobserve(n.target),w(n.target,u(\"qvisible\",n),\"e:qvisible\"))}}));const e=q(\"[q-e\\\\:qvisible]:not([q\\\\:observed])\");for(let t=0;t<e.length;t++){const n=e[t];a.observe(n),n.setAttribute(\"q:observed\",\"true\")}}}},_=(...e)=>{for(let i=0;i<e.length;i++){const a=e[i];if(\"string\"==typeof a){if(!r.has(a)){r.add(a);const{scope:e,eventName:i}=v(a);e===n?d(t,i,C,!0):s.forEach(t=>d(t,i,e===o?E:y,!0)),1!==c||\"e:qvisible\"!==a&&\"d:qinit\"!==a&&\"d:qidle\"!==a||k()}}else s.has(a)||(r.forEach(e=>{const{scope:t,eventName:r}=v(e);t!==n&&d(a,r,t===o?E:y,!0)}),s.add(a))}},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_(\"e:click\",\"e:input\"),t._qwikEv={events:r,roots:s,push:_},d(e,\"readystatechange\",k),k())";
+const QWIK_LOADER_DEBUG = "const doc = document;\nconst win = window;\nconst windowPrefix = \"w\";\nconst documentPrefix = \"d\";\nconst events = /* @__PURE__ */ new Set();\nconst roots = /* @__PURE__ */ new Set([doc]);\nconst symbols = /* @__PURE__ */ new Map();\nlet observer;\nlet hasInitialized;\nconst nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));\nconst querySelectorAll = (query) => {\n  const elements = [];\n  roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));\n  return elements;\n};\nconst addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, { capture, passive: false });\nconst findShadowRoots = (fragment) => {\n  addEventOrRoot(fragment);\n  const shadowRoots = nativeQuerySelectorAll(fragment, \"[q\\\\:shadowroot]\");\n  for (let i = 0; i < shadowRoots.length; i++) {\n    const parent = shadowRoots[i];\n    const shadowRoot = parent.shadowRoot;\n    shadowRoot && findShadowRoots(shadowRoot);\n  }\n};\nconst isPromise = (promise) => promise && typeof promise.then === \"function\";\nconst resolveContainer = (containerEl) => {\n  if (containerEl._qwikjson_ === void 0) {\n    const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;\n    let script = parentJSON.lastElementChild;\n    while (script) {\n      if (script.tagName === \"SCRIPT\" && script.getAttribute(\"type\") === \"qwik/json\") {\n        containerEl._qwikjson_ = JSON.parse(\n          script.textContent.replace(/\\\\x3C(\\/?script)/gi, \"<$1\")\n        );\n        break;\n      }\n      script = script.previousElementSibling;\n    }\n  }\n};\nconst createEvent = (eventName, detail) => new CustomEvent(eventName, { detail });\nconst emitEvent = (eventName, detail) => {\n  doc.dispatchEvent(createEvent(eventName, detail));\n};\nconst camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => \"-\" + a.toLowerCase());\nconst kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());\nconst parseKebabEvent = (event) => ({\n  scope: event.charAt(0),\n  eventName: kebabToCamel(event.slice(2))\n});\nconst dispatch = async (element, ev, scopedKebabName, kebabName) => {\n  if (kebabName) {\n    if (element.hasAttribute(\"preventdefault:\" + kebabName)) {\n      ev.preventDefault();\n    }\n    if (element.hasAttribute(\"stoppropagation:\" + kebabName)) {\n      ev.stopPropagation();\n    }\n  }\n  const handlers = element._qDispatch?.[scopedKebabName];\n  if (handlers) {\n    if (typeof handlers === \"function\") {\n      const result = handlers(ev, element);\n      if (isPromise(result)) {\n        await result;\n      }\n    } else if (handlers.length) {\n      for (let i = 0; i < handlers.length; i++) {\n        const handler = handlers[i];\n        const result = handler?.(ev, element);\n        if (isPromise(result)) {\n          await result;\n        }\n      }\n    }\n    return;\n  }\n  const attrValue = element.getAttribute(\"q-\" + scopedKebabName);\n  if (attrValue) {\n    const container = element.closest(\n      \"[q\\\\:container]:not([q\\\\:container=html]):not([q\\\\:container=text])\"\n    );\n    const qBase = container.getAttribute(\"q:base\");\n    const base = new URL(qBase, doc.baseURI);\n    const qrls = attrValue.split(\"|\");\n    for (let i = 0; i < qrls.length; i++) {\n      const qrl = qrls[i];\n      const reqTime = performance.now();\n      const [chunk, symbol, capturedIds] = qrl.split(\"#\");\n      const eventData = {\n        qBase,\n        symbol,\n        element,\n        reqTime\n      };\n      let handler;\n      let importError;\n      let error;\n      if (chunk === \"\") {\n        const hash = container.getAttribute(\"q:instance\");\n        handler = (doc[\"qFuncs_\" + hash] || [])[Number.parseInt(symbol)];\n        if (!handler) {\n          importError = \"sync\";\n          error = new Error(\"sym:\" + symbol);\n        }\n      } else {\n        const key = `${symbol}|${qBase}|${chunk}`;\n        handler = symbols.get(key);\n        if (!handler) {\n          const href = new URL(chunk, base).href;\n          try {\n            const module = import(\n                            href\n            );\n            resolveContainer(container);\n            handler = (await module)[symbol];\n            if (!handler) {\n              importError = \"no-symbol\";\n              error = new Error(`${symbol} not in ${href}`);\n            } else {\n              symbols.set(key, handler);\n              emitEvent(\"qsymbol\", eventData);\n            }\n          } catch (err) {\n            importError = \"async\";\n            error = err;\n          }\n        }\n      }\n      if (!handler) {\n        emitEvent(\"qerror\", {\n          importError,\n          error,\n          ...eventData\n        });\n        console.error(error);\n        continue;\n      }\n      if (element.isConnected) {\n        try {\n          const result = handler.call(capturedIds, ev, element);\n          if (isPromise(result)) {\n            await result;\n          }\n        } catch (error2) {\n          emitEvent(\"qerror\", { error: error2, ...eventData });\n        }\n      }\n    }\n  }\n};\nconst processElementEvent = async (ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = \"e:\" + kebabName;\n  let element = ev.target;\n  while (element && element.getAttribute) {\n    const results = dispatch(element, ev, scopedKebabName, kebabName);\n    const doBubble = ev.bubbles && !ev.cancelBubble;\n    if (isPromise(results)) {\n      await results;\n    }\n    element = doBubble && ev.bubbles && !ev.cancelBubble ? element.parentElement : null;\n  }\n};\nconst broadcast = (infix, ev) => {\n  const kebabName = camelToKebab(ev.type);\n  const scopedKebabName = infix + \":\" + kebabName;\n  const elements = querySelectorAll(\"[q-\" + infix + \"\\\\:\" + kebabName + \"]\");\n  for (let i = 0; i < elements.length; i++) {\n    const el = elements[i];\n    dispatch(el, ev, scopedKebabName, kebabName);\n  }\n};\nconst processDocumentEvent = async (ev) => {\n  broadcast(documentPrefix, ev);\n};\nconst processWindowEvent = (ev) => {\n  broadcast(windowPrefix, ev);\n};\nconst processReadyStateChange = () => {\n  const readyState = doc.readyState;\n  if (readyState == \"interactive\" || readyState == \"complete\") {\n    hasInitialized = 1;\n    roots.forEach(findShadowRoots);\n    if (events.has(\"d:qinit\")) {\n      events.delete(\"d:qinit\");\n      const ev = createEvent(\"qinit\");\n      const elements = querySelectorAll(\"[q-d\\\\:qinit]\");\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        dispatch(el, ev, \"d:qinit\");\n        el.removeAttribute(\"q-d:qinit\");\n      }\n    }\n    if (events.has(\"d:qidle\")) {\n      events.delete(\"d:qidle\");\n      const riC = win.requestIdleCallback ?? win.setTimeout;\n      riC.bind(win)(() => {\n        const ev = createEvent(\"qidle\");\n        const elements = querySelectorAll(\"[q-d\\\\:qidle]\");\n        for (let i = 0; i < elements.length; i++) {\n          const el = elements[i];\n          dispatch(el, ev, \"d:qidle\");\n          el.removeAttribute(\"q-d:qidle\");\n        }\n      });\n    }\n    if (events.has(\"e:qvisible\")) {\n      observer || (observer = new IntersectionObserver((entries) => {\n        for (let i = 0; i < entries.length; i++) {\n          const entry = entries[i];\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, createEvent(\"qvisible\", entry), \"e:qvisible\");\n          }\n        }\n      }));\n      const elements = querySelectorAll(\"[q-e\\\\:qvisible]:not([q\\\\:observed])\");\n      for (let i = 0; i < elements.length; i++) {\n        const el = elements[i];\n        observer.observe(el);\n        el.setAttribute(\"q:observed\", \"true\");\n      }\n    }\n  }\n};\nconst addEventOrRoot = (...eventNames) => {\n  for (let i = 0; i < eventNames.length; i++) {\n    const eventNameOrRoot = eventNames[i];\n    if (typeof eventNameOrRoot === \"string\") {\n      if (!events.has(eventNameOrRoot)) {\n        events.add(eventNameOrRoot);\n        const { scope, eventName } = parseKebabEvent(eventNameOrRoot);\n        if (scope === windowPrefix) {\n          addEventListener(win, eventName, processWindowEvent, true);\n        } else {\n          roots.forEach(\n            (root) => addEventListener(\n              root,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            )\n          );\n        }\n        if (hasInitialized === 1 && (eventNameOrRoot === \"e:qvisible\" || eventNameOrRoot === \"d:qinit\" || eventNameOrRoot === \"d:qidle\")) {\n          processReadyStateChange();\n        }\n      }\n    } else {\n      if (!roots.has(eventNameOrRoot)) {\n        events.forEach((kebabEventName) => {\n          const { scope, eventName } = parseKebabEvent(kebabEventName);\n          if (scope !== windowPrefix) {\n            addEventListener(\n              eventNameOrRoot,\n              eventName,\n              scope === documentPrefix ? processDocumentEvent : processElementEvent,\n              true\n            );\n          }\n        });\n        roots.add(eventNameOrRoot);\n      }\n    }\n  }\n};\nconst _qwikEv = win._qwikEv;\nif (!_qwikEv?.roots) {\n  if (Array.isArray(_qwikEv)) {\n    addEventOrRoot(..._qwikEv);\n  } else {\n    addEventOrRoot(\"e:click\", \"e:input\");\n  }\n  win._qwikEv = {\n    events,\n    roots,\n    push: addEventOrRoot\n  };\n  addEventListener(doc, \"readystatechange\", processReadyStateChange);\n  processReadyStateChange();\n}";
 export { QWIK_LOADER, QWIK_LOADER_DEBUG };

package/dist/loader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/loader",
-  "version": "2.0.0-beta.3-dev+aa098fc",
+  "version": "2.0.0-beta.31-dev+906321a",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,