@hyperframes/studio 0.8.191 → 0.8.193

package/dist/assets/{index-Df14bh-L.js → index-Ci6GuloR.js}

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

package/dist/{chunk-FF5DM7BQ.js → chunk-7HZGKFFU.js}

@@ -415,7 +415,12 @@ function MenuSeparator({ className, ...props }) {
 
 // src/components/ui/Tooltip.tsx
 import { Tooltip as BaseTooltip } from "@base-ui/react/tooltip";
-import { cloneElement, useId as useId2, useRef as useRef2, useState } from "react";
+import {
+  cloneElement,
+  useId as useId2,
+  useRef as useRef2,
+  useState
+} from "react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 var SIDE_OFFSET2 = 6;
 var VIEWPORT_MARGIN2 = 8;
@@ -424,7 +429,8 @@ function Tooltip({
   children,
   delay = 400,
   side = "top",
-  disabled = false
+  disabled = false,
+  lines
 }) {
   const [open, setOpen] = useState(false);
   const boxRef = useRef2(null);
@@ -447,10 +453,18 @@ function Tooltip({
             id: tooltipId,
             role: "tooltip",
             className: cn(
-              "pointer-events-none rounded-md border border-border-input bg-surface px-2 py-1 text-step-10 font-medium text-text-1 whitespace-nowrap shadow-menu",
+              "pointer-events-none rounded-md border border-border-input bg-surface px-2 py-1 text-step-10 font-medium text-text-1 shadow-menu",
+              lines ? "max-w-[300px] whitespace-normal break-words" : "whitespace-nowrap",
               floatingMotion("duration-tooltip")
             ),
-            children: label
+            children: lines ? /* @__PURE__ */ jsx7(
+              "span",
+              {
+                className: "line-clamp-(--tooltip-lines)",
+                style: { "--tooltip-lines": lines },
+                children: label
+              }
+            ) : label
           }
         )
       }

package/dist/{chunk-IWO4UENE.js → chunk-ORLUDHTU.js}

@@ -1,6 +1,6 @@
 import {
   HyperframesLoader
-} from "./chunk-FF5DM7BQ.js";
+} from "./chunk-7HZGKFFU.js";
 import {
   buildProjectApiPath,
   splitTimelineElementKey,
@@ -1028,7 +1028,8 @@ function sceneSwapFor(iframe) {
       () => deadline.abort(new Error("the preview took too long to swap")),
       SCENE_SWAP_MS
     );
-    cancel?.addEventListener("abort", () => deadline.abort(cancel.reason), { once: true });
+    const onCancel = () => deadline.abort(cancel?.reason);
+    cancel?.addEventListener("abort", onCancel, { once: true });
     const swapping = (async () => {
       const response = await studioApiFetch(url, { signal: deadline.signal });
       if (!response.ok) throw new Error(`preview request failed with ${response.status}`);
@@ -1043,6 +1044,7 @@ function sceneSwapFor(iframe) {
       await Promise.race([swapping, expired]);
     } finally {
       clearTimeout(timer);
+      cancel?.removeEventListener("abort", onCancel);
     }
     iframe.dispatchEvent(new Event(SCENES_SWAPPED));
   };

package/dist/index.html

@@ -14,8 +14,8 @@
         document.documentElement.dataset.theme = "paper";
       }
     </script>
-    <script type="module" crossorigin src="/assets/index-D_QqfWhx.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CBO8uz7-.css">
+    <script type="module" crossorigin src="/assets/index-Ca-mgTnS.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CYbvOVp-.css">
   </head>
   <body>
     <div data-hf-id="hf-aph5" id="root"></div>

package/dist/index.js

@@ -48,7 +48,7 @@ import {
   usePreviewVariablesStore,
   whenPreviewBooted,
   writeStudioUiPreferences
-} from "./chunk-IWO4UENE.js";
+} from "./chunk-ORLUDHTU.js";
 import {
   Button,
   ContextMenu,
@@ -80,7 +80,7 @@ import {
   fieldBase,
   fieldText,
   popupSurface
-} from "./chunk-FF5DM7BQ.js";
+} from "./chunk-7HZGKFFU.js";
 import {
   DOM_EDIT_LAYER_OBSERVER_INIT,
   buildDefaultDomEditTextField,
@@ -88831,6 +88831,12 @@ function useClipboard({
 // src/hooks/useCaptionDetection.ts
 import { useEffect as useEffect129, useRef as useRef161 } from "react";
 
+// src/captions/parser.ts
+import {
+  parseExpressionAt,
+  tokenizer
+} from "acorn";
+
 // src/captions/types.ts
 var DEFAULT_STYLE = {
   fontFamily: "sans-serif",
@@ -88962,14 +88968,18 @@ function readTranscriptGroups(transcript, groupEls) {
   return offset === transcript.length ? wordGroups : null;
 }
 function extractTranscript(source) {
-  const varPattern = /(?:const|let|var)\s+(?:TRANSCRIPT|script)\s*=\s*(\[[\s\S]*?\]);/;
-  const match = source.match(varPattern);
+  const varPattern = /\b(?:const|let|var)\s+(?:TRANSCRIPT|script)\s*=\s*(?=\[)/;
+  const match = varPattern.exec(source);
   if (!match) {
     return [];
   }
-  const arrayLiteral = match[1];
   try {
-    return parseTranscriptArray(arrayLiteral);
+    const options = { ecmaVersion: "latest" };
+    const expression = parseExpressionAt(source, match.index + match[0].length, options);
+    if (expression.type !== "ArrayExpression") return [];
+    const nextToken = tokenizer(source.slice(expression.end), options).getToken();
+    if (nextToken.type.label !== ";") return [];
+    return parseTranscriptArray(readStaticValue(expression));
   } catch {
     return [];
   }
@@ -89053,32 +89063,49 @@ function parseCaptionComposition(iframeDoc, iframeWin, source, compositionWidth,
   }
   return model;
 }
-function parseTranscriptArray(arrayLiteral) {
-  let parsed;
-  try {
-    parsed = JSON.parse(arrayLiteral);
-  } catch {
-    let normalized = arrayLiteral;
-    normalized = normalized.replace(/'((?:[^'\\]|\\.)*)'/g, (_match, inner) => {
-      const escaped = inner.replace(/\\'/g, "'").replace(/"/g, '\\"');
-      return `"${escaped}"`;
-    });
-    normalized = normalized.replace(/([{,]\s*)([a-zA-Z_$][a-zA-Z0-9_$]*)\s*:/g, '$1"$2":');
-    normalized = normalized.replace(/,(\s*[}\]])/g, "$1");
-    parsed = JSON.parse(normalized);
+function readStaticValue(node) {
+  switch (node?.type) {
+    case "Literal":
+      if ("regex" in node || "bigint" in node) break;
+      return node.value;
+    case "UnaryExpression":
+      return readSignedNumber(node);
+    case "ArrayExpression":
+      return node.elements.map(readStaticValue);
+    case "ObjectExpression":
+      return Object.fromEntries(node.properties.map(readStaticProperty));
   }
+  throw new SyntaxError("Transcript values must be static literals");
+}
+function readSignedNumber(node) {
+  if (node.operator !== "-" && node.operator !== "+" || node.argument.type !== "Literal" || typeof node.argument.value !== "number") {
+    throw new SyntaxError("Transcript unary expressions must be signed numeric literals");
+  }
+  return node.operator === "-" ? -node.argument.value : node.argument.value;
+}
+function readStaticProperty(property) {
+  if (property.type !== "Property" || property.kind !== "init" || property.method || property.shorthand || property.computed) {
+    throw new SyntaxError("Transcript properties must be static data");
+  }
+  const key2 = property.key.type === "Identifier" ? property.key.name : readStaticValue(property.key);
+  if (typeof key2 !== "string" && typeof key2 !== "number") {
+    throw new SyntaxError("Transcript property keys must be names or literals");
+  }
+  return [key2, readStaticValue(property.value)];
+}
+function parseTranscriptArray(parsed) {
   if (!Array.isArray(parsed)) {
     return [];
   }
   const words = [];
-  for (const item of parsed) {
-    if (item !== null && typeof item === "object" && typeof item.text === "string" && typeof item.start === "number" && typeof item.end === "number") {
-      const entry2 = item;
+  const items = parsed;
+  for (const item of items) {
+    if (item !== null && typeof item === "object" && "text" in item && typeof item.text === "string" && "start" in item && typeof item.start === "number" && "end" in item && typeof item.end === "number") {
       words.push({
-        ...typeof entry2.id === "string" ? { id: entry2.id } : {},
-        text: entry2.text,
-        start: entry2.start,
-        end: entry2.end
+        ..."id" in item && typeof item.id === "string" ? { id: item.id } : {},
+        text: item.text,
+        start: item.start,
+        end: item.end
       });
     }
   }

package/dist/player.js

@@ -1,7 +1,7 @@
 import {
   Player
-} from "./chunk-IWO4UENE.js";
-import "./chunk-FF5DM7BQ.js";
+} from "./chunk-ORLUDHTU.js";
+import "./chunk-7HZGKFFU.js";
 import "./chunk-T43DM7Q6.js";
 import "./chunk-MLKGABMK.js";
 export {