@hyperframes/producer 0.4.13 → 0.4.15-alpha.1

package/dist/index.js

@@ -99570,6 +99570,110 @@ var coreRules = [
 ];
 
 // ../core/src/lint/rules/media.ts
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function selectorTargetsManagedMedia(selector, mediaIds) {
+  const normalized = selector.trim();
+  if (!normalized) return false;
+  if (/\b(video|audio)\b/i.test(normalized)) return true;
+  for (const mediaId of mediaIds) {
+    if (normalized.includes(`#${mediaId}`) || normalized.includes(`[id="${mediaId}"]`) || normalized.includes(`[id='${mediaId}']`)) {
+      return true;
+    }
+  }
+  return false;
+}
+function findImperativeMediaControlFindings(ctx) {
+  const findings = [];
+  const managedMediaIds = new Set(
+    ctx.tags.filter((tag) => tag.name === "video" || tag.name === "audio").map((tag) => readAttr(tag.raw, "id")).filter((id) => Boolean(id))
+  );
+  if (managedMediaIds.size === 0 || ctx.scripts.length === 0) return findings;
+  for (const script of ctx.scripts) {
+    const mediaVars = /* @__PURE__ */ new Map();
+    const assignmentPatterns = [
+      /\b(?:const|let|var)\s+([A-Za-z_$][\w$]*)\s*=\s*(?:document|window\.document)\.getElementById\(\s*["']([^"']+)["']\s*\)/g,
+      /\b(?:const|let|var)\s+([A-Za-z_$][\w$]*)\s*=\s*(?:document|window\.document)\.querySelector\(\s*["']([^"']+)["']\s*\)/g
+    ];
+    for (const pattern of assignmentPatterns) {
+      let match2;
+      while ((match2 = pattern.exec(script.content)) !== null) {
+        const variableName = match2[1];
+        const target = match2[2];
+        if (!variableName || !target) continue;
+        if (managedMediaIds.has(target) || selectorTargetsManagedMedia(target, managedMediaIds)) {
+          mediaVars.set(variableName, managedMediaIds.has(target) ? target : void 0);
+        }
+      }
+    }
+    const directIdPatterns = [
+      {
+        pattern: /\b(?:document|window\.document)\.getElementById\(\s*["']([^"']+)["']\s*\)\.play\s*\(/g,
+        kind: "play()"
+      },
+      {
+        pattern: /\b(?:document|window\.document)\.getElementById\(\s*["']([^"']+)["']\s*\)\.pause\s*\(/g,
+        kind: "pause()"
+      },
+      {
+        pattern: /\b(?:document|window\.document)\.getElementById\(\s*["']([^"']+)["']\s*\)\.currentTime\s*=/g,
+        kind: "currentTime"
+      },
+      {
+        pattern: /\b(?:document|window\.document)\.querySelector\(\s*["']([^"']+)["']\s*\)\.play\s*\(/g,
+        kind: "play()"
+      },
+      {
+        pattern: /\b(?:document|window\.document)\.querySelector\(\s*["']([^"']+)["']\s*\)\.pause\s*\(/g,
+        kind: "pause()"
+      },
+      {
+        pattern: /\b(?:document|window\.document)\.querySelector\(\s*["']([^"']+)["']\s*\)\.currentTime\s*=/g,
+        kind: "currentTime"
+      }
+    ];
+    for (const { pattern, kind } of directIdPatterns) {
+      let match2;
+      while ((match2 = pattern.exec(script.content)) !== null) {
+        const target = match2[1];
+        if (!target) continue;
+        const elementId = managedMediaIds.has(target) ? target : selectorTargetsManagedMedia(target, managedMediaIds) ? void 0 : null;
+        if (elementId === null) continue;
+        findings.push({
+          code: "imperative_media_control",
+          severity: "error",
+          message: `Inline <script> imperatively controls managed media via ${kind}. HyperFrames must own media play/pause/seek to keep preview, timeline, and renders deterministic.`,
+          elementId: elementId || void 0,
+          fixHint: "Remove imperative media play/pause/currentTime control. Express timing with data-start/data-duration and media offsets like data-media-start or data-playback-start instead.",
+          snippet: truncateSnippet(match2[0])
+        });
+      }
+    }
+    for (const [variableName, elementId] of mediaVars) {
+      const escapedVar = escapeRegExp(variableName);
+      const variablePatterns = [
+        { pattern: new RegExp(`\\b${escapedVar}\\.play\\s*\\(`, "g"), kind: "play()" },
+        { pattern: new RegExp(`\\b${escapedVar}\\.pause\\s*\\(`, "g"), kind: "pause()" },
+        { pattern: new RegExp(`\\b${escapedVar}\\.currentTime\\s*=`, "g"), kind: "currentTime" }
+      ];
+      for (const { pattern, kind } of variablePatterns) {
+        let match2;
+        while ((match2 = pattern.exec(script.content)) !== null) {
+          findings.push({
+            code: "imperative_media_control",
+            severity: "error",
+            message: `Inline <script> imperatively controls managed media via ${kind}. HyperFrames must own media play/pause/seek to keep preview, timeline, and renders deterministic.`,
+            elementId,
+            fixHint: "Remove imperative media play/pause/currentTime control. Express timing with data-start/data-duration and media offsets like data-media-start or data-playback-start instead.",
+            snippet: truncateSnippet(match2[0])
+          });
+        }
+      }
+    }
+  }
+  return findings;
+}
 var mediaRules = [
   // duplicate_media_id + duplicate_media_discovery_risk
   ({ tags }) => {
@@ -99792,7 +99896,9 @@ var mediaRules = [
       }
     }
     return findings;
-  }
+  },
+  // imperative_media_control
+  findImperativeMediaControlFindings
 ];
 
 // ../core/src/lint/rules/gsap.ts
@@ -110243,8 +110349,7 @@ async function executeRenderJob(job, projectDir, outputPath, onProgress, abortSi
               )
             });
           }
-          for (let layerIdx = 0; layerIdx < layers.length; layerIdx++) {
-            const layer = layers[layerIdx];
+          for (const [layerIdx, layer] of layers.entries()) {
             if (layer.type === "hdr") {
               const before2 = shouldLog ? countNonZeroRgb482(canvas) : 0;
               const isHdrImage = nativeHdrImageIds.has(layer.element.id);