@absolutejs/absolute 0.19.0-beta.1031 → 0.19.0-beta.1033

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

@@ -9,7 +9,7 @@ import type {} from '../../../types/globals';
 import { remountComponentClass, type RemountResult } from './angularRemount';
 
 declare global {
-	// eslint-disable-next-line no-var
+	 
 	var __absAngularRemount:
 		| ((
 				Class: new (...args: unknown[]) => unknown,
@@ -44,7 +44,7 @@ declare global {
 
 let installed = false;
 
-export const installAngularRemountGlobal = (): void => {
+export const installAngularRemountGlobal = () => {
 	if (installed) return;
 	if (typeof globalThis === 'undefined') return;
 	globalThis.__absAngularRemount = remountComponentClass;

package/dist/dev/client/hmrToast.ts

@@ -15,7 +15,7 @@ const CONTAINER_ID = '__abs_hmr_toast_container__';
 const VISIBLE_DURATION_MS = 2500;
 const FADE_MS = 220;
 
-const ensureContainer = (): HTMLDivElement => {
+const ensureContainer = () => {
 	const existing = document.getElementById(
 		CONTAINER_ID
 	) as HTMLDivElement | null;
@@ -24,25 +24,25 @@ const ensureContainer = (): HTMLDivElement => {
 	const container = document.createElement('div');
 	container.id = CONTAINER_ID;
 	Object.assign(container.style, {
-		position: 'fixed',
 		bottom: '16px',
-		right: '16px',
 		display: 'flex',
 		flexDirection: 'column',
-		gap: '8px',
-		zIndex: '2147483646',
-		pointerEvents: 'none',
 		fontFamily:
 			'ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace',
 		fontSize: '12px',
-		maxWidth: '420px'
+		gap: '8px',
+		maxWidth: '420px',
+		pointerEvents: 'none',
+		position: 'fixed',
+		right: '16px',
+		zIndex: '2147483646'
 	});
 	document.body.appendChild(container);
 
 	return container;
 };
 
-const accentForType = (updateType: string | undefined): string => {
+const accentForType = (updateType: string | undefined) => {
 	switch (updateType) {
 		case 'route':
 			return '#1d4ed8';
@@ -72,27 +72,27 @@ export const showHmrToast = ({
 	const accent = accentForType(updateType);
 	Object.assign(toast.style, {
 		background: 'rgba(15, 17, 22, 0.94)',
-		color: '#f8fafc',
 		borderLeft: `3px solid ${accent}`,
-		padding: '8px 12px',
 		borderRadius: '6px',
 		boxShadow: '0 6px 24px rgba(0, 0, 0, 0.35)',
+		color: '#f8fafc',
+		maxWidth: '420px',
 		opacity: '0',
-		transform: 'translateY(6px)',
-		transition: `opacity ${FADE_MS}ms ease, transform ${FADE_MS}ms ease`,
-		pointerEvents: 'auto',
-		whiteSpace: 'nowrap',
 		overflow: 'hidden',
+		padding: '8px 12px',
+		pointerEvents: 'auto',
 		textOverflow: 'ellipsis',
-		maxWidth: '420px'
+		transform: 'translateY(6px)',
+		transition: `opacity ${FADE_MS}ms ease, transform ${FADE_MS}ms ease`,
+		whiteSpace: 'nowrap'
 	});
 
 	const label = document.createElement('div');
 	Object.assign(label.style, {
 		color: accent,
 		fontWeight: '600',
-		marginBottom: '2px',
-		letterSpacing: '0.02em'
+		letterSpacing: '0.02em',
+		marginBottom: '2px'
 	});
 	label.textContent = `HMR reboot — ${updateType ?? 'unknown'}`;
 	toast.appendChild(label);
@@ -110,11 +110,11 @@ export const showHmrToast = ({
 		const path = document.createElement('div');
 		Object.assign(path.style, {
 			color: '#64748b',
-			marginTop: '2px',
 			fontSize: '11px',
-			whiteSpace: 'nowrap',
+			marginTop: '2px',
 			overflow: 'hidden',
-			textOverflow: 'ellipsis'
+			textOverflow: 'ellipsis',
+			whiteSpace: 'nowrap'
 		});
 		// Format like the server logger does: relative + leading slash.
 		const cwdLike = editSourceFile.replace(/^.*?(\/src\/|\/pages\/)/, '$1');