hyperframes 0.8.140 → 0.8.142

package/dist/studio/assets/{index-CWfuDCoA.js → index-D3Vij9t1.js}

@@ -1,4 +1,4 @@
-import{n as Qi}from"./index-VAHDM_zL.js";/*!
+import{n as Qi}from"./index-B-wffzRH.js";/*!
  * Copyright (c) 2026-present, Vanilagy and contributors
  *
  * This Source Code Form is subject to the terms of the Mozilla Public

package/dist/studio/assets/{index-Dr3Bo9uH.js → index-D5q2_7Gw.js}

@@ -1 +1 @@
-import{g as P}from"./index-VAHDM_zL.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},w;function k(){if(w)return v;w=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var g=e[o+x]-t,_=r.some(function(h){if(h.interval===g)return h.count+=1});_||r.push({interval:g,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,b;function q(){return b||(b=1,p=k().default),p}var m=q();const A=P(m),D=j({__proto__:null,default:A},[m]);export{D as i};
+import{m as P}from"./index-B-wffzRH.js";function j(c,d){for(var s=0;s<d.length;s++){const a=d[s];if(typeof a!="string"&&!Array.isArray(a)){for(const i in a)if(i!=="default"&&!(i in c)){const l=Object.getOwnPropertyDescriptor(a,i);l&&Object.defineProperty(c,i,l.get?l:{enumerable:!0,get:()=>a[i]})}}}return Object.freeze(Object.defineProperty(c,Symbol.toStringTag,{value:"Module"}))}var v={},m;function k(){if(m)return v;m=1,Object.defineProperty(v,"__esModule",{value:!0}),v.default=d;var c=window.OfflineAudioContext||window.webkitOfflineAudioContext;function d(e){var r=a(e);return r.start(0),[i,y,O(e.sampleRate),s].reduce(function(t,o){return o(t)},r.buffer.getChannelData(0))}function s(e){return e.sort(function(r,t){return t.count-r.count}).splice(0,5)[0].tempo}function a(e){var r=e.length,t=e.numberOfChannels,o=e.sampleRate,n=new c(t,r,o),u=n.createBufferSource();u.buffer=e;var f=n.createBiquadFilter();return f.type="lowpass",u.connect(f),f.connect(n.destination),u}function i(e){for(var r=[],t=.9,o=.3,n=15;r.length<n&&t>=o;)r=l(e,t),t-=.05;if(r.length<n)throw new Error("Could not find enough samples for a reliable detection.");return r}function l(e,r){for(var t=[],o=0,n=e.length;o<n;o+=1)e[o]>r&&(t.push(o),o+=1e4);return t}function y(e){var r=[];return e.forEach(function(t,o){for(var n=function(x){var h=e[o+x]-t,_=r.some(function(g){if(g.interval===h)return g.count+=1});_||r.push({interval:h,count:1})},u=0;u<10;u+=1)n(u)}),r}function O(e){return function(r){var t=[];return r.forEach(function(o){if(o.interval!==0){for(var n=60/(o.interval/e);n<90;)n*=2;for(;n>180;)n/=2;n=Math.round(n);var u=t.some(function(f){if(f.tempo===n)return f.count+=o.count});u||t.push({tempo:n,count:o.count})}}),t}}return v}var p,w;function q(){return w||(w=1,p=k().default),p}var b=q();const A=P(b),D=j({__proto__:null,default:A},[b]);export{D as i};

package/dist/studio/index.html

@@ -14,7 +14,7 @@
         document.documentElement.dataset.theme = "paper";
       }
     </script>
-    <script type="module" crossorigin src="/assets/index-VAHDM_zL.js"></script>
+    <script type="module" crossorigin src="/assets/index-B-wffzRH.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-CVd4O6eH.css">
   </head>
   <body>

package/dist/studio/index.js

@@ -2272,7 +2272,7 @@ var MAX_VISIBLE_THUMBNAIL_FRAMES = Math.ceil(3840 / (66 * (16 / 9)));
 var TIMELINE_VIEWPORT_BUDGETS = Object.freeze({
   directScrollSafetyPx: 8e6,
   rowOverscanPerSide: 2,
-  timeOverscanViewportRatio: 0.5,
+  timeOverscanViewportRatio: 0.25,
   maxMountedRows: 64,
   maxMountedClipRoots: 512,
   maxMountedClipRootsPerRow: 128,
@@ -2486,7 +2486,10 @@ function commitPreview() {
     );
   }
   preview = null;
-  if (Math.abs(view.scroll.scrollLeft - left) >= 0.5) view.scroll.scrollLeft = left;
+  if (Math.abs(view.scroll.scrollLeft - left) >= 0.5) {
+    view.scroll.scrollLeft = left;
+    flushSync(() => view.publishScroll(view.scroll));
+  }
   clearScaled(view.scroll);
   emitPreview();
 }
@@ -3359,6 +3362,7 @@ function revealPlayheadScrollLeft(scroll, playheadX, contentOrigin, from = scrol
 function useTimelinePlayhead({
   playheadRef,
   scrollRef,
+  syncScrollViewport,
   ppsRef,
   durationRef,
   isDragging,
@@ -3395,6 +3399,7 @@ function useTimelinePlayhead({
       const maxScrollLeft2 = Math.max(0, scroll.scrollWidth - scroll.clientWidth);
       const left = anchor2.time * pps + contentOrigin - anchor2.x;
       scroll.scrollLeft = Math.max(0, Math.min(maxScrollLeft2, left));
+      syncScrollViewport(scroll);
       return;
     }
     const zoomed = userZoomCount !== prevZoomCount;
@@ -3413,7 +3418,8 @@ function useTimelinePlayhead({
     const maxScrollLeft = Math.max(0, scroll.scrollWidth - scroll.clientWidth);
     const anchored = Math.max(0, Math.min(maxScrollLeft, nextScrollLeft));
     scroll.scrollLeft = zoomed ? revealPlayheadScrollLeft(scroll, contentOrigin + time * pps, contentOrigin, anchored) : anchored;
-  }, [pps, userZoomCount, scrollRef, durationRef, contentOrigin]);
+    syncScrollViewport(scroll);
+  }, [pps, userZoomCount, scrollRef, durationRef, contentOrigin, syncScrollViewport]);
   const syncPlayheadPosition = useCallback4(
     (time) => {
       if (!playheadRef.current || durationRef.current <= 0) return;
@@ -3553,14 +3559,25 @@ function useTimelinePlayhead({
     scroll.addEventListener("wheel", handlePinchWheel, { passive: false, capture: true });
     scroll.addEventListener("pointerdown", settleTimelineZoom, { capture: true });
     scroll.addEventListener("scroll", redrawTimelineZoomPreview, { passive: true });
-    const unregisterZoomViewport = registerTimelineZoomViewport({ scroll, contentOrigin });
+    const unregisterZoomViewport = registerTimelineZoomViewport({
+      scroll,
+      contentOrigin,
+      publishScroll: syncScrollViewport
+    });
     return () => {
       scroll.removeEventListener("wheel", handlePinchWheel, { capture: true });
       scroll.removeEventListener("pointerdown", settleTimelineZoom, { capture: true });
       scroll.removeEventListener("scroll", redrawTimelineZoomPreview);
       unregisterZoomViewport();
     };
-  }, [handlePinchWheel, scrollRef, timelineReady, elementsLength, contentOrigin]);
+  }, [
+    handlePinchWheel,
+    scrollRef,
+    timelineReady,
+    elementsLength,
+    contentOrigin,
+    syncScrollViewport
+  ]);
   return { seekFromX, autoScrollDuringDrag, dragScrollRaf };
 }
 
@@ -3579,6 +3596,9 @@ function useTimelineZoom() {
 // src/player/components/timelineDragDrop.ts
 import { useCallback as useCallback5, useEffect as useEffect6, useRef as useRef6, useState as useState4 } from "react";
 
+// src/utils/timelineAssetDrop.ts
+import { buildTimelineAssetId } from "@hyperframes/core/timeline-asset-id";
+
 // src/utils/mediaTypes.ts
 var IMAGE_EXTS = ["jpg", "jpeg", "png", "gif", "webp", "avif", "svg", "ico"];
 var VIDEO_EXTS = ["mp4", "webm", "mov", "m4v"];
@@ -3636,16 +3656,6 @@ function getTimelineAssetKind(assetPath) {
   if (AUDIO_EXT.test(assetPath)) return "audio";
   return null;
 }
-function buildTimelineAssetId(assetPath, existingIds) {
-  const baseName = assetPath.split("/").pop() ?? "asset";
-  const normalized = baseName.replace(/\.[^.]+$/, "").replace(/[^a-zA-Z0-9_-]+/g, "_").replace(/^_+|_+$/g, "").toLowerCase();
-  const baseId = normalized || "asset";
-  const ids = new Set(existingIds);
-  if (!ids.has(baseId)) return baseId;
-  let suffix = 2;
-  while (ids.has(`${baseId}_${suffix}`)) suffix += 1;
-  return `${baseId}_${suffix}`;
-}
 function resolveTimelineAssetSrc(targetPath, assetPath) {
   const targetDir = targetPath.includes("/") ? targetPath.slice(0, targetPath.lastIndexOf("/")) : "";
   if (!targetDir) return assetPath;
@@ -14852,6 +14862,7 @@ function useTimelineProviderState({
   const { seekFromX, autoScrollDuringDrag, dragScrollRaf } = useTimelinePlayhead({
     playheadRef,
     scrollRef,
+    syncScrollViewport,
     ppsRef,
     durationRef,
     isDragging,
@@ -29270,6 +29281,7 @@ import { createRuntimeStartTimeResolver } from "@hyperframes/core/runtime/start-
 
 // src/player/lib/runtimeProtocol.ts
 import {
+  frameDisplayScale,
   inspectRuntimeProtocol,
   runtimeProtocolMetadata
 } from "@hyperframes/core/runtime/protocol";
@@ -29285,6 +29297,10 @@ function createRuntimeControlMessage(action, payload = {}, fps = 30) {
 function postRuntimeControlMessage(target, action, payload = {}, fps = 30) {
   target?.postMessage(createRuntimeControlMessage(action, payload, fps), "*");
 }
+function postFrameDisplayScale(iframe) {
+  const scale = iframe && frameDisplayScale(iframe);
+  if (scale) postRuntimeControlMessage(iframe.contentWindow, "set-display-scale", { scale });
+}
 function inspectStudioRuntimeMessage(value) {
   return inspectRuntimeProtocol(value, 30);
 }
@@ -33686,6 +33702,7 @@ var NLEPreview = memo23(function NLEPreview2({
   const hintHeight = compositionSizeHint?.height;
   const zoomRef = useRef54(DEFAULT_PREVIEW_ZOOM);
   const [settledZoom, setSettledZoom] = useState40(DEFAULT_PREVIEW_ZOOM);
+  useEffect39(() => postFrameDisplayScale(previewIframeRef.current), [settledZoom]);
   const hudRef = useRef54(null);
   const hudTimerRef = useRef54(null);
   const settleTimerRef = useRef54(null);
@@ -93509,6 +93526,20 @@ function CompCard({
   useEffect144(() => {
     if (hovered) requestIframePlaybackSync(true);
   }, [hovered, requestIframePlaybackSync]);
+  useEffect144(() => {
+    if (livePreviewLoaded) postFrameDisplayScale(iframeRef.current);
+  }, [livePreviewLoaded, previewScale]);
+  useEffect144(() => {
+    if (!hovered) return;
+    const onRuntimeReady = (event) => {
+      const frame3 = iframeRef.current;
+      if (frame3 && event.source === frame3.contentWindow && event.data?.type === "ready") {
+        postFrameDisplayScale(frame3);
+      }
+    };
+    window.addEventListener("message", onRuntimeReady);
+    return () => window.removeEventListener("message", onRuntimeReady);
+  }, [hovered]);
   useEffect144(() => {
     return () => {
       if (hoverTimer.current) clearTimeout(hoverTimer.current);