hyperframes 0.8.54 → 0.8.55

package/dist/studio/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <title>HyperFrames Studio</title>
-    <script type="module" crossorigin src="/assets/index-DPUJoO8n.js"></script>
+    <script type="module" crossorigin src="/assets/index-TcBZyzNA.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-DrHQAuGO.css">
   </head>
   <body>

package/dist/studio/index.js

@@ -17164,9 +17164,15 @@ function buildStudioSaveFailureProperties(input) {
     label: input.label ?? void 0,
     target_id: input.targetId ?? void 0,
     target_selector: input.targetSelector ?? void 0,
-    target_source_file: input.targetSourceFile ?? void 0
+    target_source_file: input.targetSourceFile ?? void 0,
+    block_detail: gsapBlockDetail(input.error)
   };
 }
+function gsapBlockDetail(error) {
+  if (!(error instanceof Error) || error.name !== "GsapEditBlockedError") return void 0;
+  const detail = error.detail;
+  return typeof detail === "string" ? detail : void 0;
+}
 function trackStudioSaveFailure(input) {
   trackStudioEvent("save_failure", buildStudioSaveFailureProperties(input));
 }
@@ -38001,21 +38007,29 @@ var COPY = {
   "source-uneditable": "This animation is computed at runtime. Edit the animation in the Code tab."
 };
 var GsapEditBlockedError = class extends Error {
-  constructor(reason) {
+  constructor(reason, detail) {
     super(COPY[reason]);
     this.reason = reason;
+    this.detail = detail;
     this.name = "GsapEditBlockedError";
   }
   reason;
+  detail;
 };
 function assertGsapEditPersisted(outcome) {
-  if (outcome.status === "blocked") throw new GsapEditBlockedError(outcome.reason);
+  if (outcome.status === "blocked") throw new GsapEditBlockedError(outcome.reason, outcome.detail);
 }
 function assertGsapAnimationDirectlyEditable(animation) {
   const editability = editabilityForProvenance(animation.provenance);
   if (editability === "unroll") throw new GsapEditBlockedError("unroll-required");
-  if (editability === "source" || animation.hasUnresolvedKeyframes || animation.hasUnresolvedSelector) {
-    throw new GsapEditBlockedError("source-uneditable");
+  if (editability === "source") {
+    throw new GsapEditBlockedError("source-uneditable", "provenance-runtime-dynamic");
+  }
+  if (animation.hasUnresolvedKeyframes) {
+    throw new GsapEditBlockedError("source-uneditable", "unresolved-keyframes");
+  }
+  if (animation.hasUnresolvedSelector) {
+    throw new GsapEditBlockedError("source-uneditable", "unresolved-selector");
   }
 }
 function isGsapEditBlockedError(error) {
@@ -38035,7 +38049,8 @@ function directEditOutcomeForProperties(animations, properties) {
     }
     return { status: "persisted" };
   } catch (error) {
-    if (isGsapEditBlockedError(error)) return { status: "blocked", reason: error.reason };
+    if (isGsapEditBlockedError(error))
+      return { status: "blocked", reason: error.reason, detail: error.detail };
     throw error;
   }
 }
@@ -38092,7 +38107,7 @@ async function materializeIfDynamic(anim, iframe, commitMutation, selection) {
   void iframe;
   void commitMutation;
   void selection;
-  throw new GsapEditBlockedError("source-uneditable");
+  throw new GsapEditBlockedError("source-uneditable", "geometry-unresolved-source");
 }
 async function commitStaticGsapPosition(selection, studioOffset, gsapPos, selector, existingSet, callbacks) {
   const { newX, newY } = computeDraggedGsapPosition(selection.element, studioOffset, gsapPos);
@@ -42361,7 +42376,11 @@ async function preflightGsapDragIntercept(selection, animations, iframe, fetchFa
   const posAnim = findGsapPositionAnimation(sourceAnimations, selector);
   const hasLivePosition = hasNonHoldTweenForElement(iframe, selector, void 0, POSITION_CHANNELS);
   if (hasLivePosition && !posAnim) {
-    return { status: "blocked", reason: "source-uneditable" };
+    return {
+      status: "blocked",
+      reason: "source-uneditable",
+      detail: "live-position-no-source-tween"
+    };
   }
   if (!posAnim && !writeTargetSelector(selection)) {
     return { status: "blocked", reason: "no-selector" };
@@ -42430,7 +42449,7 @@ async function tryGsapDragIntercept(selection, offset, animations, iframe, commi
     return { status: "persisted" };
   }
   if (!posAnim) {
-    return { status: "blocked", reason: "source-uneditable" };
+    return { status: "blocked", reason: "source-uneditable", detail: "no-position-tween" };
   }
   if (fetchFallbackAnimations) {
     const fresh = await fetchFallbackAnimations();
@@ -42476,7 +42495,11 @@ async function tryGsapRotationIntercept(selection, angle, animations, iframe, co
   const liveSelector = selectorFromSelection(selection);
   const hasLiveRotationTween = liveSelector ? hasNonHoldTweenForElement(iframe, liveSelector, void 0, ROTATION_CHANNELS) : false;
   if (!anim && hasLiveRotationTween) {
-    return { status: "blocked", reason: "source-uneditable" };
+    return {
+      status: "blocked",
+      reason: "source-uneditable",
+      detail: "live-rotation-no-source-tween"
+    };
   }
   const newRotation = Math.round(angle);
   if (!anim || isInstantHold(anim)) {
@@ -75039,7 +75062,11 @@ async function tryGsapResizeIntercept(selection, size, animations, iframe, commi
   const liveSelector = selectorFromSelection(selection);
   const hasLiveResizeTween = liveSelector ? hasNonHoldTweenForElement(iframe, liveSelector, void 0, [...resizeProperties]) : false;
   if (!anim && hasLiveResizeTween) {
-    return { status: "blocked", reason: "source-uneditable" };
+    return {
+      status: "blocked",
+      reason: "source-uneditable",
+      detail: "live-resize-no-source-tween"
+    };
   }
   logResize("intercept-enter", {
     hasScaleGroup,
@@ -75077,7 +75104,9 @@ async function tryGsapResizeIntercept(selection, size, animations, iframe, commi
     return { status: "persisted" };
   }
   const tweenDuration = resolveTweenDuration(anim);
-  if (tweenDuration <= 0) return { status: "blocked", reason: "source-uneditable" };
+  if (tweenDuration <= 0) {
+    return { status: "blocked", reason: "source-uneditable", detail: "zero-duration-tween" };
+  }
   const { activeKeyframePct, setActiveKeyframePct } = usePlayerStore.getState();
   const pct = activeKeyframePct ?? computeCurrentPercentage(selection, anim);
   if (activeKeyframePct != null) setActiveKeyframePct(null);