[BE] enable prettier for flow fixtures (#30426)

Since switching to `hermes-parser`, we can parse all flow syntax and no
longer need to exclude these fixtures from prettier.

.prettierignore

@@ -18,7 +18,6 @@ packages/react-devtools-timeline/static
 # react compiler
 compiler/**/dist
 compiler/**/__tests__/fixtures/**/*.expect.md
-compiler/**/__tests__/fixtures/**/*.flow.js
 compiler/**/.next
 
 # contains invalid graphql`...` which results in a promise rejection error from `yarn prettier-all`.

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.expect.md

@@ -2,12 +2,13 @@
 ## Input
 
 ```javascript
-// @flow @compilationMode(infer) 
+// @flow @compilationMode(infer)
 export default component Foo(bar: number) {
   return <Bar bar={bar} />;
 }
 
 function shouldNotCompile() {}
+
 ```
 
 ## Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/component-declaration-basic.flow.js

@@ -1,6 +1,6 @@
-// @flow @compilationMode(infer) 
+// @flow @compilationMode(infer)
 export default component Foo(bar: number) {
   return <Bar bar={bar} />;
 }
 
-function shouldNotCompile() {}
+function shouldNotCompile() {}

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.expect.md

@@ -12,6 +12,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{y: []}],
 };
+
 ```
 
 ## Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/destructuring-with-typecast-as-default-value.flow.js

@@ -7,4 +7,4 @@ function Component(props) {
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{y: []}],
-};
+};

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.component-syntax-ref-gating.flow.expect.md

@@ -4,8 +4,9 @@
 ```javascript
 // @flow @gating
 component Foo(ref: React.RefSetter<Controls>) {
-  return <Bar ref={ref}/>;
+  return <Bar ref={ref} />;
 }
+
 ```
 
 
@@ -15,8 +16,9 @@ component Foo(ref: React.RefSetter<Controls>) {
   1 | // @flow @gating
 > 2 | component Foo(ref: React.RefSetter<Controls>) {
     |           ^^^ Invariant: Encountered a function used before its declaration, which breaks Forget's gating codegen due to hoisting. Rewrite the reference to Foo_withRef to not rely on hoisting to fix this issue (2:2)
-  3 |   return <Bar ref={ref}/>;
+  3 |   return <Bar ref={ref} />;
   4 | }
+  5 |
 ```
           
       

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/error.component-syntax-ref-gating.flow.js

@@ -1,4 +1,4 @@
 // @flow @gating
 component Foo(ref: React.RefSetter<Controls>) {
-  return <Bar ref={ref}/>;
+  return <Bar ref={ref} />;
-}
+}

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-with-hoisted-type-reference.flow.expect.md

@@ -3,7 +3,7 @@
 
 ```javascript
 // @flow @gating
-import { memo } from "react";
+import {memo} from 'react';
 
 type Props = React.ElementConfig<typeof Component>;
 

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/gating-with-hoisted-type-reference.flow.js

@@ -1,5 +1,5 @@
 // @flow @gating
-import { memo } from "react";
+import {memo} from 'react';
 
 type Props = React.ElementConfig<typeof Component>;
 

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.expect.md

@@ -2,7 +2,7 @@
 ## Input
 
 ```javascript
-// @flow @compilationMode(infer) 
+// @flow @compilationMode(infer)
 export default hook useFoo(bar: number) {
   return [bar];
 }

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/hook-declaration-basic.flow.js

@@ -1,4 +1,4 @@
-// @flow @compilationMode(infer) 
+// @flow @compilationMode(infer)
 export default hook useFoo(bar: number) {
   return [bar];
 }

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.expect.md

@@ -18,7 +18,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{}],
   isComponent: false,
