@hyperframes/studio-server 0.8.167 → 0.8.168

package/dist/{chunk-WUNFUTHB.js → chunk-OF4B2ILS.js}

@@ -174,9 +174,15 @@ function isHTMLElement(el) {
   const HTMLEl = el.ownerDocument?.defaultView?.HTMLElement;
   return HTMLEl ? el instanceof HTMLEl : el.nodeType === 1 && "style" in el;
 }
+function mountsComposition(document, host, compositionId) {
+  if (host.hasAttribute("data-composition-src")) return true;
+  return host.children.length === 0 && querySelectorAllWithTemplates(document, "template").some(
+    (template) => template.id === `${compositionId}-template`
+  );
+}
 function dedupeClonedCompositionId(document, clone) {
   const compositionId = clone.getAttribute("data-composition-id");
-  if (!compositionId) return;
+  if (!compositionId || mountsComposition(document, clone, compositionId)) return;
   const usedCompositionIds = new Set(
     querySelectorAllWithTemplates(document, "[data-composition-id]").map(
       (node) => node.getAttribute("data-composition-id")

package/dist/helpers/sourceMutation.js

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

package/dist/index.js

@@ -17,7 +17,7 @@ import {
   splitElementInHtml,
   unwrapElementsFromHtml,
   wrapElementsInHtml
-} from "./chunk-WUNFUTHB.js";
+} from "./chunk-OF4B2ILS.js";
 import {
   isCompositionSource,
   stampProjectHfIds
@@ -568,8 +568,8 @@ function resolveTrack(root, desiredTrack, start, duration) {
 }
 function uniqueHostId(root, base) {
   const ids = /* @__PURE__ */ new Set([
-    ...descendants(root, "[id]").map((element) => element.id),
-    ...descendants(root, "[data-composition-id]").flatMap((element) => {
+    ...[root, ...descendants(root, "[id]")].map((element) => element.id),
+    ...[root, ...descendants(root, "[data-composition-id]")].flatMap((element) => {
       const id = element.getAttribute("data-composition-id");
       return id ? [id] : [];
     })
@@ -597,7 +597,8 @@ function insertCompositionIntoSource(input) {
   const height = positiveAttribute(sourceComposition, "data-height");
   const { document, root } = compositionRoot(input.parentSource);
   const parentDuration = positiveAttribute(root, "data-duration", "data-composition-duration");
-  const base = (sourceComposition.getAttribute("data-composition-id") ?? "composition").replace(/[^a-zA-Z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || "composition";
+  const sourceCompositionId = sourceComposition.getAttribute("data-composition-id") ?? "";
+  const base = (sourceCompositionId || "composition").replace(/[^a-zA-Z0-9_-]+/g, "-").replace(/^-+|-+$/g, "") || "composition";
   const hostId = uniqueHostId(root, base);
   const track = resolveTrack(
     root,
@@ -616,7 +617,8 @@ function insertCompositionIntoSource(input) {
   host.id = hostId;
   host.className = "clip";
   host.setAttribute("data-hf-id", `hf-${randomUUID()}`);
-  host.setAttribute("data-composition-id", hostId);
+  const mountedRootId = sourceCompositionId || hostId;
+  host.setAttribute("data-composition-id", mountedRootId);
   host.setAttribute("data-composition-src", relativeSourcePath(targetAbs, sourceAbs));
   host.setAttribute("data-start", String(Math.round(input.start * 100) / 100));
   host.setAttribute("data-duration", String(duration));

package/package.json

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