fix: excludes tagged templates starting with 'css' from line wrapping

ony3000 · Sep 21, 2024 · 1d4091a · 1d4091a
1 parent 5f8f107
commit 1d4091a
Showing 1 changed file with 50 additions and 0 deletions.
diff --git a/src/packages/core-parts/finder.ts b/src/packages/core-parts/finder.ts
@@ -657,6 +657,31 @@ export function findTargetClassNameNodes(ast: any, options: ResolvedOptions): Cl
       case 'TaggedTemplateExpression': {
         nonCommentNodes.push(currentASTNode);
 
+        if (
+          isTypeof(
+            node,
+            z.object({
+              tag: z.object({
+                type: z.literal('Identifier'),
+                name: z.string(),
+                range: z.custom<NodeRange>((value) =>
+                  isTypeof(value, z.tuple([z.number(), z.number()])),
+                ),
+              }),
+            }),
+          ) &&
+          node.tag.name === 'css'
+        ) {
+          const [tagRangeStart, tagRangeEnd] = node.tag.range;
+
+          // Note: In fact, the tag name is not `prettierIgnoreNode`, but it is considered a kind of ignore comment to ignore the template literal that immediately follows it.
+          prettierIgnoreNodes.push({
+            type: node.tag.type,
+            range: [tagRangeStart, tagRangeEnd - 1],
+          });
+          break;
+        }
+
         if (
           (isTypeof(
             node,
@@ -2610,6 +2635,31 @@ export function findTargetClassNameNodesForSvelte(
       case 'TaggedTemplateExpression': {
         nonCommentNodes.push(currentASTNode);
 
+        if (
+          isTypeof(
+            node,
+            z.object({
+              tag: z.object({
+                type: z.literal('Identifier'),
+                name: z.string(),
+                start: z.number(),
+                end: z.number(),
+              }),
+            }),
+          ) &&
+          node.tag.name === 'css'
+        ) {
+          const tagRangeStart = node.tag.start;
+          const tagRangeEnd = node.tag.end;
+
+          // Note: In fact, the tag name is not `prettierIgnoreNode`, but it is considered a kind of ignore comment to ignore the template literal that immediately follows it.
+          prettierIgnoreNodes.push({
+            type: node.tag.type,
+            range: [tagRangeStart, tagRangeEnd - 1],
+          });
+          break;
+        }
+
         if (
           (isTypeof(
             node,