@absolutejs/absolute 0.19.0-beta.874 → 0.19.0-beta.876

package/dist/dev/client/handlers/angularRemount.ts

@@ -14,20 +14,24 @@ import type {} from '../../../types/globals';
  * so it participates in the parent's view tree instead of being a
  * detached root.
  *
- * Caveats baked into this approach:
- *   • Old @Input bindings from the parent are NOT re-applied. The
- *     parent's template flow runs at parent-CD time and wires inputs
- *     then; until then the new instance sees default values. In
- *     practice this matches Tier 1 rebootstrap behavior — no worse.
- *   • Old projection content (ng-content) doesn't transfer. If the
- *     parent injected a child via ng-content, the new instance has an
- *     empty projection slot until parent re-renders.
- *   • Components with explicit constructor parameters (DI args
- *     declared as `constructor(private foo: Foo)`) need the live
- *     factory's parameter passing, which the surgical module's
- *     `_Fresh.ɵfac = () => new _Fresh()` doesn't yet replicate. Use
- *     modern field-initializer DI (`private foo = inject(Foo)`)
- *     instead, or escalate such components to Tier 1b rebootstrap. */
+ * Lifecycle of one remount:
+ *   1. `applyMetadata` runs, returning `_Fresh` — a class with the
+ *      full new body (fields + ctor + methods) and a `ɵfac` that
+ *      delegates to the LIVE class's factory with `_Fresh` as the
+ *      type override. The delegation preserves the bundle's resolved
+ *      DI for explicit constructor params.
+ *   2. For each live instance: `createComponent(_Fresh, hostElement)`
+ *      builds a fresh `ComponentRef` at the same host. Angular runs
+ *      the new constructor (firing field initializers + lifecycle
+ *      hooks) and renders the new template.
+ *   3. Splice the new LView into the parent's slot via vendored slot
+ *      ops, replacing the old one in the parent's view tree.
+ *   4. Tear down the old LView (`executeOnDestroys` +
+ *      `processCleanups`) so RxJS subscriptions, DOM event listeners,
+ *      and `inject(DestroyRef).onDestroy(...)` callbacks all fire.
+ *   5. `ApplicationRef.tick()` so the parent's template re-runs
+ *      against the new slot — re-applies `@Input` bindings and
+ *      re-projects `<ng-content>` into the fresh child. */
 
 import {
 	CONTEXT,
@@ -262,5 +266,28 @@ export const remountComponentClass = async (
 		}
 	}
 
+	if (remounted > 0) {
+		// Trigger an app-wide CD pass so the parent's template re-runs
+		// against the new child LView's slot. This is what re-applies
+		// `@Input` bindings (`<app-hero [foo]="bar">`) and re-projects
+		// `<ng-content>` content into the new instance — both are
+		// PARENT-template artifacts that Angular only re-evaluates
+		// during the parent's update pass, not during the child's
+		// fresh creation. Without this tick, a remounted component
+		// shows default field values until the user interacts and
+		// triggers a stray CD elsewhere.
+		const w = window as unknown as {
+			__ANGULAR_APP__?: { tick?: () => void };
+		};
+		try {
+			w.__ANGULAR_APP__?.tick?.();
+		} catch (err) {
+			console.error(
+				'[absolutejs] post-remount tick threw — partial state',
+				err
+			);
+		}
+	}
+
 	return { className, remounted, skipped };
 };

package/dist/index.js

@@ -9832,12 +9832,12 @@ __export(exports_hmrInjectionPlugin, {
 });
 import { readFile as readFile5 } from "fs/promises";
 import { relative as relative6, resolve as resolve15 } from "path";