-}
+};
 
 ```
 

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/infer-types-through-type-cast.flow.js

@@ -14,4 +14,4 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{}],
   isComponent: false,
-}
+};

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.expect.md

@@ -3,29 +3,33 @@
 
 ```javascript
 // @flow
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component({items}) {
-    // Per the spec, <Foo value=<>{...}</> /> is valid.
+  // Per the spec, <Foo value=<>{...}</> /> is valid.
-    // But many tools don't allow fragments as jsx attribute values,
+  // But many tools don't allow fragments as jsx attribute values,
-    // so we ensure not to emit them wrapped in an expression container
+  // so we ensure not to emit them wrapped in an expression container
-    return items.length > 0
+  return items.length > 0 ? (
-        ? (
+    <Foo
-            <Foo value={
+      value={
-                <>{items.map(item => <Stringify key={item.id} item={item} />)}</>
+        <>
-            }></Foo>
+          {items.map(item => (
-        )
+            <Stringify key={item.id} item={item} />
-        : null;
+          ))}
+        </>
+      }></Foo>
+  ) : null;
 }
 
 function Foo({value}) {
-    return <div>{value}</div>;
+  return <div>{value}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-    fn: Component,
+  fn: Component,
-    params: [{items: [{id: 1, name: 'One!'}]}],
+  params: [{items: [{id: 1, name: 'One!'}]}],
 };
