hyperframes 0.8.126 → 0.8.128

package/dist/{gsapParser-ZGBBDA54.js → gsapParser-DIYYX6JT.js}

@@ -15,6 +15,7 @@ import {
 // ../parsers/dist/gsapParser.js
 var recast = __toESM(require_main(), 1);
 var import_parser = __toESM(require_lib(), 1);
+var GSAP_DEFAULT_DURATION = 0.5;
 var SUPPORTED_PROPS = [
   // 2D Transforms
   "x",
@@ -55,6 +56,25 @@ var SUPPORTED_PROPS = [
   // DOM content (number counters, text roll-ups)
   "innerText"
 ];
+var BUILTIN_VAR_KEYS = /* @__PURE__ */ new Set(["duration", "ease", "delay"]);
+var DROPPED_VAR_KEYS = /* @__PURE__ */ new Set([
+  "onComplete",
+  "onStart",
+  "onUpdate",
+  "onRepeat"
+]);
+var EXTRAS_KEYS = /* @__PURE__ */ new Set([
+  "stagger",
+  "yoyo",
+  "repeat",
+  "repeatDelay",
+  "snap",
+  "overwrite",
+  "immediateRender"
+]);
+function isTweenConfigKey(key) {
+  return BUILTIN_VAR_KEYS.has(key) || DROPPED_VAR_KEYS.has(key) || EXTRAS_KEYS.has(key);
+}
 var PROPERTY_GROUPS = {
   position: /* @__PURE__ */ new Set(["x", "y", "xPercent", "yPercent"]),
   scale: /* @__PURE__ */ new Set(["scale", "scaleX", "scaleY"]),
@@ -94,16 +114,14 @@ function positionHoldForAnimation(animation, animations) {
   if (!animation.keyframes) return null;
   const start = knownStart(animation) ?? 0;
   if (!(start > 1e-3)) return null;
-  const first = [...animation.keyframes.keyframes].sort(
-    (left, right) => left.percentage - right.percentage
-  )[0];
-  if (!first) return null;
+  const atStart = animation.keyframes.keyframes.find((keyframe) => keyframe.percentage === 0);
+  if (!atStart) return null;
   const earlier = animations.filter((other) => {
     const otherStart = knownStart(other);
     return other !== animation && !other.global && other.targetSelector === animation.targetSelector && otherStart !== void 0 && otherStart < start - 1e-3;
   });
   const position = {};
-  for (const [property, value] of Object.entries(first.properties)) {
+  for (const [property, value] of Object.entries(atStart.properties)) {
     if (classifyPropertyGroup(property) !== "position" || typeof value !== "number") continue;
     if (earlier.some((other) => writesProperty(other, property))) continue;
     position[property] = value;
@@ -147,6 +165,9 @@ var SUPPORTED_EASES = [
   "hold",
   "steps(1)"
 ];
+function authorsKeyframes(anim) {
+  return anim.keyframes !== void 0 || anim.hasUnresolvedKeyframes === true;
+}
 function mergePercentageKeyframes(keyframes) {
   const byPercentage = /* @__PURE__ */ new Map();
   for (const keyframe of keyframes) {
@@ -390,14 +411,25 @@ function resolveConversionProps(anim, resolvedFromValues) {
   const toProps = resolvedFromValues ? { ...anim.properties, ...resolvedFromValues } : { ...anim.properties };
   return { fromProps: { ...anim.fromProperties ?? {} }, toProps };
 }
-function clipTweenMatcher(clipSelectors, root) {
+function clipTweenMatcher(clipSelectors, root, queries = /* @__PURE__ */ new Map()) {
   const own = typeof clipSelectors === "string" ? [clipSelectors] : clipSelectors;
-  const clips = root ? own.flatMap((selector) => queryAll(root, selector)) : [];
+  if (!root)
+    return ({ targetSelector, hasPartialSelector }) => !hasPartialSelector && own.includes(targetSelector);
+  const queryAll = (selector) => {
+    if (ID_SELECTOR.test(selector)) {
+      if (!queries.has(ALL_IDS)) indexIds(root, queries);
+      return queries.get(selector) ?? [];
+    }
+    let found = queries.get(selector);
+    if (!found) queries.set(selector, found = queryRoot(root, selector));
+    return found;
+  };
+  const clips = own.flatMap((selector) => queryAll(selector));
   return ({ targetSelector, hasPartialSelector }) => {
     if (hasPartialSelector) return false;
     if (own.includes(targetSelector)) return true;
-    if (!root || clips.length === 0) return false;
-    const targets = queryAll(root, targetSelector);
+    if (clips.length === 0) return false;
+    const targets = queryAll(targetSelector);
     return targets.length > 0 && targets.every((target) => {
       const owner = target.closest("[data-start]");
       return clips.includes(target) || owner !== null && clips.includes(owner);
@@ -407,7 +439,20 @@ function clipTweenMatcher(clipSelectors, root) {
 function hasExplicitTime(animation) {
   return typeof animation.position === "number" && !animation.implicitPosition;
 }
-function queryAll(root, selector) {
+var ID_SELECTOR = /^#-?[A-Za-z_][\w-]*$/;
+var ALL_IDS = "[id]";
+function indexIds(root, queries) {
+  const all = queryRoot(root, ALL_IDS);
+  queries.set(ALL_IDS, all);
+  for (const el of all) {
+    const key = `#${el.id}`;
+    if (!ID_SELECTOR.test(key)) continue;
+    const list = queries.get(key);
+    if (list) list.push(el);
+    else queries.set(key, [el]);
+  }
+}
+function queryRoot(root, selector) {
   try {
     return Array.from(root.querySelectorAll(selector));
   } catch {
@@ -417,34 +462,27 @@ function queryAll(root, selector) {
 var roundPercentage = (percentage) => Math.round(percentage * 10) / 10;
 var OBJECT_ARRAY_PERCENTAGE_TOLERANCE = 2;
 function getObjectArrayKeyframeTiming(durations) {
-  const hasAuthoredDuration = durations.some((duration) => duration !== void 0);
-  if (hasAuthoredDuration) {
-    if (!durations.every(
-      (duration) => typeof duration === "number" && Number.isFinite(duration) && duration > 0
-    )) {
-      return null;
-    }
-    const totalDuration = durations.reduce((sum, duration) => sum + duration, 0);
-    let cumulative = 0;
-    return {
-      percentages: durations.map((duration) => {
-        cumulative += duration;
-        return roundPercentage(cumulative / totalDuration * 100);
-      }),
-      totalDuration
-    };
+  const steps = durations.map((duration) => duration ?? GSAP_DEFAULT_DURATION);
+  if (!steps.every(
+    (duration) => typeof duration === "number" && Number.isFinite(duration) && duration > 0
+  )) {
+    return null;
   }
-  const lastIndex = durations.length - 1;
+  const totalDuration = steps.reduce((sum, duration) => sum + duration, 0);
+  let cumulative = 0;
   return {
-    percentages: durations.map(
-      (_, index) => lastIndex > 0 ? roundPercentage(index / lastIndex * 100) : 0
-    )
+    percentages: steps.map((duration) => {
+      cumulative += duration;
+      return roundPercentage(cumulative / totalDuration * 100);
+    }),
+    totalDuration
   };
 }
 function getCompatibleObjectArrayKeyframeTiming(durations, outerDuration) {
   const timing = getObjectArrayKeyframeTiming(durations);
   if (!timing) return null;
-  if (timing.totalDuration === void 0 || outerDuration === void 0) return timing;
+  const stepsAuthorDuration = durations.some((duration) => duration !== void 0);
+  if (!stepsAuthorDuration || outerDuration === void 0) return timing;
   if (typeof outerDuration === "number" && Math.abs(outerDuration - timing.totalDuration) <= Number.EPSILON) {
     return timing;
   }
@@ -912,17 +950,6 @@ function findAllTweenCalls(ast, ref, scope, targetBindings, targetHelpers) {
   });
   return results;
 }
-var BUILTIN_VAR_KEYS = /* @__PURE__ */ new Set(["duration", "ease", "delay"]);
-var DROPPED_VAR_KEYS = /* @__PURE__ */ new Set(["onComplete", "onStart", "onUpdate", "onRepeat"]);
-var EXTRAS_KEYS = /* @__PURE__ */ new Set([
-  "stagger",
-  "yoyo",
-  "repeat",
-  "repeatDelay",
-  "snap",
-  "overwrite",
-  "immediateRender"
-]);
 function extractRawPropertySource(varsArgNode, key) {
   const node = findPropertyNode(varsArgNode, key);
   return node ? recast.print(node).code : void 0;
@@ -1195,7 +1222,7 @@ function tweenCallToAnimation(call, scope) {
         percentage: waypoints.length > 1 ? Math.round(i / (waypoints.length - 1) * 100) : 0,
         properties: { x: wp.x, y: wp.y }
       }));
-      keyframesData = { format: "percentage", keyframes: kf };
+      keyframesData = { format: "percentage", keyframes: kf, fromMotionPath: true };
     } else {
       const kfs = keyframesData.keyframes;
       if (kfs.length === waypoints.length) {
@@ -1252,7 +1279,6 @@ function tweenCallToAnimation(call, scope) {
   if (call.selectorPartial) anim.hasPartialSelector = true;
   return anim;
 }
-var GSAP_DEFAULT_DURATION = 0.5;
 function resolvePositionString(pos, cursor, prevStart) {
   const trimmed = pos.trim();
   if (trimmed === "") return cursor;
@@ -1284,7 +1310,7 @@ function applyTimelineDefaults(anims, defaults) {
     if (anim.duration === void 0 && defaults.duration !== void 0) {
       anim.duration = defaults.duration;
     }
-    if (anim.ease === void 0 && defaults.ease !== void 0) {
+    if (anim.ease === void 0 && defaults.ease !== void 0 && (!anim.keyframes || anim.keyframes.fromMotionPath)) {
       anim.ease = defaults.ease;
     }
   }
@@ -1393,7 +1419,7 @@ function isObjectProperty(prop) {
   return prop?.type === "ObjectProperty" || prop?.type === "Property";
 }
 function isEditablePropertyKey(key) {
-  return !BUILTIN_VAR_KEYS.has(key) && !DROPPED_VAR_KEYS.has(key) && !EXTRAS_KEYS.has(key);
+  return !isTweenConfigKey(key);
 }
 function makeObjectProperty(key, value) {
   const obj = parseExpr(`{ ${safeJsKey(key)}: ${serializeValue(value)} }`);
@@ -1520,7 +1546,7 @@ function updateAnimationInScript(script, animationId, updates) {
     return script;
   }
   const target = parsed.located.find((l) => l.id === animationId);
-  if (!target) return script;
+  if (!target || updates.properties && target.animation.hasUnresolvedKeyframes) return script;
   applyUpdatesToCall(target.call, updates);
   return recast.print(parsed.ast).code;
 }
@@ -1790,12 +1816,12 @@ function splitAnimationsInScript(script, opts) {
     const pos = typeof anim.position === "number" ? anim.position : 0;
     const dur = anim.duration ?? 0;
     const animEnd = pos + dur;
-    if (anim.keyframes) {
+    if (authorsKeyframes(anim)) {
       if (pos >= opts.splitTime) {
         result = updateAnimationSelector(result, anim.id, newSelector);
       } else if (animEnd > opts.splitTime) {
         skippedSelectors.push(`${originalSelector} (keyframes spanning split)`);
-        const kfs = anim.keyframes.keyframes;
+        const kfs = anim.keyframes?.keyframes ?? [];
         for (const kf of kfs) {
           const kfTime = pos + kf.percentage / 100 * dur;
           if (kfTime <= opts.splitTime) {
@@ -1805,7 +1831,10 @@ function splitAnimationsInScript(script, opts) {
           }
         }
       } else {
-        const kfs = anim.keyframes.keyframes;
+        if (anim.hasUnresolvedKeyframes) {
+          skippedSelectors.push(`${originalSelector} (unreadable keyframes before split)`);
+        }
+        const kfs = anim.keyframes?.keyframes ?? [];
         if (kfs.length > 0) {
           for (const [k, v] of Object.entries(kfs[kfs.length - 1].properties)) {
             inheritedProps[k] = v;
@@ -1985,7 +2014,7 @@ function convertArrayKeyframesToObjectNode(varsArg, scope) {
     outerDuration
   );
   if (!timing) return null;
-  if (timing.totalDuration !== void 0 && findPropertyNode(varsArg, "duration") === void 0) {
+  if (findPropertyNode(varsArg, "duration") === void 0) {
     setVarsKey(varsArg, "duration", timing.totalDuration);
   }
   const entries = els.map((el, i) => {
@@ -1994,7 +2023,7 @@ function convertArrayKeyframesToObjectNode(varsArg, scope) {
     );
     return `${JSON.stringify(`${timing.percentages[i]}%`)}: ${recast.print(el).code}`;
   });
-  prop.value = parseExpr(`{ ${entries.join(", ")} }`);
+  prop.value = parseExpr(`{ ${entries.join(", ")}, easeEach: "none" }`);
   return prop.value;
 }
 function filterPercentageProps(kfNode) {
@@ -2294,7 +2323,7 @@ function convertToKeyframesInScript(script, animationId, resolvedFromValues, set
   let loc = locateAnimationWithFallback(script, animationId);
   if (!loc) return script;
   const anim = loc.target.animation;
-  if (anim.keyframes) return script;
+  if (authorsKeyframes(anim)) return script;
   const { fromProps, toProps } = resolveConversionProps(anim, resolvedFromValues);
   const varsArg = loc.target.call.varsArg;
   const originalEase = anim.ease;
@@ -2629,6 +2658,7 @@ function splitIntoPropertyGroups(script, animationId) {
   let loc = locateAnimationWithFallback(script, animationId);
   if (!loc) return { script, ids: [animationId] };
   const anim = loc.target.animation;
+  if (anim.hasUnresolvedKeyframes) return { script, ids: [animationId] };
   const allPropKeys = /* @__PURE__ */ new Set();
   if (anim.keyframes) {
     for (const kf of anim.keyframes.keyframes) {

package/dist/{gsapParserAcorn-3Z742FXU.js → gsapParserAcorn-E3GEIRZB.js}

@@ -13,7 +13,7 @@ import {
   gsapScriptUsesMotionPath,
   parseGsapScriptAcorn,
   parseGsapScriptAcornForWrite
-} from "./chunk-NSVHO5LZ.js";
+} from "./chunk-4NWOGZZS.js";
 import "./chunk-2PSPARWP.js";
 import "./chunk-M2WBOQ2Q.js";
 export {

package/dist/{help-MGQRBCOB.js → help-Z6TEXIAO.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-S3S4TGEH.js";
 import {
   VERSION
-} from "./chunk-2JJO2O4F.js";
+} from "./chunk-L5IFUB5G.js";
 import "./chunk-M2WBOQ2Q.js";
 
 // src/help.ts

package/dist/{history-OR4CFVKW.js → history-EFWP3CMR.js}

@@ -4,10 +4,6 @@ import { dirname as __hf_dirname } from "node:path";
 var require = __hf_createRequire(import.meta.url);
 var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
-import {
-  resolveProject
-} from "./chunk-NZWMOYQ4.js";
-import "./chunk-IHFUKJOR.js";
 import {
   DEFAULT_HISTORY_ROOT,
   HistoryBusyError,
@@ -15,24 +11,28 @@ import {
   MAX_WINDOW_IDLE_MS,
   START,
   openProjectHistory
-} from "./chunk-PWZANSLF.js";
-import "./chunk-U4FYLOXY.js";
+} from "./chunk-5NZVDRRZ.js";
+import "./chunk-BW773MMX.js";
 import "./chunk-EOVYQ3IG.js";
 import "./chunk-BE6X3G5C.js";
-import "./chunk-CHMDN7EH.js";
+import "./chunk-RLK4ARFU.js";
+import {
+  resolveProject
+} from "./chunk-JDNYDR3Y.js";
+import "./chunk-IHFUKJOR.js";
 import {
   AmbiguousPreviewServerError,
   findPreviewServerForProject,
   studioApiUrl
 } from "./chunk-DQBY7FRR.js";
-import "./chunk-NSVHO5LZ.js";
+import "./chunk-4NWOGZZS.js";
 import {
   trackHistoryAction
-} from "./chunk-VVKADE6I.js";
-import "./chunk-X34RX267.js";
+} from "./chunk-WULYBA5Y.js";
+import "./chunk-Q767NO4V.js";
 import "./chunk-VWG7OQKU.js";
 import "./chunk-ZTZA4UWZ.js";
-import "./chunk-KB37AHZU.js";
+import "./chunk-4IZNC32H.js";
 import "./chunk-AMKC3AXA.js";
 import {
   defineCommand
@@ -43,16 +43,16 @@ import {
 } from "./chunk-PBN6GBJE.js";
 import "./chunk-KC5XXX3X.js";
 import "./chunk-TJSTGSAW.js";
-import "./chunk-UB7MYXCO.js";
-import "./chunk-3XZK3GNY.js";
-import "./chunk-F7MXHGU3.js";
+import "./chunk-77EJSKGP.js";
+import "./chunk-YRKBFZDQ.js";
+import "./chunk-AVUUN2XD.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-BW5F5OXO.js";
+import "./chunk-WVU5CJXG.js";
 import "./chunk-AQIS2UNW.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-N4RVOW43.js";
+import "./chunk-ZJUKFZ2P.js";
 import "./chunk-HBBJFK6I.js";
 import "./chunk-PJ3HDUCY.js";
 import "./chunk-TQFG7HTI.js";
@@ -60,12 +60,12 @@ import "./chunk-GK4AIFIH.js";
 import "./chunk-2PSPARWP.js";
 import {
   withMeta
-} from "./chunk-WYPGIFYA.js";
+} from "./chunk-OESXJGYM.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-2JJO2O4F.js";
+import "./chunk-L5IFUB5G.js";
 import "./chunk-KNU5COPB.js";
 import "./chunk-3GXQPCJC.js";
 import "./chunk-RQVDTPGD.js";

package/dist/hyperframes-player.global.js

@@ -1,4 +1,4 @@
-"use strict";var HyperframesPlayer=(()=>{var Me=Object.defineProperty;var Ln=Object.getOwnPropertyDescriptor;var On=Object.getOwnPropertyNames;var Fn=Object.prototype.hasOwnProperty;var Vn=(n,e)=>{for(var t in e)Me(n,t,{get:e[t],enumerable:!0})},Un=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of On(e))!Fn.call(n,r)&&r!==t&&Me(n,r,{get:()=>e[r],enumerable:!(i=Ln(e,r))||i.enumerable});return n};var Hn=n=>Un(Me({},"__esModule",{value:!0}),n);var Er={};Vn(Er,{HyperframesPlayer:()=>ke,SPEED_PRESETS:()=>De,formatSpeed:()=>G,formatTime:()=>ue});function gt(n){return n.hasRuntime||n.runtimeInjected?!1:!!(n.hasNestedCompositions||n.hasTimelines&&n.attempts>=5)}function H(n){return typeof n=="object"&&n!==null}function _t(n){return H(n)&&typeof n.getDuration=="function"}function yt(n){return H(n)&&typeof n.duration=="function"&&typeof n.time=="function"&&typeof n.seek=="function"&&typeof n.play=="function"&&typeof n.pause=="function"}var L="https://cdn.jsdelivr.net/npm/@hyperframes/core@0.8.126/dist/hyperframe.runtime.iife.js";function W(n){if(n===null)return null;let e=Number.parseInt(n,10);return Number.isFinite(e)&&e>0?e:null}function Wn(n){let e=n?.querySelector("[data-composition-id][data-width][data-height]")??n?.querySelector("[data-width][data-height]");if(!e)return null;let t=W(e.getAttribute("data-width")),i=W(e.getAttribute("data-height"));return t!==null&&i!==null?{width:t,height:i}:null}var se=class{constructor(e,t){this._iframe=e;this._callbacks=t}_iframe;_callbacks;_interval=null;_runtimeInjected=!1;get runtimeInjected(){return this._runtimeInjected}start(){this.stop(),this._runtimeInjected=!1;let e=0;this._interval=setInterval(()=>{e++;try{let t=this._iframe.contentWindow;if(!t)return;let i=!!(t.__hf||t.__player),r=!!(t.__timelines&&Object.keys(t.__timelines).length>0),o=!!this._iframe.contentDocument?.querySelector("[data-composition-src]");if(gt({hasRuntime:i,hasTimelines:r,hasNestedCompositions:o,runtimeInjected:this._runtimeInjected,attempts:e})){this._injectRuntime();return}if(this._runtimeInjected&&!i)return;let a=this._resolvePlaybackDurationAdapter(t);if(a&&a.getDuration()>0){this.stop();let s=Wn(this._iframe.contentDocument);this._callbacks.onReady({duration:a.getDuration(),adapter:a,compositionSize:s});return}}catch{}e>=40&&(this.stop(),this._callbacks.onError("Composition timeline not found after 8s"))},200)}stop(){this._interval!==null&&(clearInterval(this._interval),this._interval=null)}resolveDirectTimelineAdapter(){try{let e=this._iframe.contentWindow;return e?this._resolveDirectTimelineAdapterFromWindow(e):null}catch{return null}}resolveDirectTimelineAdapterFromWindow(e){return this._resolveDirectTimelineAdapterFromWindow(e)}hasRuntimeBridge(e){return Reflect.get(e,"__hf")!==void 0||H(Reflect.get(e,"__player"))}_injectRuntime(){this._runtimeInjected=!0;try{let e=this._iframe.contentDocument;if(!e)return;let t=e.createElement("script");t.src=L,(e.head||e.documentElement).appendChild(t),this._callbacks.onRuntimeInjected?.()}catch{}}_resolveDirectTimelineAdapterFromWindow(e){if(this.hasRuntimeBridge(e))return null;let t=Reflect.get(e,"__timelines");if(!H(t))return null;let i=Object.keys(t);if(i.length===0)return null;let r=this._iframe.contentDocument?.querySelector("[data-composition-id]")?.getAttribute("data-composition-id"),o=r&&r in t?r:i[i.length-1],a=t[o];return yt(a)?a:null}_resolvePlaybackDurationAdapter(e){let t=Reflect.get(e,"__player");if(_t(t))return{kind:"runtime",getDuration:()=>t.getDuration()};let i=this._resolveDirectTimelineAdapterFromWindow(e);return i?{kind:"direct-timeline",timeline:i,getDuration:()=>i.duration()}:null}};var vt=`
+"use strict";var HyperframesPlayer=(()=>{var Me=Object.defineProperty;var Ln=Object.getOwnPropertyDescriptor;var On=Object.getOwnPropertyNames;var Fn=Object.prototype.hasOwnProperty;var Vn=(n,e)=>{for(var t in e)Me(n,t,{get:e[t],enumerable:!0})},Un=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of On(e))!Fn.call(n,r)&&r!==t&&Me(n,r,{get:()=>e[r],enumerable:!(i=Ln(e,r))||i.enumerable});return n};var Hn=n=>Un(Me({},"__esModule",{value:!0}),n);var Er={};Vn(Er,{HyperframesPlayer:()=>ke,SPEED_PRESETS:()=>De,formatSpeed:()=>G,formatTime:()=>ue});function gt(n){return n.hasRuntime||n.runtimeInjected?!1:!!(n.hasNestedCompositions||n.hasTimelines&&n.attempts>=5)}function H(n){return typeof n=="object"&&n!==null}function _t(n){return H(n)&&typeof n.getDuration=="function"}function yt(n){return H(n)&&typeof n.duration=="function"&&typeof n.time=="function"&&typeof n.seek=="function"&&typeof n.play=="function"&&typeof n.pause=="function"}var L="https://cdn.jsdelivr.net/npm/@hyperframes/core@0.8.128/dist/hyperframe.runtime.iife.js";function W(n){if(n===null)return null;let e=Number.parseInt(n,10);return Number.isFinite(e)&&e>0?e:null}function Wn(n){let e=n?.querySelector("[data-composition-id][data-width][data-height]")??n?.querySelector("[data-width][data-height]");if(!e)return null;let t=W(e.getAttribute("data-width")),i=W(e.getAttribute("data-height"));return t!==null&&i!==null?{width:t,height:i}:null}var se=class{constructor(e,t){this._iframe=e;this._callbacks=t}_iframe;_callbacks;_interval=null;_runtimeInjected=!1;get runtimeInjected(){return this._runtimeInjected}start(){this.stop(),this._runtimeInjected=!1;let e=0;this._interval=setInterval(()=>{e++;try{let t=this._iframe.contentWindow;if(!t)return;let i=!!(t.__hf||t.__player),r=!!(t.__timelines&&Object.keys(t.__timelines).length>0),o=!!this._iframe.contentDocument?.querySelector("[data-composition-src]");if(gt({hasRuntime:i,hasTimelines:r,hasNestedCompositions:o,runtimeInjected:this._runtimeInjected,attempts:e})){this._injectRuntime();return}if(this._runtimeInjected&&!i)return;let a=this._resolvePlaybackDurationAdapter(t);if(a&&a.getDuration()>0){this.stop();let s=Wn(this._iframe.contentDocument);this._callbacks.onReady({duration:a.getDuration(),adapter:a,compositionSize:s});return}}catch{}e>=40&&(this.stop(),this._callbacks.onError("Composition timeline not found after 8s"))},200)}stop(){this._interval!==null&&(clearInterval(this._interval),this._interval=null)}resolveDirectTimelineAdapter(){try{let e=this._iframe.contentWindow;return e?this._resolveDirectTimelineAdapterFromWindow(e):null}catch{return null}}resolveDirectTimelineAdapterFromWindow(e){return this._resolveDirectTimelineAdapterFromWindow(e)}hasRuntimeBridge(e){return Reflect.get(e,"__hf")!==void 0||H(Reflect.get(e,"__player"))}_injectRuntime(){this._runtimeInjected=!0;try{let e=this._iframe.contentDocument;if(!e)return;let t=e.createElement("script");t.src=L,(e.head||e.documentElement).appendChild(t),this._callbacks.onRuntimeInjected?.()}catch{}}_resolveDirectTimelineAdapterFromWindow(e){if(this.hasRuntimeBridge(e))return null;let t=Reflect.get(e,"__timelines");if(!H(t))return null;let i=Object.keys(t);if(i.length===0)return null;let r=this._iframe.contentDocument?.querySelector("[data-composition-id]")?.getAttribute("data-composition-id"),o=r&&r in t?r:i[i.length-1],a=t[o];return yt(a)?a:null}_resolvePlaybackDurationAdapter(e){let t=Reflect.get(e,"__player");if(_t(t))return{kind:"runtime",getDuration:()=>t.getDuration()};let i=this._resolveDirectTimelineAdapterFromWindow(e);return i?{kind:"direct-timeline",timeline:i,getDuration:()=>i.duration()}:null}};var vt=`
   :host {
     display: block;
     position: relative;

package/dist/{info-ORCBX5QT.js → info-AQ2ZLWSB.js}

@@ -6,7 +6,7 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   resolveProject
-} from "./chunk-NZWMOYQ4.js";
+} from "./chunk-JDNYDR3Y.js";
 import {
   formatBytes,
   label
@@ -14,32 +14,32 @@ import {
 import {
   ensureDOMParser
 } from "./chunk-PFCFR3KZ.js";
-import "./chunk-VVKADE6I.js";
-import "./chunk-X34RX267.js";
+import "./chunk-WULYBA5Y.js";
+import "./chunk-Q767NO4V.js";
 import "./chunk-VWG7OQKU.js";
 import {
   c
 } from "./chunk-ZTZA4UWZ.js";
-import "./chunk-KB37AHZU.js";
+import "./chunk-4IZNC32H.js";
 import "./chunk-AMKC3AXA.js";
 import {
   defineCommand
 } from "./chunk-S3S4TGEH.js";
 import "./chunk-54HJ63Q2.js";
 import "./chunk-PBN6GBJE.js";
-import "./chunk-UB7MYXCO.js";
-import "./chunk-3XZK3GNY.js";
+import "./chunk-77EJSKGP.js";
+import "./chunk-YRKBFZDQ.js";
 import {
   CANVAS_DIMENSIONS,
   parseHtml
-} from "./chunk-F7MXHGU3.js";
+} from "./chunk-AVUUN2XD.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-BW5F5OXO.js";
+import "./chunk-WVU5CJXG.js";
 import "./chunk-AQIS2UNW.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-N4RVOW43.js";
+import "./chunk-ZJUKFZ2P.js";
 import "./chunk-HBBJFK6I.js";
 import "./chunk-PJ3HDUCY.js";
 import "./chunk-TQFG7HTI.js";
@@ -47,12 +47,12 @@ import "./chunk-GK4AIFIH.js";
 import "./chunk-2PSPARWP.js";
 import {
   withMeta
-} from "./chunk-WYPGIFYA.js";
+} from "./chunk-OESXJGYM.js";
 import "./chunk-K4WIOZFP.js";
 import "./chunk-XUXGIA7H.js";
 import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
-import "./chunk-2JJO2O4F.js";
+import "./chunk-L5IFUB5G.js";
 import "./chunk-KNU5COPB.js";
 import "./chunk-3GXQPCJC.js";
 import "./chunk-RQVDTPGD.js";

package/dist/{init-2VMWQT7Q.js → init-6ZEBBSR5.js}

@@ -6,11 +6,11 @@ var __filename = __hf_fileURLToPath(import.meta.url);
 var __dirname = __hf_dirname(__filename);
 import {
   gateRegistryItemsCompatibility
-} from "./chunk-JR73DPKV.js";
+} from "./chunk-4AH73ZQW.js";
 import {
   initialModelForLanguage
-} from "./chunk-5WXI4DPS.js";
-import "./chunk-ZKUDKJDT.js";
+} from "./chunk-COD4GMYB.js";
+import "./chunk-FN7KZDH7.js";
 import "./chunk-XT7X6QCP.js";
 import {
   writeNewFileSync
@@ -30,11 +30,11 @@ import {
   listRegistryItems,
   loadAllItems,
   resolveItemWithDependencies
-} from "./chunk-STZBZXZT.js";
+} from "./chunk-6F63NYFZ.js";
 import {
   installItem
-} from "./chunk-67QQI7JH.js";
-import "./chunk-G2XWQ4ZE.js";
+} from "./chunk-LRDOFHS5.js";
+import "./chunk-KC5COKLP.js";
 import "./chunk-AWDFDFI3.js";
 import "./chunk-P6LJ4Y32.js";
 import "./chunk-GMECXFAN.js";
@@ -50,14 +50,14 @@ import {
 } from "./chunk-TVCRUG2S.js";
 import {
   trackInitTemplate
-} from "./chunk-VVKADE6I.js";
-import "./chunk-X34RX267.js";
+} from "./chunk-WULYBA5Y.js";
+import "./chunk-Q767NO4V.js";
 import "./chunk-VWG7OQKU.js";
 import {
   c,
   isColorSupported
 } from "./chunk-ZTZA4UWZ.js";
-import "./chunk-KB37AHZU.js";
+import "./chunk-4IZNC32H.js";
 import "./chunk-AMKC3AXA.js";
 import {
   defineCommand,
@@ -68,24 +68,24 @@ import {
   failCommand,
   finishCommand
 } from "./chunk-PBN6GBJE.js";
-import "./chunk-UB7MYXCO.js";
-import "./chunk-3XZK3GNY.js";
+import "./chunk-77EJSKGP.js";
+import "./chunk-YRKBFZDQ.js";
 import {
   CANVAS_DIMENSIONS,
   HTML_BODY_CSS_HEIGHT_FIRST_RE,
   HTML_BODY_CSS_WIDTH_FIRST_RE,
   VIEWPORT_META_SIZE_RE,
   normalizeResolutionFlag
-} from "./chunk-F7MXHGU3.js";
+} from "./chunk-AVUUN2XD.js";
 import "./chunk-DPVXBVLL.js";
-import "./chunk-BW5F5OXO.js";
+import "./chunk-WVU5CJXG.js";
 import "./chunk-AQIS2UNW.js";
 import "./chunk-VC76R6W2.js";
 import "./chunk-OFQWTKPW.js";
 import "./chunk-LAOCA3MQ.js";
 import "./chunk-LCSMOLGX.js";
 import "./chunk-TWWSYAKJ.js";
-import "./chunk-N4RVOW43.js";
+import "./chunk-ZJUKFZ2P.js";
 import "./chunk-HBBJFK6I.js";
 import "./chunk-PJ3HDUCY.js";
 import "./chunk-TQFG7HTI.js";
@@ -97,7 +97,7 @@ import "./chunk-WERLJGIC.js";
 import "./chunk-ISN5GRYI.js";
 import {
   VERSION
-} from "./chunk-2JJO2O4F.js";
+} from "./chunk-L5IFUB5G.js";
 import "./chunk-KNU5COPB.js";
 import "./chunk-3GXQPCJC.js";
 import "./chunk-RQVDTPGD.js";
@@ -652,7 +652,7 @@ async function scaffoldProject(destDir, name, templateId, media, tailwind = fals
     "utf-8"
   );
   if (!existsSync2(resolve(destDir, "hyperframes.json"))) {
-    const { createProjectConfig, DEFAULT_PROJECT_CONFIG } = await import("./projectConfig-MNOSK2QD.js");
+    const { createProjectConfig, DEFAULT_PROJECT_CONFIG } = await import("./projectConfig-KKPSSHER.js");
     const { normalizeSkillSlug } = await import("./skill-ZHVLH7KX.js");
     const skill = normalizeSkillSlug(authoringSkill);
     createProjectConfig(
@@ -673,7 +673,7 @@ async function scaffoldProject(destDir, name, templateId, media, tailwind = fals
   }
 }
 async function keepSkillsCurrent(destDir) {
-  const { updateSkills } = await import("./skills-C4AYI3JQ.js");
+  const { updateSkills } = await import("./skills-XLN4DLZP.js");
   console.log();
   console.log(c.bold("Checking AI coding skills against GitHub..."));
   try {
@@ -869,7 +869,7 @@ var init_default = defineCommand({
       if (audioPath) {
         sourceFilePath2 = audioPath;
         copyFileSync(audioPath, resolve(destDir2, basename(audioPath)));
-        const { getMediaDurationSeconds } = await import("./transcribe-GUOLCXLE.js");
+        const { getMediaDurationSeconds } = await import("./transcribe-P76R64RU.js");
         videoDuration2 = getMediaDurationSeconds(audioPath) ?? void 0;
         console.log(`Audio: ${basename(audioPath)}`);
       }
@@ -879,7 +879,7 @@ var init_default = defineCommand({
           await ensureWhisper();
           await ensureModel(initialTranscriptionModel);
           console.log("Transcribing...");
-          const { transcribe: runTranscribe } = await import("./transcribe-GUOLCXLE.js");
+          const { transcribe: runTranscribe } = await import("./transcribe-P76R64RU.js");
           const result = await runTranscribe(sourceFilePath2, destDir2, {
             model: modelFlag,
             language: languageFlag
@@ -1021,7 +1021,7 @@ var init_default = defineCommand({
       mkdirSync(destDir, { recursive: true });
       sourceFilePath = audioPath;
       copyFileSync(audioPath, resolve(destDir, basename(audioPath)));
-      const { getMediaDurationSeconds } = await import("./transcribe-GUOLCXLE.js");
+      const { getMediaDurationSeconds } = await import("./transcribe-P76R64RU.js");
       videoDuration = getMediaDurationSeconds(audioPath) ?? void 0;
       R.info(`Audio copied to ${c.accent(basename(audioPath))}`);
     }
@@ -1049,7 +1049,7 @@ var init_default = defineCommand({
             onProgress: (msg) => spin2.message(msg)
           });
           spin2.message("Transcribing audio...");
-          const { transcribe: runTranscribe } = await import("./transcribe-GUOLCXLE.js");
+          const { transcribe: runTranscribe } = await import("./transcribe-P76R64RU.js");
           const transcribeResult = await runTranscribe(sourceFilePath, destDir, {
             model: modelFlag,
             language: languageFlag,
@@ -1131,7 +1131,7 @@ ${c.dim("Use --example blank for offline use.")}`
     }
     R.info("Opening studio preview...");
     try {
-      const previewCmd = await import("./preview-2DFT6L5Y.js").then((m) => m.default);
+      const previewCmd = await import("./preview-X2WVPV66.js").then((m) => m.default);
       await runCommand(previewCmd, { rawArgs: [destDir] });
     } catch {
     }