Support typescript 4.3 via babel (#10811)

* Suppor type members get/set

* Add tests for static index signature in class

* Support override modifier in class

* Add changelog

changelog_unreleased/typescript/10811.md

@@ -0,0 +1,26 @@
+#### Support TypeScript 4.3 via `babel-ts` (#10811 by @sosukesuzuki)
+
+##### [`override` modifiers in class elements](https://devblogs.microsoft.com/typescript/announcing-typescript-4-3-beta/#override-and-the-noimplicitoverride-flag)
+
+```ts
+class Foo extends  {
+  override method() {}
+}
+```
+
+##### [static index signatures (`[key: KeyType]: ValueType`) in classes](https://devblogs.microsoft.com/typescript/announcing-typescript-4-3-beta/#static-index-signatures)
+
+```ts
+class Foo {
+  static [key: string]: Bar;
+}
+```
+
+##### [`get` / `set` in type declarations](https://devblogs.microsoft.com/typescript/announcing-typescript-4-3-beta/#separate-write-types-on-properties)
+
+```ts
+interface Foo {
+  set foo(value);
+  get foo(): string;
+}
+```

src/language-js/print/class.js

@@ -169,6 +169,9 @@ function printClassMethod(path, options, print) {
   if (node.static) {
     parts.push("static ");
   }
+  if (node.override) {
+    parts.push("override ");
+  }
   if (node.type === "TSAbstractMethodDefinition" || node.abstract) {
     parts.push("abstract ");
   }
@@ -195,6 +198,9 @@ function printClassProperty(path, options, print) {
   if (node.static) {
     parts.push("static ");
   }
+  if (node.override) {
+    parts.push("override ");
+  }
   if (node.type === "TSAbstractClassProperty" || node.abstract) {
     parts.push("abstract ");
   }

src/language-js/print/typescript.js

@@ -350,8 +350,10 @@ function printTypescript(path, options, print) {
       );
     }
     case "TSMethodSignature": {
+      const kind = node.kind && node.kind !== "method" ? `${node.kind} ` : "";
       parts.push(
         node.accessibility ? [node.accessibility, " "] : "",
+        kind,
         node.export ? "export " : "",
         node.static ? "static " : "",
         node.readonly ? "readonly " : "",

tests/format/misc/typescript-babel-only/__snapshots__/jsfmt.spec.js.snap

@@ -60,6 +60,68 @@ class Bar {
 ================================================================================
 `;
 
+exports[`ts-4.3-override-modifier.ts format 1`] = `
+====================================options=====================================
+parsers: ["babel-ts"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+class MyClass extends BaseClass {
+  override show() {}
+  public override show() {}
+  override size = 5;
+  override readonly size = 5;
+}
+
+=====================================output=====================================
+class MyClass extends BaseClass {
+  override show() {}
+  public override show() {}
+  override size = 5;
+  override readonly size = 5;
+}
+
+================================================================================
+`;
+
+exports[`ts4.3-type-members-get-set.ts format 1`] = `
+====================================options=====================================
+parsers: ["babel-ts"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+interface Foo {
+  get foo(): string;
+  set bar(v);
+}
+
+type Foo = {
+  get foo(): string;
+  set bar(v);
+}
+
+interface Foo {
+  set bar(foo: string);
+}
+
+=====================================output=====================================
+interface Foo {
+  get foo(): string;
+  set bar(v);
+}
+
+type Foo = {
+  get foo(): string;
+  set bar(v);
+};
+
+interface Foo {
+  set bar(foo: string);
+}
+
+================================================================================
+`;
+
 exports[`tuple-labeled-ts.ts format 1`] = `
 ====================================options=====================================
 parsers: ["babel-ts"]

tests/format/misc/typescript-babel-only/ts-4.3-override-modifier.ts

@@ -0,0 +1,6 @@
+class MyClass extends BaseClass {
+  override show() {}
+  public override show() {}
+  override size = 5;
+  override readonly size = 5;
+}

tests/format/misc/typescript-babel-only/ts4.3-type-members-get-set.ts

@@ -0,0 +1,13 @@
+interface Foo {
+  get foo(): string;
+  set bar(v);
+}
+
+type Foo = {
+  get foo(): string;
+  set bar(v);
+}
+
+interface Foo {
+  set bar(foo: string);
+}

tests/format/typescript/index-signature/__snapshots__/jsfmt.spec.js.snap

@@ -19,3 +19,21 @@ class LocalStorage implements Storage {
 
 ================================================================================
 `;
+
+exports[`static.ts format 1`] = `
+====================================options=====================================
+parsers: ["typescript"]
+printWidth: 80
+                                                                                | printWidth
+=====================================input======================================
+class Foo {
+  static [value: string]: Type;
+}
+
+=====================================output=====================================
+class Foo {
+  static [value: string]: Type;
+}
+
+================================================================================
+`;

tests/format/typescript/index-signature/static.ts

@@ -0,0 +1,3 @@
+class Foo {
+  static [value: string]: Type;
+}