@hyperframes/studio-server 0.7.18 → 0.7.19

package/dist/index.js

@@ -424,6 +424,8 @@ import {
   removeAnimationFromScript,
   addKeyframeToScript,
   removeKeyframeFromScript,
+  moveKeyframeInScript,
+  resizeKeyframedTweenInScript,
   updateKeyframeInScript,
   convertToKeyframesFromScript,
   removeAllKeyframesFromScript,
@@ -436,7 +438,8 @@ import {
   splitAnimationsInScript,
   splitIntoPropertyGroupsFromScript,
   shiftPositionsInScript,
-  scalePositionsInScript
+  scalePositionsInScript,
+  dedupePositionWritesInScript
 } from "@hyperframes/parsers/gsap-writer-acorn";
 
 // src/helpers/sourceMutation.ts
@@ -1151,6 +1154,8 @@ var HOLD_SYNC_MUTATION_TYPES = /* @__PURE__ */ new Set([
   "add-keyframe",
   "update-keyframe",
   "remove-keyframe",
+  "move-keyframe",
+  "resize-keyframed-tween",
   "remove-all-keyframes",
   "add-with-keyframes",
   "replace-with-keyframes",
@@ -1259,6 +1264,14 @@ function executeGsapMutationAcorn(body, block, respond) {
       }
       return script;
     }
+    case "consolidate-position-writes": {
+      if (!body.targetSelector) return block.scriptText;
+      return dedupePositionWritesInScript(
+        block.scriptText,
+        body.targetSelector,
+        body.keepAnimationId
+      );
+    }
     case "remove-property": {
       const r = requireAnimation(block.scriptText, body.animationId);
       if ("err" in r) return r.err;
@@ -1290,6 +1303,23 @@ function executeGsapMutationAcorn(body, block, respond) {
     case "remove-keyframe": {
       return removeKeyframeFromScript(block.scriptText, body.animationId, body.percentage);
     }
+    case "move-keyframe": {
+      return moveKeyframeInScript(
+        block.scriptText,
+        body.animationId,
+        body.fromPercentage,
+        body.toPercentage
+      );
+    }
+    case "resize-keyframed-tween": {
+      return resizeKeyframedTweenInScript(
+        block.scriptText,
+        body.animationId,
+        body.position,
+        body.duration,
+        body.pctRemap
+      );
+    }
     case "update-keyframe": {
       return updateKeyframeInScript(
         block.scriptText,
@@ -1422,6 +1452,8 @@ async function executeGsapMutationRecast(body, block, respond) {
     removeAnimationFromScript: removeAnimationFromScript2,
     addKeyframeToScript: addKeyframeToScript2,
     removeKeyframeFromScript: removeKeyframeFromScript2,
+    moveKeyframeInScript: moveKeyframeInScript2,
+    resizeKeyframedTweenInScript: resizeKeyframedTweenInScript2,
     updateKeyframeInScript: updateKeyframeInScript2,
     convertToKeyframesInScript,
     removeAllKeyframesFromScript: removeAllKeyframesFromScript2,
@@ -1436,7 +1468,8 @@ async function executeGsapMutationRecast(body, block, respond) {
     removeArcPathFromScript: removeArcPathFromScript2,
     addAnimationWithKeyframesToScript: addAnimationWithKeyframesToScript2,
     splitAnimationsInScript: splitAnimationsInScript2,
-    splitIntoPropertyGroups
+    splitIntoPropertyGroups,
+    dedupePositionWritesInScript: dedupePositionWritesInScript2
   } = parser;
   function requireAnimation(scriptText, animationId) {
     const parsed = parseGsapScriptAcorn(scriptText);
@@ -1521,6 +1554,14 @@ async function executeGsapMutationRecast(body, block, respond) {
       }
       return script;
     }
+    case "consolidate-position-writes": {
+      if (!body.targetSelector) return block.scriptText;
+      return dedupePositionWritesInScript2(
+        block.scriptText,
+        body.targetSelector,
+        body.keepAnimationId
+      );
+    }
     case "remove-property": {
       const r = requireAnimation(block.scriptText, body.animationId);
       if ("err" in r) return r.err;
@@ -1552,6 +1593,23 @@ async function executeGsapMutationRecast(body, block, respond) {
     case "remove-keyframe": {
       return removeKeyframeFromScript2(block.scriptText, body.animationId, body.percentage);
     }
+    case "move-keyframe": {
+      return moveKeyframeInScript2(
+        block.scriptText,
+        body.animationId,
+        body.fromPercentage,
+        body.toPercentage
+      );
+    }
+    case "resize-keyframed-tween": {
+      return resizeKeyframedTweenInScript2(
+        block.scriptText,
+        body.animationId,
+        body.position,
+        body.duration,
+        body.pctRemap
+      );
+    }
     case "update-keyframe": {
       return updateKeyframeInScript2(
         block.scriptText,
@@ -3848,11 +3906,13 @@ function registerThumbnailRoutes(api, adapter) {
     let compW = vpWidth || 1920;
     let compH = vpHeight || 1080;
     let sourceMtime = 0;
-    if (!vpWidth) {
-      const htmlFile = join11(project.dir, compPath);
-      if (existsSync7(htmlFile)) {
-        sourceMtime = Math.round(statSync4(htmlFile).mtimeMs);
-        const html = readFileSync10(htmlFile, "utf-8");
+    let sourceKey = "";
+    const htmlFile = join11(project.dir, compPath);
+    if (existsSync7(htmlFile)) {
+      const html = readFileSync10(htmlFile, "utf-8");
+      sourceKey = `_${createHash2("sha1").update(html).digest("hex").slice(0, 16)}`;
+      sourceMtime = Math.round(statSync4(htmlFile).mtimeMs);
+      if (!vpWidth) {
         const wMatch = html.match(/data-width=["'](\d+)["']/);
         const hMatch = html.match(/data-height=["'](\d+)["']/);
         if (wMatch?.[1]) compW = parseInt(wMatch[1]);
@@ -3877,11 +3937,11 @@ function registerThumbnailRoutes(api, adapter) {
     const cacheDir = join11(project.dir, ".thumbnails");
     const selectorKey = selector ? `_${selector.replace(/[^a-zA-Z0-9_-]+/g, "_").slice(0, 80)}_${selectorIndex ?? 0}` : "";
     const urlVersionKey = urlVersion ? `_${urlVersion.replace(/[^a-zA-Z0-9_-]+/g, "_").slice(0, 32)}` : "";
-    const cacheKey = `${THUMBNAIL_CACHE_VERSION}${urlVersionKey}${manualEditsKey}${motionKey}_${format}_${compPath.replace(/\//g, "_")}_${compW}x${compH}_${sourceMtime}_${seekTime.toFixed(2)}${selectorKey}.${format === "png" ? "png" : "jpg"}`;
+    const cacheKey = `${THUMBNAIL_CACHE_VERSION}${urlVersionKey}${manualEditsKey}${motionKey}${sourceKey}_${format}_${compPath.replace(/\//g, "_")}_${compW}x${compH}_${sourceMtime}_${seekTime.toFixed(2)}${selectorKey}.${format === "png" ? "png" : "jpg"}`;
     const cachePath = join11(cacheDir, cacheKey);
     if (existsSync7(cachePath)) {
       return new Response(new Uint8Array(readFileSync10(cachePath)), {
-        headers: { "Content-Type": contentType, "Cache-Control": "public, max-age=60" }
+        headers: { "Content-Type": contentType, "Cache-Control": "no-cache" }
       });
     }
     try {
@@ -3905,7 +3965,7 @@ function registerThumbnailRoutes(api, adapter) {
       if (!existsSync7(cacheDir)) mkdirSync5(cacheDir, { recursive: true });
       writeFileSync6(cachePath, buffer);
       return new Response(new Uint8Array(buffer), {
-        headers: { "Content-Type": contentType, "Cache-Control": "public, max-age=60" }
+        headers: { "Content-Type": contentType, "Cache-Control": "no-cache" }
       });
     } catch (err) {
       const msg = err instanceof Error ? err.message : String(err);