@qwik.dev/core 2.0.0-beta.4 → 2.0.0-beta.40

package/dist/out-of-order-executor.debug.js

@@ -0,0 +1,140 @@
+//#region packages/qwik/src/out-of-order-executor-shared.ts
+/** Shared out-of-order Suspense executor logic for the inline script and source tests. */
+var Q_RESOLVED_SELECTOR = "template[q\\:r=\"";
+var Q_RESOLVED_ATTR = "q:r";
+var Q_RESULT_PARENT_SELECTOR = "[q\\:rp=\"";
+var Q_GROUP_ATTR = "q:g";
+var Q_INDEX_ATTR = "q:i";
+var Q_ORDER_ATTR = "q:o";
+var Q_CONTAINER_SELECTOR = "[q\\:container]:not([q\\:container=html]):not([q\\:container=text])";
+var installOutOfOrderExecutor = (doc) => {
+	const groups = /* @__PURE__ */ new WeakMap();
+	const process = (boundaryId, content) => {
+		var _executorDoc$qProcess;
+		const executorDoc = doc;
+		(_executorDoc$qProcess = executorDoc.qProcessOOOS) === null || _executorDoc$qProcess === void 0 || _executorDoc$qProcess.call(executorDoc, boundaryId, content);
+	};
+	const getScope = () => {
+		const script = doc.currentScript;
+		return script ? script.closest(Q_CONTAINER_SELECTOR) || doc : doc;
+	};
+	const group = (scope, groupId, total, order) => {
+		let scopedGroups = groups.get(scope);
+		if (!scopedGroups) groups.set(scope, scopedGroups = {});
+		return scopedGroups[groupId] || (scopedGroups[groupId] = {
+			r: {},
+			n: 0,
+			t: total,
+			o: order
+		});
+	};
+	const getResolvedTemplate = (scope, boundaryId) => {
+		const currentScript = doc.currentScript;
+		const previousElement = currentScript ? currentScript.previousElementSibling : null;
+		if (previousElement && previousElement.localName === "template" && previousElement.getAttribute(Q_RESOLVED_ATTR) === String(boundaryId)) return previousElement;
+		const templates = scope.querySelectorAll(Q_RESOLVED_SELECTOR + boundaryId + "\"]");
+		return templates.length ? templates[templates.length - 1] : null;
+	};
+	const getPlaceholderTemplate = (content, boundaryId) => {
+		return content.querySelector(Q_RESOLVED_SELECTOR + boundaryId + "\"]");
+	};
+	const getResultParent = (scope, boundaryId) => {
+		return scope.querySelector(Q_RESULT_PARENT_SELECTOR + boundaryId + "\"]");
+	};
+	const reveal = (content, fallback) => {
+		if (!content) return 0;
+		if (fallback && fallback.style) fallback.style.display = "none";
+		if (content.style) content.style.display = "contents";
+		return 1;
+	};
+	const move = (scope, boundaryId, resolved) => {
+		if (!resolved) return null;
+		const content = getResultParent(scope, boundaryId);
+		const placeholder = content ? getPlaceholderTemplate(content, boundaryId) : null;
+		const parent = placeholder ? placeholder.parentNode : null;
+		if (!placeholder || !content || !parent) return null;
+		parent.insertBefore(resolved.content, placeholder);
+		placeholder.remove();
+		resolved.remove();
+		return [content, content.previousElementSibling];
+	};
+	const flush = (group) => {
+		const order = group.o;
+		let entry;
+		let index;
+		let swapped = 0;
+		if (order === "p") for (const key in group.r) {
+			entry = group.r[key];
+			if (entry[0] && reveal(entry[0], entry[1])) {
+				entry[0] = 0;
+				swapped++;
+			}
+		}
+		else if (order === "s") for (index = group.n; (entry = group.r[index]) && entry[0]; index++) {
+			if (!reveal(entry[0], entry[1])) break;
+			entry[0] = 0;
+			swapped++;
+			group.n = index + 1;
+		}
+		else if (order === "r") {
+			if (group.t < 0) return 0;
+			if (group.n < 0) group.n = group.t - 1;
+			for (index = group.n; (entry = group.r[index]) && entry[0]; index--) {
+				if (!reveal(entry[0], entry[1])) break;
+				entry[0] = 0;
+				swapped++;
+				group.n = index - 1;
+			}
+		} else {
+			if (group.t < 0) return 0;
+			for (index = 0; index < group.t; index++) {
+				entry = group.r[index];
+				if (!entry) return 0;
+			}
+			for (index = 0; index < group.t; index++) {
+				entry = group.r[index];
+				if (entry[0] && reveal(entry[0], entry[1])) {
+					entry[0] = 0;
+					swapped++;
+				}
+			}
+		}
+		return swapped;
+	};
+	const qO = ((boundaryId) => {
+		const scope = getScope();
+		const resolved = getResolvedTemplate(scope, boundaryId);
+		if (!resolved) return;
+		const entry = move(scope, boundaryId, resolved);
+		if (!entry) return;
+		process(boundaryId, entry[0] || null);
+		const groupId = resolved.getAttribute(Q_GROUP_ATTR);
+		if (groupId) {
+			const index = +(resolved.getAttribute(Q_INDEX_ATTR) || 0);
+			const currentGroup = group(scope, groupId, -1, resolved.getAttribute(Q_ORDER_ATTR) || "p");
+			currentGroup.r[index] = entry;
+			flush(currentGroup);
+			return;
+		}
+		reveal(entry[0] || null, entry[1]);
+	});
+	qO.g = (groupId, total, order) => {
+		const currentGroup = group(getScope(), groupId, total, order);
+		currentGroup.t = total;
+		currentGroup.o = order;
+		if (currentGroup.o === "r" && currentGroup.n === 0) currentGroup.n = total - 1;
+		flush(currentGroup);
+	};
+	qO.d = doc;
+	globalThis.qO = qO;
+};
+//#endregion
+//#region packages/qwik/src/out-of-order-executor.ts
+/**
+* Qwik Out-of-Order Suspense Executor
+*
+* This is the inline script entry. The actual logic lives in out-of-order-executor-shared.ts so
+* source tests can install the same executor.
+*/
+installOutOfOrderExecutor(document);
+//#endregion

