@absolutejs/absolute 0.19.0-beta.879 → 0.19.0-beta.880

package/dist/index.js

@@ -115,6 +115,7 @@ var isValidHMRClientMessage = (data) => {
     case "request-rebuild":
     case "hydration-error":
     case "hmr-timing":
+    case "angular:hmr-ack":
       return true;
     default:
       return false;
@@ -9882,7 +9883,26 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
 // patch the prototype, no view recreation needed).
 {
   const __ng_hmr_id = ${encodedIdLiteral};
+  // Send a server-side ack so the dev terminal can log the
+  // full HMR latency (server compile + WS hop + client apply +
+  // CD pulse) rather than just the server-side compile time.
+  const __ng_hmr_ack = (tier, applyMs, error) => {
+    try {
+      const ws = globalThis.__HMR_WS__;
+      if (ws && ws.readyState === 1) {
+        ws.send(JSON.stringify({
+          type: 'angular:hmr-ack',
+          id: __ng_hmr_id,
+          className: ${JSON.stringify(className)},
+          tier,
+          applyMs,
+          error
+        }));
+      }
+    } catch {}
+  };
   const __ng_hmr_load = async (t) => {
+    const t0 = performance.now();
     const [u, core] = await Promise.all([
       import('/@ng/component?c=' + encodeURIComponent(__ng_hmr_id) + '&t=' + t),
       import('@angular/core')
@@ -9898,13 +9918,16 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
           import.meta,
           __ng_hmr_id
         );
+        __ng_hmr_ack('tier-0', performance.now() - t0);
       } catch (err) {
         console.error('[abs-hmr] \u0275\u0275replaceMetadata threw for ${className}:', err);
+        __ng_hmr_ack('tier-0', performance.now() - t0, String(err && err.message || err));
       }
     } else {
       // Non-component entity (pipe / directive / service) \u2014 no
       // LView tree to walk, just apply the prototype patch.
       u.default(${className}, [core]);
+      __ng_hmr_ack('tier-0', performance.now() - t0);
     }
   };
   // Tier 1 remount: structural changes (new ctor params / new field
@@ -9917,6 +9940,7 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
   // shared implementation is on \`globalThis.__absAngularRemount\` \u2014
   // installed by hmrClient.ts's import-time wiring.
   const __ng_hmr_remount = async (t) => {
+    const t0 = performance.now();
     const [u, core] = await Promise.all([
       import('/@ng/component?c=' + encodeURIComponent(__ng_hmr_id) + '&t=' + t),
       import('@angular/core')
@@ -9932,8 +9956,10 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
           core,
           ${JSON.stringify(className)}
         );
+        __ng_hmr_ack('tier-1a', performance.now() - t0);
       } catch (err) {
         console.error('[abs-hmr] remount threw for ${className}:', err);
+        __ng_hmr_ack('tier-1a', performance.now() - t0, String(err && err.message || err));
       }
     } else {
       // No remount helper installed (older absolutejs runtime, or
@@ -16763,6 +16789,12 @@ var trySendMessage = (client2, messageStr) => {
     case "hmr-timing":
       logHmrUpdate(state.lastHmrPath ?? "", state.lastHmrFramework, data.duration);
       break;
+    case "angular:hmr-ack": {
+      const tag = data.tier === "tier-0" ? "tier-0" : "tier-1a";
+      const suffix = data.error ? ` FAILED \u2014 ${data.error}` : ` applied in ${data.applyMs.toFixed(0)}ms`;
+      logInfo(`[ng-hmr] ${tag} ${data.className}${suffix}`);
+      break;
+    }
   }
 }, handleHMRMessage = (state, client2, message) => {
   try {
@@ -18425,13 +18457,21 @@ var init_typescript_translator = __esm(() => {
 var exports_fastHmrCompiler = {};
 __export(exports_fastHmrCompiler, {
   tryFastHmr: () => tryFastHmr,
+  takePendingModule: () => takePendingModule,
   recordFingerprint: () => recordFingerprint,
   invalidateFingerprintCache: () => invalidateFingerprintCache
 });
 import { existsSync as existsSync26, readFileSync as readFileSync20, statSync as statSync4 } from "fs";
 import { dirname as dirname19, relative as relative13, resolve as resolve33 } from "path";
 import ts7 from "typescript";
-var fail = (reason, detail) => ({ ok: false, reason, detail }), fingerprintCache, arraysEqual = (a, b2) => {
+var fail = (reason, detail) => ({ ok: false, reason, detail }), fingerprintCache, pendingModuleCache, takePendingModule = (id) => {
+  const cached = pendingModuleCache.get(id);
+  if (cached !== undefined)
+    pendingModuleCache.delete(id);
+  return cached;
+}, setPendingModule = (id, moduleText) => {
+  pendingModuleCache.set(id, moduleText);
+}, arraysEqual = (a, b2) => {
   if (a.length !== b2.length)
     return false;
   for (let i = 0;i < a.length; i++) {
@@ -19254,6 +19294,7 @@ ${block}
       }
     }
     fingerprintCache.set(fingerprintId, currentFingerprint);
+    setPendingModule(fingerprintId, moduleText);
     return {
       componentSource: sourceFile,
       fingerprintChanged,
@@ -19268,6 +19309,7 @@ var init_fastHmrCompiler = __esm(() => {
   init_hmrImportGenerator();
   init_typescript_translator();
   fingerprintCache = new Map;
+  pendingModuleCache = new Map;
   INPUT_OUTPUT_DECORATORS = new Set(["Input", "Output"]);
   providerProbeCache = new Map;
   TS_EXTENSIONS = [".ts", ".tsx", ".d.ts"];
@@ -19434,6 +19476,12 @@ var globalCache, getCachedHmrProgram = () => globalCache.__ABSOLUTE_ANGULAR_HMR_
   const filePathRel = decoded.slice(0, at2);
   const className = decoded.slice(at2 + 1);
   const componentFilePath = resolve34(process.cwd(), filePathRel);
+  const cacheKey2 = encodeURIComponent(`${componentFilePath}@${className}`);
+  const { takePendingModule: takePendingModule2 } = await Promise.resolve().then(() => (init_fastHmrCompiler(), exports_fastHmrCompiler));
+  const cached = takePendingModule2(cacheKey2);
+  if (cached !== undefined) {
+    return cached;
+  }
   const { resolveOwningComponents: resolveOwningComponents2 } = await Promise.resolve().then(() => (init_resolveOwningComponents(), exports_resolveOwningComponents));
   const owners = resolveOwningComponents2({
     changedFilePath: componentFilePath,
@@ -20101,21 +20149,19 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   return { queue, tier: 0 };
 }, broadcastSurgical = (state, queue) => {
   const timestamp = Date.now();
-  for (const { id, className } of queue) {
+  for (const { id } of queue) {
     broadcastToClients(state, {
       data: { id, timestamp },
       type: "angular:component-update"
     });
-    logInfo(`[ng-hmr broadcast] ${className}`);
   }
 }, broadcastRemount = (state, queue) => {
   const timestamp = Date.now();
-  for (const { id, className } of queue) {
+  for (const { id } of queue) {
     broadcastToClients(state, {
       data: { id, timestamp },
       type: "angular:component-remount"
     });
-    logInfo(`[ng-hmr tier-1 remount] ${className}`);
   }
 }, broadcastRebootstrap = async (state, reason) => {
   logInfo(`[ng-hmr tier-1 rebootstrap] ${reason}`);
@@ -20168,20 +20214,25 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   }
   const angularPagesPath = resolve37(angularDir, "pages");
   const pageEntries = resolveAngularPageEntries(state, angularFiles, angularPagesPath);
+  const tierStart = performance.now();
   const verdict = await decideAngularTier(state, angularDir);
+  const tierMs = (performance.now() - tierStart).toFixed(0);
   const runBundle = async () => {
     if (pageEntries.length === 0)
       return;
     await compileAndBundleAngular(state, pageEntries, angularDir);
     markSsrCacheDirty("angular");
   };
+  const queueDescription = (queue) => queue.map((e) => e.className).join(", ");
   if (verdict.tier === 0) {
     broadcastSurgical(state, verdict.queue);
+    logInfo(`[ng-hmr] tier-0 ${queueDescription(verdict.queue)} (server ${tierMs}ms; awaiting client apply)`);
     runBundle().catch((err) => {
       logWarn(`[ng-hmr async bundle] rebuild failed: ${err instanceof Error ? err.message : String(err)}`);
     });
   } else if (verdict.tier === 1 && verdict.kind === "remount") {
     broadcastRemount(state, verdict.queue);
+    logInfo(`[ng-hmr] tier-1a remount ${queueDescription(verdict.queue)} (server ${tierMs}ms; awaiting client apply)`);
     runBundle().catch((err) => {
       logWarn(`[ng-hmr async bundle] rebuild failed: ${err instanceof Error ? err.message : String(err)}`);
     });
@@ -30489,5 +30540,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=4117F8576985AF1A64756E2164756E21
+//# debugId=5A13955C630604EE64756E2164756E21
 //# sourceMappingURL=index.js.map