@hyperframes/studio 0.8.18 → 0.8.20

package/dist/assets/{index-SGl0bb71.js → index-Cehosfnu.js}

@@ -1 +1 @@
-import{g as P}from"./index-F-PUkOVc.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-CBSKXKAr.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/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-F-PUkOVc.js"></script>
+    <script type="module" crossorigin src="/assets/index-CBSKXKAr.js"></script>
     <link rel="stylesheet" crossorigin href="/assets/index-yGhfxxoL.css">
   </head>
   <body>

package/dist/index.js

@@ -16306,6 +16306,9 @@ function buildStudioSaveFailureProperties(input) {
 function trackStudioSaveFailure(input) {
   trackStudioEvent("save_failure", buildStudioSaveFailureProperties(input));
 }
+function trackStudioEditBlocked(input) {
+  trackStudioEvent("edit_blocked", buildStudioSaveFailureProperties(input));
+}
 async function createStudioSaveHttpError(response, fallbackMessage, options = {}) {
   let body = "";
   try {
@@ -16693,7 +16696,16 @@ async function studioExpectedFileVersion(versions, path, expectedContent) {
   return versions.get(path);
 }
 function createStudioWriteToken() {
-  return globalThis.crypto.randomUUID();
+  const webCrypto = globalThis.crypto;
+  if (typeof webCrypto?.randomUUID === "function") return webCrypto.randomUUID();
+  if (typeof webCrypto?.getRandomValues !== "function") {
+    throw new Error("Web Crypto getRandomValues is required for Studio write identity");
+  }
+  const bytes = webCrypto.getRandomValues(new Uint8Array(16));
+  bytes[6] = bytes[6] & 15 | 64;
+  bytes[8] = bytes[8] & 63 | 128;
+  const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0")).join("");
+  return `${hex.slice(0, 8)}-${hex.slice(8, 12)}-${hex.slice(12, 16)}-${hex.slice(16, 20)}-${hex.slice(20)}`;
 }
 function studioWriteHeaders() {
   const token = createStudioWriteToken();
@@ -60693,7 +60705,7 @@ function writeHiddenIds(projectId, ids) {
   } catch {
   }
 }
-function useRenderQueue(projectId) {
+function useRenderQueue(projectId, activeCompPathRef) {
   const [jobs, setJobs] = useState94([]);
   const [loadError, setLoadError] = useState94(null);
   const [actionError, setActionError] = useState94(null);
@@ -60769,7 +60781,7 @@ function useRenderQueue(projectId) {
       const quality = opts.quality ?? "standard";
       const format = opts.format ?? "mp4";
       const resolution = opts.resolution;
-      const composition = opts.composition;
+      const composition = opts.composition ?? activeCompPathRef.current ?? void 0;
       trackStudioRenderStart({
         fps,
         quality,
@@ -60884,7 +60896,7 @@ function useRenderQueue(projectId) {
       };
       return jobId;
     },
-    [projectId, closeActiveEventSource, addSessionJob, ffmpeg, ffmpegMissing]
+    [projectId, activeCompPathRef, closeActiveEventSource, addSessionJob, ffmpeg, ffmpegMissing]
   );
   const cancelRender = useCallback80(
     async (jobId) => {
@@ -62928,6 +62940,7 @@ function useFileTree({ projectId, projectIdRef }) {
 
 // src/hooks/useEditorSave.ts
 import { useCallback as useCallback87, useRef as useRef112 } from "react";
+var FAILURE_BURST_MS = 5e3;
 function useEditorSave({
   editingPathRef,
   projectIdRef,
@@ -62940,18 +62953,32 @@ function useEditorSave({
 }) {
   const saveRafRef = useRef112(null);
   const refreshRafRef = useRef112(null);
-  const lastFailureToastAtRef = useRef112(0);
+  const lastFailureToastAtRef = useRef112(null);
+  const lastFailureReportRef = useRef112(null);
   const pendingCandidateRef = useRef112(null);
   const inFlightRef = useRef112(null);
   const inFlightCandidateRef = useRef112(null);
   const reportFailure = useCallback87(
     (path, error) => {
-      trackStudioEvent("save_failure", {
+      const now2 = Date.now();
+      const properties = buildStudioSaveFailureProperties({
         source: "code_editor",
-        error_message: error instanceof Error ? error.message : "unknown"
+        error,
+        filePath: path
       });
-      const now2 = Date.now();
-      if (now2 - lastFailureToastAtRef.current > 5e3) {
+      const errorName = error instanceof Error ? error.name : typeof error;
+      const fingerprint = JSON.stringify([
+        path,
+        errorName,
+        properties.error_message,
+        properties.status_code
+      ]);
+      const previous = lastFailureReportRef.current;
+      if (previous === null || previous.fingerprint !== fingerprint || now2 - previous.emittedAt >= FAILURE_BURST_MS) {
+        trackStudioSaveFailure({ source: "code_editor", error, filePath: path });
+        lastFailureReportRef.current = { fingerprint, emittedAt: now2 };
+      }
+      if (lastFailureToastAtRef.current === null || now2 - lastFailureToastAtRef.current >= FAILURE_BURST_MS) {
         lastFailureToastAtRef.current = now2;
         showToast(
           `Couldn't save ${path} \u2014 your latest edits are NOT persisted. Check the preview server; editing again retries the save.`,
@@ -62974,6 +63001,7 @@ function useEditorSave({
         recordEdit
       }).then(() => {
         if (pendingCandidateRef.current === candidate) pendingCandidateRef.current = null;
+        lastFailureReportRef.current = null;
         if (refreshRafRef.current != null) cancelAnimationFrame(refreshRafRef.current);
         refreshRafRef.current = requestAnimationFrame(() => setRefreshKey((k) => k + 1));
         return { status: "clean" };
@@ -70189,7 +70217,8 @@ import { useCallback as useCallback117 } from "react";
 function useGsapInteractionFailureTelemetry(activeCompPath, showToast) {
   return useCallback117(
     (error, selection, mutationType, label) => {
-      trackStudioSaveFailure({
+      const report = isGsapEditBlockedError(error) ? trackStudioEditBlocked : trackStudioSaveFailure;
+      report({
         source: "gsap_commit",
         error,
         filePath: selection?.sourceFile ?? activeCompPath ?? "index.html",
@@ -81852,13 +81881,7 @@ var RenderQueue = memo49(function RenderQueue2({
 // src/components/renders/RenderQueuePanel.tsx
 import { jsx as jsx194 } from "react/jsx-runtime";
 var RenderQueuePanel = memo50(function RenderQueuePanel2() {
-  const {
-    projectId,
-    activeCompPath,
-    compositionDimensions,
-    waitForPendingDomEditSaves,
-    renderQueue
-  } = useStudioShellContext();
+  const { projectId, compositionDimensions, waitForPendingDomEditSaves, renderQueue } = useStudioShellContext();
   return /* @__PURE__ */ jsx194(
     RenderQueue,
     {
@@ -81876,13 +81899,11 @@ var RenderQueuePanel = memo50(function RenderQueuePanel2() {
       onRecheckFfmpeg: renderQueue.recheckFfmpeg,
       onStartRender: async (format, quality, resolution, fps) => {
         await waitForPendingDomEditSaves();
-        const composition = activeCompPath && activeCompPath !== "index.html" ? activeCompPath : void 0;
         await renderQueue.startRender({
           fps,
           quality,
           format,
           resolution,
-          composition,
           // Render what the user is previewing: active variable overrides
           // from the Variables panel ride along (undefined = defaults).
           variables: usePreviewVariablesStore.getState().values ?? void 0
@@ -87215,7 +87236,7 @@ function StudioApp() {
   const activeCompPathRef = useRef170(activeCompPath);
   activeCompPathRef.current = activeCompPath;
   const leftSidebarRef = useRef170(null);
-  const renderQueue = useRenderQueue(projectId);
+  const renderQueue = useRenderQueue(projectId, activeCompPathRef);
   const captionEditMode = useCaptionStore((s) => s.isEditMode);
   const captionHasSelection = useCaptionStore((s) => s.selectedSegmentIds.size > 0);
   const captionSync = useCaptionSync(projectId);