@hyperframes/lint 0.8.193 → 0.8.195

package/dist/browser.js

@@ -814,6 +814,96 @@ function buildLintContext(html, options = {}) {
 // src/rules/core.ts
 import postcss from "postcss";
 import selectorParser from "postcss-selector-parser";
+
+// src/shaderDomains.ts
+import { parse as parse2, parseExpressionAt } from "acorn";
+import { simple as simple2 } from "acorn-walk";
+var GLSL_SCRIPT_TYPES = /* @__PURE__ */ new Set(["x-shader/x-fragment", "x-shader/x-vertex", "text/glsl"]);
+function withoutComments(source) {
+  return source.replace(/\/\*[\s\S]*?\*\/|\/\/[^\r\n]*/g, (text) => text.replace(/[^\r\n]/g, " "));
+}
+function staticShaders(source) {
+  const shaders = [];
+  try {
+    const ast = parse2(source, {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      allowReturnOutsideFunction: true
+    });
+    simple2(ast, {
+      Literal(node) {
+        if (typeof node.value !== "string") return;
+        shaders.push({
+          text: node.value,
+          start: node.start + 1,
+          exactOffsets: source.slice(node.start + 1, node.end - 1) === node.value
+        });
+      },
+      TemplateLiteral(node) {
+        if (node.expressions.length !== 0) return;
+        const value = node.quasis[0]?.value;
+        if (value?.cooked == null) return;
+        shaders.push({
+          text: value.cooked,
+          start: node.start + 1,
+          exactOffsets: source.slice(node.start + 1, node.end - 1) === value.cooked
+        });
+      }
+    });
+  } catch {
+  }
+  return shaders.filter(({ text }) => /\bvoid\s+main\s*\(/.test(withoutComments(text)));
+}
+function isNumber(node, value) {
+  return node?.type === "Literal" && node.value === value;
+}
+function isCall(node, name) {
+  return node?.type === "CallExpression" && node.callee.type === "Identifier" && node.callee.name === name;
+}
+function unboundedCosine(node) {
+  if (node.type !== "CallExpression") return false;
+  if (isCall(node, "dot")) return node.arguments.length === 2;
+  if (!isCall(node, "max") || node.arguments.length !== 2) return false;
+  const a = argumentAt(node, 0);
+  const b = argumentAt(node, 1);
+  return zeroFlooredDot(a, b) || zeroFlooredDot(b, a);
+}
+function argumentAt(call, index) {
+  const node = call.arguments[index];
+  return node?.type === "SpreadElement" ? void 0 : node;
+}
+function zeroFlooredDot(a, b) {
+  return isCall(a, "dot") && isNumber(b, 0);
+}
+function unsafeCosinePower(call) {
+  if (call.arguments.length !== 2) return false;
+  const [base2] = call.arguments;
+  return base2?.type === "BinaryExpression" && base2.operator === "-" && base2.left.type !== "PrivateIdentifier" && isNumber(base2.left, 1) && unboundedCosine(base2.right);
+}
+function unsafePowOffsets(source) {
+  const offsets = [];
+  const masked = withoutComments(source);
+  for (const match of masked.matchAll(/\bpow\s*\(/g)) {
+    try {
+      const expression = parseExpressionAt(masked, match.index, { ecmaVersion: "latest" });
+      simple2(expression, {
+        CallExpression(node) {
+          if (node.start === match.index && unsafeCosinePower(node)) offsets.push(node.start);
+        }
+      });
+    } catch {
+    }
+  }
+  return offsets;
+}
+function shaderDomainOffsets(source, glsl = false) {
+  const shaders = glsl ? [{ text: source, start: 0, exactOffsets: true }] : staticShaders(source);
+  return shaders.flatMap(
+    ({ text, start, exactOffsets }) => unsafePowOffsets(text).map((offset) => exactOffsets ? start + offset : void 0)
+  );
+}
+
+// src/rules/core.ts
 import {
   HTML_BODY_CSS_WIDTH_FIRST_RE,
   HTML_BODY_CSS_HEIGHT_FIRST_RE,
@@ -823,7 +913,8 @@ var SCRIPT_SYNTAX_EXEMPT_TYPES = /* @__PURE__ */ new Set([
   "application/json",
   "application/hyperframes-slideshow+json",
   "importmap",
-  "module"
+  "module",
+  ...GLSL_SCRIPT_TYPES
 ]);
 function repeatedDescendantId(selector) {
   let repeated = null;
@@ -2579,20 +2670,20 @@ function findAudioGroupCarveAttrFindings(ctx) {
 }
 
 // src/scriptPositions.ts
-import { parse as parse2 } from "acorn";
-import { simple as simple2 } from "acorn-walk";
+import { parse as parse3 } from "acorn";
+import { simple as simple3 } from "acorn-walk";
 var callIndexes = /* @__PURE__ */ new WeakMap();
 function callsFor(script) {
   const cached = callIndexes.get(script);
   if (cached) return cached;
   const calls = [];
   try {
-    const ast = parse2(script.content, {
+    const ast = parse3(script.content, {
       ecmaVersion: "latest",
       sourceType: "script",
       allowReturnOutsideFunction: true
     });
-    simple2(ast, {
+    simple3(ast, {
       CallExpression: (node) => {
         calls.push(node);
       }
@@ -2618,6 +2709,7 @@ function containingCallOffset(script, tokenOffset) {
 }
 
 // src/rules/composition.ts
+import selectorParser2 from "postcss-selector-parser";
 import {
   COMPOSITION_VARIABLE_TYPES,
   isCompositionVariable,
@@ -2785,12 +2877,154 @@ function firstRescalingZoom(css) {
   }
   return null;
 }
-function targetsCanvasRoot(selector, rootId, rootClasses) {
+function canvasScopeCandidate(selector, root) {
   const leftmost = selector.trim().split(/[\s>+~]+/)[0] ?? "";
-  const bare = leftmost.toLowerCase();
-  if (bare === "html" || bare === "body" || bare === ":root" || bare === "*") return true;
-  if (rootId && leftmostCompoundId(selector) === rootId) return true;
-  return leftmostCompoundClasses(selector).some((cls) => rootClasses.includes(cls));
+  if (["html", "body", ":root", "*"].includes(leftmost.toLowerCase())) return true;
+  if (root.id && leftmostCompoundId(selector) === root.id) return true;
+  return leftmostCompoundClasses(selector).some((name) => root.classes.includes(name));
+}
+function canvasIdentity(tag) {
+  return {
+    name: tag.name,
+    raw: tag.raw,
+    id: readDecodedAttr(tag.raw, "id"),
+    classes: (readDecodedAttr(tag.raw, "class") ?? "").split(/[\t\n\f\r ]+/)
+  };
+}
+function anyCanvasMatch(matches) {
+  if (matches.includes(true)) return true;
+  return matches.includes(void 0) ? void 0 : false;
+}
+function allCanvasMatch(matches) {
+  if (matches.includes(false)) return false;
+  return matches.includes(void 0) ? void 0 : true;
+}
+function canvasTokenMatch(tokens, value) {
+  if (tokens.includes(value)) return true;
+  const fold = (token) => token.replace(/[A-Z]/g, (char) => char.toLowerCase());
+  return tokens.some((token) => fold(token) === fold(value)) ? void 0 : false;
+}
+function canvasPseudoMatch(node, element, hasIdentity) {
+  const name = node.value.toLowerCase();
+  if (name.startsWith("::") || [":before", ":after", ":first-letter", ":first-line"].includes(name))
+    return { match: false, hasIdentity: false };
+  if ([":is", ":where"].includes(name)) {
+    const branches = node.nodes.map(
+      (branch) => canvasPathMatch(branch.nodes, element, hasIdentity)
+    );
+    const match = anyCanvasMatch(branches.map((branch) => branch.match));
+    return { match, hasIdentity: match === true || branches.some((branch) => branch.hasIdentity) };
+  }
+  if (name === ":root") {
+    const match = element.name === "html";
+    return { match, hasIdentity: match };
+  }
+  if (name === ":nth-child" && element.name === "body") {
+    const argument = node.nodes.map((branch) => branch.toString()).join(",").trim();
+    if (/^[1-9]\d*$/.test(argument)) {
+      const match = Number(argument) === 2;
+      return { match, hasIdentity: match };
+    }
+  }
+  return { match: void 0, hasIdentity: false };
+}
+function canvasTagMatch(node, element) {
+  if (node.namespace !== void 0) return { match: void 0, hasIdentity: false };
+  if (node.value.toLowerCase() !== element.name.toLowerCase())
+    return { match: false, hasIdentity: false };
+  return { match: ["html", "body"].includes(element.name) ? true : void 0, hasIdentity: true };
+}
+function canvasAttributeMatch(node, element) {
+  if (node.namespace === void 0 && node.operator === void 0 && /^data-[a-z0-9_-]+$/.test(node.attribute))
+    return readDecodedAttr(element.raw, node.attribute) !== null;
+  return void 0;
+}
+function canvasNodeMatch(node, element, hasIdentity) {
+  switch (node.type) {
+    case "id": {
+      const match = canvasTokenMatch(element.id === null ? [] : [element.id], node.value);
+      return { match, hasIdentity: match === true };
+    }
+    case "class": {
+      const match = canvasTokenMatch(element.classes, node.value);
+      return { match, hasIdentity: match === true };
+    }
+    case "tag":
+      return canvasTagMatch(node, element);
+    case "universal":
+      return { match: node.toString().trim() === "*" ? true : void 0, hasIdentity: false };
+    case "attribute":
+      return { match: canvasAttributeMatch(node, element), hasIdentity: false };
+    case "pseudo":
+      return canvasPseudoMatch(node, element, hasIdentity);
+    default:
+      return { match: void 0, hasIdentity: false };
+  }
+}
+function canvasAncestorMatch(nodes, relation, element) {
+  if (!["", ">"].includes(relation)) return void 0;
+  const matches = [];
+  let parent = element.parent;
+  while (parent) {
+    matches.push(canvasPathMatch(nodes, parent).match);
+    if (relation === ">") break;
+    parent = parent.parent;
+  }
+  if (parent === void 0) matches.push(void 0);
+  return anyCanvasMatch(matches);
+}
+function canvasPathMatch(nodes, element, inheritedIdentity = false) {
+  let split = -1;
+  let relation = "";
+  for (const [index, node] of nodes.entries()) {
+    if (node.type === "combinator") {
+      split = index;
+      relation = node.value.trim();
+    }
+  }
+  const subjectNodes = nodes.slice(split + 1);
+  if (subjectNodes.length === 0) return { match: void 0, hasIdentity: false };
+  const matches = subjectNodes.map((node) => canvasNodeMatch(node, element, inheritedIdentity));
+  const hasIdentity = inheritedIdentity || matches.some((result) => result.hasIdentity);
+  const subject = allCanvasMatch(
+    subjectNodes.map((node, index) => {
+      const match2 = matches[index]?.match;
+      if (!hasIdentity || match2 !== false) return match2;
+      if (["id", "class", "attribute"].includes(node.type)) return void 0;
+      if (node.type === "pseudo" && !inheritedIdentity)
+        return canvasNodeMatch(node, element, true).match;
+      return match2;
+    })
+  );
+  const match = subject === false || split === -1 ? subject : allCanvasMatch([subject, canvasAncestorMatch(nodes.slice(0, split), relation, element)]);
+  return { match, hasIdentity: match !== false && hasIdentity };
+}
+function canvasElements(rootTag, tags) {
+  const root = canvasIdentity(rootTag);
+  const html = {
+    ...root.name === "html" ? root : canvasIdentity(findHtmlTag(tags) ?? { name: "html", raw: "<html>" }),
+    parent: null
+  };
+  const body = {
+    ...root.name === "body" ? root : canvasIdentity(tags.find((tag) => tag.name === "body") ?? { name: "body", raw: "<body>" }),
+    parent: html
+  };
+  const elements = [html, body];
+  if (!["html", "body"].includes(root.name))
+    elements.push({ ...root, parent: ["head", "template"].includes(root.name) ? void 0 : body });
+  return { root, elements };
+}
+function canvasSelectorMatcher(rootTag, tags) {
+  let canvas;
+  return (selector, allowNewHits) => {
+    const { root, elements } = canvas ??= canvasElements(rootTag, tags);
+    const match = anyCanvasMatch(
+      elements.map((element) => canvasPathMatch(selector.nodes, element).match)
+    );
+    if (match === false) return false;
+    if (match === true && allowNewHits) return true;
+    return selector.toString().split(",").some((part) => canvasScopeCandidate(part, root));
+  };
 }
 function inlineCanvasZoomHits(rootTag, tags) {
   const hits = [];
@@ -2808,19 +3042,23 @@ function inlineCanvasZoomHits(rootTag, tags) {
   }
   return hits;
 }
-function firstCanvasSelector(header, rootId, rootClasses) {
-  for (const selector of header.split(",")) {
-    const trimmed = selector.trim();
-    if (trimmed && targetsCanvasRoot(trimmed, rootId, rootClasses)) return trimmed;
+function firstCanvasSelector(header, matchesCanvas) {
+  try {
+    for (const selector of selectorParser2().astSync(header).nodes) {
+      const trimmed = selector.toString().trim();
+      if (matchesCanvas(selector)) return trimmed;
+    }
+  } catch {
+    return null;
   }
   return null;
 }
-function canvasZoomInRule(header, body, rootId, rootClasses) {
+function canvasZoomInRule(header, body, matchesCanvas) {
   const trimmedHeader = header.trim();
   if (!trimmedHeader || trimmedHeader.startsWith("@")) return null;
   const value = firstRescalingZoom(body);
   if (!value) return null;
-  const selector = firstCanvasSelector(trimmedHeader, rootId, rootClasses);
+  const selector = firstCanvasSelector(trimmedHeader, matchesCanvas);
   if (!selector) return null;
   return {
     where: `\`${selector}\``,
@@ -2828,23 +3066,28 @@ function canvasZoomInRule(header, body, rootId, rootClasses) {
     snippet: truncateSnippet(`${selector} { zoom: ${value} }`)
   };
 }
-function stylesheetCanvasZoomHits(styles, rootId, rootClasses) {
+function stylesheetCanvasZoomHits(styles, matchesCanvas) {
   const hits = [];
   for (const style of styles) {
     const ruleWithBody = /([^{}]+)\{([^{}]*)\}/g;
     const content = stripCssComments(style.content);
+    const allowNewHits = style.attrs.trim() === "" && !content.includes("@");
     let match;
     while ((match = ruleWithBody.exec(content)) !== null) {
-      const hit = canvasZoomInRule(match[1] ?? "", match[2] ?? "", rootId, rootClasses);
+      const hit = canvasZoomInRule(
+        match[1] ?? "",
+        match[2] ?? "",
+        (selector) => matchesCanvas(selector, allowNewHits)
+      );
       if (hit) hits.push(hit);
     }
   }
   return hits;
 }
-function canvasZoomHits(rootTag, tags, styles, rootId, rootClasses) {
+function canvasZoomHits(rootTag, tags, styles) {
   return [
     ...inlineCanvasZoomHits(rootTag, tags),
-    ...stylesheetCanvasZoomHits(styles, rootId, rootClasses)
+    ...stylesheetCanvasZoomHits(styles, canvasSelectorMatcher(rootTag, tags))
   ];
 }
 function collectDeclaredVariableIds(htmlTagRaw) {
@@ -3742,9 +3985,7 @@ ${allInlineStyles}`.replace(/\/\*[\s\S]*?\*\//g, "");
   // fired on every `zoom` would be flagging correct authoring.
   ({ rootTag, tags, styles }) => {
     if (!rootTag) return [];
-    const rootId = readAttr(rootTag.raw, "id");
-    const rootClasses = (readAttr(rootTag.raw, "class") || "").split(/\s+/).filter(Boolean);
-    const hits = canvasZoomHits(rootTag, tags, styles, rootId, rootClasses);
+    const hits = canvasZoomHits(rootTag, tags, styles);
     const hit = hits[0];
     if (!hit) return [];
     const enlarging = !hit.value.startsWith("-") && parseFloat(hit.value) > (hit.value.includes("%") ? 100 : 1);
@@ -4792,9 +5033,12 @@ ${right.raw}`)
     const usesGsap = allScriptTexts.some(
       (t) => /gsap\.(to|from|fromTo|timeline|set|registerPlugin)\b/.test(t)
     );
-    const hasGsapScript = allScriptSrcs.some((src) => /gsap/i.test(src));
+    const isGsapCoreSrc = (src) => /(^|\/)gsap(-\d+(\.\d+)*)?(\.min)?\.js$/i.test(src.split(/[?#]/)[0] ?? "");
+    const hasGsapScript = allScriptSrcs.some(isGsapCoreSrc);
     const hasInlineGsap = allScriptTexts.some(
-      (t) => /\/\*\s*inlined:.*gsap/i.test(t) || /\b_gsScope\b/.test(t) || /\bGreenSock\b/.test(t) || /\bgsap\.(config|defaults|version)\b/.test(t) || t.length > 5e3 && /\bgsap\b/i.test(t)
+      (t) => [...t.matchAll(/\/\*\s*inlined:\s*(\S+)\s*\*\//gi)].some(
+        (m) => isGsapCoreSrc(m[1] ?? "")
+      ) || /\/\*!\s*\*\s*GSAP\s+\d/.test(t) || /Missing plugin\? gsap\.registerPlugin\(\)/.test(t) || /\b_gsScope\b/.test(t)
     );
     if (!usesGsap || hasGsapScript || hasInlineGsap || canInheritGsapFromHost) return [];
     return [
@@ -6500,93 +6744,6 @@ var structureRules = [
   }
 ];
 
-// src/shaderDomains.ts
-import { parse as parse3, parseExpressionAt } from "acorn";
-import { simple as simple3 } from "acorn-walk";
-function withoutComments(source) {
-  return source.replace(/\/\*[\s\S]*?\*\/|\/\/[^\r\n]*/g, (text) => text.replace(/[^\r\n]/g, " "));
-}
-function staticShaders(source) {
-  const shaders = [];
-  try {
-    const ast = parse3(source, {
-      ecmaVersion: "latest",
-      sourceType: "module",
-      allowReturnOutsideFunction: true
-    });
-    simple3(ast, {
-      Literal(node) {
-        if (typeof node.value !== "string") return;
-        shaders.push({
-          text: node.value,
-          start: node.start + 1,
-          exactOffsets: source.slice(node.start + 1, node.end - 1) === node.value
-        });
-      },
-      TemplateLiteral(node) {
-        if (node.expressions.length !== 0) return;
-        const value = node.quasis[0]?.value;
-        if (value?.cooked == null) return;
-        shaders.push({
-          text: value.cooked,
-          start: node.start + 1,
-          exactOffsets: source.slice(node.start + 1, node.end - 1) === value.cooked
-        });
-      }
-    });
-  } catch {
-  }
-  return shaders.filter(({ text }) => /\bvoid\s+main\s*\(/.test(withoutComments(text)));
-}
-function isNumber(node, value) {
-  return node?.type === "Literal" && node.value === value;
-}
-function isCall(node, name) {
-  return node?.type === "CallExpression" && node.callee.type === "Identifier" && node.callee.name === name;
-}
-function unboundedCosine(node) {
-  if (node.type !== "CallExpression") return false;
-  if (isCall(node, "dot")) return node.arguments.length === 2;
-  if (!isCall(node, "max") || node.arguments.length !== 2) return false;
-  const a = argumentAt(node, 0);
-  const b = argumentAt(node, 1);
-  return zeroFlooredDot(a, b) || zeroFlooredDot(b, a);
-}
-function argumentAt(call, index) {
-  const node = call.arguments[index];
-  return node?.type === "SpreadElement" ? void 0 : node;
-}
-function zeroFlooredDot(a, b) {
-  return isCall(a, "dot") && isNumber(b, 0);
-}
-function unsafeCosinePower(call) {
-  if (call.arguments.length !== 2) return false;
-  const [base2] = call.arguments;
-  return base2?.type === "BinaryExpression" && base2.operator === "-" && base2.left.type !== "PrivateIdentifier" && isNumber(base2.left, 1) && unboundedCosine(base2.right);
-}
-function unsafePowOffsets(source) {
-  const offsets = [];
-  const masked = withoutComments(source);
-  for (const match of masked.matchAll(/\bpow\s*\(/g)) {
-    try {
-      const expression = parseExpressionAt(masked, match.index, { ecmaVersion: "latest" });
-      simple3(expression, {
-        CallExpression(node) {
-          if (node.start === match.index && unsafeCosinePower(node)) offsets.push(node.start);
-        }
-      });
-    } catch {
-    }
-  }
-  return offsets;
-}
-function shaderDomainOffsets(source, glsl = false) {
-  const shaders = glsl ? [{ text: source, start: 0, exactOffsets: true }] : staticShaders(source);
-  return shaders.flatMap(
-    ({ text, start, exactOffsets }) => unsafePowOffsets(text).map((offset) => exactOffsets ? start + offset : void 0)
-  );
-}
-
 // src/rules/shaders.ts
 function shaderDomainWarning() {
   return {
@@ -6601,7 +6758,7 @@ var shaderRules = [
     const tag = `<script ${script.attrs}>`;
     if (readAttr(tag, "src") !== null) return [];
     const type = readAttr(tag, "type") ?? "";
-    const glsl = /^(?:x-shader\/x-(?:fragment|vertex)|text\/glsl)$/i.test(type);
+    const glsl = GLSL_SCRIPT_TYPES.has(type.toLowerCase());
     if (type && !glsl && !/^(?:module|(?:text|application)\/javascript)$/i.test(type)) return [];
     return shaderDomainOffsets(script.content, glsl).map((offset) => ({
       ...shaderDomainWarning(),

package/dist/index.js

@@ -820,6 +820,96 @@ function buildLintContext(html, options = {}) {
 // src/rules/core.ts
 import postcss from "postcss";
 import selectorParser from "postcss-selector-parser";
+
+// src/shaderDomains.ts
+import { parse as parse2, parseExpressionAt } from "acorn";
+import { simple as simple2 } from "acorn-walk";
+var GLSL_SCRIPT_TYPES = /* @__PURE__ */ new Set(["x-shader/x-fragment", "x-shader/x-vertex", "text/glsl"]);
+function withoutComments(source) {
+  return source.replace(/\/\*[\s\S]*?\*\/|\/\/[^\r\n]*/g, (text) => text.replace(/[^\r\n]/g, " "));
+}
+function staticShaders(source) {
+  const shaders = [];
+  try {
+    const ast = parse2(source, {
+      ecmaVersion: "latest",
+      sourceType: "module",
+      allowReturnOutsideFunction: true
+    });
+    simple2(ast, {
+      Literal(node) {
+        if (typeof node.value !== "string") return;
+        shaders.push({
+          text: node.value,
+          start: node.start + 1,
+          exactOffsets: source.slice(node.start + 1, node.end - 1) === node.value
+        });
+      },
+      TemplateLiteral(node) {
+        if (node.expressions.length !== 0) return;
+        const value = node.quasis[0]?.value;
+        if (value?.cooked == null) return;
+        shaders.push({
+          text: value.cooked,
+          start: node.start + 1,
+          exactOffsets: source.slice(node.start + 1, node.end - 1) === value.cooked
+        });
+      }
+    });
+  } catch {
+  }
+  return shaders.filter(({ text }) => /\bvoid\s+main\s*\(/.test(withoutComments(text)));
+}
+function isNumber(node, value) {
+  return node?.type === "Literal" && node.value === value;
+}
+function isCall(node, name) {
+  return node?.type === "CallExpression" && node.callee.type === "Identifier" && node.callee.name === name;
+}
+function unboundedCosine(node) {
+  if (node.type !== "CallExpression") return false;
+  if (isCall(node, "dot")) return node.arguments.length === 2;
+  if (!isCall(node, "max") || node.arguments.length !== 2) return false;
+  const a = argumentAt(node, 0);
+  const b = argumentAt(node, 1);
+  return zeroFlooredDot(a, b) || zeroFlooredDot(b, a);
+}
+function argumentAt(call, index) {
+  const node = call.arguments[index];
+  return node?.type === "SpreadElement" ? void 0 : node;
+}
+function zeroFlooredDot(a, b) {
+  return isCall(a, "dot") && isNumber(b, 0);
+}
+function unsafeCosinePower(call) {
+  if (call.arguments.length !== 2) return false;
+  const [base2] = call.arguments;
+  return base2?.type === "BinaryExpression" && base2.operator === "-" && base2.left.type !== "PrivateIdentifier" && isNumber(base2.left, 1) && unboundedCosine(base2.right);
+}
+function unsafePowOffsets(source) {
+  const offsets = [];
+  const masked = withoutComments(source);
+  for (const match of masked.matchAll(/\bpow\s*\(/g)) {
+    try {
+      const expression = parseExpressionAt(masked, match.index, { ecmaVersion: "latest" });
+      simple2(expression, {
+        CallExpression(node) {
+          if (node.start === match.index && unsafeCosinePower(node)) offsets.push(node.start);
+        }
+      });
+    } catch {
+    }
+  }
+  return offsets;
+}
+function shaderDomainOffsets(source, glsl = false) {
+  const shaders = glsl ? [{ text: source, start: 0, exactOffsets: true }] : staticShaders(source);
+  return shaders.flatMap(
+    ({ text, start, exactOffsets }) => unsafePowOffsets(text).map((offset) => exactOffsets ? start + offset : void 0)
+  );
+}
+
+// src/rules/core.ts
 import {
   HTML_BODY_CSS_WIDTH_FIRST_RE,
   HTML_BODY_CSS_HEIGHT_FIRST_RE,
@@ -829,7 +919,8 @@ var SCRIPT_SYNTAX_EXEMPT_TYPES = /* @__PURE__ */ new Set([
   "application/json",
   "application/hyperframes-slideshow+json",
   "importmap",
-  "module"
+  "module",
+  ...GLSL_SCRIPT_TYPES
 ]);
 function repeatedDescendantId(selector) {
   let repeated = null;
@@ -2585,20 +2676,20 @@ function findAudioGroupCarveAttrFindings(ctx) {
 }
 
 // src/scriptPositions.ts
-import { parse as parse2 } from "acorn";
-import { simple as simple2 } from "acorn-walk";
+import { parse as parse3 } from "acorn";
+import { simple as simple3 } from "acorn-walk";
 var callIndexes = /* @__PURE__ */ new WeakMap();
 function callsFor(script) {
   const cached = callIndexes.get(script);
   if (cached) return cached;
   const calls = [];
   try {
-    const ast = parse2(script.content, {
+    const ast = parse3(script.content, {
       ecmaVersion: "latest",
       sourceType: "script",
       allowReturnOutsideFunction: true
     });
-    simple2(ast, {
+    simple3(ast, {
       CallExpression: (node) => {
         calls.push(node);
       }
@@ -2624,6 +2715,7 @@ function containingCallOffset(script, tokenOffset) {
 }
 
 // src/rules/composition.ts
+import selectorParser2 from "postcss-selector-parser";
 import {
   COMPOSITION_VARIABLE_TYPES,
   isCompositionVariable,
@@ -2791,12 +2883,154 @@ function firstRescalingZoom(css) {
   }
   return null;
 }
-function targetsCanvasRoot(selector, rootId, rootClasses) {
+function canvasScopeCandidate(selector, root) {
   const leftmost = selector.trim().split(/[\s>+~]+/)[0] ?? "";
-  const bare = leftmost.toLowerCase();
-  if (bare === "html" || bare === "body" || bare === ":root" || bare === "*") return true;
-  if (rootId && leftmostCompoundId(selector) === rootId) return true;
-  return leftmostCompoundClasses(selector).some((cls) => rootClasses.includes(cls));
+  if (["html", "body", ":root", "*"].includes(leftmost.toLowerCase())) return true;
+  if (root.id && leftmostCompoundId(selector) === root.id) return true;
+  return leftmostCompoundClasses(selector).some((name) => root.classes.includes(name));
+}
+function canvasIdentity(tag) {
+  return {
+    name: tag.name,
+    raw: tag.raw,
+    id: readDecodedAttr(tag.raw, "id"),
+    classes: (readDecodedAttr(tag.raw, "class") ?? "").split(/[\t\n\f\r ]+/)
+  };
+}
+function anyCanvasMatch(matches) {
+  if (matches.includes(true)) return true;
+  return matches.includes(void 0) ? void 0 : false;
+}
+function allCanvasMatch(matches) {
+  if (matches.includes(false)) return false;
+  return matches.includes(void 0) ? void 0 : true;
+}
+function canvasTokenMatch(tokens, value) {
+  if (tokens.includes(value)) return true;
+  const fold = (token) => token.replace(/[A-Z]/g, (char) => char.toLowerCase());
+  return tokens.some((token) => fold(token) === fold(value)) ? void 0 : false;
+}
+function canvasPseudoMatch(node, element, hasIdentity) {
+  const name = node.value.toLowerCase();
+  if (name.startsWith("::") || [":before", ":after", ":first-letter", ":first-line"].includes(name))
+    return { match: false, hasIdentity: false };
+  if ([":is", ":where"].includes(name)) {
+    const branches = node.nodes.map(
+      (branch) => canvasPathMatch(branch.nodes, element, hasIdentity)
+    );
+    const match = anyCanvasMatch(branches.map((branch) => branch.match));
+    return { match, hasIdentity: match === true || branches.some((branch) => branch.hasIdentity) };
+  }
+  if (name === ":root") {
+    const match = element.name === "html";
+    return { match, hasIdentity: match };
+  }
+  if (name === ":nth-child" && element.name === "body") {
+    const argument = node.nodes.map((branch) => branch.toString()).join(",").trim();
+    if (/^[1-9]\d*$/.test(argument)) {
+      const match = Number(argument) === 2;
+      return { match, hasIdentity: match };
+    }
+  }
+  return { match: void 0, hasIdentity: false };
+}
+function canvasTagMatch(node, element) {
+  if (node.namespace !== void 0) return { match: void 0, hasIdentity: false };
+  if (node.value.toLowerCase() !== element.name.toLowerCase())
+    return { match: false, hasIdentity: false };
+  return { match: ["html", "body"].includes(element.name) ? true : void 0, hasIdentity: true };
+}
+function canvasAttributeMatch(node, element) {
+  if (node.namespace === void 0 && node.operator === void 0 && /^data-[a-z0-9_-]+$/.test(node.attribute))
+    return readDecodedAttr(element.raw, node.attribute) !== null;
+  return void 0;
+}
+function canvasNodeMatch(node, element, hasIdentity) {
+  switch (node.type) {
+    case "id": {
+      const match = canvasTokenMatch(element.id === null ? [] : [element.id], node.value);
+      return { match, hasIdentity: match === true };
+    }
+    case "class": {
+      const match = canvasTokenMatch(element.classes, node.value);
+      return { match, hasIdentity: match === true };
+    }
+    case "tag":
+      return canvasTagMatch(node, element);
+    case "universal":
+      return { match: node.toString().trim() === "*" ? true : void 0, hasIdentity: false };
+    case "attribute":
+      return { match: canvasAttributeMatch(node, element), hasIdentity: false };
+    case "pseudo":
+      return canvasPseudoMatch(node, element, hasIdentity);
+    default:
+      return { match: void 0, hasIdentity: false };
+  }
+}
+function canvasAncestorMatch(nodes, relation, element) {
+  if (!["", ">"].includes(relation)) return void 0;
+  const matches = [];
+  let parent = element.parent;
+  while (parent) {
+    matches.push(canvasPathMatch(nodes, parent).match);
+    if (relation === ">") break;
+    parent = parent.parent;
+  }
+  if (parent === void 0) matches.push(void 0);
+  return anyCanvasMatch(matches);
+}
+function canvasPathMatch(nodes, element, inheritedIdentity = false) {
+  let split = -1;
+  let relation = "";
+  for (const [index, node] of nodes.entries()) {
+    if (node.type === "combinator") {
+      split = index;
+      relation = node.value.trim();
+    }
+  }
+  const subjectNodes = nodes.slice(split + 1);
+  if (subjectNodes.length === 0) return { match: void 0, hasIdentity: false };
+  const matches = subjectNodes.map((node) => canvasNodeMatch(node, element, inheritedIdentity));
+  const hasIdentity = inheritedIdentity || matches.some((result) => result.hasIdentity);
+  const subject = allCanvasMatch(
+    subjectNodes.map((node, index) => {
+      const match2 = matches[index]?.match;
+      if (!hasIdentity || match2 !== false) return match2;
+      if (["id", "class", "attribute"].includes(node.type)) return void 0;
+      if (node.type === "pseudo" && !inheritedIdentity)
+        return canvasNodeMatch(node, element, true).match;
+      return match2;
+    })
+  );
+  const match = subject === false || split === -1 ? subject : allCanvasMatch([subject, canvasAncestorMatch(nodes.slice(0, split), relation, element)]);
+  return { match, hasIdentity: match !== false && hasIdentity };
+}
+function canvasElements(rootTag, tags) {
+  const root = canvasIdentity(rootTag);
+  const html = {
+    ...root.name === "html" ? root : canvasIdentity(findHtmlTag(tags) ?? { name: "html", raw: "<html>" }),
+    parent: null
+  };
+  const body = {
+    ...root.name === "body" ? root : canvasIdentity(tags.find((tag) => tag.name === "body") ?? { name: "body", raw: "<body>" }),
+    parent: html
+  };
+  const elements = [html, body];
+  if (!["html", "body"].includes(root.name))
+    elements.push({ ...root, parent: ["head", "template"].includes(root.name) ? void 0 : body });
+  return { root, elements };
+}
+function canvasSelectorMatcher(rootTag, tags) {
+  let canvas;
+  return (selector, allowNewHits) => {
+    const { root, elements } = canvas ??= canvasElements(rootTag, tags);
+    const match = anyCanvasMatch(
+      elements.map((element) => canvasPathMatch(selector.nodes, element).match)
+    );
+    if (match === false) return false;
+    if (match === true && allowNewHits) return true;
+    return selector.toString().split(",").some((part) => canvasScopeCandidate(part, root));
+  };
 }
 function inlineCanvasZoomHits(rootTag, tags) {
   const hits = [];
@@ -2814,19 +3048,23 @@ function inlineCanvasZoomHits(rootTag, tags) {
   }
   return hits;
 }
-function firstCanvasSelector(header, rootId, rootClasses) {
-  for (const selector of header.split(",")) {
-    const trimmed = selector.trim();
-    if (trimmed && targetsCanvasRoot(trimmed, rootId, rootClasses)) return trimmed;
+function firstCanvasSelector(header, matchesCanvas) {
+  try {
+    for (const selector of selectorParser2().astSync(header).nodes) {
+      const trimmed = selector.toString().trim();
+      if (matchesCanvas(selector)) return trimmed;
+    }
+  } catch {
+    return null;
   }
   return null;
 }
-function canvasZoomInRule(header, body, rootId, rootClasses) {
+function canvasZoomInRule(header, body, matchesCanvas) {
   const trimmedHeader = header.trim();
   if (!trimmedHeader || trimmedHeader.startsWith("@")) return null;
   const value = firstRescalingZoom(body);
   if (!value) return null;
-  const selector = firstCanvasSelector(trimmedHeader, rootId, rootClasses);
+  const selector = firstCanvasSelector(trimmedHeader, matchesCanvas);
   if (!selector) return null;
   return {
     where: `\`${selector}\``,
@@ -2834,23 +3072,28 @@ function canvasZoomInRule(header, body, rootId, rootClasses) {
     snippet: truncateSnippet(`${selector} { zoom: ${value} }`)
   };
 }
-function stylesheetCanvasZoomHits(styles, rootId, rootClasses) {
+function stylesheetCanvasZoomHits(styles, matchesCanvas) {
   const hits = [];
   for (const style of styles) {
     const ruleWithBody = /([^{}]+)\{([^{}]*)\}/g;
     const content = stripCssComments(style.content);
+    const allowNewHits = style.attrs.trim() === "" && !content.includes("@");
     let match;
     while ((match = ruleWithBody.exec(content)) !== null) {
-      const hit = canvasZoomInRule(match[1] ?? "", match[2] ?? "", rootId, rootClasses);
+      const hit = canvasZoomInRule(
+        match[1] ?? "",
+        match[2] ?? "",
+        (selector) => matchesCanvas(selector, allowNewHits)
+      );
       if (hit) hits.push(hit);
     }
   }
   return hits;
 }
-function canvasZoomHits(rootTag, tags, styles, rootId, rootClasses) {
+function canvasZoomHits(rootTag, tags, styles) {
   return [
     ...inlineCanvasZoomHits(rootTag, tags),
-    ...stylesheetCanvasZoomHits(styles, rootId, rootClasses)
+    ...stylesheetCanvasZoomHits(styles, canvasSelectorMatcher(rootTag, tags))
   ];
 }
 function collectDeclaredVariableIds(htmlTagRaw) {
@@ -3748,9 +3991,7 @@ ${allInlineStyles}`.replace(/\/\*[\s\S]*?\*\//g, "");
   // fired on every `zoom` would be flagging correct authoring.
   ({ rootTag, tags, styles }) => {
     if (!rootTag) return [];
-    const rootId = readAttr(rootTag.raw, "id");
-    const rootClasses = (readAttr(rootTag.raw, "class") || "").split(/\s+/).filter(Boolean);
-    const hits = canvasZoomHits(rootTag, tags, styles, rootId, rootClasses);
+    const hits = canvasZoomHits(rootTag, tags, styles);
     const hit = hits[0];
     if (!hit) return [];
     const enlarging = !hit.value.startsWith("-") && parseFloat(hit.value) > (hit.value.includes("%") ? 100 : 1);
@@ -4798,9 +5039,12 @@ ${right.raw}`)
     const usesGsap = allScriptTexts.some(
       (t) => /gsap\.(to|from|fromTo|timeline|set|registerPlugin)\b/.test(t)
     );
-    const hasGsapScript = allScriptSrcs.some((src) => /gsap/i.test(src));
+    const isGsapCoreSrc = (src) => /(^|\/)gsap(-\d+(\.\d+)*)?(\.min)?\.js$/i.test(src.split(/[?#]/)[0] ?? "");
+    const hasGsapScript = allScriptSrcs.some(isGsapCoreSrc);
     const hasInlineGsap = allScriptTexts.some(
-      (t) => /\/\*\s*inlined:.*gsap/i.test(t) || /\b_gsScope\b/.test(t) || /\bGreenSock\b/.test(t) || /\bgsap\.(config|defaults|version)\b/.test(t) || t.length > 5e3 && /\bgsap\b/i.test(t)
+      (t) => [...t.matchAll(/\/\*\s*inlined:\s*(\S+)\s*\*\//gi)].some(
+        (m) => isGsapCoreSrc(m[1] ?? "")
+      ) || /\/\*!\s*\*\s*GSAP\s+\d/.test(t) || /Missing plugin\? gsap\.registerPlugin\(\)/.test(t) || /\b_gsScope\b/.test(t)
     );
     if (!usesGsap || hasGsapScript || hasInlineGsap || canInheritGsapFromHost) return [];
     return [
@@ -6506,93 +6750,6 @@ var structureRules = [
   }
 ];
 
-// src/shaderDomains.ts
-import { parse as parse3, parseExpressionAt } from "acorn";
-import { simple as simple3 } from "acorn-walk";
-function withoutComments(source) {
-  return source.replace(/\/\*[\s\S]*?\*\/|\/\/[^\r\n]*/g, (text) => text.replace(/[^\r\n]/g, " "));
-}
-function staticShaders(source) {
-  const shaders = [];
-  try {
-    const ast = parse3(source, {
-      ecmaVersion: "latest",
-      sourceType: "module",
-      allowReturnOutsideFunction: true
-    });
-    simple3(ast, {
-      Literal(node) {
-        if (typeof node.value !== "string") return;
-        shaders.push({
-          text: node.value,
-          start: node.start + 1,
-          exactOffsets: source.slice(node.start + 1, node.end - 1) === node.value
-        });
-      },
-      TemplateLiteral(node) {
-        if (node.expressions.length !== 0) return;
-        const value = node.quasis[0]?.value;
-        if (value?.cooked == null) return;
-        shaders.push({
-          text: value.cooked,
-          start: node.start + 1,
-          exactOffsets: source.slice(node.start + 1, node.end - 1) === value.cooked
-        });
-      }
-    });
-  } catch {
-  }
-  return shaders.filter(({ text }) => /\bvoid\s+main\s*\(/.test(withoutComments(text)));
-}
-function isNumber(node, value) {
-  return node?.type === "Literal" && node.value === value;
-}
-function isCall(node, name) {
-  return node?.type === "CallExpression" && node.callee.type === "Identifier" && node.callee.name === name;
-}
-function unboundedCosine(node) {
-  if (node.type !== "CallExpression") return false;
-  if (isCall(node, "dot")) return node.arguments.length === 2;
-  if (!isCall(node, "max") || node.arguments.length !== 2) return false;
-  const a = argumentAt(node, 0);
-  const b = argumentAt(node, 1);
-  return zeroFlooredDot(a, b) || zeroFlooredDot(b, a);
-}
-function argumentAt(call, index) {
-  const node = call.arguments[index];
-  return node?.type === "SpreadElement" ? void 0 : node;
-}
-function zeroFlooredDot(a, b) {
-  return isCall(a, "dot") && isNumber(b, 0);
-}
-function unsafeCosinePower(call) {
-  if (call.arguments.length !== 2) return false;
-  const [base2] = call.arguments;
-  return base2?.type === "BinaryExpression" && base2.operator === "-" && base2.left.type !== "PrivateIdentifier" && isNumber(base2.left, 1) && unboundedCosine(base2.right);
-}
-function unsafePowOffsets(source) {
-  const offsets = [];
-  const masked = withoutComments(source);
-  for (const match of masked.matchAll(/\bpow\s*\(/g)) {
-    try {
-      const expression = parseExpressionAt(masked, match.index, { ecmaVersion: "latest" });
-      simple3(expression, {
-        CallExpression(node) {
-          if (node.start === match.index && unsafeCosinePower(node)) offsets.push(node.start);
-        }
-      });
-    } catch {
-    }
-  }
-  return offsets;
-}
-function shaderDomainOffsets(source, glsl = false) {
-  const shaders = glsl ? [{ text: source, start: 0, exactOffsets: true }] : staticShaders(source);
-  return shaders.flatMap(
-    ({ text, start, exactOffsets }) => unsafePowOffsets(text).map((offset) => exactOffsets ? start + offset : void 0)
-  );
-}
-
 // src/rules/shaders.ts
 function shaderDomainWarning() {
   return {
@@ -6607,7 +6764,7 @@ var shaderRules = [
     const tag = `<script ${script.attrs}>`;
     if (readAttr(tag, "src") !== null) return [];
     const type = readAttr(tag, "type") ?? "";
-    const glsl = /^(?:x-shader\/x-(?:fragment|vertex)|text\/glsl)$/i.test(type);
+    const glsl = GLSL_SCRIPT_TYPES.has(type.toLowerCase());
     if (type && !glsl && !/^(?:module|(?:text|application)\/javascript)$/i.test(type)) return [];
     return shaderDomainOffsets(script.content, glsl).map((offset) => ({
       ...shaderDomainWarning(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hyperframes/lint",
-  "version": "0.8.193",
+  "version": "0.8.195",
   "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.193"
+    "@hyperframes/parsers": "0.8.195"
   },
   "devDependencies": {
     "@types/node": "^25.0.10",