-var ENTITY_DECORATOR_RE, IMPORT_RE, extractImportedLocalNames = (jsSource) => {
+var ENTITY_DECORATOR_RE, IMPORT_RE, TOP_LEVEL_DECL_RE, extractAllTopLevelNames = (jsSource) => {
   const names = new Set;
   IMPORT_RE.lastIndex = 0;
-  let match;
-  while ((match = IMPORT_RE.exec(jsSource)) !== null) {
-    const [, , nsName, defaultName, namedAfterDefault, named] = match;
+  let importMatch;
+  while ((importMatch = IMPORT_RE.exec(jsSource)) !== null) {
+    const [, , nsName, defaultName, namedAfterDefault, named] = importMatch;
     if (nsName)
       names.add(nsName);
     if (defaultName)
@@ -9855,6 +9855,13 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, extractImportedLocalNames = (jsSource) => {
       }
     }
   }
+  TOP_LEVEL_DECL_RE.lastIndex = 0;
+  let declMatch;
+  while ((declMatch = TOP_LEVEL_DECL_RE.exec(jsSource)) !== null) {
+    const name = declMatch[1];
+    if (name)
+      names.add(name);
+  }
   return [...names];
 }, buildHmrTail = (className, encodedIdLiteral) => `
 
@@ -9977,8 +9984,8 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, extractImportedLocalNames = (jsSource) => {
           const id = `${projectRel}@${className}`;
           return buildHmrTail(className, JSON.stringify(id));
         }).join("");
-        const importedLocalNames = extractImportedLocalNames(text);
-        const depsKeys = importedLocalNames.filter((n) => !classNames.includes(n)).join(", ");
+        const topLevelNames = extractAllTopLevelNames(text);
+        const depsKeys = topLevelNames.filter((n) => !classNames.includes(n)).join(", ");
         const depsBlock = classNames.length > 0 && depsKeys ? `
 
 // absolutejs HMR \u2014 Tier 1a class-deps registry
@@ -9993,6 +10000,7 @@ var ENTITY_DECORATOR_RE, IMPORT_RE, extractImportedLocalNames = (jsSource) => {
 var init_hmrInjectionPlugin = __esm(() => {
   ENTITY_DECORATOR_RE = /([A-Z][A-Za-z0-9_$]*)\s*=\s*__legacyDecorateClassTS[A-Za-z0-9_$]*\s*\(\s*\[[\s\S]*?\b(?:Component|Directive|Pipe|Injectable)[A-Za-z0-9_$]*\s*\(/g;
   IMPORT_RE = /^\s*import\s+(?:(?:(\*)\s+as\s+([A-Za-z_$][\w$]*)\s+from)|(?:([A-Za-z_$][\w$]*)(?:\s*,\s*\{([^}]*)\})?\s+from)|(?:\{([^}]*)\}\s+from))\s*['"][^'"]+['"]/gm;
+  TOP_LEVEL_DECL_RE = /^(?:export\s+)?(?:const|let|var|function|class)\s+([A-Za-z_$][\w$]*)/gm;
 });
 
 // src/utils/cleanStaleOutputs.ts
@@ -19208,16 +19216,20 @@ ${block}
     if (methodsBlock) {
       const tail = `
   if (typeof _Fresh !== 'undefined') {
+    var __abs_liveFac = ${className}.\u0275fac;
+    var __abs_freshFac = typeof __abs_liveFac === 'function'
+      ? function(t) { return __abs_liveFac(t || _Fresh); }
+      : function() { return new _Fresh(); };
     _Fresh.\u0275cmp = Object.assign(
       Object.create(Object.getPrototypeOf(${className}.\u0275cmp)),
       ${className}.\u0275cmp,
       {
         type: _Fresh,
-        factory: function() { return new _Fresh(); },
+        factory: __abs_freshFac,
         tView: null
       }
     );
-    _Fresh.\u0275fac = function() { return new _Fresh(); };
+    _Fresh.\u0275fac = __abs_freshFac;
     return _Fresh;
   }
 `;
@@ -30462,5 +30474,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=BE7265BEB28B7BC164756E2164756E21
+//# debugId=A11C9EA489CC1BAB64756E2164756E21
 //# sourceMappingURL=index.js.map