@absolutejs/absolute 0.19.0-beta.1065 → 0.19.0-beta.1066

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

@@ -179,14 +179,19 @@ const updateHTMLBody = (
 	const domSnapshot = snapshotDOMChanges(container);
 
 	const existingScripts = collectScripts(container);
+	const oldInlineScripts = collectInlineScripts(container);
 	const hmrScript = container.querySelector('script[data-hmr-client]');
 	const tempDiv = document.createElement('div');
 	tempDiv.innerHTML = htmlBody;
 	const newScripts = collectScriptsFromElement(tempDiv);
+	const newInlineScripts = collectInlineScripts(tempDiv);
 
 	const htmlStructureChanged = didHTMLStructureChange(container, tempDiv);
+	const scriptsChanged =
+		didScriptsChange(existingScripts, newScripts) ||
+		didInlineScriptsChange(oldInlineScripts, newInlineScripts);
 
-	if (htmlStructureChanged || didScriptsChange(existingScripts, newScripts)) {
+	if (htmlStructureChanged || scriptsChanged) {
 		patchDOMInPlace(container, htmlBody);
 		restoreDOMChanges(container, domSnapshot, htmlBody);
 	}
@@ -198,12 +203,12 @@ const updateHTMLBody = (
 		restoreFormState(savedState.forms);
 		restoreScrollState(savedState.scroll);
 
-		if (
-			didScriptsChange(existingScripts, newScripts) ||
-			htmlStructureChanged
-		) {
+		// Only touch scripts/interactive elements when a script actually
+		// changed. A pure markup edit (e.g. a heading) leaves inline-script
+		// state and `addEventListener` handlers intact.
+		if (scriptsChanged) {
 			cloneInteractiveElements(container);
-			reExecuteScripts(container, newScripts);
+			reExecuteScripts(container, newScripts, oldInlineScripts);
 		}
 	});
 	sessionStorage.removeItem('__HMR_ACTIVE__');
@@ -245,6 +250,7 @@ const updateHTMLBodyDirect = (
 	const savedState = saveHTMLState();
 	const domSnapshot = snapshotDOMChanges(container);
 
+	const oldInlineScripts = collectInlineScripts(container);
 	const tempDiv = document.createElement('div');
 	tempDiv.innerHTML = htmlBody;
 	const newScripts = collectScriptsFromElement(tempDiv);
@@ -271,8 +277,7 @@ const updateHTMLBodyDirect = (
 			container.appendChild(newScript);
 		});
 
-		const inlineScripts = container.querySelectorAll('script:not([src])');
-		inlineScripts.forEach(replaceInlineScript);
+		reExecuteInlineScripts(container, oldInlineScripts);
 	});
 	sessionStorage.removeItem('__HMR_ACTIVE__');
 };
@@ -291,6 +296,21 @@ const collectScriptsFromElement = (elem: HTMLElement) =>
 		type: script.getAttribute('type') || 'text/javascript'
 	}));
 
+/* Inline (non-src) scripts, excluding the HMR client. Captured by ordinal so
+ * an unchanged inline script can be skipped on re-execution — re-running it
+ * would reset its module/global state (e.g. `let count = 0`) on every edit. */
+const collectInlineScripts = (elem: HTMLElement) =>
+	Array.from(
+		elem.querySelectorAll('script:not([src]):not([data-hmr-client])')
+	).map((script) => script.textContent || '');
+
+const didInlineScriptsChange = (
+	oldInline: string[],
+	newInline: string[]
+) =>
+	oldInline.length !== newInline.length ||
+	oldInline.some((content, idx) => content !== newInline[idx]);
+
 const didScriptsChange = (oldScripts: ScriptInfo[], newScripts: ScriptInfo[]) =>
 	oldScripts.length !== newScripts.length ||
 	oldScripts.some((oldScript, idx) => {
@@ -348,7 +368,11 @@ const removeOldScripts = (container: HTMLElement) => {
 	});
 };
 
-const reExecuteScripts = (container: HTMLElement, newScripts: ScriptInfo[]) => {
+const reExecuteScripts = (
+	container: HTMLElement,
+	newScripts: ScriptInfo[],
+	oldInlineScripts: string[]
+) => {
 	removeOldScripts(container);
 
 	newScripts.forEach((scriptInfo) => {
@@ -359,6 +383,24 @@ const reExecuteScripts = (container: HTMLElement, newScripts: ScriptInfo[]) => {
 		container.appendChild(newScript);
 	});
 
-	const inlineScripts = container.querySelectorAll('script:not([src])');
-	inlineScripts.forEach(replaceInlineScript);
+	reExecuteInlineScripts(container, oldInlineScripts);
+};
+
+/* Re-execute inline scripts by replacing them with fresh nodes, but skip any
+ * whose textContent is byte-identical to its previous counterpart (matched by
+ * ordinal). Skipping leaves the original execution's global bindings intact,
+ * so unrelated edits don't reset inline-script state. */
+const reExecuteInlineScripts = (
+	container: HTMLElement,
+	oldInlineScripts: string[]
+) => {
+	const inlineScripts = container.querySelectorAll(
+		'script:not([src]):not([data-hmr-client])'
+	);
+	inlineScripts.forEach((script, idx) => {
+		if (oldInlineScripts[idx] === (script.textContent || '')) {
+			return;
+		}
+		replaceInlineScript(script);
+	});
 };

package/dist/index.js

@@ -35465,6 +35465,11 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   for (const file5 of svelteFiles) {
     state.fileHashes.set(resolve41(file5), computeFileHash(file5));
   }
+  const surgicallyHandled = state.svelteSurgicallyHandled ?? new Set;
+  for (const file5 of svelteFiles) {
+    surgicallyHandled.add(resolve41(file5));
+  }
+  state.svelteSurgicallyHandled = surgicallyHandled;
   const serverDuration = Date.now() - startTime;
   await runSequentially(svelteFiles, (changedFile) => broadcastSvelteModuleUpdate(state, changedFile, svelteFiles, serverDuration));
   scheduleSvelteBundleRebuild(state, svelteFiles, config2)();
@@ -36234,7 +36239,8 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   if (isCssOnlyChange && svelteCssFiles.length > 0) {
     handleSvelteCssOnlyUpdate(state, svelteCssFiles, manifest, duration3);
   }
-  pagesToUpdate.forEach((sveltePagePath) => {
+  const surgicallyHandled = state.svelteSurgicallyHandled;
+  pagesToUpdate.filter((sveltePagePath) => !surgicallyHandled?.has(resolve41(sveltePagePath))).forEach((sveltePagePath) => {
     broadcastSveltePageUpdate(state, sveltePagePath, manifest, duration3);
   });
 }, handleAngularCssOnlyUpdate = (state, angularCssFiles, manifest, duration3) => {
@@ -36520,6 +36526,7 @@ var moduleServerPromise, getModuleServer = () => moduleServerPromise, runSequent
   });
   return files.every((f2) => handled.has(f2));
 }, performFullRebuild = async (state, config2, affectedFrameworks, filesToRebuild, startTime, onRebuildComplete) => {
+  state.svelteSurgicallyHandled = undefined;
   const hasManifest = Object.keys(state.manifest).length > 0;
   const files = filesToRebuild ?? [];
   let allHandled = files.length > 0 && hasManifest;
@@ -46592,5 +46599,5 @@ export {
   ANGULAR_INIT_TIMEOUT_MS
 };
 
-//# debugId=21D861916A6FEEBD64756E2164756E21
+//# debugId=6A3DA19918ED0F0164756E2164756E21
 //# sourceMappingURL=index.js.map