transformTypeParamBound codemod 8/9 (#55949)

Summary:
Pull Request resolved: #55949

js1 flow-runner codemod flow/transformTypeParamBound --format-files=false xplat/js

Changelog: [Internal]

Reviewed By: SamChou19815

Differential Revision: D95429359

fbshipit-source-id: fc5bfa68cd5267ec5e74358592eace97c9a6f662

Author: marcoww6

packages/dev-middleware/src/__tests__/FetchUtils.js

@@ -48,7 +48,9 @@ export async function requestLocal(
   };
 }
 
-export async function fetchJson<T: JSONSerializable>(url: string): Promise<T> {
+export async function fetchJson<T extends JSONSerializable>(
+  url: string,
+): Promise<T> {
   const response = await requestLocal(url);
   if (response.statusCode !== 200) {
     throw new Error(`HTTP ${response.statusCode}`);

packages/dev-middleware/src/__tests__/InspectorDeviceUtils.js

@@ -142,7 +142,7 @@ export class DeviceMock extends DeviceAgent {
     }
   }
 
-  #sendPayloadIfNonNull<Event: MessageFromDevice['event']>(
+  #sendPayloadIfNonNull<Event extends MessageFromDevice['event']>(
     event: Event,
     maybePayload:
       | MessageFromDevice['payload']

packages/dev-middleware/src/__tests__/InspectorProtocolUtils.js

@@ -42,7 +42,9 @@ export type CdpMessageToTarget = Readonly<{
  * Send a CDP message from from the target with the given pageId to the debugger.
  * Returns the message as received by the debugger.
  */
-export async function sendFromTargetToDebugger<Message: CdpMessageFromTarget>(
+export async function sendFromTargetToDebugger<
+  Message extends CdpMessageFromTarget,
+>(
   device: DeviceMock,
   debugger_: DebuggerMock,
   pageId: string,
@@ -76,7 +78,9 @@ export async function sendFromTargetToDebugger<Message: CdpMessageFromTarget>(
  * Send a CDP message from the debugger to the target with the given pageId.
  * Returns the message as received by the target.
  */
-export async function sendFromDebuggerToTarget<Message: CdpMessageToTarget>(
+export async function sendFromDebuggerToTarget<
+  Message extends CdpMessageToTarget,
+>(
   debugger_: DebuggerMock,
   device: DeviceMock,
   pageId: string,

packages/dev-middleware/src/inspector-proxy/cdp-types/messages.js

@@ -12,18 +12,18 @@ import type {JSONSerializable} from '../types';
 import type {Commands, Events} from './protocol';
 
 // Note: A CDP event is a JSON-RPC notification with no `id` member.
-export type CDPEvent<TEvent: keyof Events = 'unknown'> = {
+export type CDPEvent<TEvent extends keyof Events = 'unknown'> = {
   method: TEvent,
   params: Events[TEvent],
 };
 
-export type CDPRequest<TCommand: keyof Commands = 'unknown'> = {
+export type CDPRequest<TCommand extends keyof Commands = 'unknown'> = {
   method: TCommand,
   params: Commands[TCommand]['paramsType'],
   id: number,
 };
 
-export type CDPResponse<TCommand: keyof Commands = 'unknown'> =
+export type CDPResponse<TCommand extends keyof Commands = 'unknown'> =
   | {
       result: Commands[TCommand]['resultType'],
       id: number,

packages/dev-middleware/src/types/EventReporter.js

@@ -10,18 +10,18 @@
 
 import type {DebuggerShellPreparationResult} from './DevToolLauncher';
 
-type SuccessResult<Props: {...} | void = {}> = {
+type SuccessResult<Props extends {...} | void = {}> = {
   status: 'success',
   ...Props,
 };
 
-type ErrorResult<ErrorT = unknown, Props: {...} | void = {}> = {
+type ErrorResult<ErrorT = unknown, Props extends {...} | void = {}> = {
   status: 'error',
   error: ErrorT,
   ...Props,
 };
 
-type CodedErrorResult<ErrorCode: string> = {
+type CodedErrorResult<ErrorCode extends string> = {
   status: 'coded_error',
   errorCode: ErrorCode,
   errorDetails?: string,

packages/jest-preset/jest/mock.js

@@ -16,7 +16,7 @@
  * If `factoryRef` is provided, it is expected to reference a module that
  * exports the same type signature as the module referenced by `moduleRef`.
  */
-export default function mock<TModuleRef: $Flow$ModuleRef<unknown>>(
+export default function mock<TModuleRef extends $Flow$ModuleRef<unknown>>(
   moduleRef: TModuleRef,
   factoryRef?: NoInfer<TModuleRef>,
 ): void {

packages/jest-preset/jest/mockComponent.js

@@ -21,8 +21,8 @@ type TComponentType = React.ComponentType<{...}>;
  * a major footgun. Be careful when using this function!
  */
 export default function mockComponent<
-  TComponentModule: Modulish<TComponentType>,
-  TIsESModule: boolean,
+  TComponentModule extends Modulish<TComponentType>,
+  TIsESModule extends boolean,
 >(
   moduleName: string,
   instanceMethods: ?interface {},

packages/jest-preset/jest/mockNativeComponent.js

@@ -15,12 +15,12 @@ import {createElement} from 'react';
 
 let nativeTag = 1;
 
-type MockNativeComponent<TProps: {...}> = component(
+type MockNativeComponent<TProps extends {...}> = component(
   ref?: ?React.RefSetter<HostInstance>,
   ...props: TProps
 );
 
-export default function mockNativeComponent<TProps: {...}>(
+export default function mockNativeComponent<TProps extends {...}>(
   viewName: string,
 ): MockNativeComponent<TProps> {
   const Component = class extends React.Component<TProps> {

packages/jest-preset/jest/mocks/requireNativeComponent.js

@@ -15,7 +15,7 @@ const mockNativeComponent = jest.requireActual<TmockNativeComponent>(
   '../mockNativeComponent',
 ).default;
 
-export default function requireNativeComponent<T: {...}>(
+export default function requireNativeComponent<T extends {...}>(
   uiViewClassName: string,
 ): HostComponent<T> {
   return mockNativeComponent<T>(uiViewClassName);

packages/polyfills/error-guard.js

@@ -52,7 +52,7 @@ const ErrorUtils = {
      * Condition roll out. See https://fburl.com/workplace/1v97vimq. */
     _globalHandler && _globalHandler(error, true);
   },
-  applyWithGuard<TArgs: ReadonlyArray<unknown>, TOut>(
+  applyWithGuard<TArgs extends ReadonlyArray<unknown>, TOut>(
     fun: Fn<TArgs, TOut>,
     context?: ?unknown,
     args?: ?TArgs,
@@ -75,7 +75,7 @@ const ErrorUtils = {
     }
     return null;
   },
-  applyWithGuardIfNeeded<TArgs: ReadonlyArray<unknown>, TOut>(
+  applyWithGuardIfNeeded<TArgs extends ReadonlyArray<unknown>, TOut>(
     fun: Fn<TArgs, TOut>,
     context?: ?unknown,
     args?: ?TArgs,
@@ -94,7 +94,7 @@ const ErrorUtils = {
   inGuard(): boolean {
     return !!_inGuard;
   },
-  guard<TArgs: ReadonlyArray<unknown>, TOut>(
+  guard<TArgs extends ReadonlyArray<unknown>, TOut>(
     fun: Fn<TArgs, TOut>,
     name?: ?string,
     context?: ?unknown,