@absolutejs/absolute 0.19.0-beta.705 → 0.19.0-beta.706

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

@@ -1,272 +0,0 @@
-import type {} from '../../../types/globals';
-/* HTMX HMR update handler */
-
-import { DOM_UPDATE_DELAY_MS } from '../constants';
-import { patchDOMInPlace } from '../domDiff';
-import {
-	saveDOMState,
-	restoreDOMState,
-	saveFormState,
-	restoreFormState,
-	saveScrollState,
-	restoreScrollState
-} from '../domState';
-import { processCSSLinks, waitForCSSAndUpdate } from '../cssUtils';
-import { patchHeadInPlace } from '../headPatch';
-import { detectCurrentFramework } from '../frameworkDetect';
-import { type HTMXSavedState, type ScriptInfo } from '../../../types/client';
-import { hmrState } from '../hmrState';
-
-const parseHTMXMessage = (
-	html: string | { body?: string; head?: string } | null | undefined
-) => {
-	let body: string | null = null;
-	let head: string | null = null;
-	if (typeof html === 'string') {
-		body = html;
-	} else if (html && typeof html === 'object') {
-		body = html.body || null;
-		head = html.head || null;
-	}
-
-	return { body, head };
-};
-
-const applyHeadPatch = (htmxHead: string | null) => {
-	if (!htmxHead) {
-		return;
-	}
-
-	const doPatchHead = () => {
-		patchHeadInPlace(htmxHead);
-	};
-	if (hmrState.isFirstHMRUpdate) {
-		setTimeout(doPatchHead, DOM_UPDATE_DELAY_MS);
-	} else {
-		doPatchHead();
-	}
-};
-
-const handleHTMXBodyUpdate = (
-	htmxBody: string,
-	htmxHead: string | null,
-	htmxDomState: ReturnType<typeof saveDOMState>
-) => {
-	const updateHTMXBodyAfterCSS = () => {
-		updateHTMXBody(htmxBody, htmxDomState, document.body);
-	};
-
-	if (htmxHead) {
-		applyHeadPatch(htmxHead);
-		const cssResult = processCSSLinks(htmxHead);
-		waitForCSSAndUpdate(cssResult, updateHTMXBodyAfterCSS);
-	} else {
-		updateHTMXBodyAfterCSS();
-	}
-};
-
-export const handleHTMXUpdate = (message: {
-	data: {
-		html?: string | { body?: string; head?: string } | null;
-	};
-}) => {
-	const htmxFrameworkCheck = detectCurrentFramework();
-	if (htmxFrameworkCheck !== 'htmx') return;
-
-	if (window.__REACT_ROOT__) {
-		window.__REACT_ROOT__ = undefined;
-	}
-
-	sessionStorage.setItem('__HMR_ACTIVE__', 'true');
-
-	const htmxDomState = saveDOMState(document.body);
-	const { body: htmxBody, head: htmxHead } = parseHTMXMessage(
-		message.data.html
-	);
-
-	if (!htmxBody) {
-		sessionStorage.removeItem('__HMR_ACTIVE__');
-
-		return;
-	}
-
-	handleHTMXBodyUpdate(htmxBody, htmxHead, htmxDomState);
-};
-
-const cloneHmrListenerElements = (container: HTMLElement) => {
-	container
-		.querySelectorAll('[data-hmr-listeners-attached]')
-		.forEach((elem) => {
-			const cloned = elem.cloneNode(true) as Element; // eslint-disable-line @typescript-eslint/consistent-type-assertions
-			if (elem.parentNode) {
-				elem.parentNode.replaceChild(cloned, elem);
-			}
-			cloned.removeAttribute('data-hmr-listeners-attached');
-		});
-};
-
-const removeOldScripts = (container: HTMLElement) => {
-	const scriptsInNewHTML = container.querySelectorAll('script[src]');
-	scriptsInNewHTML.forEach((script) => {
-		if (!script.hasAttribute('data-hmr-client')) {
-			script.remove();
-		}
-	});
-};
-
-const addNewScripts = (container: HTMLElement, newScripts: ScriptInfo[]) => {
-	newScripts.forEach((scriptInfo) => {
-		const newScript = document.createElement('script');
-		const separator = scriptInfo.src.includes('?') ? '&' : '?';
-		newScript.src = `${scriptInfo.src + separator}t=${Date.now()}`;
-		newScript.type = scriptInfo.type;
-		container.appendChild(newScript);
-	});
-};
-
-const replaceInlineScript = (script: Element) => {
-	if (script.hasAttribute('data-hmr-client')) {
-		return;
-	}
-
-	const newScript = document.createElement('script');
-	newScript.textContent = script.textContent || '';
-	newScript.type = script.getAttribute('type') || 'text/javascript';
-	if (script.parentNode) {
-		script.parentNode.replaceChild(newScript, script);
-	}
-};
-
-const reExecuteScripts = (container: HTMLElement, newScripts: ScriptInfo[]) => {
-	removeOldScripts(container);
-	addNewScripts(container, newScripts);
-
-	const inlineScripts = container.querySelectorAll('script:not([src])');
-	inlineScripts.forEach(replaceInlineScript);
-};
-
-const handleScriptsAndStructureChange = (
-	container: HTMLElement,
-	newScripts: ScriptInfo[]
-) => {
-	cloneHmrListenerElements(container);
-	reExecuteScripts(container, newScripts);
-};
-
-const restoreCounterSpan = (
-	container: HTMLElement,
-	count: number | undefined
-) => {
-	const newCountSpan = container.querySelector('#count');
-	if (newCountSpan && count !== undefined) {
-		newCountSpan.textContent = String(count);
-	}
-};
-
-const updateHTMXBody = (
-	htmxBody: string,
-	htmxDomState: ReturnType<typeof saveDOMState>,
-	container: HTMLElement
-) => {
-	if (!container) return;
-
-	const countSpan = container.querySelector('#count');
-	const countValue = countSpan
-		? parseInt(countSpan.textContent || '0', 10)
-		: 0;
-
-	const savedState: HTMXSavedState = {
-		componentState: { count: countValue },
-		forms: saveFormState(),
-		scroll: saveScrollState()
-	};
-
-	const existingScripts = collectScripts(container);
-
-	const tempDiv = document.createElement('div');
-	tempDiv.innerHTML = htmxBody;
-
-	if (savedState.componentState.count !== undefined) {
-		restoreCounterSpan(tempDiv, savedState.componentState.count);
-	}
-
-	const patchedBody = tempDiv.innerHTML;
-	const newScripts = collectScriptsFromElement(tempDiv);
-	const scriptsChanged = didScriptsChange(existingScripts, newScripts);
-
-	const htmlStructureChanged = didHTMLStructureChange(container, tempDiv);
-
-	const hmrScript = container.querySelector('script[data-hmr-client]');
-
-	patchDOMInPlace(container, patchedBody);
-
-	if (hmrScript && !container.querySelector('script[data-hmr-client]')) {
-		container.appendChild(hmrScript);
-	}
-
-	requestAnimationFrame(() => {
-		restoreFormState(savedState.forms);
-		restoreScrollState(savedState.scroll);
-		restoreCounterSpan(container, savedState.componentState.count);
-		restoreDOMState(container, htmxDomState);
-
-		if (scriptsChanged || htmlStructureChanged) {
-			handleScriptsAndStructureChange(container, newScripts);
-		}
-
-		if (window.htmx) {
-			window.htmx.process(container);
-		}
-	});
-	sessionStorage.removeItem('__HMR_ACTIVE__');
-};
-
-/* Shared helpers */
-
-const collectScripts = (container: HTMLElement) =>
-	Array.from(container.querySelectorAll('script[src]')).map((script) => ({
-		src: script.getAttribute('src') || '',
-		type: script.getAttribute('type') || 'text/javascript'
-	}));
-
-const collectScriptsFromElement = (elem: HTMLElement) =>
-	Array.from(elem.querySelectorAll('script[src]')).map((script) => ({
-		src: script.getAttribute('src') || '',
-		type: script.getAttribute('type') || 'text/javascript'
-	}));
-
-const didScriptsChange = (oldScripts: ScriptInfo[], newScripts: ScriptInfo[]) =>
-	oldScripts.length !== newScripts.length ||
-	oldScripts.some((oldScript, idx) => {
-		const [oldBeforeQuery = ''] = oldScript.src.split('?');
-		const [oldSrcBase] = oldBeforeQuery.split('&');
-		const newScript = newScripts[idx];
-		if (!newScript) return true;
-		const [newBeforeQuery = ''] = newScript.src.split('?');
-		const [newSrcBase] = newBeforeQuery.split('&');
-
-		return oldSrcBase !== newSrcBase;
-	});
-
-const normalizeHTMLForComparison = (element: HTMLElement) => {
-	const clone = element.cloneNode(true) as HTMLElement; // eslint-disable-line @typescript-eslint/consistent-type-assertions
-	const scripts = clone.querySelectorAll('script');
-	scripts.forEach((script) => {
-		if (script.parentNode) {
-			script.parentNode.removeChild(script);
-		}
-	});
-	const allElements = clone.querySelectorAll('*');
-	allElements.forEach((elem) => {
-		elem.removeAttribute('data-hmr-listeners-attached');
-	});
-	if (clone.removeAttribute) {
-		clone.removeAttribute('data-hmr-listeners-attached');
-	}
-
-	return clone.innerHTML;
-};
-
-const didHTMLStructureChange = (container: HTMLElement, tempDiv: HTMLElement) =>
-	normalizeHTMLForComparison(container) !==
-	normalizeHTMLForComparison(tempDiv);

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

