@hyperframes/studio-server 0.8.127 → 0.8.129

package/dist/index.js

@@ -47,7 +47,7 @@ import {
   resolveProjectAndSignature,
   resolveProjectSignature,
   settledFileTag
-} from "./chunk-HY2KCPIA.js";
+} from "./chunk-36F5I56K.js";
 import {
   clearElementScreenshotIsolation,
   getElementScreenshotClip
@@ -595,8 +595,7 @@ import {
   replaceTweenWithKeyframesInScript,
   splitAnimationsInScript,
   splitIntoPropertyGroupsFromScript,
-  shiftPositionsInScript,
-  scalePositionsInScript,
+  retimeClipTweensInScript,
   dedupePositionWritesInScript,
   syncPositionHoldsBeforeKeyframes,
   clipQueryRoot
@@ -1600,6 +1599,38 @@ ${bootstrap}`;
   if (!block) return c.json({ error: "no GSAP script found in file" }, 400);
   return { html, beforeHtml, block };
 }
+function retimeRuns(mutations) {
+  const runs = /* @__PURE__ */ new Map();
+  let start = -1;
+  mutations.forEach((mutation, index) => {
+    const retime = clipRetimeOf(mutation);
+    if (!retime) return void (start = -1);
+    if (start < 0) runs.set(start = index, []);
+    runs.get(start).push(retime);
+  });
+  return runs;
+}
+function clipRetimeOf(mutation) {
+  if (mutation.type === "shift-positions") {
+    const { targetSelector: targetSelector2, delta } = mutation;
+    return targetSelector2 && Number.isFinite(delta) && delta !== 0 ? { kind: "shift", targetSelector: targetSelector2, delta } : "no-op";
+  }
+  if (mutation.type !== "scale-positions") return null;
+  const { targetSelector, oldStart, oldDuration, newStart, newDuration } = mutation;
+  const finite = [oldStart, oldDuration, newStart, newDuration].every(Number.isFinite);
+  if (!targetSelector || !finite || oldDuration <= 0 || newDuration <= 0) return "no-op";
+  if (oldStart === newStart && oldDuration === newDuration) return "no-op";
+  return { kind: "scale", targetSelector, oldStart, oldDuration, newStart, newDuration };
+}
+function retimeRun(script, run, root) {
+  const live = run.filter((slot) => slot !== "no-op");
+  const retimed = retimeClipTweensInScript(script, live, root);
+  const synced = syncPositionHoldsBeforeKeyframes(retimed.script);
+  let next = 0;
+  const changed = run.map((slot) => slot !== "no-op" && retimed.changed[next++]);
+  if (synced !== retimed.script) changed[changed.length - 1] = true;
+  return { script: synced, changed: synced === script ? changed.map(() => false) : changed };
+}
 async function applyGsapMutations(c, res, mutations) {
   const firstMutation = mutations[0];
   if (!firstMutation) return c.json({ error: "mutations array required" }, 400);
@@ -1618,7 +1649,17 @@ async function applyGsapMutations(c, res, mutations) {
     return c.json({ error: error instanceof Error ? error.message : String(error) }, 400);
   }
   const mutationChanges = [];
-  for (const mutation of mutations) {
+  const retimes = writer === "acorn" ? retimeRuns(mutations) : /* @__PURE__ */ new Map();
+  for (let index = 0; index < mutations.length; index++) {
+    const run = retimes.get(index);
+    if (run) {
+      const retimed = retimeRun(block.scriptText, run, block.root);
+      mutationChanges.push(...retimed.changed);
+      block.scriptText = retimed.script;
+      index += run.length - 1;
+      continue;
+    }
+    const mutation = mutations[index];
     const previousScript = block.scriptText;
     const result = await executeGsapMutation(mutation, block, respond, writer);
     if (result instanceof Response) return result;
@@ -1930,33 +1971,14 @@ function executeGsapMutationAcorn(body, block, respond) {
     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, block.root);
-    }
     case "shift-positions-batch": {
-      let script = block.scriptText;
-      for (const s of body.shifts) {
-        if (!s.targetSelector || !Number.isFinite(s.delta) || s.delta === 0) continue;
-        script = shiftPositionsInScript(script, s.targetSelector, s.delta, block.root);
-      }
-      return script;
+      const shifts = body.shifts.filter((s) => s.targetSelector && Number.isFinite(s.delta) && s.delta !== 0).map((s) => ({ kind: "shift", targetSelector: s.targetSelector, delta: s.delta }));
+      return retimeClipTweensInScript(block.scriptText, shifts, block.root).script;
     }
+    case "shift-positions":
     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,
-        block.root
-      );
+      const retime = clipRetimeOf(body);
+      return retime && retime !== "no-op" ? retimeClipTweensInScript(block.scriptText, [retime], block.root).script : block.scriptText;
     }
     default:
       return respond({ error: `unknown mutation type: ${body.type}` }, 400);
@@ -2255,15 +2277,15 @@ async function executeGsapMutationRecast(body, block, respond) {
     case "shift-positions": {
       const { targetSelector, delta } = body;
       if (!targetSelector || !Number.isFinite(delta) || delta === 0) return block.scriptText;
-      const { shiftPositionsInScript: shiftPositionsInScript2 } = parser;
-      return shiftPositionsInScript2(block.scriptText, targetSelector, delta, block.root);
+      const { shiftPositionsInScript } = parser;
+      return shiftPositionsInScript(block.scriptText, targetSelector, delta, block.root);
     }
     case "shift-positions-batch": {
-      const { shiftPositionsInScript: shiftPositionsInScript2 } = parser;
+      const { shiftPositionsInScript } = parser;
       let script = block.scriptText;
       for (const s of body.shifts) {
         if (!s.targetSelector || !Number.isFinite(s.delta) || s.delta === 0) continue;
-        script = shiftPositionsInScript2(script, s.targetSelector, s.delta, block.root);
+        script = shiftPositionsInScript(script, s.targetSelector, s.delta, block.root);
       }
       return script;
     }
@@ -2272,8 +2294,8 @@ async function executeGsapMutationRecast(body, block, respond) {
       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: scalePositionsInScript2 } = parser;
-      return scalePositionsInScript2(
+      const { scalePositionsInScript } = parser;
+      return scalePositionsInScript(
         block.scriptText,
         targetSelector,
         oldStart,
@@ -6174,6 +6196,12 @@ function createStudioApi(adapter) {
     const project = await Promise.resolve().then(() => adapter.resolveProject(c.req.param("id"))).catch(() => null);
     if (project) adapter.invalidateProjectSignature?.(project.dir);
   });
+  api.use("/projects/:id/*", async function openHistorySoNoWriteBecomesItsBaseline(c, next) {
+    if (c.req.method !== "GET" && c.req.method !== "HEAD" && adapter.history) {
+      await Promise.resolve().then(() => adapter.resolveProject(c.req.param("id"))).then((project) => project && adapter.history?.(project)).catch(() => null);
+    }
+    await next();
+  });
   registerProjectRoutes(api, adapter);
   registerFileRoutes(api, adapter);
   registerPreviewRoutes(api, adapter);