fix flow-comments - class type paramters and implements (#9897)

packages/babel-plugin-transform-flow-comments/src/index.js

@@ -146,15 +146,32 @@ export default declare(api => {
 
       Class(path) {
         const { node } = path;
+        if (node.typeParameters || node.implements) {
+          const comments = [];
           if (node.typeParameters) {
             const typeParameters = path.get("typeParameters");
-          const block = path.get("body");
+            comments.push(
-          block.addComment(
+              generateComment(typeParameters, typeParameters.node).replace(
-            "leading",
+                /^:: /,
-            generateComment(typeParameters, typeParameters.node),
+                "",
+              ),
             );
             typeParameters.remove();
           }
+          if (node.implements) {
+            const impls = path.get("implements");
+            comments.push(
+              "implements " +
+                impls
+                  .map(impl => generateComment(impl).replace(/^:: /, ""))
+                  .join(", "),
+            );
+            delete node["implements"];
+          }
+
+          const block = path.get("body");
+          block.addComment("leading", ":: " + comments.join(" "));
+        }
       },
     },
   };

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/class-type-parameter-2/input.js

@@ -0,0 +1 @@
+class Foo implements Bar, Baz {}

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/class-type-parameter-2/output.js

@@ -0,0 +1,3 @@
+class Foo
+/*:: implements Bar, Baz*/
+{}

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/class-type-parameter-3/input.js

@@ -0,0 +1 @@
+class Foo<S, T> implements Bar, Baz {}

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/class-type-parameter-3/output.js

@@ -0,0 +1,3 @@
+class Foo
+/*:: <S, T> implements Bar, Baz*/
+{}

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/class-type-parameter/input.js

@@ -0,0 +1 @@
+class Foo<T> {}

packages/babel-plugin-transform-flow-comments/test/fixtures/flow-comments/class-type-parameter/output.js

@@ -0,0 +1,3 @@
+class Foo
+/*:: <T>*/
+{}