@hyperframes/producer 0.1.10 → 0.1.11

package/dist/index.js

@@ -99193,7 +99193,9 @@ var INVALID_SCRIPT_CLOSE_PATTERN = /<script[^>]*>[\s\S]*?<\s*\/\s*script(?!>)/i;
 var WINDOW_TIMELINE_ASSIGN_PATTERN = /window\.__timelines\[\s*["']([^"']+)["']\s*\]\s*=\s*([A-Za-z_$][\w$]*)/i;
 var META_GSAP_KEYS = /* @__PURE__ */ new Set(["duration", "ease", "repeat", "yoyo", "overwrite", "delay"]);
 function lintHyperframeHtml(html, options = {}) {
-  const source2 = html || "";
+  let source2 = html || "";
+  const templateMatch = source2.match(/<template[^>]*>([\s\S]*)<\/template>/i);
+  if (templateMatch?.[1]) source2 = templateMatch[1];
   const filePath = options.filePath;
   const findings = [];
   const seen = /* @__PURE__ */ new Set();
@@ -99550,18 +99552,20 @@ ${right2.raw}`)
   for (const tag of tags) {
     if (tag.name === "audio" || tag.name === "script" || tag.name === "style") continue;
     if (!readAttr(tag.raw, "data-start")) continue;
+    if (readAttr(tag.raw, "data-composition-id")) continue;
+    if (readAttr(tag.raw, "data-composition-src")) continue;
     const classAttr = readAttr(tag.raw, "class") || "";
     const styleAttr = readAttr(tag.raw, "style") || "";
     const hasClip = classAttr.split(/\s+/).includes("clip");
-    const hasHiddenStyle = /visibility\s*:\s*hidden/i.test(styleAttr);
+    const hasHiddenStyle = /visibility\s*:\s*hidden/i.test(styleAttr) || /opacity\s*:\s*0/i.test(styleAttr);
     if (!hasClip && !hasHiddenStyle) {
       const elementId = readAttr(tag.raw, "id") || void 0;
       pushFinding({
         code: "timed_element_missing_visibility_hidden",
-        severity: "warning",
-        message: `<${tag.name}${elementId ? ` id="${elementId}"` : ""}> has data-start but no class="clip" or visibility:hidden. The framework needs elements to start hidden so it can manage their lifecycle.`,
+        severity: "info",
+        message: `<${tag.name}${elementId ? ` id="${elementId}"` : ""}> has data-start but no class="clip", visibility:hidden, or opacity:0. Consider adding initial hidden state if the element should not be visible before its start time.`,
         elementId,
-        fixHint: 'Add class="clip" to the element (with CSS: .clip { visibility: hidden; }).',
+        fixHint: 'Add class="clip" (with CSS: .clip { visibility: hidden; }) or style="opacity:0" if the element should start hidden.',
         snippet: truncateSnippet(tag.raw)
       });
     }
@@ -107030,7 +107034,8 @@ function parseRenderOptions(body) {
   const debug6 = body.debug === true;
   const outputPath = typeof body.outputPath === "string" && body.outputPath.trim().length > 0 ? body.outputPath : typeof body.output === "string" && body.output.trim().length > 0 ? body.output : null;
   const entryFile = typeof body.entryFile === "string" && body.entryFile.trim().length > 0 ? body.entryFile.trim() : void 0;
-  return { outputPath, fps, quality, workers, useGpu, debug: debug6, entryFile };
+  const format3 = ["mp4", "webm"].includes(body.format) ? body.format : void 0;
+  return { outputPath, fps, quality, workers, useGpu, debug: debug6, entryFile, format: format3 };
 }
 async function prepareRenderBody(body) {
   const options = parseRenderOptions(body);
@@ -107198,6 +107203,7 @@ function createRenderHandlers(options = {}) {
     const job = createRenderJob({
       fps: input2.fps,
       quality: input2.quality,
+      format: input2.format,
       workers: input2.workers,
       useGpu: input2.useGpu,
       debug: input2.debug,
@@ -107301,6 +107307,7 @@ function createRenderHandlers(options = {}) {
       const job = createRenderJob({
         fps: input2.fps,
         quality: input2.quality,
+        format: input2.format,
         workers: input2.workers,
         useGpu: input2.useGpu,
         debug: input2.debug,