@hyperframes/core 0.7.14 → 0.7.16

package/dist/studio-api/routes/files.js

@@ -1,1200 +0,0 @@
-import { bodyLimit } from "hono/body-limit";
-import { existsSync, readFileSync, writeFileSync, mkdirSync, unlinkSync, rmSync, statSync, renameSync, readdirSync, } from "node:fs";
-import { resolve, dirname, join } from "node:path";
-import { isAudioFile } from "../helpers/mime.js";
-import { generateWaveformCache } from "../helpers/waveform.js";
-import { validateUploadedMediaBuffer } from "../helpers/mediaValidation.js";
-import { isSafePath, resolveWithinProject } from "../helpers/safePath.js";
-import { backupPathForResponse, snapshotBeforeWrite } from "../helpers/backupJournal.js";
-import { findUnsafeDomPatchValues, findUnsafeMutationValues, } from "../helpers/finiteMutation.js";
-import { classifyPropertyGroup } from "../../parsers/gsapConstants.js";
-import { parseGsapScriptAcorn } from "../../parsers/gsapParserAcorn.js";
-import { unrollComputedTimeline } from "../../parsers/gsapUnroll.js";
-import { updateAnimationInScript, addAnimationToScript, removeAnimationFromScript, addKeyframeToScript, removeKeyframeFromScript, updateKeyframeInScript, convertToKeyframesFromScript, removeAllKeyframesFromScript, materializeKeyframesFromScript, unrollDynamicAnimations, setArcPathInScript, updateArcSegmentInScript, removeArcPathFromScript, addAnimationWithKeyframesToScript, splitAnimationsInScript, splitIntoPropertyGroupsFromScript, shiftPositionsInScript, scalePositionsInScript, } from "../../parsers/gsapWriterAcorn.js";
-import { removeElementFromHtml, patchElementInHtml, probeElementInSource, splitElementInHtml, isHTMLElement, } from "../helpers/sourceMutation.js";
-import { parseHTML } from "linkedom";
-// ── Server cutover flag ─────────────────────────────────────────────────────
-/**
- * Mirror of the client STUDIO_SDK_CUTOVER_ENABLED flag for server-side writer
- * selection. When true, the acorn writer handles GSAP mutations; otherwise the
- * recast writer (gsapParser.ts) is used. Default false → recast.
- *
- * Enable with: STUDIO_SDK_CUTOVER_ENABLED=true (or =1)
- * Mirrors the client Vite env var name so one env switch flips both sides.
- */
-function isAcornGsapWriterEnabled() {
-    const val = process.env["STUDIO_SDK_CUTOVER_ENABLED"];
-    return val === "true" || val === "1";
-}
-/**
- * Lazy-load gsapParser for write ops (recast-backed) — the default server writer.
- * The read path uses the browser-safe acorn parser; this loader is only needed
- * for the recast write path (the default when STUDIO_SDK_CUTOVER_ENABLED is off).
- */
-async function loadGsapParser() {
-    return import("../../parsers/gsapParser.js");
-}
-/** Resolve project + safe absolute path for any project-scoped route. */
-async function resolveProjectPath(c, adapter, pathPrefix, opts) {
-    const id = c.req.param("id");
-    const project = await adapter.resolveProject(id);
-    if (!project) {
-        return { error: c.json({ error: "not found" }, 404) };
-    }
-    const filePath = decodeURIComponent(c.req.path.replace(pathPrefix(project.id), ""));
-    if (filePath.includes("\0")) {
-        return { error: c.json({ error: "forbidden" }, 403) };
-    }
-    const absPath = resolveWithinProject(project.dir, filePath);
-    if (!absPath) {
-        return { error: c.json({ error: "forbidden" }, 403) };
-    }
-    if (opts?.mustExist && !existsSync(absPath)) {
-        return { error: c.json({ error: "not found" }, 404) };
-    }
-    return { project, filePath, absPath };
-}
-function resolveProjectFile(c, adapter, opts) {
-    return resolveProjectPath(c, adapter, (id) => `/projects/${id}/files/`, opts);
-}
-function resolveFileMutationContext(c, adapter, operation) {
-    return resolveProjectPath(c, adapter, (id) => `/projects/${id}/file-mutations/${operation}/`);
-}
-/** Write `next` to `absPath` only if it differs from `original`, returning a standardized change response. */
-function writeIfChanged(c, projectDir, filePath, absPath, original, next) {
-    if (next === original) {
-        return c.json({ ok: true, changed: false, content: original, path: filePath });
-    }
-    const backup = snapshotBeforeWrite(projectDir, absPath);
-    if (backup.error)
-        console.warn(`Failed to create backup for ${filePath}: ${backup.error}`);
-    writeFileSync(absPath, next, "utf-8");
-    return c.json({
-        ok: true,
-        changed: true,
-        content: next,
-        path: filePath,
-        backupPath: backupPathForResponse(projectDir, backup.backupPath),
-    });
-}
-function rejectUnsafeMutationValues(c, unsafeFields) {
-    return c.json({
-        error: "mutation contains unsafe values",
-        fields: unsafeFields.map((field) => field.path),
-        unsafeValues: unsafeFields,
-    }, 400);
-}
-/**
- * Parse the request body and validate that `target` is present.
- * Returns `{ error }` if missing, or `{ target, body }` for the full parsed body.
- */
-async function parseMutationBody(c) {
-    const body = (await c.req.json().catch(() => null));
-    if (!body?.target) {
-        return { error: c.json({ error: "target required" }, 400) };
-    }
-    return { target: body.target, body };
-}
-/** Ensure the parent directory of a path exists. */
-function ensureDir(filePath) {
-    const dir = dirname(filePath);
-    if (!existsSync(dir))
-        mkdirSync(dir, { recursive: true });
-}
-/**
- * Generate a copy name: foo.html → foo (copy).html → foo (copy 2).html
- */
-function generateCopyPath(projectDir, originalPath) {
-    const ext = originalPath.includes(".") ? "." + originalPath.split(".").pop() : "";
-    const base = ext ? originalPath.slice(0, -ext.length) : originalPath;
-    // If already a copy, increment the number
-    const copyMatch = base.match(/ \(copy(?: (\d+))?\)$/);
-    const cleanBase = copyMatch ? base.slice(0, -copyMatch[0].length) : base;
-    let num = copyMatch ? (copyMatch[1] ? parseInt(copyMatch[1]) + 1 : 2) : 1;
-    let candidate = num === 1 ? `${cleanBase} (copy)${ext}` : `${cleanBase} (copy ${num})${ext}`;
-    while (existsSync(resolve(projectDir, candidate))) {
-        num++;
-        candidate = `${cleanBase} (copy ${num})${ext}`;
-    }
-    return candidate;
-}
-/**
- * Walk a directory recursively and return all file paths matching a filter.
- */
-function walkFiles(dir, filter) {
-    const results = [];
-    for (const entry of readdirSync(dir, { withFileTypes: true })) {
-        const full = join(dir, entry.name);
-        if (entry.isDirectory()) {
-            if (entry.name === "node_modules" || entry.name === ".thumbnails" || entry.name === "renders")
-                continue;
-            results.push(...walkFiles(full, filter));
-        }
-        else if (filter(entry.name)) {
-            results.push(full);
-        }
-    }
-    return results;
-}
-/**
- * After a rename, update all references to the old path in project files.
- * Scans HTML, CSS, JS, and JSON files for the old filename/path and replaces.
- */
-function updateReferences(projectDir, oldPath, newPath) {
-    const textFiles = walkFiles(projectDir, (name) => /\.(html|css|js|jsx|ts|tsx|json|mjs|cjs|md|mdx)$/i.test(name));
-    let updatedCount = 0;
-    for (const file of textFiles) {
-        const content = readFileSync(file, "utf-8");
-        // Only replace full relative paths — never bare filenames, which can
-        // corrupt unrelated content (e.g. "logo.png" inside "my-logo.png").
-        if (!content.includes(oldPath))
-            continue;
-        const updated = content.split(oldPath).join(newPath);
-        if (updated !== content) {
-            writeFileSync(file, updated, "utf-8");
-            updatedCount++;
-        }
-    }
-    return updatedCount;
-}
-// ── GSAP script extraction ──────────────────────────────────────────────────
-/**
- * Parse an HTML string with linkedom, locate the inline `<script>` that
- * contains GSAP timeline code, and return both its text content and a
- * function that replaces that script block and serialises back to HTML.
- */
-function extractGsapScriptBlock(html) {
-    const { document } = parseHTML(html);
-    const scripts = [
-        ...document.querySelectorAll("script:not([src])"),
-        ...Array.from(document.querySelectorAll("template")).flatMap((tmpl) => Array.from(tmpl.querySelectorAll("script:not([src])"))),
-    ];
-    for (const script of scripts) {
-        const content = script.textContent || "";
-        if (content.includes("gsap.timeline") ||
-            content.includes(".set(") ||
-            content.includes(".to(")) {
-            return {
-                scriptText: content,
-                document,
-                replaceScript(newText) {
-                    script.textContent = newText;
-                    return document.toString();
-                },
-            };
-        }
-    }
-    return null;
-}
-function stripStudioEditsFromTarget(document, selector) {
-    if (!selector)
-        return 0;
-    let stripped = 0;
-    try {
-        for (const el of document.querySelectorAll(selector)) {
-            if (!isHTMLElement(el))
-                continue;
-            const htmlEl = el;
-            let touched = false;
-            // Manual path offset (--hf-studio-offset / translate) — a GSAP position tween
-            // now owns position, so the stale offset channel must go.
-            if (el.getAttribute("data-hf-studio-path-offset")) {
-                const originalTranslate = el.getAttribute("data-hf-studio-original-inline-translate");
-                htmlEl.style.removeProperty("--hf-studio-offset-x");
-                htmlEl.style.removeProperty("--hf-studio-offset-y");
-                if (originalTranslate) {
-                    htmlEl.style.setProperty("translate", originalTranslate);
-                }
-                else {
-                    htmlEl.style.removeProperty("translate");
-                }
-                el.removeAttribute("data-hf-studio-path-offset");
-                el.removeAttribute("data-hf-studio-original-translate");
-                el.removeAttribute("data-hf-studio-original-inline-translate");
-                touched = true;
-            }
-            // Manual rotation (--hf-studio-rotation / rotate) — likewise, a GSAP rotation
-            // set/tween now owns rotation, so clear the legacy CSS-var channel.
-            if (el.getAttribute("data-hf-studio-rotation")) {
-                const originalRotate = el.getAttribute("data-hf-studio-original-inline-rotate");
-                const originalOrigin = el.getAttribute("data-hf-studio-original-rotation-transform-origin");
-                htmlEl.style.removeProperty("--hf-studio-rotation");
-                if (originalRotate) {
-                    htmlEl.style.setProperty("rotate", originalRotate);
-                }
-                else {
-                    htmlEl.style.removeProperty("rotate");
-                }
-                if (originalOrigin) {
-                    htmlEl.style.setProperty("transform-origin", originalOrigin);
-                }
-                else {
-                    htmlEl.style.removeProperty("transform-origin");
-                }
-                el.removeAttribute("data-hf-studio-rotation");
-                el.removeAttribute("data-hf-studio-rotation-draft");
-                el.removeAttribute("data-hf-studio-original-rotate");
-                el.removeAttribute("data-hf-studio-original-inline-rotate");
-                el.removeAttribute("data-hf-studio-original-rotation-transform-origin");
-                touched = true;
-            }
-            if (touched)
-                stripped++;
-        }
-    }
-    catch {
-        // Invalid selector — skip silently.
-    }
-    return stripped;
-}
-// A studio path-offset (--hf-studio-offset / data-hf-studio-path-offset) and a GSAP
-// position tween both drive translate — keeping both stacks the offsets (a gesture or
-// drag recorded over a stale offset plays shoved off-position). When a committed tween
-// writes a position property, the tween owns position, so the stale offset must go.
-function keyframesWritePosition(keyframes) {
-    return keyframes.some((kf) => Object.keys(kf.properties).some((k) => classifyPropertyGroup(k) === "position"));
-}
-// A studio rotation edit (--hf-studio-rotation / data-hf-studio-rotation) and a GSAP
-// rotation tween both drive rotate — keeping both stacks them. When a committed keyframe
-// set writes a rotation property, the tween owns rotation, so the stale CSS-var channel
-// must go (the position twin of this is `keyframesWritePosition`).
-function keyframesWriteRotation(keyframes) {
-    return keyframes.some((kf) => Object.keys(kf.properties).some((k) => classifyPropertyGroup(k) === "rotation"));
-}
-function lastKeyframeOpacity(kfs) {
-    if (!kfs)
-        return undefined;
-    for (let i = kfs.keyframes.length - 1; i >= 0; i--) {
-        if ("opacity" in kfs.keyframes[i].properties)
-            return kfs.keyframes[i].properties.opacity;
-    }
-    return undefined;
-}
-function resolveFinalOpacity(anim) {
-    if (anim.method === "from")
-        return null;
-    const raw = anim.keyframes ? lastKeyframeOpacity(anim.keyframes) : anim.properties.opacity;
-    if (raw == null)
-        return null;
-    if (typeof raw === "string" && /^[+\-*]=/.test(raw))
-        return null;
-    const num = Number(raw);
-    return Number.isFinite(num) && num !== 0 ? num : null;
-}
-function bakeVisibilityOnDelete(document, anim) {
-    const opacity = resolveFinalOpacity(anim);
-    if (opacity === null)
-        return;
-    try {
-        for (const el of document.querySelectorAll(anim.targetSelector)) {
-            if (isHTMLElement(el))
-                el.style.setProperty("opacity", String(opacity));
-        }
-    }
-    catch {
-        // Invalid selector — skip silently.
-    }
-}
-// Mutations that can change a position tween's first keyframe (value/existence/timing)
-// and therefore require the pre-keyframe hold-`set`s to be re-synced afterwards.
-// `syncPositionHoldsBeforeKeyframes` rebuilds all `hf-hold` sets from scratch: it acts
-// on every tween that has keyframes whose first percentage carries a position prop and
-// whose start is > 0. So any mutation that creates such a tween, retargets it, or moves
-// its start across the t=0 boundary must trigger a re-sync.
-const HOLD_SYNC_MUTATION_TYPES = new Set([
-    "add-keyframe",
-    "update-keyframe",
-    "remove-keyframe",
-    "remove-all-keyframes",
-    "add-with-keyframes",
-    "replace-with-keyframes",
-    "convert-to-keyframes",
-    "materialize-keyframes",
-    "update-motion-path-point",
-    "add-motion-path-point",
-    "remove-motion-path-point",
-    // Authors a fresh motionPath tween whose parsed first keyframe is (0,0); if it lands
-    // at position > 0 the element snaps home at t=0 without a pre-tween hold-`set`.
-    "add-motion-path",
-    // Can move a tween's `position` (start) across the t=0 boundary, which flips whether a
-    // keyframed position tween needs a hold (started at 0 → moved later, or vice versa).
-    "update-meta",
-    // Time-shift / time-scale tweens, which can move a keyframed position tween's start
-    // across t=0, flipping hold need; stale holds are not repositioned by these ops.
-    "shift-positions",
-    "scale-positions",
-    // Retargets keyframed position tweens to a cloned element's selector; the old hold is
-    // keyed to the prior selector, so holds must be rebuilt for the new target.
-    "split-animations",
-    "delete",
-    "delete-all-for-selector",
-]);
-async function executeGsapMutation(body, block, respond) {
-    // When the server cutover flag is enabled, delegate to the acorn writer;
-    // otherwise use the recast writer (gsapParser.ts) as the default.
-    if (!isAcornGsapWriterEnabled()) {
-        return executeGsapMutationRecast(body, block, respond);
-    }
-    return executeGsapMutationAcorn(body, block, respond);
-}
-function executeGsapMutationAcorn(body, block, respond) {
-    function requireAnimation(scriptText, animationId) {
-        const parsed = parseGsapScriptAcorn(scriptText);
-        const anim = parsed.animations.find((a) => a.id === animationId);
-        if (!anim)
-            return { err: respond({ error: "animation not found" }, 404) };
-        return { anim };
-    }
-    function requireFromToAnimation(scriptText, animationId) {
-        const result = requireAnimation(scriptText, animationId);
-        if ("err" in result)
-            return result;
-        if (result.anim.method !== "fromTo")
-            return { err: respond({ error: "animation is not a fromTo" }, 400) };
-        return result;
-    }
-    switch (body.type) {
-        case "update-property":
-        case "add-property": {
-            const r = requireAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            const val = body.type === "update-property" ? body.value : body.defaultValue;
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                properties: { ...r.anim.properties, [body.property]: val },
-            });
-        }
-        case "update-properties": {
-            const r = requireAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                properties: { ...r.anim.properties, ...body.properties },
-            });
-        }
-        case "update-from-property":
-        case "add-from-property": {
-            const r = requireFromToAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            const val = body.type === "update-from-property" ? body.value : body.defaultValue;
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                fromProperties: { ...(r.anim.fromProperties ?? {}), [body.property]: val },
-            });
-        }
-        case "update-meta": {
-            return updateAnimationInScript(block.scriptText, body.animationId, body.updates);
-        }
-        case "add": {
-            if (body.fromProperties && body.method !== "fromTo") {
-                return respond({ error: "fromProperties is only valid for method=fromTo" }, 400);
-            }
-            const result = addAnimationToScript(block.scriptText, {
-                targetSelector: body.targetSelector,
-                method: body.method,
-                position: body.position,
-                duration: body.duration,
-                ease: body.ease,
-                properties: body.properties,
-                fromProperties: body.fromProperties,
-                ...(body.global ? { global: true } : {}),
-            });
-            return result.script;
-        }
-        case "delete": {
-            const delTarget = requireAnimation(block.scriptText, body.animationId);
-            if (!("err" in delTarget) && body.stripStudioEdits) {
-                stripStudioEditsFromTarget(block.document, delTarget.anim.targetSelector);
-                bakeVisibilityOnDelete(block.document, delTarget.anim);
-            }
-            return removeAnimationFromScript(block.scriptText, body.animationId);
-        }
-        case "delete-all-for-selector": {
-            const parsed = parseGsapScriptAcorn(block.scriptText);
-            const matching = parsed.animations.filter((a) => a.targetSelector === body.targetSelector);
-            if (matching.length === 0)
-                return block.scriptText;
-            stripStudioEditsFromTarget(block.document, body.targetSelector);
-            let script = block.scriptText;
-            for (const anim of matching.reverse()) {
-                script = removeAnimationFromScript(script, anim.id);
-            }
-            return script;
-        }
-        case "remove-property": {
-            const r = requireAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            const filtered = { ...r.anim.properties };
-            delete filtered[body.property];
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                properties: filtered,
-            });
-        }
-        case "remove-from-property": {
-            const r = requireFromToAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            const filtered = { ...(r.anim.fromProperties ?? {}) };
-            delete filtered[body.property];
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                fromProperties: filtered,
-            });
-        }
-        case "add-keyframe": {
-            return addKeyframeToScript(block.scriptText, body.animationId, body.percentage, body.properties, body.ease, body.backfillDefaults);
-        }
-        case "remove-keyframe": {
-            return removeKeyframeFromScript(block.scriptText, body.animationId, body.percentage);
-        }
-        case "update-keyframe": {
-            return updateKeyframeInScript(block.scriptText, body.animationId, body.percentage, body.properties, body.ease);
-        }
-        case "convert-to-keyframes": {
-            return convertToKeyframesFromScript(block.scriptText, body.animationId, body.resolvedFromValues, body.duration);
-        }
-        case "remove-all-keyframes": {
-            const preCollapse = requireAnimation(block.scriptText, body.animationId);
-            if (!("err" in preCollapse)) {
-                bakeVisibilityOnDelete(block.document, preCollapse.anim);
-            }
-            return removeAllKeyframesFromScript(block.scriptText, body.animationId);
-        }
-        case "materialize-keyframes": {
-            if (body.allElements && body.allElements.length > 0) {
-                return unrollDynamicAnimations(block.scriptText, body.animationId, body.allElements);
-            }
-            return materializeKeyframesFromScript(block.scriptText, body.animationId, body.keyframes, body.easeEach, body.resolvedSelector);
-        }
-        case "set-arc-path": {
-            return setArcPathInScript(block.scriptText, body.animationId, {
-                enabled: body.enabled,
-                autoRotate: body.autoRotate ?? false,
-                segments: body.segments ?? [],
-            });
-        }
-        case "update-arc-segment": {
-            return updateArcSegmentInScript(block.scriptText, body.animationId, body.segmentIndex, {
-                ...(body.curviness !== undefined ? { curviness: body.curviness } : {}),
-                ...(body.cp1 ? { cp1: body.cp1 } : {}),
-                ...(body.cp2 ? { cp2: body.cp2 } : {}),
-            });
-        }
-        case "remove-arc-path": {
-            return removeArcPathFromScript(block.scriptText, body.animationId);
-        }
-        case "add-with-keyframes": {
-            const result = addAnimationWithKeyframesToScript(block.scriptText, body.targetSelector, body.position, body.duration, body.keyframes, body.ease, body.easeEach);
-            return result.script;
-        }
-        case "replace-with-keyframes": {
-            const script = removeAnimationFromScript(block.scriptText, body.animationId);
-            const added = addAnimationWithKeyframesToScript(script, body.targetSelector, body.position, body.duration, body.keyframes, body.ease);
-            return added.script;
-        }
-        case "split-animations": {
-            if (typeof body.originalId !== "string" ||
-                !body.originalId ||
-                typeof body.newId !== "string" ||
-                !body.newId ||
-                typeof body.splitTime !== "number" ||
-                !Number.isFinite(body.splitTime) ||
-                typeof body.elementStart !== "number" ||
-                !Number.isFinite(body.elementStart) ||
-                typeof body.elementDuration !== "number" ||
-                !Number.isFinite(body.elementDuration) ||
-                body.elementDuration <= 0) {
-                return respond({
-                    error: "split-animations requires originalId, newId (non-empty strings), splitTime, elementStart (finite numbers), and elementDuration (positive number)",
-                }, 400);
-            }
-            return splitAnimationsInScript(block.scriptText, {
-                originalId: body.originalId,
-                newId: body.newId,
-                splitTime: body.splitTime,
-                elementStart: body.elementStart,
-                elementDuration: body.elementDuration,
-            });
-        }
-        case "split-into-property-groups": {
-            const result = splitIntoPropertyGroupsFromScript(block.scriptText, body.animationId);
-            return result.script;
-        }
-        case "unroll-timeline": {
-            return unrollComputedTimeline(block.scriptText);
-        }
-        case "shift-positions": {
-            const { targetSelector, delta } = body;
-            if (!targetSelector || !Number.isFinite(delta) || delta === 0)
-                return block.scriptText;
-            return shiftPositionsInScript(block.scriptText, targetSelector, delta);
-        }
-        case "scale-positions": {
-            const { targetSelector, oldStart, oldDuration, newStart, newDuration } = body;
-            if (!targetSelector ||
-                !Number.isFinite(oldStart) ||
-                !Number.isFinite(oldDuration) ||
-                !Number.isFinite(newStart) ||
-                !Number.isFinite(newDuration) ||
-                oldDuration <= 0 ||
-                newDuration <= 0)
-                return block.scriptText;
-            if (oldStart === newStart && oldDuration === newDuration)
-                return block.scriptText;
-            return scalePositionsInScript(block.scriptText, targetSelector, oldStart, oldDuration, newStart, newDuration);
-        }
-        default:
-            return respond({ error: `unknown mutation type: ${body.type}` }, 400);
-    }
-}
-async function executeGsapMutationRecast(body, block, respond) {
-    const parser = await loadGsapParser();
-    const { updateAnimationInScript, addAnimationToScript, removeAnimationFromScript, addKeyframeToScript, removeKeyframeFromScript, updateKeyframeInScript, convertToKeyframesInScript, removeAllKeyframesFromScript, materializeKeyframesInScript, unrollDynamicAnimations, setArcPathInScript, updateArcSegmentInScript, updateMotionPathPointInScript, addMotionPathPointInScript, removeMotionPathPointInScript, addMotionPathToScript, removeArcPathFromScript, addAnimationWithKeyframesToScript, splitAnimationsInScript, splitIntoPropertyGroups, } = parser;
-    function requireAnimation(scriptText, animationId) {
-        const parsed = parseGsapScriptAcorn(scriptText);
-        const anim = parsed.animations.find((a) => a.id === animationId);
-        if (!anim)
-            return { err: respond({ error: "animation not found" }, 404) };
-        return { anim };
-    }
-    function requireFromToAnimation(scriptText, animationId) {
-        const result = requireAnimation(scriptText, animationId);
-        if ("err" in result)
-            return result;
-        if (result.anim.method !== "fromTo")
-            return { err: respond({ error: "animation is not a fromTo" }, 400) };
-        return result;
-    }
-    switch (body.type) {
-        case "update-property":
-        case "add-property": {
-            const r = requireAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            const val = body.type === "update-property" ? body.value : body.defaultValue;
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                properties: { ...r.anim.properties, [body.property]: val },
-            });
-        }
-        case "update-properties": {
-            const r = requireAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                properties: { ...r.anim.properties, ...body.properties },
-            });
-        }
-        case "update-from-property":
-        case "add-from-property": {
-            const r = requireFromToAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            const val = body.type === "update-from-property" ? body.value : body.defaultValue;
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                fromProperties: { ...(r.anim.fromProperties ?? {}), [body.property]: val },
-            });
-        }
-        case "update-meta": {
-            return updateAnimationInScript(block.scriptText, body.animationId, body.updates);
-        }
-        case "add": {
-            if (body.fromProperties && body.method !== "fromTo") {
-                return respond({ error: "fromProperties is only valid for method=fromTo" }, 400);
-            }
-            // A new position/rotation animation owns that channel — strip the matching
-            // legacy studio CSS var (--hf-studio-offset / --hf-studio-rotation) so it can't
-            // double with the tween, matching add-with-keyframes/replace-with-keyframes.
-            if (Object.keys(body.properties).some((k) => {
-                const group = classifyPropertyGroup(k);
-                return group === "position" || group === "rotation";
-            })) {
-                stripStudioEditsFromTarget(block.document, body.targetSelector);
-            }
-            const result = addAnimationToScript(block.scriptText, {
-                targetSelector: body.targetSelector,
-                method: body.method,
-                position: body.position,
-                duration: body.duration,
-                ease: body.ease,
-                properties: body.properties,
-                fromProperties: body.fromProperties,
-                ...(body.global ? { global: true } : {}),
-            });
-            return result.script;
-        }
-        case "delete": {
-            const delTarget = requireAnimation(block.scriptText, body.animationId);
-            if (!("err" in delTarget) && body.stripStudioEdits) {
-                stripStudioEditsFromTarget(block.document, delTarget.anim.targetSelector);
-                bakeVisibilityOnDelete(block.document, delTarget.anim);
-            }
-            return removeAnimationFromScript(block.scriptText, body.animationId);
-        }
-        case "delete-all-for-selector": {
-            const parsed = parseGsapScriptAcorn(block.scriptText);
-            const matching = parsed.animations.filter((a) => a.targetSelector === body.targetSelector);
-            if (matching.length === 0)
-                return block.scriptText;
-            stripStudioEditsFromTarget(block.document, body.targetSelector);
-            let script = block.scriptText;
-            for (const anim of matching.reverse()) {
-                script = removeAnimationFromScript(script, anim.id);
-            }
-            return script;
-        }
-        case "remove-property": {
-            const r = requireAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            const filtered = { ...r.anim.properties };
-            delete filtered[body.property];
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                properties: filtered,
-            });
-        }
-        case "remove-from-property": {
-            const r = requireFromToAnimation(block.scriptText, body.animationId);
-            if ("err" in r)
-                return r.err;
-            const filtered = { ...(r.anim.fromProperties ?? {}) };
-            delete filtered[body.property];
-            return updateAnimationInScript(block.scriptText, body.animationId, {
-                fromProperties: filtered,
-            });
-        }
-        case "add-keyframe": {
-            return addKeyframeToScript(block.scriptText, body.animationId, body.percentage, body.properties, body.ease, body.backfillDefaults);
-        }
-        case "remove-keyframe": {
-            return removeKeyframeFromScript(block.scriptText, body.animationId, body.percentage);
-        }
-        case "update-keyframe": {
-            return updateKeyframeInScript(block.scriptText, body.animationId, body.percentage, body.properties, body.ease);
-        }
-        case "convert-to-keyframes": {
-            return convertToKeyframesInScript(block.scriptText, body.animationId, body.resolvedFromValues, body.duration);
-        }
-        case "remove-all-keyframes": {
-            const preCollapse = requireAnimation(block.scriptText, body.animationId);
-            if (!("err" in preCollapse)) {
-                bakeVisibilityOnDelete(block.document, preCollapse.anim);
-            }
-            return removeAllKeyframesFromScript(block.scriptText, body.animationId);
-        }
-        case "materialize-keyframes": {
-            if (body.allElements && body.allElements.length > 0) {
-                return unrollDynamicAnimations(block.scriptText, body.animationId, body.allElements);
-            }
-            return materializeKeyframesInScript(block.scriptText, body.animationId, body.keyframes, body.easeEach, body.resolvedSelector);
-        }
-        case "set-arc-path": {
-            return setArcPathInScript(block.scriptText, body.animationId, {
-                enabled: body.enabled,
-                autoRotate: body.autoRotate ?? false,
-                segments: body.segments ?? [],
-            });
-        }
-        case "update-arc-segment": {
-            return updateArcSegmentInScript(block.scriptText, body.animationId, body.segmentIndex, {
-                ...(body.curviness !== undefined ? { curviness: body.curviness } : {}),
-                ...(body.cp1 ? { cp1: body.cp1 } : {}),
-                ...(body.cp2 ? { cp2: body.cp2 } : {}),
-            });
-        }
-        case "update-motion-path-point": {
-            return updateMotionPathPointInScript(block.scriptText, body.animationId, body.pointIndex, {
-                x: body.x,
-                y: body.y,
-            });
-        }
-        case "add-motion-path-point": {
-            return addMotionPathPointInScript(block.scriptText, body.animationId, body.index, {
-                x: body.x,
-                y: body.y,
-            });
-        }
-        case "remove-motion-path-point": {
-            return removeMotionPathPointInScript(block.scriptText, body.animationId, body.index);
-        }
-        case "add-motion-path": {
-            const result = addMotionPathToScript(block.scriptText, body.targetSelector, body.position, body.duration, { x: body.x, y: body.y }, body.ease);
-            return result.script;
-        }
-        case "remove-arc-path": {
-            return removeArcPathFromScript(block.scriptText, body.animationId);
-        }
-        case "add-with-keyframes": {
-            if (keyframesWritePosition(body.keyframes) || keyframesWriteRotation(body.keyframes)) {
-                stripStudioEditsFromTarget(block.document, body.targetSelector);
-            }
-            const result = addAnimationWithKeyframesToScript(block.scriptText, body.targetSelector, body.position, body.duration, body.keyframes, body.ease);
-            return result.script;
-        }
-        case "replace-with-keyframes": {
-            if (keyframesWritePosition(body.keyframes) || keyframesWriteRotation(body.keyframes)) {
-                stripStudioEditsFromTarget(block.document, body.targetSelector);
-            }
-            const script = removeAnimationFromScript(block.scriptText, body.animationId);
-            const added = addAnimationWithKeyframesToScript(script, body.targetSelector, body.position, body.duration, body.keyframes, body.ease);
-            return added.script;
-        }
-        case "split-animations": {
-            if (typeof body.originalId !== "string" ||
-                !body.originalId ||
-                typeof body.newId !== "string" ||
-                !body.newId ||
-                typeof body.splitTime !== "number" ||
-                !Number.isFinite(body.splitTime) ||
-                typeof body.elementStart !== "number" ||
-                !Number.isFinite(body.elementStart) ||
-                typeof body.elementDuration !== "number" ||
-                !Number.isFinite(body.elementDuration) ||
-                body.elementDuration <= 0) {
-                return respond({
-                    error: "split-animations requires originalId, newId (non-empty strings), splitTime, elementStart (finite numbers), and elementDuration (positive number)",
-                }, 400);
-            }
-            return splitAnimationsInScript(block.scriptText, {
-                originalId: body.originalId,
-                newId: body.newId,
-                splitTime: body.splitTime,
-                elementStart: body.elementStart,
-                elementDuration: body.elementDuration,
-            });
-        }
-        case "split-into-property-groups": {
-            const result = splitIntoPropertyGroups(block.scriptText, body.animationId);
-            return result.script;
-        }
-        case "unroll-timeline": {
-            return unrollComputedTimeline(block.scriptText);
-        }
-        case "shift-positions": {
-            const { targetSelector, delta } = body;
-            if (!targetSelector || !Number.isFinite(delta) || delta === 0)
-                return block.scriptText;
-            const { shiftPositionsInScript } = parser;
-            return shiftPositionsInScript(block.scriptText, targetSelector, delta);
-        }
-        case "scale-positions": {
-            const { targetSelector, oldStart, oldDuration, newStart, newDuration } = body;
-            if (!targetSelector ||
-                !Number.isFinite(oldStart) ||
-                !Number.isFinite(oldDuration) ||
-                !Number.isFinite(newStart) ||
-                !Number.isFinite(newDuration) ||
-                oldDuration <= 0 ||
-                newDuration <= 0)
-                return block.scriptText;
-            if (oldStart === newStart && oldDuration === newDuration)
-                return block.scriptText;
-            const { scalePositionsInScript } = parser;
-            return scalePositionsInScript(block.scriptText, targetSelector, oldStart, oldDuration, newStart, newDuration);
-        }
-        default:
-            return respond({ error: `unknown mutation type: ${body.type}` }, 400);
-    }
-}
-// ── Upload file processing ──────────────────────────────────────────────────
-async function processUploadedFiles(formData, targetDir, projectDir) {
-    const MAX_UPLOAD_BYTES = 500 * 1024 * 1024; // 500 MB per file
-    const uploaded = [];
-    const skipped = [];
-    const invalid = [];
-    const entries = formData.entries();
-    // Derive the subdirectory prefix from targetDir relative to projectDir
-    const subDir = targetDir === projectDir ? "" : targetDir.slice(projectDir.length + 1);
-    for (const [, value] of entries) {
-        if (typeof value === "string")
-            continue;
-        // Strip path separators — browsers may include directory components
-        const name = value.name.split("/").pop()?.split("\\").pop() ?? "";
-        if (!name || name.includes("\0") || name.includes(".."))
-            continue;
-        // Reject individual files that exceed the size limit
-        if (value.size > MAX_UPLOAD_BYTES) {
-            skipped.push(name);
-            continue;
-        }
-        const destPath = resolve(targetDir, name);
-        if (!isSafePath(projectDir, destPath))
-            continue;
-        // Don't overwrite — append (2), (3), etc.
-        let finalPath = destPath;
-        let finalName = name;
-        if (existsSync(finalPath)) {
-            // Handle dotfiles correctly: .gitignore → ext="", base=".gitignore"
-            const dotIdx = name.indexOf(".", name.startsWith(".") ? 1 : 0);
-            const ext = dotIdx > 0 ? name.slice(dotIdx) : "";
-            const base = dotIdx > 0 ? name.slice(0, dotIdx) : name;
-            let n = 2;
-            const MAX_COPY_INDEX = 10000;
-            while (n < MAX_COPY_INDEX && existsSync(resolve(targetDir, `${base} (${n})${ext}`)))
-                n++;
-            if (n >= MAX_COPY_INDEX) {
-                skipped.push(name);
-                continue;
-            }
-            finalName = `${base} (${n})${ext}`;
-            finalPath = resolve(targetDir, finalName);
-        }
-        const buffer = Buffer.from(await value.arrayBuffer());
-        const validation = validateUploadedMediaBuffer(finalName, buffer);
-        if (!validation.ok) {
-            invalid.push({ name: finalName, reason: validation.reason });
-            continue;
-        }
-        writeFileSync(finalPath, buffer);
-        const relativePath = subDir ? join(subDir, finalName) : finalName;
-        uploaded.push(relativePath);
-        if (isAudioFile(finalName)) {
-            generateWaveformCache(projectDir, relativePath).catch(() => { });
-        }
-    }
-    return { uploaded, skipped, invalid };
-}
-// ── Route registration ──────────────────────────────────────────────────────
-export function registerFileRoutes(api, adapter) {
-    // ── Read ──
-    api.get("/projects/:id/files/*", async (c) => {
-        const res = await resolveProjectFile(c, adapter);
-        if ("error" in res)
-            return res.error;
-        if (!existsSync(res.absPath)) {
-            if (c.req.query("optional") === "1") {
-                return c.json({ filename: res.filePath, content: "" });
-            }
-            return c.json({ error: "not found" }, 404);
-        }
-        const content = readFileSync(res.absPath, "utf-8");
-        return c.json({ filename: res.filePath, content });
-    });
-    // ── Write (overwrite) ──
-    api.put("/projects/:id/files/*", async (c) => {
-        const res = await resolveProjectFile(c, adapter);
-        if ("error" in res)
-            return res.error;
-        ensureDir(res.absPath);
-        const body = await c.req.text();
-        const backup = snapshotBeforeWrite(res.project.dir, res.absPath);
-        if (backup.error)
-            console.warn(`Failed to create backup for ${res.filePath}: ${backup.error}`);
-        writeFileSync(res.absPath, body, "utf-8");
-        return c.json({
-            ok: true,
-            path: res.filePath,
-            backupPath: backupPathForResponse(res.project.dir, backup.backupPath),
-        });
-    });
-    // ── Create (fail if exists) ──
-    api.post("/projects/:id/files/*", async (c) => {
-        const res = await resolveProjectFile(c, adapter);
-        if ("error" in res)
-            return res.error;
-        if (existsSync(res.absPath)) {
-            return c.json({ error: "already exists" }, 409);
-        }
-        ensureDir(res.absPath);
-        const body = await c.req.text().catch(() => "");
-        writeFileSync(res.absPath, body, "utf-8");
-        return c.json({ ok: true, path: res.filePath }, 201);
-    });
-    // ── Delete ──
-    api.delete("/projects/:id/files/*", async (c) => {
-        const res = await resolveProjectFile(c, adapter, { mustExist: true });
-        if ("error" in res)
-            return res.error;
-        const stat = statSync(res.absPath);
-        const backup = snapshotBeforeWrite(res.project.dir, res.absPath);
-        if (backup.error)
-            console.warn(`Failed to create backup for ${res.filePath}: ${backup.error}`);
-        if (stat.isDirectory()) {
-            rmSync(res.absPath, { recursive: true });
-        }
-        else {
-            unlinkSync(res.absPath);
-        }
-        return c.json({
-            ok: true,
-            backupPath: backupPathForResponse(res.project.dir, backup.backupPath),
-        });
-    });
-    api.post("/projects/:id/file-mutations/remove-element/*", async (c) => {
-        const ctx = await resolveFileMutationContext(c, adapter, "remove-element");
-        if ("error" in ctx)
-            return ctx.error;
-        if (!existsSync(ctx.absPath)) {
-            return c.json({ error: "not found" }, 404);
-        }
-        const parsed = await parseMutationBody(c);
-        if ("error" in parsed)
-            return parsed.error;
-        const originalContent = readFileSync(ctx.absPath, "utf-8");
-        return writeIfChanged(c, ctx.project.dir, ctx.filePath, ctx.absPath, originalContent, removeElementFromHtml(originalContent, parsed.target));
-    });
-    api.post("/projects/:id/file-mutations/split-element/*", async (c) => {
-        const ctx = await resolveFileMutationContext(c, adapter, "split-element");
-        if ("error" in ctx)
-            return ctx.error;
-        const parsed = await parseMutationBody(c);
-        if ("error" in parsed)
-            return parsed.error;
-        if (typeof parsed.body.splitTime !== "number" || !parsed.body.newId) {
-            return c.json({ error: "target, splitTime, and newId required" }, 400);
-        }
-        const fallbackTiming = typeof parsed.body.elementStart === "number" &&
-            typeof parsed.body.elementDuration === "number"
-            ? { start: parsed.body.elementStart, duration: parsed.body.elementDuration }
-            : undefined;
-        let originalContent;
-        try {
-            originalContent = readFileSync(ctx.absPath, "utf-8");
-        }
-        catch {
-            return c.json({ error: "not found" }, 404);
-        }
-        const result = splitElementInHtml(originalContent, parsed.target, parsed.body.splitTime, parsed.body.newId, fallbackTiming);
-        if (!result.matched) {
-            return c.json({ ok: false, changed: false, content: originalContent, path: ctx.filePath });
-        }
-        const backup = snapshotBeforeWrite(ctx.project.dir, ctx.absPath);
-        if (backup.error)
-            console.warn(`Failed to create backup for ${ctx.filePath}: ${backup.error}`);
-        writeFileSync(ctx.absPath, result.html, "utf-8");
-        return c.json({
-            ok: true,
-            changed: true,
-            content: result.html,
-            newId: result.newId,
-            path: ctx.filePath,
-            backupPath: backupPathForResponse(ctx.project.dir, backup.backupPath),
-        });
-    });
-    api.post("/projects/:id/file-mutations/patch-element/*", async (c) => {
-        const ctx = await resolveFileMutationContext(c, adapter, "patch-element");
-        if ("error" in ctx)
-            return ctx.error;
-        const parsed = await parseMutationBody(c);
-        if ("error" in parsed)
-            return parsed.error;
-        if (!Array.isArray(parsed.body.operations) || parsed.body.operations.length === 0) {
-            return c.json({ error: "target and operations required" }, 400);
-        }
-        const unsafeFields = findUnsafeDomPatchValues(parsed.body);
-        if (unsafeFields.length > 0) {
-            return rejectUnsafeMutationValues(c, unsafeFields);
-        }
-        let originalContent;
-        try {
-            originalContent = readFileSync(ctx.absPath, "utf-8");
-        }
-        catch {
-            return c.json({ error: "not found" }, 404);
-        }
-        const { html: patched, matched } = patchElementInHtml(originalContent, parsed.target, parsed.body.operations);
-        if (patched === originalContent) {
-            return c.json({
-                ok: true,
-                changed: false,
-                matched,
-                content: originalContent,
-                path: ctx.filePath,
-            });
-        }
-        const backup = snapshotBeforeWrite(ctx.project.dir, ctx.absPath);
-        if (backup.error)
-            console.warn(`Failed to create backup for ${ctx.filePath}: ${backup.error}`);
-        writeFileSync(ctx.absPath, patched, "utf-8");
-        return c.json({
-            ok: true,
-            changed: true,
-            matched,
-            content: patched,
-            path: ctx.filePath,
-            backupPath: backupPathForResponse(ctx.project.dir, backup.backupPath),
-        });
-    });
-    api.post("/projects/:id/file-mutations/probe-element/*", async (c) => {
-        const ctx = await resolveFileMutationContext(c, adapter, "probe-element");
-        if ("error" in ctx)
-            return ctx.error;
-        const parsed = await parseMutationBody(c);
-        if ("error" in parsed)
-            return parsed.error;
-        let content;
-        try {
-            content = readFileSync(ctx.absPath, "utf-8");
-        }
-        catch {
-            return c.json({ exists: false });
-        }
-        const exists = probeElementInSource(content, parsed.target);
-        return c.json({ exists });
-    });
-    // ── Rename / Move ──
-    api.patch("/projects/:id/files/*", async (c) => {
-        const res = await resolveProjectFile(c, adapter, { mustExist: true });
-        if ("error" in res)
-            return res.error;
-        const body = (await c.req.json());
-        if (!body.newPath || body.newPath.includes("\0")) {
-            return c.json({ error: "newPath required" }, 400);
-        }
-        const newAbs = resolveWithinProject(res.project.dir, body.newPath);
-        if (!newAbs) {
-            return c.json({ error: "forbidden" }, 403);
-        }
-        if (existsSync(newAbs)) {
-            return c.json({ error: "already exists" }, 409);
-        }
-        ensureDir(newAbs);
-        renameSync(res.absPath, newAbs);
-        // Update references to the old path across all project files
-        const updatedFiles = updateReferences(res.project.dir, res.filePath, body.newPath);
-        return c.json({ ok: true, path: body.newPath, updatedReferences: updatedFiles });
-    });
-    // ── Duplicate ──
-    api.post("/projects/:id/duplicate-file", async (c) => {
-        const project = await adapter.resolveProject(c.req.param("id"));
-        if (!project)
-            return c.json({ error: "not found" }, 404);
-        const body = (await c.req.json());
-        if (!body.path || body.path.includes("\0")) {
-            return c.json({ error: "path required" }, 400);
-        }
-        const srcAbs = resolveWithinProject(project.dir, body.path);
-        if (!srcAbs || !existsSync(srcAbs)) {
-            return c.json({ error: "not found" }, 404);
-        }
-        const copyPath = generateCopyPath(project.dir, body.path);
-        const destAbs = resolveWithinProject(project.dir, copyPath);
-        if (!destAbs) {
-            return c.json({ error: "forbidden" }, 403);
-        }
-        ensureDir(destAbs);
-        writeFileSync(destAbs, readFileSync(srcAbs));
-        return c.json({ ok: true, path: copyPath }, 201);
-    });
-    // ── Upload (binary assets via multipart form) ──
-    const MAX_UPLOAD_BYTES = 500 * 1024 * 1024; // 500 MB per file
-    api.post("/projects/:id/upload", bodyLimit({
-        maxSize: MAX_UPLOAD_BYTES,
-        onError: (c) => c.json({ error: "payload too large" }, 413),
-    }), async (c) => {
-        const project = await adapter.resolveProject(c.req.param("id"));
-        if (!project)
-            return c.json({ error: "not found" }, 404);
-        // Optional subdirectory within the project (e.g. "assets/audio")
-        const subDir = c.req.query("dir") ?? "";
-        const targetDir = subDir ? resolveWithinProject(project.dir, subDir) : project.dir;
-        if (!targetDir)
-            return c.json({ error: "forbidden" }, 403);
-        if (subDir && !existsSync(targetDir))
-            mkdirSync(targetDir, { recursive: true });
-        const formData = await c.req.formData();
-        const result = await processUploadedFiles(formData, targetDir, project.dir);
-        return c.json({ ok: true, files: result.uploaded, skipped: result.skipped, invalid: result.invalid }, 201);
-    });
-    // ── GSAP Animations (parse) ──
-    api.get("/projects/:id/gsap-animations/*", async (c) => {
-        const res = await resolveProjectPath(c, adapter, (id) => `/projects/${id}/gsap-animations/`, {
-            mustExist: true,
-        });
-        if ("error" in res)
-            return res.error;
-        const html = readFileSync(res.absPath, "utf-8");
-        const block = extractGsapScriptBlock(html);
-        if (!block) {
-            return c.json({
-                animations: [],
-                timelineVar: "tl",
-                preamble: "",
-                postamble: "",
-            });
-        }
-        const parsed = parseGsapScriptAcorn(block.scriptText);
-        return c.json(parsed);
-    });
-    // ── GSAP Mutations ──
-    api.post("/projects/:id/gsap-mutations/*", async (c) => {
-        const res = await resolveProjectPath(c, adapter, (id) => `/projects/${id}/gsap-mutations/`, {
-            mustExist: true,
-        });
-        if ("error" in res)
-            return res.error;
-        const body = (await c.req.json().catch(() => null));
-        if (!body || !body.type) {
-            return c.json({ error: "mutation type required" }, 400);
-        }
-        const unsafeFields = findUnsafeMutationValues(body);
-        if (unsafeFields.length > 0) {
-            return rejectUnsafeMutationValues(c, unsafeFields);
-        }
-        let html = readFileSync(res.absPath, "utf-8");
-        let block = extractGsapScriptBlock(html);
-        if (!block && (body.type === "add" || body.type === "add-with-keyframes")) {
-            const compId = html.match(/data-composition-id="([^"]+)"/)?.[1] ?? "main";
-            const { GSAP_CDN } = await import("../../templates/constants.js");
-            const gsapCdn = `<script src="${GSAP_CDN}"></script>`;
-            const bootstrap = [
-                gsapCdn,
-                "<script>",
-                "window.__timelines = window.__timelines || {};",
-                `const tl = gsap.timeline({ paused: true });`,
-                `window.__timelines["${compId}"] = tl;`,
-                "</script>",
-            ].join("\n");
-            if (html.includes("</body>")) {
-                html = html.replace("</body>", `${bootstrap}\n</body>`);
-            }
-            else {
-                html += `\n${bootstrap}`;
-            }
-            block = extractGsapScriptBlock(html);
-        }
-        if (!block) {
-            return c.json({ error: "no GSAP script found in file" }, 400);
-        }
-        const respond = (data, status) => 
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- bridge between generic status and Hono's literal union
-        status ? c.json(data, status) : c.json(data);
-        const result = await executeGsapMutation(body, block, respond);
-        if (result instanceof Response)
-            return result;
-        let newScript = typeof result === "string" ? result : result.script;
-        // Keep the "hold before first keyframe" sets in sync after any mutation that can
-        // change a position tween's first keyframe or its existence. Without it, an
-        // element snaps to its CSS base before the tween starts instead of holding its
-        // first keyframe (the universal NLE behavior).
-        if (HOLD_SYNC_MUTATION_TYPES.has(body.type)) {
-            const parser = await loadGsapParser();
-            newScript = parser.syncPositionHoldsBeforeKeyframes(newScript);
-        }
-        const changed = newScript !== block.scriptText;
-        const newHtml = changed ? block.replaceScript(newScript) : html;
-        let backupPath = null;
-        if (changed) {
-            const backup = snapshotBeforeWrite(res.project.dir, res.absPath);
-            if (backup.error)
-                console.warn(`Failed to create backup for ${res.filePath}: ${backup.error}`);
-            backupPath = backupPathForResponse(res.project.dir, backup.backupPath);
-            writeFileSync(res.absPath, newHtml, "utf-8");
-        }
-        const freshParsed = parseGsapScriptAcorn(newScript);
-        const responsePayload = {
-            ok: true,
-            changed,
-            parsed: freshParsed,
-            before: html,
-            after: newHtml,
-            scriptText: newScript,
-            path: res.filePath,
-            backupPath,
-        };
-        if (typeof result !== "string" && result.skippedSelectors.length > 0) {
-            responsePayload.skippedSelectors = result.skippedSelectors;
-        }
-        return c.json(responsePayload);
-    });
-}
-//# sourceMappingURL=files.js.map