hyperframes 0.2.0-alpha.1 → 0.2.0

package/dist/cli.js

@@ -49,7 +49,7 @@ var VERSION;
 var init_version = __esm({
   "src/version.ts"() {
     "use strict";
-    VERSION = true ? "0.2.0-alpha.1" : "0.0.0-dev";
+    VERSION = true ? "0.2.0" : "0.0.0-dev";
   }
 });
 
@@ -6698,10 +6698,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");
@@ -6728,13 +6732,15 @@ function compileTag(tag, isVideo) {
 }
 function compileTimingAttrs(html) {
   const unresolved = [];
+  let nextVideoId = 0;
+  let nextAudioId = 0;
   html = html.replace(/<video[^>]*>/gi, (match) => {
-    const { tag, unresolved: u } = compileTag(match, true);
+    const { tag, unresolved: u } = compileTag(match, true, () => nextVideoId++);
     if (u) unresolved.push(u);
     return tag;
   });
   html = html.replace(/<audio[^>]*>/gi, (match) => {
-    const { tag, unresolved: u } = compileTag(match, false);
+    const { tag, unresolved: u } = compileTag(match, false, () => nextAudioId++);
     if (u) unresolved.push(u);
     return tag;
   });
@@ -21029,19 +21035,15 @@ import { join as join20 } from "path";
 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");
@@ -23806,8 +23808,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 = resolve10(projectDir, video.src);
@@ -23826,22 +23828,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;
@@ -23850,7 +23836,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,
@@ -23940,8 +23926,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(
     (c2) => !resolutions.some((r) => r.id === c2.id)
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hyperframes",
-  "version": "0.2.0-alpha.1",
+  "version": "0.2.0",
   "description": "HyperFrames CLI — create, preview, and render HTML video compositions",
   "repository": {
     "type": "git",