@@ -1,108 +0,0 @@
-import type {} from '../../../types/globals';
-/* React HMR update handler
-   Uses React Fast Refresh to hot-swap components while preserving state.
-   Code splitting ensures React lives in a shared chunk that stays cached,
-   so dynamic import of the rebuilt entry reuses the same React instance. */
-
-import { hideErrorOverlay } from '../errorOverlay';
-import { detectCurrentFramework } from '../frameworkDetect';
-
-export const handleReactUpdate = (message: {
-	data: {
-		hasCSSChanges?: boolean;
-		hasComponentChanges?: boolean;
-		manifest?: Record<string, string>;
-		pageModuleUrl?: string;
-		primarySource?: string;
-		serverDuration?: number;
-	};
-}) => {
-	const currentFramework = detectCurrentFramework();
-	if (currentFramework !== 'react') return;
-
-	const hasComponentChanges = message.data.hasComponentChanges !== false;
-	const hasCSSChanges = message.data.hasCSSChanges === true;
-	const cssPath =
-		message.data.manifest && message.data.manifest.ReactExampleCSS;
-
-	if (!hasComponentChanges && hasCSSChanges && cssPath) {
-		reloadReactCSS(cssPath);
-
-		return;
-	}
-
-	const refreshRuntime = window.$RefreshRuntime$;
-	const { serverDuration } = message.data;
-	const { pageModuleUrl } = message.data;
-
-	if (pageModuleUrl && refreshRuntime) {
-		applyRefreshImport(pageModuleUrl, refreshRuntime, serverDuration);
-
-		return;
-	}
-
-	// No module URL — shouldn't happen, but reload as safety fallback
-	window.location.reload();
-};
-
-const sendTiming = (clientStart: number, serverDuration?: number) => {
-	if (window.__HMR_WS__) {
-		const clientMs = Math.round(performance.now() - clientStart);
-		const total = (serverDuration ?? 0) + clientMs;
-		window.__HMR_WS__.send(
-			JSON.stringify({ duration: total, type: 'hmr-timing' })
-		);
-	}
-	if (window.__ERROR_BOUNDARY__) {
-		window.__ERROR_BOUNDARY__.reset();
-	} else {
-		hideErrorOverlay();
-	}
-};
-
-const applyRefreshImport = (
-	moduleUrl: string,
-	refreshRuntime: { performReactRefresh: () => unknown },
-	serverDuration?: number
-) => {
-	const clientStart = performance.now();
-	import(`${moduleUrl}?t=${Date.now()}`)
-		.then(() => {
-			refreshRuntime.performReactRefresh();
-			sendTiming(clientStart, serverDuration);
-
-			return undefined;
-		})
-		.catch((err) => {
-			console.warn(
-				'[HMR] React Fast Refresh failed, falling back to reload:',
-				err
-			);
-			window.location.reload();
-		});
-};
-
-const reloadReactCSS = (cssPath: string) => {
-	const existingCSSLinks = document.head.querySelectorAll<HTMLLinkElement>(
-		'link[rel="stylesheet"]'
-	);
-	existingCSSLinks.forEach((link) => {
-		const href = link.getAttribute('href');
-		if (!href) {
-			return;
-		}
-		const hrefBase = (href.split('?')[0] ?? '').split('/').pop() ?? '';
-		const cssPathBase =
-			(cssPath.split('?')[0] ?? '').split('/').pop() ?? '';
-		if (
-			hrefBase === cssPathBase ||
-			href.includes('react-example') ||
-			cssPathBase.includes(hrefBase)
-		) {
-			const newHref = `${
-				cssPath + (cssPath.includes('?') ? '&' : '?')
-			}t=${Date.now()}`;
-			link.href = newHref;
-		}
-	});
-};

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