package/dist/out-of-order-executor.js

@@ -0,0 +1 @@
+var t='template[q\\:r="',e="q:r",r='[q\\:rp="',n="q:g",l="q:i",o="q:o",i="[q\\:container]:not([q\\:container=html]):not([q\\:container=text])",u=u=>{const s=new WeakMap,c=()=>{const t=u.currentScript;return t&&t.closest(i)||u},f=(t,e,r,n)=>{let l=s.get(t);return l||s.set(t,l={}),l[e]||(l[e]={r:{},n:0,t:r,o:n})},a=(t,e)=>t?(e&&e.style&&(e.style.display="none"),t.style&&(t.style.display="contents"),1):0,q=t=>{const e=t.o;let r,n,l=0;if("p"===e)for(const e in t.r)r=t.r[e],r[0]&&a(r[0],r[1])&&(r[0]=0,l++);else if("s"===e)for(n=t.n;(r=t.r[n])&&r[0]&&a(r[0],r[1]);n++)r[0]=0,l++,t.n=n+1;else if("r"===e){if(t.t<0)return 0;for(t.n<0&&(t.n=t.t-1),n=t.n;(r=t.r[n])&&r[0]&&a(r[0],r[1]);n--)r[0]=0,l++,t.n=n-1}else{if(t.t<0)return 0;for(n=0;n<t.t;n++)if(r=t.r[n],!r)return 0;for(n=0;n<t.t;n++)r=t.r[n],r[0]&&a(r[0],r[1])&&(r[0]=0,l++)}return l},p=i=>{const s=c(),p=((r,n)=>{const l=u.currentScript,o=l?l.previousElementSibling:null;if(o&&"template"===o.localName&&o.getAttribute(e)===n+"")return o;const i=r.querySelectorAll(t+n+'"]');return i.length?i[i.length-1]:null})(s,i);if(!p)return;const g=((e,n,l)=>{if(!l)return null;const o=((t,e)=>t.querySelector(r+e+'"]'))(e,n),i=o?((e,r)=>e.querySelector(t+r+'"]'))(o,n):null,u=i?i.parentNode:null;return i&&o&&u?(u.insertBefore(l.content,i),i.remove(),l.remove(),[o,o.previousElementSibling]):null})(s,i,p);if(!g)return;((t,e)=>{var r;const n=u;null===(r=n.qProcessOOOS)||void 0===r||r.call(n,t,e)})(i,g[0]||null);const m=p.getAttribute(n);if(m){const t=+(p.getAttribute(l)||0),e=f(s,m,-1,p.getAttribute(o)||"p");return e.r[t]=g,void q(e)}a(g[0]||null,g[1])};p.g=(t,e,r)=>{const n=f(c(),t,e,r);n.t=e,n.o=r,"r"===n.o&&0===n.n&&(n.n=e-1),q(n)},p.d=u,globalThis.qO=p};u(document);

