@hyperframes/producer 0.2.0-alpha.1 → 0.2.0

package/dist/public-server.js

@@ -101852,10 +101852,14 @@ function hasAttr(tag, attr) {
 function injectAttr(tag, attr, value) {
   return tag.replace(/>$/, ` ${attr}="${value}">`);
 }
-function compileTag(tag, isVideo) {
+function compileTag(tag, isVideo, generateId) {
   let result = tag;
   let unresolved = null;
-  const id = getAttr(result, "id");
+  let id = getAttr(result, "id");
+  if (!id) {
+    id = `${isVideo ? "hf-video" : "hf-audio"}-${generateId()}`;
+    result = injectAttr(result, "id", id);
+  }
   const startStr = getAttr(result, "data-start");
   const start = startStr !== null ? parseFloat(startStr) : 0;
   const mediaStartStr = getAttr(result, "data-media-start");
@@ -101882,13 +101886,15 @@ function compileTag(tag, isVideo) {
 }
 function compileTimingAttrs(html) {
   const unresolved = [];
+  let nextVideoId = 0;
+  let nextAudioId = 0;
   html = html.replace(/<video[^>]*>/gi, (match2) => {
-    const { tag, unresolved: u } = compileTag(match2, true);
+    const { tag, unresolved: u } = compileTag(match2, true, () => nextVideoId++);
     if (u) unresolved.push(u);
     return tag;
   });
   html = html.replace(/<audio[^>]*>/gi, (match2) => {
-    const { tag, unresolved: u } = compileTag(match2, false);
+    const { tag, unresolved: u } = compileTag(match2, false, () => nextAudioId++);
     if (u) unresolved.push(u);
     return tag;
   });
@@ -104425,19 +104431,15 @@ function isHttpUrl(path12) {
 function parseVideoElements(html) {
   const videos = [];
   const { document: document2 } = parseHTML(html);
-  const videoEls = Array.from(
-    /* @__PURE__ */ new Set([
-      ...Array.from(document2.querySelectorAll("video[id][src]")),
-      ...Array.from(document2.querySelectorAll("video[src][data-start]"))
-    ])
-  );
-  videoEls.forEach((el, i) => {
-    if (!el.id) el.id = `hf-video-${i}`;
-  });
+  const videoEls = document2.querySelectorAll("video[src]");
+  let autoIdCounter = 0;
   for (const el of videoEls) {
-    const id = el.getAttribute("id");
     const src = el.getAttribute("src");
-    if (!id || !src) continue;
+    if (!src) continue;
+    const id = el.getAttribute("id") || `hf-video-${autoIdCounter++}`;
+    if (!el.getAttribute("id")) {
+      el.setAttribute("id", id);
+    }
     const startAttr = el.getAttribute("data-start");
     const endAttr = el.getAttribute("data-end");
     const durationAttr = el.getAttribute("data-duration");
@@ -106334,8 +106336,8 @@ async function compileForRender(projectDir, htmlPath, downloadDir) {
   );
   const mainVideos = parseVideoElements(html);
   const mainAudios = parseAudioElements(html);
-  const videos = dedupeElementsById([...subVideos, ...mainVideos]);
-  const audios = dedupeElementsById([...subAudios, ...mainAudios]);
+  const videos = dedupeElementsById([...mainVideos, ...subVideos]);
+  const audios = dedupeElementsById([...mainAudios, ...subAudios]);
   for (const video of videos) {
     if (isHttpUrl(video.src)) continue;
     const videoPath = resolve8(projectDir, video.src);
@@ -106354,22 +106356,6 @@ async function compileForRender(projectDir, htmlPath, downloadDir) {
     }).catch(() => {
     });
   }
-  const autoIdVideos = videos.filter((v) => v.id.startsWith("hf-video-"));
-  let htmlWithIds = html;
-  if (autoIdVideos.length > 0) {
-    const { document: idDoc } = parseHTML(html);
-    let changed = false;
-    for (const v of autoIdVideos) {
-      const el = idDoc.querySelector(`video[src="${v.src}"]:not([id])`);
-      if (el) {
-        el.id = v.id;
-        changed = true;
-      }
-    }
-    if (changed) {
-      htmlWithIds = idDoc.documentElement?.outerHTML ?? html;
-    }
-  }
   const { document: document2 } = parseHTML(html);
   const rootEl = document2.querySelector("[data-composition-id]");
   const width = rootEl ? parseInt(rootEl.getAttribute("data-width") || "1080", 10) : 1080;
@@ -106378,7 +106364,7 @@ async function compileForRender(projectDir, htmlPath, downloadDir) {
     rootEl.getAttribute("data-duration") || rootEl.getAttribute("data-composition-duration") || "0"
   ) : 0;
   return {
-    html: htmlWithIds,
+    html,
     subCompositions,
     videos,
     audios,
@@ -106468,8 +106454,8 @@ async function recompileWithResolutions(compiled, resolutions, projectDir, downl
   } = await parseSubCompositions(html, projectDir, downloadDir);
   const mainVideos = parseVideoElements(html);
   const mainAudios = parseAudioElements(html);
-  const videos = dedupeElementsById([...subVideos, ...mainVideos]);
-  const audios = dedupeElementsById([...subAudios, ...mainAudios]);
+  const videos = dedupeElementsById([...mainVideos, ...subVideos]);
+  const audios = dedupeElementsById([...mainAudios, ...subAudios]);
   const remaining = compiled.unresolvedCompositions.filter(
     (c) => !resolutions.some((r) => r.id === c.id)
   );