@@ -1,153 +0,0 @@
-import type {} from '../../../types/globals';
-/* Rebuild, manifest, module-update, and error handlers */
-
-import { REBUILD_RELOAD_DELAY_MS } from '../constants';
-import {
-	hideErrorOverlay,
-	isRuntimeErrorOverlay,
-	showErrorOverlay
-} from '../errorOverlay';
-
-export const handleFullReload = () => {
-	setTimeout(() => {
-		window.location.reload();
-	}, REBUILD_RELOAD_DELAY_MS);
-};
-
-export const handleManifest = (message: {
-	data: {
-		manifest?: Record<string, string>;
-		serverVersions?: Record<string, number>;
-	};
-}) => {
-	window.__HMR_MANIFEST__ = message.data.manifest;
-
-	if (message.data.serverVersions) {
-		window.__HMR_SERVER_VERSIONS__ = message.data.serverVersions;
-	}
-
-	if (!window.__HMR_MODULE_VERSIONS__) {
-		window.__HMR_MODULE_VERSIONS__ = {};
-	}
-
-	window.__HMR_MODULE_UPDATES__ = [];
-};
-
-const HMR_FRAMEWORKS = ['angular', 'react', 'vue', 'svelte', 'html', 'htmx'];
-
-const mergeRecord = (
-	source: Record<string, string | number>,
-	target: Record<string, string | number>
-) => {
-	Object.keys(source)
-		.filter((key) => Object.prototype.hasOwnProperty.call(source, key))
-		.forEach((key) => {
-			const value = source[key];
-			if (value !== undefined) {
-				target[key] = value;
-			}
-		});
-};
-
-const mergeServerVersions = (
-	serverVersions: Record<string, number> | undefined
-) => {
-	if (!serverVersions) return;
-	const existing = window.__HMR_SERVER_VERSIONS__ ?? {};
-	mergeRecord(serverVersions, existing);
-	window.__HMR_SERVER_VERSIONS__ = existing;
-};
-
-const mergeModuleVersions = (
-	moduleVersions: Record<string, number> | undefined
-) => {
-	if (!moduleVersions) return;
-	const existing = window.__HMR_MODULE_VERSIONS__ ?? {};
-	mergeRecord(moduleVersions, existing);
-	window.__HMR_MODULE_VERSIONS__ = existing;
-};
-
-const mergeManifest = (manifest: Record<string, string> | undefined) => {
-	if (!manifest) return;
-	const existing = window.__HMR_MANIFEST__ ?? {};
-	mergeRecord(manifest, existing);
-	window.__HMR_MANIFEST__ = existing;
-};
-
-export const handleModuleUpdate = (message: {
-	data: {
-		framework?: string;
-		manifest?: Record<string, string>;
-		moduleVersions?: Record<string, number>;
-		serverVersions?: Record<string, number>;
-	};
-}) => {
-	const hasHMRHandler = HMR_FRAMEWORKS.includes(message.data.framework || '');
-
-	if (!hasHMRHandler) {
-		window.location.reload();
-
-		return;
-	}
-
-	mergeServerVersions(message.data.serverVersions);
-	mergeModuleVersions(message.data.moduleVersions);
-	mergeManifest(message.data.manifest);
-
-	if (!window.__HMR_MODULE_UPDATES__) {
-		window.__HMR_MODULE_UPDATES__ = [];
-	}
-	window.__HMR_MODULE_UPDATES__.push(message.data);
-};
-
-export const handleRebuildComplete = (message: {
-	data: {
-		affectedFrameworks?: string[];
-		manifest?: Record<string, string>;
-	};
-}) => {
-	if (!isRuntimeErrorOverlay()) {
-		hideErrorOverlay();
-	}
-	if (window.__HMR_MANIFEST__) {
-		window.__HMR_MANIFEST__ = message.data.manifest;
-	}
-
-	if (
-		message.data.affectedFrameworks &&
-		!message.data.affectedFrameworks.includes('angular') &&
-		!message.data.affectedFrameworks.includes('react') &&
-		!message.data.affectedFrameworks.includes('html') &&
-		!message.data.affectedFrameworks.includes('htmx') &&
-		!message.data.affectedFrameworks.includes('vue') &&
-		!message.data.affectedFrameworks.includes('svelte')
-	) {
-		const url = new URL(window.location.href);
-		url.searchParams.set('_cb', Date.now().toString());
-		window.location.href = url.toString();
-	}
-};
-
-export const handleRebuildError = (message: {
-	data: {
-		affectedFrameworks?: string[];
-		column?: number;
-		error?: string;
-		file?: string;
-		framework?: string;
-		line?: number;
-		lineText?: string;
-	};
-}) => {
-	const errData = message.data || {};
-	showErrorOverlay({
-		column: errData.column,
-		file: errData.file,
-		framework:
-			errData.framework ||
-			(errData.affectedFrameworks && errData.affectedFrameworks[0]),
-		line: errData.line,
-		lineText: errData.lineText,
-		message: errData.error || 'Build failed'
-	});
-};