@hyperframes/lint 0.8.197 → 0.8.199

package/dist/browser.js

@@ -3208,11 +3208,14 @@ function declaredIdsForBindingCheck(tags) {
   if (declared.size === 0 && !findHtmlTag(tags)) return null;
   return declared;
 }
-function isInsideInertTemplate(tag, tags) {
+function isInsideTag(tag, tags, name) {
   return tags.some(
-    (candidate) => candidate.name === "template" && candidate.closeIndex != null && tag.index > candidate.index && tag.index < candidate.closeIndex
+    (candidate) => candidate.name === name && candidate.closeIndex != null && tag.index > candidate.index && tag.index < candidate.closeIndex
   );
 }
+function isInsideInertTemplate(tag, tags) {
+  return isInsideTag(tag, tags, "template");
+}
 var NEGATIVE_Z_INDEX = /(?<![\w-])z-index\s*:\s*-(?!0(?:\s*[;}]|\s*$))([\d.]+)/g;
 function cssOwnerSelector(content, matchIndex) {
   const blockStart = content.lastIndexOf("{", matchIndex);
@@ -3810,6 +3813,26 @@ var compositionRules = [
       }
     ];
   },
+  // subcomposition_style_outside_template
+  // Mounting keeps only the <template> content and the <head> stylesheet links.
+  ({ rawSource, options }) => {
+    if (!options.isSubComposition) return [];
+    const { tags } = parseHtmlStructure(stripHtmlComments(rawSource));
+    if (!tags.some((tag) => tag.name === "template")) return [];
+    const dropped = tags.filter((tag) => {
+      if (isInsideInertTemplate(tag, tags)) return false;
+      if (tag.name === "style") return true;
+      const rel = (readAttr(tag.raw, "rel") || "").toLowerCase().split(/\s+/);
+      return tag.name === "link" && rel.includes("stylesheet") && !isInsideTag(tag, tags, "head");
+    });
+    return dropped.map((tag) => ({
+      code: "subcomposition_style_outside_template",
+      severity: "warning",
+      message: `<${tag.name}> sits outside this sub-composition's <template>. Mounting keeps only the template's content, so these styles never apply in preview, snapshot or render.`,
+      fixHint: "Move it inside <template>, next to the composition root.",
+      snippet: truncateSnippet(tag.raw)
+    }));
+  },
   // root_composition_missing_duration_source
   //
   // The render engine (packages/engine/src/services/frameCapture.ts) needs a

package/dist/index.js

@@ -3214,11 +3214,14 @@ function declaredIdsForBindingCheck(tags) {
   if (declared.size === 0 && !findHtmlTag(tags)) return null;
   return declared;
 }
-function isInsideInertTemplate(tag, tags) {
+function isInsideTag(tag, tags, name) {
   return tags.some(
-    (candidate) => candidate.name === "template" && candidate.closeIndex != null && tag.index > candidate.index && tag.index < candidate.closeIndex
+    (candidate) => candidate.name === name && candidate.closeIndex != null && tag.index > candidate.index && tag.index < candidate.closeIndex
   );
 }
+function isInsideInertTemplate(tag, tags) {
+  return isInsideTag(tag, tags, "template");
+}
 var NEGATIVE_Z_INDEX = /(?<![\w-])z-index\s*:\s*-(?!0(?:\s*[;}]|\s*$))([\d.]+)/g;
 function cssOwnerSelector(content, matchIndex) {
   const blockStart = content.lastIndexOf("{", matchIndex);
@@ -3816,6 +3819,26 @@ var compositionRules = [
       }
     ];
   },
+  // subcomposition_style_outside_template
+  // Mounting keeps only the <template> content and the <head> stylesheet links.
+  ({ rawSource, options }) => {
+    if (!options.isSubComposition) return [];
+    const { tags } = parseHtmlStructure(stripHtmlComments(rawSource));
+    if (!tags.some((tag) => tag.name === "template")) return [];
+    const dropped = tags.filter((tag) => {
+      if (isInsideInertTemplate(tag, tags)) return false;
+      if (tag.name === "style") return true;
+      const rel = (readAttr(tag.raw, "rel") || "").toLowerCase().split(/\s+/);
+      return tag.name === "link" && rel.includes("stylesheet") && !isInsideTag(tag, tags, "head");
+    });
+    return dropped.map((tag) => ({
+      code: "subcomposition_style_outside_template",
+      severity: "warning",
+      message: `<${tag.name}> sits outside this sub-composition's <template>. Mounting keeps only the template's content, so these styles never apply in preview, snapshot or render.`,
+      fixHint: "Move it inside <template>, next to the composition root.",
+      snippet: truncateSnippet(tag.raw)
+    }));
+  },
   // root_composition_missing_duration_source
   //
   // The render engine (packages/engine/src/services/frameCapture.ts) needs a

package/package.json

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