+
 ```
 
 ## Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/jsx-attribute-with-jsx-fragment-value.flow.js

@@ -1,24 +1,27 @@
 // @flow
-import { Stringify } from "shared-runtime";
+import {Stringify} from 'shared-runtime';
 
 function Component({items}) {
-    // Per the spec, <Foo value=<>{...}</> /> is valid.
+  // Per the spec, <Foo value=<>{...}</> /> is valid.
-    // But many tools don't allow fragments as jsx attribute values,
+  // But many tools don't allow fragments as jsx attribute values,
-    // so we ensure not to emit them wrapped in an expression container
+  // so we ensure not to emit them wrapped in an expression container
-    return items.length > 0
+  return items.length > 0 ? (
-        ? (
+    <Foo
-            <Foo value={
+      value={
-                <>{items.map(item => <Stringify key={item.id} item={item} />)}</>
+        <>
-            }></Foo>
+          {items.map(item => (
-        )
+            <Stringify key={item.id} item={item} />
-        : null;
+          ))}
+        </>
+      }></Foo>
+  ) : null;
 }
 
 function Foo({value}) {
-    return <div>{value}</div>;
+  return <div>{value}</div>;
 }
 
 export const FIXTURE_ENTRYPOINT = {
-    fn: Component,
+  fn: Component,
-    params: [{items: [{id: 1, name: 'One!'}]}],
+  params: [{items: [{id: 1, name: 'One!'}]}],
-};
+};

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-refs.flow.expect.md

@@ -3,12 +3,9 @@
 
 ```javascript
 // @flow @validatePreserveExistingMemoizationGuarantees
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-component Component(
+component Component(disableLocalRef, ref) {
-  disableLocalRef,
-  ref,
-) {
   const localRef = useFooRef();
   const mergedRef = useMemo(() => {
     return disableLocalRef ? ref : identity(ref, localRef);

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/preserve-memo-validation/useMemo-with-refs.flow.js

@@ -1,10 +1,7 @@
 // @flow @validatePreserveExistingMemoizationGuarantees
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-component Component(
+component Component(disableLocalRef, ref) {
-  disableLocalRef,
-  ref,
-) {
   const localRef = useFooRef();
   const mergedRef = useMemo(() => {
     return disableLocalRef ? ref : identity(ref, localRef);

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.expect.md

@@ -9,13 +9,14 @@ function TypeAliasUsedAsAnnotation() {
   const fun = (f: Foo) => {
     console.log(f);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
   params: [],
 };
+
 ```
 
 ## Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-annotation_.flow.js

@@ -5,10 +5,10 @@ function TypeAliasUsedAsAnnotation() {
   const fun = (f: Foo) => {
     console.log(f);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
   params: [],
-};
+};

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.expect.md

@@ -6,18 +6,18 @@
 type Bar = string;
 function TypeAliasUsedAsAnnotation() {
   type Foo = Bar;
-  const fun = (f) => {
+  const fun = f => {
     let g: Foo = f;
     console.log(g);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
-
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
   params: [],
 };
+
 ```
 
 ## Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias-used-as-variable-annotation_.flow.js

@@ -2,15 +2,14 @@
 type Bar = string;
 function TypeAliasUsedAsAnnotation() {
   type Foo = Bar;
-  const fun = (f) => {
+  const fun = f => {
     let g: Foo = f;
     console.log(g);
   };
-  fun("hello, world");
+  fun('hello, world');
 }
 
-
 export const FIXTURE_ENTRYPOINT = {
   fn: TypeAliasUsedAsAnnotation,
   params: [],
-};
+};

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.expect.md

@@ -13,6 +13,7 @@ export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{name: 'Mofei'}],
 };
+
 ```
 
 ## Code

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-alias.flow.js

@@ -8,4 +8,4 @@ function Component(props) {
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
   params: [{name: 'Mofei'}],
-};
+};

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array_.flow.expect.md

@@ -3,9 +3,9 @@
 
 ```javascript
 // @flow @enableUseTypeAnnotations
-import { identity, makeArray } from "shared-runtime";
+import {identity, makeArray} from 'shared-runtime';
 
-function Component(props: { id: number }) {
+function Component(props: {id: number}) {
   const x = (makeArray(props.id): Array<number>);
   const y = x.at(0);
   return y;
@@ -13,7 +13,7 @@ function Component(props: { id: number }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ id: 42 }],
+  params: [{id: 42}],
 };
 
 ```

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-array_.flow.js

@@ -1,7 +1,7 @@
 // @flow @enableUseTypeAnnotations
-import { identity, makeArray } from "shared-runtime";
+import {identity, makeArray} from 'shared-runtime';
 
-function Component(props: { id: number }) {
+function Component(props: {id: number}) {
   const x = (makeArray(props.id): Array<number>);
   const y = x.at(0);
   return y;
@@ -9,5 +9,5 @@ function Component(props: { id: number }) {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ id: 42 }],
+  params: [{id: 42}],
 };

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number_.flow.expect.md

@@ -3,7 +3,7 @@
 
 ```javascript
 // @flow @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props: {id: number}) {
   const x = identity(props.id);

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-as-number_.flow.js

@@ -1,5 +1,5 @@
 // @flow @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
 function Component(props: {id: number}) {
   const x = identity(props.id);

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array_.flow.expect.md

@@ -3,9 +3,9 @@
 
 ```javascript
 // @flow @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function Component(props: { id: number }) {
+function Component(props: {id: number}) {
   const x: Array<number> = makeArray(props.id);
   const y = x.at(0);
   return y;
@@ -17,7 +17,7 @@ function makeArray<T>(x: T): Array<T> {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ id: 42 }],
+  params: [{id: 42}],
 };
 
 ```

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-annotations/type-annotation-var-array_.flow.js

@@ -1,7 +1,7 @@
 // @flow @enableUseTypeAnnotations
-import { identity } from "shared-runtime";
+import {identity} from 'shared-runtime';
 
-function Component(props: { id: number }) {
+function Component(props: {id: number}) {
   const x: Array<number> = makeArray(props.id);
   const y = x.at(0);
   return y;
@@ -13,5 +13,5 @@ function makeArray<T>(x: T): Array<T> {
 
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: [{ id: 42 }],
+  params: [{id: 42}],
 };

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.expect.md

@@ -5,16 +5,16 @@
 // @flow
 type Foo = {bar: string};
 function Component(props) {
-    const x = {bar: props.bar};
+  const x = {bar: props.bar};
-    const y = (x: Foo);
+  const y = (x: Foo);
-    y.bar = 'hello';
+  y.bar = 'hello';
-    const z = (y: Foo);
+  const z = (y: Foo);
-    return z;
+  return z;
 }
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
+  params: ['TodoAdd'],
-  isComponent: "TodoAdd",
+  isComponent: 'TodoAdd',
 };
 
 ```

compiler/packages/babel-plugin-react-compiler/src/__tests__/fixtures/compiler/type-cast-expression.flow.js

@@ -1,14 +1,14 @@
 // @flow
 type Foo = {bar: string};
 function Component(props) {
-    const x = {bar: props.bar};
+  const x = {bar: props.bar};
-    const y = (x: Foo);
+  const y = (x: Foo);
-    y.bar = 'hello';
+  y.bar = 'hello';
-    const z = (y: Foo);
+  const z = (y: Foo);
-    return z;
+  return z;
 }
 export const FIXTURE_ENTRYPOINT = {
   fn: Component,
-  params: ["TodoAdd"],
+  params: ['TodoAdd'],
-  isComponent: "TodoAdd",
+  isComponent: 'TodoAdd',
 };