Feat: support Typescript type arguments on tagged template literals

benjamn · Nov 25, 2024 · 539b8d3 · 539b8d3
1 parent 26f21ab
commit 539b8d3
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/lib/printer.ts b/lib/printer.ts
@@ -1579,7 +1579,12 @@ function genericPrintNoParens(path: any, options: any, print: any) {
     }
 
     case "TaggedTemplateExpression":
-      return concat([path.call(print, "tag"), path.call(print, "quasi")]);
+      parts.push(path.call(print, "tag"));
+      if (n.typeParameters) {
+        parts.push(path.call(print, "typeParameters"));
+      }
+      parts.push(path.call(print, "quasi"));
+      return concat(parts);
 
     // These types are unprintable because they serve as abstract
     // supertypes for other (printable) types.

diff --git a/test/typescript.ts b/test/typescript.ts
@@ -331,6 +331,14 @@ const nodeMajorVersion = parseInt(process.versions.node, 10);
     check(["type Class<T> = new (...args: any) => T;"]);
 
     check(["type T1 = [...Array<any>];", "type T2 = [...any[]];"]);
+    check([
+      "const a = styled.h1<{",
+      "  $upsideDown?: boolean;",
+      "}>`",
+      '  ${props => props.$upsideDown && "transform: rotate(180deg);"}',
+      "  text-align: center;",
+      "`;",
+    ]);
 
     check([
       "type Color = [r: number, g: number, b: number, a?: number];",