@hyperframes/lint 0.9.26 → 0.9.28-alpha.0

package/dist/browser.js

@@ -2846,6 +2846,7 @@ function containingCallOffset(script, tokenOffset) {
 
 // src/rules/composition.ts
 import selectorParser2 from "postcss-selector-parser";
+import { parseHTML as parseHTML2 } from "linkedom";
 import {
   COMPOSITION_VARIABLE_TYPES,
   isCompositionVariable,
@@ -4222,6 +4223,28 @@ ${allInlineStyles}`.replace(/\/\*[\s\S]*?\*\//g, "");
       fixHint: `Move the #${rootId} rules into a <style> inside the <template>, where they are rewritten for the merged root, or select a child element of the root in the linked file instead of the root itself.`,
       snippet: truncateSnippet(style.content.slice(0, 120))
     }));
+  },
+  // multiple_scene_templates: the renderer takes the first scene template of a file with no live root.
+  ({ rawSource }) => {
+    const { document } = parseHTML2(rawSource);
+    if (document.querySelector("[data-composition-id]")) return [];
+    const scenes = Array.from(document.querySelectorAll("template")).flatMap((template, index) => {
+      const compositionId = parseHTML2(template.innerHTML).document.querySelector("[data-composition-id]")?.getAttribute("data-composition-id");
+      if (compositionId === void 0) return [];
+      const id = template.getAttribute("id");
+      return [
+        `template #${index + 1}${id ? ` (id="${id}")` : ""} holding composition "${compositionId}"`
+      ];
+    });
+    if (scenes.length < 2) return [];
+    return [
+      {
+        code: "multiple_scene_templates",
+        severity: "warning",
+        message: `This file has more than one scene template and no live composition root, so only the first renders: ${scenes.join("; ")}.`,
+        fixHint: "Keep one composition root per file, or move the other scenes into their own files."
+      }
+    ];
   }
 ];
 var CLIP_MEDIA_TAGS = /* @__PURE__ */ new Set(["img", "video", "audio"]);

package/dist/index.js

@@ -2852,6 +2852,7 @@ function containingCallOffset(script, tokenOffset) {
 
 // src/rules/composition.ts
 import selectorParser2 from "postcss-selector-parser";
+import { parseHTML as parseHTML2 } from "linkedom";
 import {
   COMPOSITION_VARIABLE_TYPES,
   isCompositionVariable,
@@ -4228,6 +4229,28 @@ ${allInlineStyles}`.replace(/\/\*[\s\S]*?\*\//g, "");
       fixHint: `Move the #${rootId} rules into a <style> inside the <template>, where they are rewritten for the merged root, or select a child element of the root in the linked file instead of the root itself.`,
       snippet: truncateSnippet(style.content.slice(0, 120))
     }));
+  },
+  // multiple_scene_templates: the renderer takes the first scene template of a file with no live root.
+  ({ rawSource }) => {
+    const { document } = parseHTML2(rawSource);
+    if (document.querySelector("[data-composition-id]")) return [];
+    const scenes = Array.from(document.querySelectorAll("template")).flatMap((template, index) => {
+      const compositionId = parseHTML2(template.innerHTML).document.querySelector("[data-composition-id]")?.getAttribute("data-composition-id");
+      if (compositionId === void 0) return [];
+      const id = template.getAttribute("id");
+      return [
+        `template #${index + 1}${id ? ` (id="${id}")` : ""} holding composition "${compositionId}"`
+      ];
+    });
+    if (scenes.length < 2) return [];
+    return [
+      {
+        code: "multiple_scene_templates",
+        severity: "warning",
+        message: `This file has more than one scene template and no live composition root, so only the first renders: ${scenes.join("; ")}.`,
+        fixHint: "Keep one composition root per file, or move the other scenes into their own files."
+      }
+    ];
   }
 ];
 var CLIP_MEDIA_TAGS = /* @__PURE__ */ new Set(["img", "video", "audio"]);
@@ -7296,7 +7319,7 @@ import {
   resolveReferencedStart
 } from "@hyperframes/parsers/reference-resolver";
 import { checkSubCompositionUsability } from "@hyperframes/parsers/sub-composition-validity";
