@hyperframes/studio-server 0.8.108 → 0.8.110

package/dist/index.js

@@ -9,11 +9,12 @@ import {
   parseSourceDocument,
   patchElementInHtml,
   probeElementInSource,
+  relinkSplitHalvesInHtml,
   removeElementFromHtml,
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "./chunk-W6TFBTP2.js";
+} from "./chunk-Z4DIWF3Z.js";
 import {
   isCompositionSource,
   stampProjectHfIds
@@ -43,7 +44,7 @@ import {
   resolveProjectAndSignature,
   resolveProjectSignature,
   settledFileTag
-} from "./chunk-KUEG5MYA.js";
+} from "./chunk-EPL4YKGI.js";
 import {
   getElementScreenshotClip
 } from "./chunk-W2SBTCO2.js";
@@ -2201,6 +2202,7 @@ async function foldAtomicCutFile(c, file, absPath, before, writer) {
   let after = before;
   let splitCount = 0;
   const skippedSelectors = /* @__PURE__ */ new Set();
+  const rightHalfIds = [];
   const respond = (data, status) => status ? c.json(data, status) : c.json(data);
   const orderedTargets = file.targets.map((cut, index) => ({ cut, index })).sort((left, right) => {
     const locatorKey = (entry) => !entry.target.id && !entry.target.hfId && entry.target.selector ? entry.target.selector : null;
@@ -2231,6 +2233,7 @@ async function foldAtomicCutFile(c, file, absPath, before, writer) {
     }
     after = split.html;
     splitCount++;
+    rightHalfIds.push(split.newId);
     if (!cut.originalId) continue;
     const block = extractGsapScriptBlock(after);
     if (!block) continue;
@@ -2257,6 +2260,7 @@ async function foldAtomicCutFile(c, file, absPath, before, writer) {
       after = block.replaceScript(script);
     }
   }
+  after = relinkSplitHalvesInHtml(after, rightHalfIds);
   return {
     path: file.path,
     absPath,
@@ -4785,8 +4789,8 @@ import { createHash as createHash4, randomBytes } from "crypto";
 import { ensureHfIds as ensureHfIds3 } from "@hyperframes/parsers/hf-ids";
 import { readMediaOffsetSeconds } from "@hyperframes/parsers/media-duration";
 import { resolveRateSpec, sourceTimeAt } from "@hyperframes/core/speed-ramp";
+import { MEDIA_LINK_ATTR as LINK_ATTR, relinkSplitHalves } from "@hyperframes/core/media-link";
 var FREEZE_HOLD_SECONDS = 2;
-var LINK_ATTR = "data-link";
 var EPSILON = 1e-3;
 var round3 = (value) => Math.round(value * 1e3) / 1e3;
 function numberAttr(el, name) {
@@ -4912,11 +4916,6 @@ function splitAll(html, elements, time) {
   }
   return { html: next, rightHalfIds };
 }
-function relinkRightHalves(document, link, ids) {
-  if (!link) return;
-  const rightLink = uniqueLink(document, link);
-  for (const id of ids) document.getElementById(id)?.setAttribute(LINK_ATTR, rightLink);
-}
 function applyFreezeFrameToHtml(html, input) {
   const hold = input.holdSeconds ?? FREEZE_HOLD_SECONDS;
   const { document: before } = parseSourceDocument(html);
@@ -4931,7 +4930,7 @@ function applyFreezeFrameToHtml(html, input) {
   );
   if (!cut) return null;
   const { document, wrappedFragment } = parseSourceDocument(cut.html);
-  relinkRightHalves(document, video.getAttribute(LINK_ATTR), cut.rightHalfIds);
+  relinkSplitHalves(document, cut.rightHalfIds);
   shiftTracks(document, tracks, input.playhead, hold);
   const leftHalf = findTargetElement(document, input.target);
   if (!leftHalf?.parentElement) return null;
@@ -4949,14 +4948,6 @@ function applyFreezeFrameToHtml(html, input) {
     freezeId
   };
 }
-function uniqueLink(document, base) {
-  const taken = new Set(
-    Array.from(document.querySelectorAll(`[${LINK_ATTR}]`)).map((el) => el.getAttribute(LINK_ATTR))
-  );
-  let candidate = `${base}-2`;
-  for (let n = 3; taken.has(candidate); n++) candidate = `${base}-${n}`;
-  return candidate;
-}
 
 // src/routes/freezeFrame.ts
 var EXTRACT_TIMEOUT_MS = 3e4;