@absolutejs/absolute 0.19.0-beta.852 → 0.19.0-beta.854

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

@@ -0,0 +1,77 @@
+import type {} from '../../../types/globals';
+/* `globalThis.__angularHmr` runtime shim.
+ *
+ * The HMR injection plugin
+ * (`src/dev/angular/hmrInjectionPlugin.ts`) appends per-component
+ * `__ng_hmr_load` blocks that subscribe via
+ * `globalThis.__angularHmr.on('angular:component-update', cb)`.
+ * This file installs that bus.
+ *
+ * It must run before any component chunk does — the injected blocks
+ * `if (… && globalThis.__angularHmr.on)` no-op if the shim isn't
+ * defined yet, so a registration would silently miss. We keep the
+ * shim setup synchronous + at module scope so it's installed during
+ * `hmrClient.ts`'s import-evaluation pass, before page chunks load. */
+
+export type AngularHmrEvent = 'angular:component-update';
+export type AngularComponentUpdate = {
+	id: string;
+	timestamp: number;
+};
+export type AngularHmrListener = (data: AngularComponentUpdate) => void;
+
+type AngularHmrBus = {
+	on(event: AngularHmrEvent, cb: AngularHmrListener): void;
+	off(event: AngularHmrEvent, cb: AngularHmrListener): void;
+	dispatch(event: AngularHmrEvent, data: AngularComponentUpdate): void;
+};
+
+declare global {
+	interface Window {
+		__angularHmr?: AngularHmrBus;
+	}
+	// eslint-disable-next-line no-var
+	var __angularHmr: AngularHmrBus | undefined;
+}
+
+const installAngularHmrShim = (): AngularHmrBus => {
+	const listeners = new Map<AngularHmrEvent, Set<AngularHmrListener>>();
+
+	const bus: AngularHmrBus = {
+		on(event, cb) {
+			let set = listeners.get(event);
+			if (!set) {
+				set = new Set();
+				listeners.set(event, set);
+			}
+			set.add(cb);
+		},
+		off(event, cb) {
+			listeners.get(event)?.delete(cb);
+		},
+		dispatch(event, data) {
+			const set = listeners.get(event);
+			if (!set) return;
+			// Snapshot before iterating — handlers could remove themselves.
+			for (const cb of [...set]) {
+				try {
+					cb(data);
+				} catch (err) {
+					console.error('[absolutejs] angular HMR listener threw', err);
+				}
+			}
+		}
+	};
+
+	return bus;
+};
+
+if (typeof globalThis !== 'undefined' && !globalThis.__angularHmr) {
+	globalThis.__angularHmr = installAngularHmrShim();
+}
+
+export const dispatchAngularComponentUpdate = (
+	data: AngularComponentUpdate
+) => {
+	globalThis.__angularHmr?.dispatch('angular:component-update', data);
+};

package/dist/dev/client/hmrClient.ts

@@ -13,7 +13,7 @@ import {
 } from './constants';
 import { detectCurrentFramework } from './frameworkDetect';
 import { hideErrorOverlay, showErrorOverlay } from './errorOverlay';
-import { handleAngularUpdate } from './handlers/angular';
+import { dispatchAngularComponentUpdate } from './handlers/angularHmrShim';
 import { handleReactUpdate } from './handlers/react';
 import { handleHTMLUpdate, handleScriptUpdate } from './handlers/html';
 import { handleHTMXUpdate } from './handlers/htmx';
@@ -68,7 +68,8 @@ window.addEventListener('unhandledrejection', (evt) => {
 });
 
 const hmrUpdateTypes = new Set([
-	'angular-update',
+	'angular:component-update',
+	'angular:rebootstrap',
 	'react-update',
 	'html-update',
 	'htmx-update',
@@ -148,10 +149,59 @@ const handleHMRMessage = (message: HMRMessage) => {
 			hideErrorOverlay();
 			handleVueUpdate(message);
 			break;
-		case 'angular-update':
-			hideErrorOverlay();
-			handleAngularUpdate(message);
+		case 'angular:component-update': {
+			// Surgical-HMR fast path. Server resolved the changed
+			// file → owning component classes and emitted one
+			// message per affected component. Our injected
+			// `__ng_hmr_load` blocks (see hmrInjectionPlugin.ts)
+			// listen here and re-fetch the applyMetadata module.
+			const data = message.data as
+				| { id?: string; timestamp?: number }
+				| undefined;
+			if (data && typeof data.id === 'string') {
+				dispatchAngularComponentUpdate({
+					id: data.id,
+					timestamp:
+						typeof data.timestamp === 'number'
+							? data.timestamp
+							: Date.now()
+				});
+			}
 			break;
+		}
+		case 'angular:rebootstrap': {
+			// Tier 1 fallback. The user's edit changed structure
+			// the surgical path can't safely apply
+			// (constructor/decorator/imports change, service edit,
+			// etc.). The bundle has already been rebuilt server-side
+			// and the manifest is updated. Call the chunk's baked-in
+			// hook (set by the hydration template in compileAngular.ts)
+			// to dynamic-import the fresh bundle URL — re-importing
+			// re-runs the destroy + bootstrapApplication block.
+			const data = message.data as
+				| { manifest?: Record<string, string>; reason?: string }
+				| undefined;
+			if (data?.manifest) {
+				window.__HMR_MANIFEST__ = data.manifest;
+			}
+			const w = window as Window & {
+				__ABS_ANGULAR_REBOOTSTRAP__?: () => Promise<void>;
+			};
+			if (typeof w.__ABS_ANGULAR_REBOOTSTRAP__ === 'function') {
+				w.__ABS_ANGULAR_REBOOTSTRAP__().catch((err) => {
+					console.error(
+						'[absolutejs] angular:rebootstrap failed',
+						err
+					);
+				});
+			} else {
+				// No hook = no Angular page loaded, or the hook
+				// hasn't run yet. Falling back to a full reload is
+				// safe and correct.
+				window.location.reload();
+			}
+			break;
+		}
 		case 'rebuild-error':
 			handleRebuildError(message);
 			break;