@absolutejs/absolute 0.19.0-beta.883 → 0.19.0-beta.885

package/dist/index.js

@@ -9883,6 +9883,15 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
 // patch the prototype, no view recreation needed).
 {
   const __ng_hmr_id = ${encodedIdLiteral};
+  // Per-class sequence counter. Each \`__ng_hmr_load\` /
+  // \`__ng_hmr_remount\` invocation captures \`seq\` at start, then
+  // checks after the async fetch + before the apply. If a NEWER
+  // event has bumped the counter while we were awaiting (rapid
+  // edits), this older invocation aborts so the latest payload
+  // is the one that lands. Without this guard, racing
+  // \`\u0275\u0275replaceMetadata\` calls can complete out of order and an
+  // older edit's def stomps a newer one's.
+  let __ng_hmr_seq = 0;
   // 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.
@@ -9902,11 +9911,13 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
     } catch {}
   };
   const __ng_hmr_load = async (t) => {
+    const mySeq = ++__ng_hmr_seq;
     const t0 = performance.now();
     const [u, core] = await Promise.all([
       import('/@ng/component?c=' + encodeURIComponent(__ng_hmr_id) + '&t=' + t),
       import('@angular/core')
     ]);
+    if (mySeq !== __ng_hmr_seq) return; // superseded by a newer event
     if (!u || typeof u.default !== 'function') return;
     if (${className}.\u0275cmp && typeof core.\u0275\u0275replaceMetadata === 'function') {
       try {
@@ -9940,11 +9951,13 @@ 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 mySeq = ++__ng_hmr_seq;
     const t0 = performance.now();
     const [u, core] = await Promise.all([
       import('/@ng/component?c=' + encodeURIComponent(__ng_hmr_id) + '&t=' + t),
       import('@angular/core')
     ]);
+    if (mySeq !== __ng_hmr_seq) return; // superseded by a newer event
     if (!u || typeof u.default !== 'function') return;
     if (typeof globalThis.__absAngularRemount === 'function' && ${className}.\u0275cmp) {
       try {
@@ -9956,6 +9969,7 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames =
           core,
           ${JSON.stringify(className)}
         );
+        if (mySeq !== __ng_hmr_seq) return; // newer event arrived during remount
         __ng_hmr_ack('tier-1a', performance.now() - t0);
       } catch (err) {
         console.error('[abs-hmr] remount threw for ${className}:', err);
@@ -20230,6 +20244,38 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   });
   const { invalidateFingerprintCache: invalidateFingerprintCache2 } = await Promise.resolve().then(() => (init_fastHmrCompiler(), exports_fastHmrCompiler));
   invalidateFingerprintCache2();
+}, angularBundleState, scheduleAngularBundleRebuild = (state, pageEntries, angularDir) => {
+  const ctx = angularBundleState.get(state) ?? {
+    inFlight: null,
+    pending: false
+  };
+  angularBundleState.set(state, ctx);
+  const doOne = async () => {
+    if (pageEntries.length === 0)
+      return;
+    await compileAndBundleAngular(state, pageEntries, angularDir);
+    markSsrCacheDirty("angular");
+  };
+  const drive = async () => {
+    try {
+      while (true) {
+        ctx.pending = false;
+        await doOne();
+        if (!ctx.pending)
+          break;
+      }
+    } finally {
+      ctx.inFlight = null;
+    }
+  };
+  return () => {
+    if (ctx.inFlight) {
+      ctx.pending = true;
+      return ctx.inFlight;
+    }
+    ctx.inFlight = drive();
+    return ctx.inFlight;
+  };
 }, compileAndBundleAngular = async (state, pageEntries, angularDir) => {
   const { compileAngular: compileAngular2 } = await Promise.resolve().then(() => (init_compileAngular(), exports_compileAngular));
   const { clientPaths, serverPaths } = await compileAngular2(pageEntries, angularDir, true, getStyleTransformConfig(state.config));
@@ -20272,12 +20318,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   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 runBundle = scheduleAngularBundleRebuild(state, pageEntries, angularDir);
   const queueDescription = (queue) => queue.map((e) => e.className).join(", ");
   if (verdict.tier === 0) {
     broadcastSurgical(state, verdict.queue);
@@ -21369,6 +21410,7 @@ var init_rebuildTrigger = __esm(() => {
   init_tailwindCompiler();
   init_ssrCache();
   moduleServerPromise = Promise.resolve().then(() => (init_moduleServer(), exports_moduleServer));
+  angularBundleState = new WeakMap;
   getReactModuleUrl = getModuleUrl;
   EMBER_PAGE_EXTENSIONS = [".gts", ".gjs", ".ts", ".js"];
   HMR_SCRIPT_PATTERN = /<script>window\.__HMR_FRAMEWORK__[\s\S]*?<\/script>\s*<script data-hmr-client>[\s\S]*?<\/script>/;
@@ -30597,5 +30639,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=9196AF65F1A3263464756E2164756E21
+//# debugId=DD22867E883BBEBF64756E2164756E21
 //# sourceMappingURL=index.js.map