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

package/dist/insights/vite/index.mjs

@@ -7,14 +7,14 @@ const q = (r, ...o) => {
   console.log("\x1B[35m%s\x1B[0m", `qwikInsight(): ${r}`);
 };
 async function F(r) {
-  const { publicApiKey: o, baseUrl: I = "https://insights.qwik.dev", outDir: m = "" } = r;
+  const { publicApiKey: o, baseUrl: I = "https://insights.qwik.dev", outDir: h = "" } = r;
   if (!o) {
     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 d() {
+  async function m() {
     return i || (w(n) ? (b("Reading Qwik Insight data from: " + n), i = JSON.parse(await y(n, "utf-8"))) : null);
   }
   return {
@@ -23,7 +23,7 @@ async function F(r) {
     // Only activate in production builds
     apply: "build",
     async config(s) {
-      return u = k(s.root || ".", m), n = $(u, "q-insights.json"), f = s.mode !== "ssr", {
+      return u = k(s.root || ".", h), n = $(u, "q-insights.json"), f = s.mode !== "ssr", {
         define: {
           "globalThis.__QI_KEY__": JSON.stringify(o),
           "globalThis.__QI_URL__": JSON.stringify(p)
@@ -44,26 +44,26 @@ async function F(r) {
             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));
           } catch (t) {
-            q(`Failed to fetch manifest from Insights DB at ${g}/bundles/strategy/`, t), await d();
+            q(`Failed to fetch manifest from Insights DB at ${g}/bundles/strategy/`, t), await m();
           }
         else
-          await d();
+          await m();
         i && (c.entryStrategy.manual = {
           ...i.manual,
           ...c.entryStrategy.manual
         }, l.api.registerBundleGraphAdder((t) => {
-          const h = {};
-          for (const a of (i == null ? void 0 : i.prefetch) || [])
+          const d = {};
+          for (const a of i?.prefetch || [])
             if (a.symbols) {
               let e = a.route;
-              e.startsWith("/") && (e = e.slice(1)), e.endsWith("/") || (e += "/"), h[e] = { ...t.bundles[e], imports: a.symbols };
+              e.startsWith("/") && (e = e.slice(1)), e.endsWith("/") || (e += "/"), d[e] = { ...t.bundles[e], imports: a.symbols };
             }
-          return h;
+          return d;
         }));
       }
     },
     closeBundle: async () => {
-      const s = k(m, "q-manifest.json");
+      const s = k(h, "q-manifest.json");
       if (f && w(s)) {
         const c = await y(s, "utf-8");
         try {

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,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())";
+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  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\";\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 (handlers.length) {\n      for (const handler of handlers) {\n        const result = handler?.(ev, element);\n        if (isPromise(result)) {\n          await result;\n        }\n      }\n    } else {\n      await handlers(ev, element);\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    for (const qrl of attrValue.split(\"|\")) {\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  querySelectorAll(\"[q-\" + infix + \"\\\\:\" + kebabName + \"]\").forEach(\n    (el) => 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      querySelectorAll(\"[q-d\\\\:qinit]\").forEach((el) => {\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        querySelectorAll(\"[q-d\\\\:qidle]\").forEach((el) => {\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 (const entry of entries) {\n          if (entry.isIntersecting) {\n            observer.unobserve(entry.target);\n            dispatch(entry.target, createEvent(\"qvisible\", entry), \"e:qvisible\");\n          }\n        }\n      }));\n      querySelectorAll(\"[q-e\\\\:qvisible]:not([q\\\\:observed])\").forEach((el) => {\n        observer.observe(el);\n        el.setAttribute(\"q:observed\", \"true\");\n      });\n    }\n  }\n};\nconst addEventOrRoot = (...eventNames) => {\n  for (const eventNameOrRoot of eventNames) {\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.2-dev+3ddc6c7",
+  "version": "2.0.0-beta.21-dev+c008e88",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,

package/dist/optimizer.d.ts

@@ -19,8 +19,6 @@ export declare interface ComponentEntryStrategy {
 /** @public */
 export declare const createOptimizer: (optimizerOptions?: OptimizerOptions) => Promise<Optimizer>;
 
-declare function createSymbolMapper(base: string): SymbolMapperFn;
-
 /** @public */
 export declare interface Diagnostic {
     scope: string;
@@ -60,7 +58,7 @@ export declare enum ExperimentalFeatures {
     enableRequestRewrite = "enableRequestRewrite",
     /** Enable worker$ */
     webWorker = "webWorker",
-    /** Enable the ability to use the Qwik Insights vite plugin and <Insights/> component */
+    /** Enable the ability to use the Qwik Insights vite plugin and `<Insights/>` component */
     insights = "insights"
 }
 
@@ -92,11 +90,11 @@ export declare interface InlineEntryStrategy {
 /** @public */
 export declare type MinifyMode = 'simplify' | 'none';
 
-declare interface NormalizedQwikPluginOptions extends Omit<Required<QwikPluginOptions>, 'vendorRoots' | 'experimental'> {
+declare interface NormalizedQwikPluginOptions extends Omit<Required<QwikPluginOptions>, 'input' | 'vendorRoots' | 'srcInputs' | 'experimental'> {
     input: string[] | {
         [entry: string]: string;
-    };
-    experimental?: Record<keyof typeof ExperimentalFeatures, boolean>;
+    } | undefined;
+    experimental: Record<keyof typeof ExperimentalFeatures, boolean> | undefined;
 }
 
 /** @public */
@@ -281,13 +279,17 @@ declare interface QwikPluginOptions {
     vendorRoots?: string[];
     manifestOutput?: ((manifest: QwikManifest) => Promise<void> | void) | null;
     manifestInput?: QwikManifest | null;
+    manifestInputPath?: string | null;
     input?: string[] | string | {
         [entry: string]: string;
     };
     outDir?: string;
+    ssrOutDir?: string;
+    clientOutDir?: string;
     assetsDir?: string;
     srcDir?: string | null;
     scope?: string | null;
+    /** @deprecated Not used */
     srcInputs?: TransformModuleInput[] | null;
     sourcemap?: boolean;
     resolveQwikBuild?: boolean;
@@ -422,12 +424,6 @@ export declare interface QwikSymbol {
  */
 export declare function qwikVite(qwikViteOpts?: QwikVitePluginOptions): any;
 
-/** @public */
-export declare interface QwikViteDevResponse {
-    _qwikEnvData?: Record<string, any>;
-    _qwikRenderResolve?: () => void;
-}
-
 /**
  * This is the type of the "pre" Qwik Vite plugin. `qwikVite` actually returns a tuple of two
  * plugins, but after Vite flattens them, you can find the plugin by name.
@@ -448,6 +444,8 @@ export declare interface QwikVitePluginApi {
     getClientPublicOutDir: () => string | null;
     getAssetsDir: () => string | undefined;
     registerBundleGraphAdder: (adder: BundleGraphAdder) => void;
+    /** @internal */
+    _oldDevSsrServer: () => boolean | undefined;
 }
 
 declare interface QwikVitePluginCommonOptions {
@@ -523,7 +521,7 @@ declare interface QwikVitePluginCommonOptions {
      * Predicate function to filter out files from the optimizer. hook for resolveId, load, and
      * transform
      */
-    fileFilter?: (id: string, hook: string) => boolean;
+    fileFilter?: (id: string, hook: keyof Plugin_2) => boolean;
     /**
      * Run eslint on the source files for the ssr build or dev server. This can slow down startup on
      * large projects. Defaults to `true`
@@ -571,13 +569,6 @@ declare interface QwikVitePluginSSROptions extends QwikVitePluginCommonOptions {
          * Default `src/components/app/app.tsx`
          */
         input?: string[] | string;
-        /**
-         * Entry input for client-side only development with hot-module reloading. This is for Vite
-         * development only and does not use SSR.
-         *
-         * Default `src/entry.dev.tsx`
-         */
-        devInput?: string;
         /**
          * Output directory for the client build.
          *
@@ -592,15 +583,7 @@ declare interface QwikVitePluginSSROptions extends QwikVitePluginCommonOptions {
          */
         manifestOutput?: (manifest: QwikManifest) => Promise<void> | void;
     };
-    /**
-     * Qwik is SSR first framework. This means that Qwik requires either SSR or SSG. In dev mode the
-     * dev SSR server is responsible for rendering and pausing the application on the server.
-     *
-     * Under normal circumstances this should be on, unless you have your own SSR server which you
-     * would like to use instead and wish to disable this one.
-     *
-     * Default: true
-     */
+    /** @deprecated Use the `devSsrServer` option of the qwikRouter() plugin instead. */
     devSsrServer?: boolean;
     /** Controls the SSR behavior. */
     ssr?: {
@@ -626,6 +609,8 @@ declare interface QwikVitePluginSSROptions extends QwikVitePluginCommonOptions {
          * Default `undefined`
          */
         manifestInput?: QwikManifest;
+        /** Same as `manifestInput` but allows passing the path to the file. */
+        manifestInputPath?: string;
     };
 }
 
@@ -702,15 +687,8 @@ export declare type SourceMapsOption = 'external' | 'inline' | undefined | null;
 /** @public */
 export declare type SymbolMapper = Record<string, readonly [symbol: string, chunk: string]>;
 
-/**
- * @beta
- *   For a given symbol (QRL such as `onKeydown$`) the server needs to know which bundle the symbol is in.
- *
- *   Normally this is provided by Qwik's `q-manifest` . But `q-manifest` only exists after a full client build.
- *
- *   This would be a problem in dev mode. So in dev mode the symbol is mapped to the expected URL using the symbolMapper function below. For Vite the given path is fixed for a given symbol.
- */
-export declare let symbolMapper: ReturnType<typeof createSymbolMapper>;
+/** @alpha @deprecated No longer needed, it is automatic now */
+export declare const symbolMapper: undefined;
 
 /** @public */
 export declare type SymbolMapperFn = (symbolName: string, mapper: SymbolMapper | undefined, parent?: string) => readonly [symbol: string, chunk: string] | undefined;