-import { parseHTML as parseHTML3 } from "linkedom";
+import { parseHTML as parseHTML4 } from "linkedom";
 import postcss5 from "postcss";
 import {
   cleanAssetUrl as cleanAssetUrl2,
@@ -7327,7 +7350,7 @@ import {
   maskNonScannableRanges,
   resolveExistingLocalAsset
 } from "@hyperframes/parsers/asset-resolution";
-import { parseHTML as parseHTML2 } from "linkedom";
+import { parseHTML as parseHTML3 } from "linkedom";
 var PROBE_TIMEOUT_MS = 4e3;
 var PROBE_CONCURRENCY = 8;
 function execFileAsync(file, args) {
@@ -7406,7 +7429,7 @@ function collectLocalVideoCandidates(projectDir, htmlSources) {
   return candidates;
 }
 function collectVideoElements(html) {
-  const { document } = parseHTML2(html);
+  const { document } = parseHTML3(html);
   const roots = [document];
   const videos = [];
   for (let index = 0; index < roots.length; index++) {
@@ -7605,7 +7628,7 @@ function lintProjectShaderScripts(projectDir, sources) {
 
 // src/project.ts
 function parseSubCompHtml(html) {
-  return parseHTML3(html).document;
+  return parseHTML4(html).document;
 }
 var sourceFile = (projectDir, compSrcPath) => resolve(projectDir, compSrcPath ?? "index.html");
 function querySelectorAllIncludingTemplates(root, selector) {
@@ -7650,7 +7673,7 @@ function collectLocalStylesheets(projectDir, document, compSrcPath) {
 }
 function collectExternalStyles(projectDir, html, compSrcPath) {
   const styles = [];
-  const { document } = parseHTML3(html);
+  const { document } = parseHTML4(html);
   for (const { href, content, rootRelativePath } of collectLocalStylesheets(
     projectDir,
     document,
@@ -7669,7 +7692,7 @@ function linkedSources(projectDir, html, compSrcPath) {
 }
 function collectExternalScripts(projectDir, html, compSrcPath) {
   const scripts = [];
-  const { document } = parseHTML3(html);
+  const { document } = parseHTML4(html);
   for (const element of querySelectorAllIncludingTemplates(document, "script[src]")) {
     const src = element.getAttribute("src") ?? "";
     if (!isLocalStylesheetHref(src) || /\.min\.m?js(?:[?#]|$)/i.test(src)) continue;
@@ -7692,7 +7715,7 @@ function collectExternalScripts(projectDir, html, compSrcPath) {
 }
 function collectCssSources(projectDir, html, compSrcPath) {
   const sources = [];
-  const { document } = parseHTML3(html);
+  const { document } = parseHTML4(html);
   for (const style of querySelectorAllIncludingTemplates(document, "style")) {
     sources.push({ content: style.textContent ?? "" });
   }
@@ -7727,7 +7750,7 @@ function mountedSources(projectDir, rootHtml, rootCompSrcPath) {
   const sources = [{ html: rootHtml, compSrcPath: rootCompSrcPath }];
   const seen = /* @__PURE__ */ new Set();
   for (const source of sources) {
-    const { document } = parseHTML3(source.html);
+    const { document } = parseHTML4(source.html);
     for (const host of querySelectorAllIncludingTemplates(document, "[data-composition-src]")) {
       const src = host.getAttribute("data-composition-src")?.trim();
       if (!src || isUnresolvedAssetPlaceholder2(src) || isRemoteOrInlineUrl2(src)) continue;
@@ -7747,7 +7770,7 @@ function mountedSources(projectDir, rootHtml, rootCompSrcPath) {
 function declaredProjectFontFamilies(projectDir, sources) {
   const families = /* @__PURE__ */ new Set();
   for (const { html, compSrcPath } of sources) {
-    const { document } = parseHTML3(html);
+    const { document } = parseHTML4(html);
     const styles = [
       ...querySelectorAllIncludingTemplates(document, "style").map((style) => ({
         content: style.textContent ?? ""
@@ -7868,7 +7891,7 @@ async function lintProject(projectDir, entryFile, hostOptions = {}, { includeUnm
   return { results, totalErrors, totalWarnings, totalInfos, unmountedCompositions };
 }
 function lintBlankRootWithStandaloneComposition(rootHtml, htmlSources) {
-  const { document: rootDocument } = parseHTML3(rootHtml);
+  const { document: rootDocument } = parseHTML4(rootHtml);
   const root = rootDocument.querySelector("body [data-composition-id]");
   if (!root || root.querySelector("*:not(script):not(style):not(link):not(meta):not(template)")) {
     return [];
@@ -7876,7 +7899,7 @@ function lintBlankRootWithStandaloneComposition(rootHtml, htmlSources) {
   const standaloneCandidates = [];
   for (const source of htmlSources) {
     if (!source.compSrcPath) continue;
-    const { document } = parseHTML3(source.html);
+    const { document } = parseHTML4(source.html);
     const composition = document.querySelector("body [data-composition-id]");
     if (!composition) continue;
     const authoredTimedContent = Array.from(
@@ -8074,7 +8097,7 @@ function lintLinkedStylesheetAssets(projectDir, htmlSources) {
   for (const { html, compSrcPath } of htmlSources) {
     for (const { content, rootRelativePath } of collectLocalStylesheets(
       projectDir,
-      parseHTML3(html).document,
+      parseHTML4(html).document,
       compSrcPath
     )) {
       let root;
@@ -8141,7 +8164,7 @@ var localDuration = (file, el) => resolveReferencedDuration(file.doc, el, file.s
 function collectMainTimelineAudio(projectDir, rootHtml) {
   const spans = [];
   const mount = (html, at) => {
-    const { document: document2 } = parseHTML3(html);
+    const { document: document2 } = parseHTML4(html);
     const root = querySelectorAllIncludingTemplates(document2, "[data-composition-id]")[0];
     if (root) visit(root, { ...at, file: timingFile(document2) });
   };
@@ -8170,7 +8193,7 @@ function collectMainTimelineAudio(projectDir, rootHtml) {
       visit(el, inner);
     }
   };
-  const { document } = parseHTML3(rootHtml);
+  const { document } = parseHTML4(rootHtml);
   visit(document, { file: timingFile(document), origin: 0, slots: [], mounting: [] });
   return spans;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperframes/lint",
-  "version": "0.9.26",
+  "version": "0.9.28-alpha.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/heygen-com/hyperframes",
@@ -36,7 +36,7 @@
     "linkedom": "^0.18.12",
     "postcss": "^8.5.8",
     "postcss-selector-parser": "^7.1.4",
-    "@hyperframes/parsers": "0.9.26"
+    "@hyperframes/parsers": "0.9.28-alpha.0"
   },
   "devDependencies": {
     "@types/node": "^25.0.10",