fix(core): cascade-remove GSAP tweens in removeElementFromHtml (WS-2)

vanceingalls · Miguel07Alm · vanceingalls · commit 8a930d635fdf · 2026-06-16T22:16:19.000-07:00
Co-Authored-By: Claude Sonnet 4.6 &lt;noreply@anthropic.com&gt;

Co-authored-by: Miguel Ángel &lt;miguel07alm@protonmail.com&gt;
diff --git a/packages/core/src/parsers/htmlParser.ts b/packages/core/src/parsers/htmlParser.ts
@@ -12,6 +12,8 @@ import type {
 } from "../core.types";
 import { validateCompositionGsap } from "./gsapSerialize";
 import { ensureHfIds } from "./hfIds.js";
+import { parseGsapScriptAcornForWrite } from "./gsapParserAcorn.js";
+import { removeAnimationFromScript } from "./gsapWriterAcorn.js";
 import type { ValidationResult } from "../core.types";
 
 const MEDIA_TYPES = new Set<string>(["video", "image", "audio"]);
@@ -672,15 +674,40 @@ export function addElementToHtml(
   };
 }
 
-export function removeElementFromHtml(html: string, elementId: string): string {
-  const parser = new DOMParser();
-  const doc = parser.parseFromString(html, "text/html");
+function selectorTargetsId(selector: string, id: string): boolean {
+  return (
+    selector === `#${id}` ||
+    selector === `[data-hf-id="${id}"]` ||
+    selector === `[data-hf-id='${id}']`
+  );
+}
 
-  const el = doc.getElementById(elementId);
-  if (el) {
-    el.remove();
+function stripGsapForId(script: string, elementId: string): string {
+  const parsed = parseGsapScriptAcornForWrite(script);
+  if (!parsed) return script;
+  let current = script;
+  for (const { id: animId, animation } of parsed.located) {
+    if (selectorTargetsId(animation.targetSelector, elementId)) {
+      current = removeAnimationFromScript(current, animId);
+    }
   }
+  return current;
+}
 
+function cascadeRemoveGsapById(doc: Document, elementId: string): void {
+  for (const script of Array.from(doc.querySelectorAll("script"))) {
+    const text = script.textContent ?? "";
+    if (!text.includes("gsap") && !text.includes("ScrollTrigger")) continue;
+    const updated = stripGsapForId(text, elementId);
+    if (updated !== text) script.textContent = updated;
+  }
+}
+
+export function removeElementFromHtml(html: string, elementId: string): string {
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(html, "text/html");
+  doc.getElementById(elementId)?.remove();
+  cascadeRemoveGsapById(doc, elementId);
   return "<!DOCTYPE html>\n" + doc.documentElement.outerHTML;
 }
 
