@qwik.dev/core 2.0.0-beta.2 → 2.0.0-beta.21

package/dist/preloader.mjs

@@ -29,12 +29,9 @@ const trigger = () => {
     const e = queue[0];
     const t = e.u;
     const o = 1 - t;
-    const n = graph ? (
-      // The more likely the bundle, the more simultaneous preloads we want to allow
-      Math.max(1, config.o * o)
-    ) : (
-      // While the graph is not available, we limit to 2 preloads
-      2
+    const n = graph ? config.o : (
+      // While the graph is not available, we limit to 5 preloads
+      5
     );
     if (o >= 0.99 || preloadCount < n) {
       queue.shift();
@@ -71,13 +68,13 @@ const preloadOne = (e) => {
   doc.head.appendChild(o);
 };
 const adjustProbabilities = (e, t, o) => {
-  if (o == null ? void 0 : o.has(e)) return;
+  if (o?.has(e)) return;
   const n = e.u;
   e.u = t;
   if (n - e.u < 0.01) return;
   if (
     // don't queue until we have initialized the preloader
-    base != null && e.i < BundleImportState_Preload && e.u < config.l
+    base != null && e.i < BundleImportState_Preload
   ) {
     if (e.i === BundleImportState_None) {
       e.i = BundleImportState_Queued;
@@ -87,14 +84,14 @@ const adjustProbabilities = (e, t, o) => {
     queueDirty = 1;
   }
   if (e.h) {
-    o || (o = /* @__PURE__ */ new Set());
+    o ||= /* @__PURE__ */ new Set();
     o.add(e);
     const t2 = 1 - e.u;
     for (const n2 of e.h) {
       const e2 = getBundle(n2.m);
       if (e2.u === 0) continue;
       let r;
-      if (n2.S > 0.5 && (t2 === 1 || t2 >= 0.99 && depsCount < 100)) {
+      if (t2 === 1 || t2 >= 0.99 && depsCount < 100) {
         depsCount++;
         r = Math.min(0.01, 1 - n2.S);
       } else {
@@ -114,7 +111,7 @@ const handleBundle = (e, t) => {
 };
 let depsCount;
 const preload = (e, t) => {
-  if (!(e == null ? void 0 : e.length)) return;
+  if (!e?.length) return;
   depsCount = 0;
   let o = t ? 1 - t : 0.4;
   if (Array.isArray(e)) for (let t2 = e.length - 1; t2 >= 0; t2--) {

package/dist/qwikloader.debug.js

@@ -1,7 +1,11 @@
 const doc = document;
 const win = window;
+const windowPrefix = "w";
+const documentPrefix = "d";
 const events = /* @__PURE__ */ new Set();
 const roots = /* @__PURE__ */ new Set([doc]);
+const symbols = /* @__PURE__ */ new Map();
+let observer;
 let hasInitialized;
 const nativeQuerySelectorAll = (root, selector) => Array.from(root.querySelectorAll(selector));
 const querySelectorAll = (query) => {
@@ -9,28 +13,15 @@ const querySelectorAll = (query) => {
   roots.forEach((root) => elements.push(...nativeQuerySelectorAll(root, query)));
   return elements;
 };
+const addEventListener = (el, eventName, handler, capture = false) => el.addEventListener(eventName, handler, { capture, passive: false });
 const findShadowRoots = (fragment) => {
-  processEventOrNode(fragment);
+  addEventOrRoot(fragment);
   nativeQuerySelectorAll(fragment, "[q\\:shadowroot]").forEach((parent) => {
     const shadowRoot = parent.shadowRoot;
     shadowRoot && findShadowRoots(shadowRoot);
   });
 };
 const isPromise = (promise) => promise && typeof promise.then === "function";
-let doNotClean = true;
-const broadcast = (infix, ev, type = ev.type) => {
-  let found = doNotClean;
-  querySelectorAll("[on" + infix + "\\:" + type + "]").forEach((el) => {
-    found = true;
-    dispatch(el, infix, ev, type);
-  });
-  if (!found) {
-    window[infix.slice(1)].removeEventListener(
-      type,
-      infix === "-window" ? processWindowEvent : processDocumentEvent
-    );
-  }
-};
 const resolveContainer = (containerEl) => {
   if (containerEl._qwikjson_ === void 0) {
     const parentJSON = containerEl === doc.documentElement ? doc.body : containerEl;
@@ -46,64 +37,59 @@ const resolveContainer = (containerEl) => {
     }
   }
 };
-const createEvent = (eventName, detail) => new CustomEvent(eventName, {
-  detail
+const createEvent = (eventName, detail) => new CustomEvent(eventName, { detail });
+const emitEvent = (eventName, detail) => {
+  doc.dispatchEvent(createEvent(eventName, detail));
+};
+const camelToKebab = (str) => str.replace(/([A-Z-])/g, (a) => "-" + a.toLowerCase());
+const kebabToCamel = (eventName) => eventName.replace(/-./g, (a) => a[1].toUpperCase());
+const parseKebabEvent = (event) => ({
+  scope: event.charAt(0),
+  eventName: kebabToCamel(event.slice(2))
 });
-const dispatch = async (element, scope, ev, eventName = ev.type) => {
-  const attrName = "on" + scope + ":" + eventName;
-  if (element.hasAttribute("preventdefault:" + eventName)) {
-    ev.preventDefault();
-  }
-  if (element.hasAttribute("stoppropagation:" + eventName)) {
-    ev.stopPropagation();
+const dispatch = async (element, ev, scopedKebabName, kebabName) => {
+  if (kebabName) {
+    if (element.hasAttribute("preventdefault:" + kebabName)) {
+      ev.preventDefault();
+    }
+    if (element.hasAttribute("stoppropagation:" + kebabName)) {
+      ev.stopPropagation();
+    }
   }
-  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;
-      if (isPromise(results)) {
-        await results;
-      }
-      if (cancelBubble) {
-        ev.stopPropagation();
+  const handlers = element._qDispatch?.[scopedKebabName];
+  if (handlers) {
+    if (handlers.length) {
+      for (const handler of handlers) {
+        const result = handler?.(ev, element);
+        if (isPromise(result)) {
+          await result;
+        }
       }
+    } else {
+      await handlers(ev, element);
     }
     return;
   }
-  const attrValue = element.getAttribute(attrName);
-  const qDispatchEvent = element.qDispatchEvent;
-  if (qDispatchEvent) {
-    return qDispatchEvent(ev, scope);
-  }
+  const attrValue = element.getAttribute("q-" + scopedKebabName);
   if (attrValue) {
     const container = element.closest(
       "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"
     );
     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";
+    for (const qrl of attrValue.split("|")) {
       const reqTime = performance.now();
-      let handler;
-      let importError;
-      let error;
-      const isSync = qrl.startsWith("#");
+      const [chunk, symbol, capturedIds] = qrl.split("#");
       const eventData = {
         qBase,
-        qManifest,
-        qVersion,
-        href,
         symbol,
         element,
         reqTime
       };
-      if (isSync) {
+      let handler;
+      let importError;
+      let error;
+      if (chunk === "") {
         const hash = container.getAttribute("q:instance");
         handler = (doc["qFuncs_" + hash] || [])[Number.parseInt(symbol)];
         if (!handler) {
@@ -111,22 +97,28 @@ const dispatch = async (element, scope, ev, eventName = ev.type) => {
           error = new Error("sym:" + symbol);
         }
       } else {
-        emitEvent("qsymbol", eventData);
-        const uri = url.href.split("#")[0];
-        try {
-          const module = import(
-            /* @vite-ignore */
-            uri
-          );
-          resolveContainer(container);
-          handler = (await module)[symbol];
-          if (!handler) {
-            importError = "no-symbol";
-            error = new Error(`${symbol} not in ${uri}`);
+        const key = `${symbol}|${qBase}|${chunk}`;
+        handler = symbols.get(key);
+        if (!handler) {
+          const href = new URL(chunk, base).href;
+          try {
+            const module = import(
+              /* @vite-ignore */
+              href
+            );
+            resolveContainer(container);
+            handler = (await module)[symbol];
+            if (!handler) {
+              importError = "no-symbol";
+              error = new Error(`${symbol} not in ${href}`);
+            } else {
+              symbols.set(key, handler);
+              emitEvent("qsymbol", eventData);
+            }
+          } catch (err) {
+            importError = "async";
+            error = err;
           }
-        } catch (err) {
-          importError || (importError = "async");
-          error = err;
         }
       }
       if (!handler) {
@@ -136,110 +128,138 @@ const dispatch = async (element, scope, ev, eventName = ev.type) => {
           ...eventData
         });
         console.error(error);
-        break;
+        continue;
       }
-      const previousCtx = doc.__q_context__;
       if (element.isConnected) {
         try {
-          doc.__q_context__ = [element, ev, url];
-          const results = handler(ev, element);
-          if (isPromise(results)) {
-            await results;
+          const result = handler.call(capturedIds, ev, element);
+          if (isPromise(result)) {
+            await result;
           }
         } catch (error2) {
           emitEvent("qerror", { 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);
+const processElementEvent = async (ev) => {
+  const kebabName = camelToKebab(ev.type);
+  const scopedKebabName = "e:" + kebabName;
   let element = ev.target;
-  broadcast("-document", ev, type);
   while (element && element.getAttribute) {
-    const results = dispatch(element, "", ev, type);
-    let cancelBubble = ev.cancelBubble;
+    const results = dispatch(element, ev, scopedKebabName, kebabName);
+    const doBubble = ev.bubbles && !ev.cancelBubble;
     if (isPromise(results)) {
       await results;
     }
-    cancelBubble || (cancelBubble = cancelBubble || ev.cancelBubble || element.hasAttribute("stoppropagation:" + ev.type));
-    element = ev.bubbles && cancelBubble !== true ? element.parentElement : null;
+    element = doBubble && ev.bubbles && !ev.cancelBubble ? element.parentElement : null;
   }
 };
+const broadcast = (infix, ev) => {
+  const kebabName = camelToKebab(ev.type);
+  const scopedKebabName = infix + ":" + kebabName;
+  querySelectorAll("[q-" + infix + "\\:" + kebabName + "]").forEach(
+    (el) => dispatch(el, ev, scopedKebabName, kebabName)
+  );
+};
+const processDocumentEvent = async (ev) => {
+  broadcast(documentPrefix, ev);
+};
 const processWindowEvent = (ev) => {
-  broadcast("-window", ev, camelToKebab(ev.type));
+  broadcast(windowPrefix, ev);
 };
 const processReadyStateChange = () => {
-  var _a;
   const readyState = doc.readyState;
-  if (!hasInitialized && (readyState == "interactive" || readyState == "complete")) {
-    roots.forEach(findShadowRoots);
+  if (readyState == "interactive" || readyState == "complete") {
     hasInitialized = 1;
-    emitEvent("qinit");
-    const riC = (_a = win.requestIdleCallback) != null ? _a : win.setTimeout;
-    riC.bind(win)(() => emitEvent("qidle"));
-    if (events.has("qvisible")) {
-      const results = querySelectorAll("[on\\:qvisible]");
-      const observer = new IntersectionObserver((entries) => {
+    roots.forEach(findShadowRoots);
+    if (events.has("d:qinit")) {
+      events.delete("d:qinit");
+      const ev = createEvent("qinit");
+      querySelectorAll("[q-d\\:qinit]").forEach((el) => {
+        dispatch(el, ev, "d:qinit");
+        el.removeAttribute("q-d:qinit");
+      });
+    }
+    if (events.has("d:qidle")) {
+      events.delete("d:qidle");
+      const riC = win.requestIdleCallback ?? win.setTimeout;
+      riC.bind(win)(() => {
+        const ev = createEvent("qidle");
+        querySelectorAll("[q-d\\:qidle]").forEach((el) => {
+          dispatch(el, ev, "d:qidle");
+          el.removeAttribute("q-d:qidle");
+        });
+      });
+    }
+    if (events.has("e:qvisible")) {
+      observer || (observer = new IntersectionObserver((entries) => {
         for (const entry of entries) {
           if (entry.isIntersecting) {
             observer.unobserve(entry.target);
-            dispatch(entry.target, "", createEvent("qvisible", entry));
+            dispatch(entry.target, createEvent("qvisible", entry), "e:qvisible");
           }
         }
+      }));
+      querySelectorAll("[q-e\\:qvisible]:not([q\\:observed])").forEach((el) => {
+        observer.observe(el);
+        el.setAttribute("q:observed", "true");
       });
-      results.forEach((el) => observer.observe(el));
     }
   }
 };
-const addEventListener = (el, eventName, handler, capture = false) => {
-  el.addEventListener(eventName, handler, { capture, passive: false });
-};
-let cleanTimer;
-const processEventOrNode = (...eventNames) => {
-  doNotClean = true;
-  clearTimeout(cleanTimer);
-  cleanTimer = setTimeout(() => doNotClean = false, 2e4);
-  for (const eventNameOrNode of eventNames) {
-    if (typeof eventNameOrNode === "string") {
-      if (!events.has(eventNameOrNode)) {
-        roots.forEach(
-          (root) => addEventListener(root, eventNameOrNode, processDocumentEvent, true)
-        );
-        addEventListener(win, eventNameOrNode, processWindowEvent, true);
-        events.add(eventNameOrNode);
+const addEventOrRoot = (...eventNames) => {
+  for (const eventNameOrRoot of eventNames) {
+    if (typeof eventNameOrRoot === "string") {
+      if (!events.has(eventNameOrRoot)) {
+        events.add(eventNameOrRoot);
+        const { scope, eventName } = parseKebabEvent(eventNameOrRoot);
+        if (scope === windowPrefix) {
+          addEventListener(win, eventName, processWindowEvent, true);
+        } else {
+          roots.forEach(
+            (root) => addEventListener(
+              root,
+              eventName,
+              scope === documentPrefix ? processDocumentEvent : processElementEvent,
+              true
+            )
+          );
+        }
+        if (hasInitialized === 1 && (eventNameOrRoot === "e:qvisible" || eventNameOrRoot === "d:qinit" || eventNameOrRoot === "d:qidle")) {
+          processReadyStateChange();
+        }
       }
     } else {
-      if (!roots.has(eventNameOrNode)) {
-        events.forEach(
-          (eventName) => addEventListener(eventNameOrNode, eventName, processDocumentEvent, true)
-        );
-        roots.add(eventNameOrNode);
+      if (!roots.has(eventNameOrRoot)) {
+        events.forEach((kebabEventName) => {
+          const { scope, eventName } = parseKebabEvent(kebabEventName);
+          if (scope !== windowPrefix) {
+            addEventListener(
+              eventNameOrRoot,
+              eventName,
+              scope === documentPrefix ? processDocumentEvent : processElementEvent,
+              true
+            );
+          }
+        });
+        roots.add(eventNameOrRoot);
       }
     }
   }
 };
-if (!("__q_context__" in doc)) {
-  doc.__q_context__ = 0;
-  const qwikevents = win.qwikevents;
-  if (qwikevents) {
-    if (Array.isArray(qwikevents)) {
-      processEventOrNode(...qwikevents);
-    } else {
-      processEventOrNode("click", "input");
-    }
+const _qwikEv = win._qwikEv;
+if (!_qwikEv?.roots) {
+  if (Array.isArray(_qwikEv)) {
+    addEventOrRoot(..._qwikEv);
+  } else {
+    addEventOrRoot("e:click", "e:input");
   }
-  win.qwikevents = {
+  win._qwikEv = {
     events,
     roots,
-    push: processEventOrNode
+    push: addEventOrRoot
   };
   addEventListener(doc, "readystatechange", processReadyStateChange);
   processReadyStateChange();

package/dist/qwikloader.js

@@ -1 +1 @@
-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 e=document,t=window,o="w",r="d",n=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(o=>t.push(...l(o,e))),t},d=(e,t,o,r=!1)=>e.addEventListener(t,o,{capture:r,passive:!1}),b=e=>{_(e),l(e,"[q\\:shadowroot]").forEach(e=>{const t=e.shadowRoot;t&&b(t)})},f=e=>e&&"function"==typeof e.then,p=t=>{if(void 0===t._qwikjson_){let o=(t===e.documentElement?e.body:t).lastElementChild;for(;o;){if("SCRIPT"===o.tagName&&"qwik/json"===o.getAttribute("type")){t._qwikjson_=JSON.parse(o.textContent.replace(/\\x3C(\/?script)/gi,"<$1"));break}o=o.previousElementSibling}}},u=(e,t)=>new CustomEvent(e,{detail:t}),h=(t,o)=>{e.dispatchEvent(u(t,o))},m=e=>e.replace(/([A-Z-])/g,e=>"-"+e.toLowerCase()),v=e=>e.replace(/-./g,e=>e[1].toUpperCase()),w=e=>({scope:e.charAt(0),eventName:v(e.slice(2))}),y=async(t,o,r,n)=>{n&&(t.hasAttribute("preventdefault:"+n)&&o.preventDefault(),t.hasAttribute("stoppropagation:"+n)&&o.stopPropagation());const s=t._qDispatch?.[r];if(s){if(s.length)for(const e of s){const r=e?.(o,t);f(r)&&await r}else await s(o,t);return}const a=t.getAttribute("q-"+r);if(a){const r=t.closest("[q\\:container]:not([q\\:container=html]):not([q\\:container=text])"),n=r.getAttribute("q:base"),s=new URL(n,e.baseURI);for(const c of a.split("|")){const a=performance.now(),[l,q,d]=c.split("#"),b={qBase:n,symbol:q,element:t,reqTime:a};let u,m,v;if(""===l){const t=r.getAttribute("q:instance");u=(e["qFuncs_"+t]||[])[Number.parseInt(q)],u||(m="sync",v=Error("sym:"+q))}else{const e=`${q}|${n}|${l}`;if(u=i.get(e),!u){const t=new URL(l,s).href;try{const o=import(t);p(r),u=(await o)[q],u?(i.set(e,u),h("qsymbol",b)):(m="no-symbol",v=Error(`${q} not in ${t}`))}catch(e){m="async",v=e}}}if(u){if(t.isConnected)try{const e=u.call(d,o,t);f(e)&&await e}catch(e){h("qerror",{error:e,...b})}}else h("qerror",{importError:m,error:v,...b}),console.error(v)}}},E=async e=>{const t=m(e.type),o="e:"+t;let r=e.target;for(;r&&r.getAttribute;){const n=y(r,e,o,t),s=e.bubbles&&!e.cancelBubble;f(n)&&await n,r=s&&e.bubbles&&!e.cancelBubble?r.parentElement:null}},g=(e,t)=>{const o=m(t.type),r=e+":"+o;q("[q-"+e+"\\:"+o+"]").forEach(e=>y(e,t,r,o))},A=async e=>{g(r,e)},C=e=>{g(o,e)},k=()=>{const o=e.readyState;if("interactive"==o||"complete"==o){if(c=1,s.forEach(b),n.has("d:qinit")){n.delete("d:qinit");const e=u("qinit");q("[q-d\\:qinit]").forEach(t=>{y(t,e,"d:qinit"),t.removeAttribute("q-d:qinit")})}n.has("d:qidle")&&(n.delete("d:qidle"),(t.requestIdleCallback??t.setTimeout).bind(t)(()=>{const e=u("qidle");q("[q-d\\:qidle]").forEach(t=>{y(t,e,"d:qidle"),t.removeAttribute("q-d:qidle")})})),n.has("e:qvisible")&&(a||(a=new IntersectionObserver(e=>{for(const t of e)t.isIntersecting&&(a.unobserve(t.target),y(t.target,u("qvisible",t),"e:qvisible"))})),q("[q-e\\:qvisible]:not([q\\:observed])").forEach(e=>{a.observe(e),e.setAttribute("q:observed","true")}))}},_=(...e)=>{for(const i of e)if("string"==typeof i){if(!n.has(i)){n.add(i);const{scope:e,eventName:a}=w(i);e===o?d(t,a,C,!0):s.forEach(t=>d(t,a,e===r?A:E,!0)),1!==c||"e:qvisible"!==i&&"d:qinit"!==i&&"d:qidle"!==i||k()}}else s.has(i)||(n.forEach(e=>{const{scope:t,eventName:n}=w(e);t!==o&&d(i,n,t===r?A:E,!0)}),s.add(i))},S=t._qwikEv;S?.roots||(Array.isArray(S)?_(...S):_("e:click","e:input"),t._qwikEv={events:n,roots:s,push:_},d(e,"readystatechange",k),k());

package/dist/server.d.ts

@@ -4,7 +4,7 @@ import type { QwikManifest } from './optimizer';
 import type { ResolvedManifest } from './optimizer';
 import type { ServerQwikManifest } from './optimizer';
 import type { SnapshotResult } from '.';
-import type { StreamWriter } from '.';
+import type { StreamWriter } from './internal';
 import type { SymbolMapperFn } from './optimizer';
 
 /** @public */
@@ -35,6 +35,15 @@ declare type FunctionComponent<P = unknown> = {
     renderFn(props: P, key: string | null, flags: number, dev?: DevJSX): JSXOutput;
 }['renderFn'];
 
+/**
+ * Provides the `backpatch-executor.js` executor script as a string.
+ *
+ * @public
+ */
+export declare function getQwikBackpatchExecutorScript(opts?: {
+    debug?: boolean;
+}): string;
+
 /**
  * Provides the `qwikloader.js` file as a string. Useful for tooling to inline the qwikloader script
  * into HTML.
@@ -166,6 +175,8 @@ export declare interface PreloaderOptions {
      * The minimum probability for a bundle to be added as a preload link during SSR.
      *
      * Defaults to `0.7` (70% probability)
+     *
+     * This makes sure that the most likely bundles are preloaded ahead of time.
      */
     ssrPreloadProbability?: number;
     /**
@@ -187,9 +198,12 @@ export declare interface PreloaderOptions {
      */
     maxIdlePreloads?: number;
     /**
-     * The minimum probability for a bundle to be added to the preload queue.
+     * @deprecated The minimum probability for a bundle to be added to the preload queue.
      *
-     * Defaults to `0.35` (35% probability)
+     *   Defaulted to `0.35` (35% probability).
+     *
+     *   Deprecated because this could cause performance issues with bundles fetched on on click instead
+     *   of being preloaded ahead of time.
      */
     preloadProbability?: number;
 }
@@ -231,18 +245,12 @@ declare interface QwikBundle {
 declare type QwikBundleGraph = Array<string | number>;
 
 /** @public */
-export declare interface QwikLoaderOptions {
-    /**
-     * Whether to include the qwikloader script in the document. Normally you don't need to worry
-     * about this, but in case of multi-container apps using different Qwik versions, you might want
-     * to only enable it on one of the containers.
-     *
-     * Defaults to `'auto'`.
-     */
+export declare type QwikLoaderOptions = 'module' | 'inline' | 'never' | {
+    /** @deprecated No longer used. */
     include?: 'always' | 'never' | 'auto';
-    /** @deprecated No longer used, the qwikloader is always loaded as soon as possible */
+    /** @deprecated No longer used. */
     position?: 'top' | 'bottom';
-}
+};
 
 /**
  * The metadata of the build. One of its uses is storing where QRL symbols are located.
@@ -337,11 +345,25 @@ export declare interface RenderOptions extends SerializeDocumentOptions {
     /** Language to use when rendering the document. */
     locale?: string | ((options: RenderOptions) => string);
     /**
-     * Specifies if the Qwik Loader script is added to the document or not.
+     * Specifies how the Qwik Loader is included in the document. This enables interactivity and lazy
+     * loading.
+     *
+     * `module`: Use a `<script>` tag to load the Qwik Loader. Subsequent page loads will have the
+     * script cached and instantly running.
+     *
+     * `inline`: This embeds the Qwik Loader script directly in the document. This adds about 3kB
+     * before compression, which typically is reduced to about 1.6kB with gzip.
+     *
+     * `never`: Do not include the Qwik Loader script. This is mostly useful when embedding multiple
+     * containers on the same page.
+     *
+     * Defaults to `module`.
      *
-     * Defaults to `{ include: true }`.
+     * Note that the Qwik Loader is absolutely required for Qwik to work. There must be an instance of
+     * it loaded for any interactivity to happen.
      */
     qwikLoader?: QwikLoaderOptions;
+    /** Specifies how preloading is handled. This ensures that code is instantly available when needed. */
     preloader?: PreloaderOptions | false;
     /** @deprecated Use `preloader` instead */
     prefetchStrategy?: PrefetchStrategy | null;
@@ -351,6 +373,7 @@ export declare interface RenderOptions extends SerializeDocumentOptions {
      */
     containerTagName?: string;
     containerAttributes?: Record<string, string>;
+    /** Metadata that can be retrieved during SSR with `useServerData()`. */
     serverData?: Record<string, any>;
 }