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

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

@@ -14,6 +14,7 @@ import {
 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';
@@ -152,6 +153,26 @@ const handleHMRMessage = (message: HMRMessage) => {
 			hideErrorOverlay();
 			handleAngularUpdate(message);
 			break;
+		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 'rebuild-error':
 			handleRebuildError(message);
 			break;