fix: allow disable comment to be the directly above the statement (#61)

Allows disable comments to occur in any parent of the target node rather than only at the statement level

---------

Co-authored-by: 43081j <43081j@users.noreply.github.com>

Author: pndewit

src/parse.ts

@@ -134,7 +134,9 @@ export const parse: Parser<Root | Document> = (
       }) as Root;
     } catch (err) {
       if (err instanceof CssSyntaxError) {
-        const line = node.loc ? ` (${opts?.from ?? 'unknown'}:${node.loc.start.line})` : opts?.from;
+        const line = node.loc
+          ? ` (${opts?.from ?? 'unknown'}:${node.loc.start.line})`
+          : opts?.from;
 
         console.warn(
           '[postcss-lit]',

src/test/parse_test.ts

@@ -363,6 +363,47 @@ describe('parse', () => {
     assert.equal(ast.nodes.length, 0);
   });
 
+  it('should ignore a child node', () => {
+    const {ast} = createTestAst(`
+      class MyClass {
+        // postcss-lit-disable-next-line
+        static style = css\`
+          .foo { color: hotpink; }
+        \`;
+      }
+    `);
+
+    assert.equal(ast.nodes.length, 0);
+  });
+
+  it('should ignore a child node from an array', () => {
+    const {ast} = createTestAst(`
+      class MyClass {
+        static style = [
+          // postcss-lit-disable-next-line
+          css\`
+            .foo { color: hotpink; }
+          \`,
+        ];
+      }
+    `);
+
+    assert.equal(ast.nodes.length, 0);
+  });
+
+  it('should ignore everything inside a disabled parent node', () => {
+    const {ast} = createTestAst(`
+      // postcss-lit-disable-next-line
+      class MyClass {
+        static style = css\`
+          .foo { color: hotpink; }
+        \`;
+      }
+    `);
+
+    assert.equal(ast.nodes.length, 0);
+  });
+
   it('should ignore deeply disabled lines', () => {
     const {ast} = createTestAst(`
       // postcss-lit-disable-next-line

src/util.ts

@@ -20,18 +20,14 @@ export function isDisableComment(node: Comment): boolean {
 export function hasDisableComment(
   path: NodePath<TaggedTemplateExpression>
 ): boolean {
-  const statement = path.getStatementParent();
-
-  if (statement && statement.node.leadingComments) {
-    const comment =
-      statement.node.leadingComments[statement.node.leadingComments.length - 1];
-
-    if (comment !== undefined && isDisableComment(comment)) {
-      return true;
-    }
-  }
-
-  return false;
+  // The comment could be directly above the node or above any of its parents
+  return (
+    path.find(
+      (p) =>
+        // There could be multiple preceding the comments
+        p.node.leadingComments?.some(isDisableComment) === true
+    ) !== null
+  );
 }
 
 export type Position =