@qwik.dev/core 2.0.0-beta.26 → 2.0.0-beta.28

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/loader/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qwik.dev/core/loader",
-  "version": "2.0.0-beta.26-dev+c693cf5",
+  "version": "2.0.0-beta.28-dev+fac55b7",
   "main": "index.mjs",
   "types": "index.d.ts",
   "private": true,

package/dist/optimizer.d.ts

@@ -34,7 +34,7 @@ export declare interface Diagnostic {
 export declare type DiagnosticCategory = 'error' | 'warning' | 'sourceError';
 
 /** @public */
-declare type EmitMode = 'dev' | 'prod' | 'lib';
+declare type EmitMode = 'dev' | 'prod' | 'lib' | 'hmr';
 
 /** @public */
 export declare type EntryStrategy = InlineEntryStrategy | HoistEntryStrategy | SingleEntryStrategy | HookEntryStrategy_2 | SegmentEntryStrategy | ComponentEntryStrategy | SmartEntryStrategy;
@@ -263,9 +263,33 @@ export declare interface QwikManifest {
     };
 }
 
+/** @public */
 declare interface QwikPluginDevTools {
+    /**
+     * Validates image sizes for CLS issues during development. In case of issues, provides you with a
+     * correct image size resolutions. If set to `false`, image dev tool will be disabled.
+     *
+     * Default `true`
+     */
     imageDevTools?: boolean | true;
+    /**
+     * Press-hold the defined keys to enable qwik dev inspector. By default the behavior is activated
+     * by pressing the left or right `Alt` key. If set to `false`, qwik dev inspector will be
+     * disabled.
+     *
+     * Valid values are `KeyboardEvent.code` values. Please note that the 'Left' and 'Right' suffixes
+     * are ignored.
+     */
     clickToSource?: string[] | false;
+    /**
+     * Enable HMR for Qwik components. When enabled, editing a component file re-renders only that
+     * component without a full page reload, preserving client state.
+     *
+     * Set this to `false` for full page reloads on component edits.
+     *
+     * Default `true`
+     */
+    hmr?: boolean;
 }
 
 declare interface QwikPluginOptions {
@@ -499,24 +523,7 @@ declare interface QwikVitePluginCommonOptions {
      * before bundling.
      */
     transformedModuleOutput?: ((transformedModules: TransformModule[]) => Promise<void> | void) | null;
-    devTools?: {
-        /**
-         * Validates image sizes for CLS issues during development. In case of issues, provides you with
-         * a correct image size resolutions. If set to `false`, image dev tool will be disabled.
-         *
-         * Default `true`
-         */
-        imageDevTools?: boolean | true;
-        /**
-         * Press-hold the defined keys to enable qwik dev inspector. By default the behavior is
-         * activated by pressing the left or right `Alt` key. If set to `false`, qwik dev inspector will
-         * be disabled.
-         *
-         * Valid values are `KeyboardEvent.code` values. Please note that the 'Left' and 'Right'
-         * suffixes are ignored.
-         */
-        clickToSource?: string[] | false;
-    };
+    devTools?: QwikPluginDevTools;
     /**
      * Predicate function to filter out files from the optimizer. hook for resolveId, load, and
      * transform