@hyperframes/studio-server 0.9.12 → 0.9.13

package/dist/{chunk-LRTNNDXS.js → chunk-LK3ZTZGN.js}

@@ -347,9 +347,10 @@ function resolveElementTiming(el) {
   const timing = readClipTiming(el);
   return { start: timing.start ?? 0, duration: timing.duration ?? 0 };
 }
+var roundMs = (seconds) => Math.round(seconds * 1e3) / 1e3;
 function setElementDuration(el, start, duration, trackIndex) {
   writeClipTiming(el, {
-    start: Math.round(start * 1e3) / 1e3,
+    start: typeof start === "number" ? Math.round(start * 1e3) / 1e3 : start,
     duration: Math.round(duration * 1e3) / 1e3,
     ...trackIndex != null ? { trackIndex } : {}
   });
@@ -369,6 +370,12 @@ function splitElementInHtml(source, target, splitTime, newId, fallbackTiming) {
   const timed = timedMedia ?? el;
   const timing = resolveElementTiming(timed);
   let { start, duration } = timing;
+  const reference = readClipTiming(timed).startExpression;
+  const startsAfter = reference?.kind === "reference" ? reference : null;
+  if (startsAfter) {
+    if (!fallbackTiming) return { html: source, matched: false, newId: null };
+    start = fallbackTiming.start;
+  }
   if (duration <= 0 && fallbackTiming && fallbackTiming.duration > 0) {
     start = fallbackTiming.start;
     duration = fallbackTiming.duration;
@@ -391,7 +398,12 @@ function splitElementInHtml(source, target, splitTime, newId, fallbackTiming) {
     duplicateCssRulesForId(document, timedMedia.id, mediaId);
     clonedTimed.setAttribute("id", mediaId);
   }
-  setElementDuration(clonedTimed, splitTime, secondDuration, fallbackTiming?.track);
+  setElementDuration(
+    clonedTimed,
+    startsAfter ? { ...startsAfter, offset: roundMs(startsAfter.offset + firstDuration) } : 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) => timed.getAttribute(name);
@@ -409,7 +421,7 @@ function splitElementInHtml(source, target, splitTime, newId, fallbackTiming) {
   if (originalId) {
     duplicateCssRulesForId(document, originalId, newId);
   }
-  setElementDuration(timed, start, firstDuration, fallbackTiming?.track);
+  setElementDuration(timed, startsAfter ?? 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-LRTNNDXS.js";
+} from "../chunk-LK3ZTZGN.js";
 export {
   dedupeClonedCompositionId,
   findTargetElement,

package/dist/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperframes/studio-server",
-  "version": "0.9.12",
+  "version": "0.9.13",
   "repository": {
     "type": "git",
     "url": "https://github.com/heygen-com/hyperframes",
@@ -88,8 +88,8 @@
     "linkedom": "^0.18.12",
     "postcss": "^8.5.8",
     "postcss-selector-parser": "^7.1.2",
-    "@hyperframes/core": "0.9.12",
-    "@hyperframes/parsers": "0.9.12"
+    "@hyperframes/core": "0.9.13",
+    "@hyperframes/parsers": "0.9.13"
   },
   "devDependencies": {
     "@types/node": "^25.0.10",