@hyperframes/studio 0.8.137 → 0.8.138

package/dist/assets/{index-CHEctGzc.js → index-DIJuIBwI.js}

@@ -1 +1 @@
-import{g as P}from"./index-B3lJsA-e.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{g as P}from"./index-BdjA0CLD.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};

package/dist/assets/{index-rtccfg9b.js → index-DXVvWfQG.js}

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

package/dist/index.html

@@ -14,8 +14,8 @@
         document.documentElement.dataset.theme = "paper";
       }
     </script>
-    <script type="module" crossorigin src="/assets/index-B3lJsA-e.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CC_E-Cbl.css">
+    <script type="module" crossorigin src="/assets/index-BdjA0CLD.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CVd4O6eH.css">
   </head>
   <body>
     <div data-hf-id="hf-aph5" id="root"></div>

package/dist/index.js

@@ -88027,6 +88027,7 @@ function useCaptionDetection({
 
 // src/hooks/useConsoleErrorCapture.ts
 import { useCallback as useCallback157, useEffect as useEffect130, useRef as useRef160, useState as useState125 } from "react";
+import { STUDIO_PREVIEW_ERRORS } from "@hyperframes/core/studio-preview-mark";
 function useConsoleErrorCapture(previewIframe) {
   const [consoleErrors, setConsoleErrors] = useState125(null);
   const consoleErrorsRef = useRef160([]);
@@ -88035,6 +88036,7 @@ function useConsoleErrorCapture(previewIframe) {
     setConsoleErrors(null);
   }, []);
   useEffect130(() => {
+    resetErrors();
     if (!previewIframe) return;
     let patchedWin = null;
     let origConsoleError = null;
@@ -88054,48 +88056,42 @@ function useConsoleErrorCapture(previewIframe) {
     };
     const attachErrorCapture = () => {
       detachErrorCapture();
+      resetErrors();
       try {
         const win = previewIframe.contentWindow;
         if (!win) return;
         if (win.__hfErrorCapture) return;
         win.__hfErrorCapture = true;
         patchedWin = win;
-        origConsoleError = win.console.error.bind(win.console);
-        win.console.error = function(...args) {
-          origConsoleError(...args);
-          const text = args.map((a) => a instanceof Error ? a.message : String(a)).join(" ");
-          if (text.includes("favicon")) return;
+        const record = (texts) => {
+          if (texts.length === 0) return;
           consoleErrorsRef.current = [
             ...consoleErrorsRef.current,
-            { severity: "error", message: text }
+            ...texts.map((message) => ({ severity: "error", message }))
           ];
           setConsoleErrors([...consoleErrorsRef.current]);
         };
-        errorHandler = (e) => {
-          const text = e.message || String(e);
-          consoleErrorsRef.current = [
-            ...consoleErrorsRef.current,
-            { severity: "error", message: text }
-          ];
-          setConsoleErrors([...consoleErrorsRef.current]);
+        origConsoleError = win.console.error.bind(win.console);
+        win.console.error = function(...args) {
+          origConsoleError(...args);
+          const text = args.map((a) => a instanceof Error ? a.message : String(a)).join(" ");
+          if (!text.includes("favicon")) record([text]);
         };
+        errorHandler = (e) => record([e.message || String(e)]);
         win.addEventListener("error", errorHandler);
+        const raised = Reflect.get(win, STUDIO_PREVIEW_ERRORS);
+        if (Array.isArray(raised)) record(raised.map(String));
       } catch {
       }
     };
     attachErrorCapture();
-    const handleLoad = () => {
-      consoleErrorsRef.current = [];
-      setConsoleErrors(null);
-      attachErrorCapture();
-    };
-    previewIframe.addEventListener("load", handleLoad);
+    previewIframe.addEventListener("load", attachErrorCapture);
     return () => {
-      previewIframe.removeEventListener("load", handleLoad);
+      previewIframe.removeEventListener("load", attachErrorCapture);
       detachErrorCapture();
     };
-  }, [previewIframe]);
-  return { consoleErrors, setConsoleErrors, resetErrors };
+  }, [previewIframe, resetErrors]);
+  return { consoleErrors, setConsoleErrors };
 }
 
 // src/hooks/useFrameCapture.ts
@@ -93402,7 +93398,7 @@ var LayersPanel = memo50(function LayersPanel2({ host }) {
           "div",
           {
             ref: scrollContainerRef,
-            className: "relative min-h-0 flex-1 overflow-y-auto py-1",
+            className: "relative min-h-0 flex-1 select-none overflow-y-auto py-1",
             onPointerMove: handleContainerPointerMove,
             onPointerUp: handleContainerPointerUp,
             onPointerCancel: handleContainerPointerUp,
@@ -98941,11 +98937,7 @@ function StudioApp({ readOnlyPreview = false, readOnlyPreviewReason } = {}) {
     waitForPendingDomEditSaves: previewPersistence.waitForPendingDomEditSaves
   });
   const frameCapture = useStableHandlers(frameCaptureResult, projectId);
-  const {
-    consoleErrors,
-    setConsoleErrors,
-    resetErrors: resetConsoleErrors
-  } = useConsoleErrorCapture(previewIframe);
+  const { consoleErrors, setConsoleErrors } = useConsoleErrorCapture(previewIframe);
   const fileDrop = useGlobalFileDrop(timelineEditing.handleTimelineFileDrop);
   const handleToggleRecordingRef = useRef187(() => {
   });
@@ -98970,10 +98962,9 @@ function StudioApp({ readOnlyPreview = false, readOnlyPreviewReason } = {}) {
       previewIframeRef.current = iframe;
       usePreviewIframeStore.getState().setIframe(iframe);
       appHotkeys.syncPreviewHotkeys(iframe);
-      resetConsoleErrors();
       refreshPreviewDocumentVersion();
     },
-    [appHotkeys, resetConsoleErrors, refreshPreviewDocumentVersion]
+    [appHotkeys, refreshPreviewDocumentVersion]
   );
   const rightPanel = useRightPanelIntent();
   const { inspectorPanelActive, shouldShowMotionPath, shouldShowSelectedDomBounds } = useInspectorState(