@hyperframes/studio-server 0.8.150 → 0.8.151

package/dist/{chunk-Z5UJMFO4.js → chunk-JBFOY5SI.js}

@@ -307,11 +307,20 @@ function setElementDuration(el, start, duration, trackIndex) {
     ...trackIndex != null ? { trackIndex } : {}
   });
 }
+function isWindowOf(media, row) {
+  if (media.duration <= 0) return false;
+  const near = (a, b) => Math.abs(a - b) < 1e-3;
+  return !row || near(media.start, row.start) && near(media.duration, row.duration);
+}
 function splitElementInHtml(source, target, splitTime, newId, fallbackTiming) {
   const { document, wrappedFragment } = parseSourceDocument(source);
   const el = findTargetElement(document, target);
   if (!el || !isHTMLElement(el)) return { html: source, matched: false, newId: null };
-  const timing = resolveElementTiming(el);
+  const timedMediaSelector = "video[data-start], audio[data-start]";
+  const innerMedia = el.hasAttribute("data-start") || resolveElementTiming(el).duration > 0 || el.matches("[data-composition-src], [data-composition-id]") ? null : el.querySelector(timedMediaSelector);
+  const timedMedia = innerMedia && isWindowOf(resolveElementTiming(innerMedia), fallbackTiming) ? innerMedia : null;
+  const timed = timedMedia ?? el;
+  const timing = resolveElementTiming(timed);
   let { start, duration } = timing;
   if (duration <= 0 && fallbackTiming && fallbackTiming.duration > 0) {
     start = fallbackTiming.start;
@@ -329,16 +338,22 @@ function splitElementInHtml(source, target, splitTime, newId, fallbackTiming) {
   dedupeClonedCompositionId(document, clone);
   clone.removeAttribute("data-hf-id");
   for (const node of clone.querySelectorAll("[data-hf-id]")) node.removeAttribute("data-hf-id");
-  setElementDuration(clone, splitTime, secondDuration, fallbackTiming?.track);
-  const playbackStartAttr = el.hasAttribute("data-playback-start") ? "data-playback-start" : el.hasAttribute("data-media-start") ? "data-media-start" : el.matches("[data-composition-src], [data-composition-id]") ? "data-playback-start" : el.matches("audio, video") ? "data-media-start" : null;
+  const clonedTimed = timedMedia ? clone.querySelector(timedMediaSelector) : clone;
+  if (timedMedia?.id) {
+    const mediaId = nextUniqueId(document, `${timedMedia.id}-split`, /* @__PURE__ */ new Set([newId]));
+    duplicateCssRulesForId(document, timedMedia.id, mediaId);
+    clonedTimed.setAttribute("id", mediaId);
+  }
+  setElementDuration(clonedTimed, splitTime, secondDuration, fallbackTiming?.track);
+  const playbackStartAttr = timed.hasAttribute("data-playback-start") ? "data-playback-start" : timed.hasAttribute("data-media-start") ? "data-media-start" : timed.matches("[data-composition-src], [data-composition-id]") ? "data-playback-start" : timed.matches("audio, video") ? "data-media-start" : null;
   if (playbackStartAttr) {
-    const readAttr = (name) => el.getAttribute(name);
-    const authoredTrim = el.getAttribute(playbackStartAttr);
+    const readAttr = (name) => timed.getAttribute(name);
+    const authoredTrim = timed.getAttribute(playbackStartAttr);
     const currentTrim = authoredTrim !== null ? readMediaOffsetSeconds(readAttr) : fallbackTiming?.playbackStart ?? 0;
     const rate = readPlaybackRate(readAttr, fallbackTiming?.playbackRate);
     if (authoredTrim === null || Number(authoredTrim) !== currentTrim)
-      el.setAttribute(playbackStartAttr, String(Math.round(currentTrim * 1e3) / 1e3));
-    clone.setAttribute(
+      timed.setAttribute(playbackStartAttr, String(Math.round(currentTrim * 1e3) / 1e3));
+    clonedTimed.setAttribute(
       playbackStartAttr,
       String(Math.round((currentTrim + firstDuration * rate) * 1e3) / 1e3)
     );
@@ -347,7 +362,7 @@ function splitElementInHtml(source, target, splitTime, newId, fallbackTiming) {
   if (originalId) {
     duplicateCssRulesForId(document, originalId, newId);
   }
-  setElementDuration(el, start, firstDuration, fallbackTiming?.track);
+  setElementDuration(timed, start, firstDuration, fallbackTiming?.track);
   if (el.nextSibling) {
     el.parentElement.insertBefore(clone, el.nextSibling);
   } else {

package/dist/helpers/sourceMutation.js

@@ -13,7 +13,7 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "../chunk-Z5UJMFO4.js";
+} from "../chunk-JBFOY5SI.js";
 export {
   dedupeClonedCompositionId,
   findTargetElement,

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "./chunk-Z5UJMFO4.js";
+} from "./chunk-JBFOY5SI.js";
 import {
   isCompositionSource,
   stampProjectHfIds

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperframes/studio-server",
-  "version": "0.8.150",
+  "version": "0.8.151",
   "repository": {
     "type": "git",
     "url": "https://github.com/heygen-com/hyperframes",
@@ -81,8 +81,8 @@
     "postcss": "^8.5.8",
     "postcss-selector-parser": "^7.1.2",
     "sharp": "^0.35.0",
-    "@hyperframes/core": "0.8.150",
-    "@hyperframes/parsers": "0.8.150"
+    "@hyperframes/core": "0.8.151",
+    "@hyperframes/parsers": "0.8.151"
   },
   "devDependencies": {
     "@types/node": "^25.0.10",