package/dist/preloader.mjs

@@ -1,198 +1,178 @@
-import { isBrowser } from "@qwik.dev/core/build";
-const doc = isBrowser ? document : void 0;
-const config = { t: 0, o: 25, l: 0.65 };
-const rel = isBrowser && doc.createElement("link").relList.supports("modulepreload") ? "modulePreload" : "preload";
-const loadStart = Date.now();
-const isJSRegex = /\.[mc]?js$/;
-const BundleImportState_None = 0;
-const BundleImportState_Queued = 1;
-const BundleImportState_Preload = 2;
-const BundleImportState_Alias = 3;
-const BundleImportState_Loaded = 4;
-const bundles = /* @__PURE__ */ new Map();
-let queueDirty;
-let preloadCount = 0;
-const queue = [];
-const log = (...e) => {
-  console.log(`Preloader ${Date.now() - loadStart}ms ${preloadCount}/${queue.length} queued>`, ...e);
+import { isServer as e } from "@qwik.dev/core/build";
+var t = (e) => {
+	let t;
+	if (typeof MessageChannel < "u") {
+		let n = new MessageChannel(), r = !0;
+		n.port1.onmessage = () => e(), t = () => {
+			r && n.port2.postMessage(null);
+		}, t.$destroy$ = () => {
+			r && (r = !1, n.port1.onmessage = null, n.port1.close(), n.port2.close());
+		};
+	} else t = () => setTimeout(e);
+	return t;
 };
-const sortQueue = () => {
-  if (queueDirty) {
-    queue.sort((e, t) => e.u - t.u);
-    queueDirty = 0;
-  }
+globalThis.qDev, globalThis.qInspector, globalThis.qDynamicPlatform, globalThis.qRuntimeQrl;
+var n = function(e) {
+	return e.PAUSED = "paused", e.RESUMED = "resumed", e.HTML = "html", e.TEXT = "text", e;
+}({});
+"" + n.HTML + n.TEXT;
+var r = !e && typeof document < "u", i = r ? document : void 0, a = {
+	$DEBUG$: !1,
+	$maxIdlePreloads$: 25
+}, o = r && i.createElement("link").relList?.supports?.("modulepreload") ? "modulePreload" : "preload", s = /\.[mc]?js$/, c = new Map(), l, u, d = 0, f = [], p = t(b), m = t(C), h = !1, g = !1, _ = !1, v = [], y = () => {
+	u &&= (f.sort((e, t) => e.$inverseProbability$ - t.$inverseProbability$), !1);
 };
-const trigger = () => {
-  if (!queue.length) return;
-  sortQueue();
-  while (queue.length) {
-    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
-    );
-    if (o >= 0.99 || preloadCount < n) {
-      queue.shift();
-      preloadOne(e);
-    } else break;
-  }
-  if (config.t && !queue.length) {
-    const e = [...bundles.values()].filter((e2) => e2.i > BundleImportState_None);
-    const t = e.reduce((e2, t2) => e2 + t2.p, 0);
-    const o = e.reduce((e2, t2) => e2 + t2.$, 0);
-    log(`>>>> done ${e.length}/${bundles.size} total: ${t}ms waited, ${o}ms loaded`);
-  }
+function b() {
+	if (h = !1, !f.length) return;
+	y();
+	let e = performance.now() + 10, t = !1;
+	for (; f.length;) {
+		let n = f[0];
+		if (1 - n.$inverseProbability$ >= .99 || d < a.$maxIdlePreloads$) {
+			if (f.shift(), w(n), performance.now() >= e) {
+				t = !0;
+				break;
+			}
+		} else break;
+	}
+	t && f.length && !h && (h = !0, p());
+}
+var x = (e, t, n) => {
+	v.unshift({
+		$bundle$: e,
+		$inverseProbability$: t,
+		$seen$: n
+	});
+}, S = () => {
+	let e = v[v.length - 1], t = e.$bundle$;
+	if (e.$deps$) {
+		let n = e.$index$;
+		if (n >= e.$deps$.length) return v.pop(), !1;
+		let r = e.$deps$[n];
+		e.$index$ = n + 1;
+		let i = M(r.$name$);
+		if (i.$inverseProbability$ === 0) return !0;
+		let a = 1 - t.$inverseProbability$, o;
+		if (a === 1 || a >= .99) o = Math.min(.01, 1 - r.$importProbability$);
+		else {
+			let e = (1 - r.$importProbability$ * a) / r.$factor$;
+			o = Math.max(.02, i.$inverseProbability$ * e), r.$factor$ = e;
+		}
+		return v.push({
+			$bundle$: i,
+			$inverseProbability$: o,
+			$seen$: e.$seen$
+		}), !0;
+	}
+	if (e.$seen$?.has(t)) return v.pop(), !1;
+	let n = t.$inverseProbability$;
+	if (t.$inverseProbability$ = e.$inverseProbability$, n - t.$inverseProbability$ < .01) return v.pop(), !1;
+	if (O != null && t.$state$ < 2 && (t.$state$ === 0 && (t.$state$ = 1, f.push(t)), u = !0), t.$deps$?.length) {
+		let n = e.$seen$ || new Set();
+		return n.add(t), e.$seen$ = n, e.$deps$ = t.$deps$, e.$index$ = 0, !1;
+	}
+	return v.pop(), !1;
 };
-const preloadOne = (e) => {
-  if (e.i >= BundleImportState_Preload) return;
-  preloadCount++;
-  const t = Date.now();
-  e.p = t - e.B;
-  e.i = BundleImportState_Preload;
-  config.t && log(`<< load ${Math.round((1 - e.u) * 100)}% after ${`${e.p}ms`}`, e.m);
-  const o = doc.createElement("link");
-  o.href = new URL(`${base}${e.m}`, doc.baseURI).toString();
-  o.rel = rel;
-  o.as = "script";
-  o.onload = o.onerror = () => {
-    preloadCount--;
-    const n = Date.now();
-    e.$ = n - t;
-    e.i = BundleImportState_Loaded;
-    config.t && log(`>> done after ${e.$}ms`, e.m);
-    o.remove();
-    trigger();
-  };
-  doc.head.appendChild(o);
+function C() {
+	if (_ || !v.length) return;
+	g = !1, _ = !0;
+	let e = r ? performance.now() + 10 : 0, t = !1;
+	for (; v.length;) {
+		t = !0;
+		let n = S();
+		if (r && n && performance.now() >= e) {
+			g || (g = !0, m());
+			break;
+		}
+	}
+	_ = !1, t && r && p();
+}
+var w = (e) => {
+	if (e.$state$ >= 2) return;
+	d++;
+	let t = performance.now();
+	e.$waitedMs$ = t - e.$createdTs$, e.$state$ = 2;
+	let n = i.createElement("link");
+	n.href = new URL(`${O}${e.$name$}`, i.baseURI).toString(), n.rel = o, n.as = "script", n.onload = n.onerror = () => {
+		d--, e.$loadedMs$ = performance.now() - t, e.$state$ = 4, n.remove(), p();
+	}, i.head.appendChild(n);
+}, T = (e, t, n) => {
+	x(e, t, n), r ? m() : C();
+}, E = (e, t) => {
+	let n = M(e);
+	n && x(n, t);
+}, D = (e, t) => {
+	if (!e?.length) return;
+	let n = t ? 1 - t : .4;
+	if (Array.isArray(e)) for (let t = e.length - 1; t >= 0; t--) {
+		let r = e[t];
+		E(r, n);
+	}
+	else E(e, n);
+	r ? m() : C();
 };
-const adjustProbabilities = (e, t, o) => {
-  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
-  ) {
-    if (e.i === BundleImportState_None) {
-      e.i = BundleImportState_Queued;
-      queue.push(e);
-      config.t && log(`queued ${Math.round((1 - e.u) * 100)}%`, e.m);
-    }
-    queueDirty = 1;
-  }
-  if (e.h) {
-    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)) {
-        depsCount++;
-        r = Math.min(0.01, 1 - n2.S);
-      } else {
-        const o2 = 1 - n2.S * t2;
-        const s = n2.q;
-        const l = o2 / s;
-        r = Math.max(0.02, e2.u * l);
-        n2.q = l;
-      }
-      adjustProbabilities(e2, r, o);
-    }
-  }
-};
-const handleBundle = (e, t) => {
-  const o = getBundle(e);
-  if (o && o.u > t) adjustProbabilities(o, t);
-};
-let depsCount;
-const preload = (e, t) => {
-  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--) {
-    const n = e[t2];
-    if (typeof n === "number") o = 1 - n / 10;
-    else handleBundle(n, o);
-  }
-  else handleBundle(e, o);
-  if (isBrowser) trigger();
-};
-if (isBrowser) document.addEventListener("qsymbol", (e) => {
-  const { symbol: t, href: o } = e.detail;
-  if (o) {
-    const e2 = t.slice(t.lastIndexOf("_") + 1);
-    preload(e2, 1);
-  }
+r && document.addEventListener("qsymbol", (e) => {
+	let { symbol: t, href: n } = e.detail;
+	n && D(t.slice(t.lastIndexOf("_") + 1), 1);
 });
-let base;
-let graph;
-const makeBundle = (e, t) => ({ m: e, i: isJSRegex.test(e) ? BundleImportState_None : BundleImportState_Alias, h: t, u: 1, B: Date.now(), p: 0, $: 0 });
-const parseBundleGraph = (e) => {
-  const t = /* @__PURE__ */ new Map();
-  let o = 0;
-  while (o < e.length) {
-    const n = e[o++];
-    const r = [];
-    let s;
-    let l = 1;
-    while (s = e[o], typeof s === "number") {
-      if (s < 0) l = -s / 10;
-      else r.push({ m: e[s], S: l, q: 1 });
-      o++;
-    }
-    t.set(n, r);
-  }
-  return t;
-};
-const getBundle = (e) => {
-  let t = bundles.get(e);
-  if (!t) {
-    let o;
-    if (graph) {
-      o = graph.get(e);
-      if (!o) return;
-      if (!o.length) o = void 0;
-    }
-    t = makeBundle(e, o);
-    bundles.set(e, t);
-  }
-  return t;
-};
-const loadBundleGraph = (e, t, o) => {
-  if (o) {
-    if ("d" in o) config.t = !!o.d;
-    if ("P" in o) config.o = o["P"];
-    if ("Q" in o) config.l = 1 - o["Q"];
-  }
-  if (!isBrowser || e == null) return;
-  base = e;
-  if (t) t.then((e2) => e2.text()).then((e2) => {
-    graph = parseBundleGraph(JSON.parse(e2));
-    const t2 = [];
-    for (const [e3, o2] of graph.entries()) {
-      const n = getBundle(e3);
-      n.h = o2;
-      if (n.u < 1) {
-        t2.push([n, n.u]);
-        n.u = 1;
-      }
-    }
-    config.t && log(`parseBundleGraph got ${graph.size} bundles, adjusting ${t2.length}`);
-    for (const [e3, o2] of t2) adjustProbabilities(e3, o2);
-    trigger();
-  }).catch(console.warn);
-};
-export {
-  parseBundleGraph as g,
-  handleBundle as h,
-  loadBundleGraph as l,
-  preload as p
+var O, k, A = (e, t) => ({
+	$name$: e,
+	$state$: s.test(e) ? 0 : 3,
+	$deps$: l ? t?.map((e) => ({
+		...e,
+		$factor$: 1
+	})) : t,
+	$inverseProbability$: 1,
+	$createdTs$: performance.now(),
+	$waitedMs$: 0,
+	$loadedMs$: 0
+}), j = (e) => {
+	let t = new Map(), n = 0;
+	for (; n < e.length;) {
+		let r = e[n++], i = [], a, o = 1;
+		for (; a = e[n], typeof a == "number";) a < 0 ? o = -a / 10 : i.push({
+			$name$: e[a],
+			$importProbability$: o,
+			$factor$: 1
+		}), n++;
+		t.set(r, i);
+	}
+	return t;
+}, M = (e) => {
+	let t = c.get(e);
+	if (!t) {
+		let n;
+		if (k) {
+			if (n = k.get(e), !n) return;
+			n.length || (n = void 0);
+		}
+		t = A(e, n), c.set(e, t);
+	}
+	return t;
+}, N = (e, n, i) => {
+	i && "P" in i && (a.$maxIdlePreloads$ = i.P), !(!r || e == null) && (O = e, n && n.then((e) => e.text()).then((e) => {
+		k = j(JSON.parse(e));
+		let n = [];
+		for (let [e, t] of k.entries()) {
+			let r = M(e);
+			r.$deps$ = t, r.$inverseProbability$ < 1 && (n.push([r, r.$inverseProbability$]), r.$inverseProbability$ = 1);
+		}
+		if (!n.length) {
+			p();
+			return;
+		}
+		let r = 0, i = t(() => {
+			let e = performance.now() + 10;
+			for (; r < n.length;) {
+				let [t, a] = n[r];
+				if (r++, T(t, a), r < n.length && performance.now() >= e) {
+					i();
+					return;
+				}
+			}
+			p();
+		});
+		i();
+	}).catch(console.warn));
 };
+export { j as g, N as l, D as p };