@react-native/codegen 0.72.3 → 0.73.0

package/lib/parsers/typescript/parser.js.flow

@@ -18,19 +18,24 @@ import type {
   NativeModuleParamTypeAnnotation,
   NativeModuleEnumMembers,
   NativeModuleEnumMemberType,
+  NativeModuleAliasMap,
+  NativeModuleEnumMap,
 } from '../../CodegenSchema';
 import type {ParserType} from '../errors';
 import type {Parser} from '../parser';
-import type {TypeDeclarationMap} from '../utils';
+import type {ParserErrorCapturer, TypeDeclarationMap} from '../utils';
+
+const {typeScriptTranslateTypeAnnotation} = require('./modules');
 
 // $FlowFixMe[untyped-import] Use flow-types for @babel/parser
 const babelParser = require('@babel/parser');
 
 const {buildSchema} = require('../parsers-commons');
-const {Visitor} = require('./Visitor');
+const {Visitor} = require('../parsers-primitives');
 const {buildComponentSchema} = require('./components');
 const {wrapComponentSchema} = require('../schema.js');
-const {buildModuleSchema} = require('./modules');
+const {buildModuleSchema} = require('../parsers-commons.js');
+const {resolveTypeAnnotation} = require('./utils');
 
 const fs = require('fs');
 
@@ -62,7 +67,7 @@ class TypeScriptParser implements Parser {
   }
 
   nameForGenericTypeAnnotation(typeAnnotation: $FlowFixMe): string {
-    return typeAnnotation.typeName.name;
+    return typeAnnotation?.typeName?.name;
   }
 
   checkIfInvalidModule(typeArguments: $FlowFixMe): boolean {
@@ -103,6 +108,8 @@ class TypeScriptParser implements Parser {
       buildModuleSchema,
       Visitor,
       this,
+      resolveTypeAnnotation,
+      typeScriptTranslateTypeAnnotation,
     );
   }
 
@@ -203,6 +210,10 @@ class TypeScriptParser implements Parser {
     );
   }
 
+  isGenericTypeAnnotation(type: $FlowFixMe): boolean {
+    return type === 'TSTypeReference';
+  }
+
   extractAnnotatedElement(
     typeAnnotation: $FlowFixMe,
     types: TypeDeclarationMap,
@@ -239,7 +250,86 @@ class TypeScriptParser implements Parser {
       return types;
     }, {});
   }
+
+  callExpressionTypeParameters(callExpression: $FlowFixMe): $FlowFixMe | null {
+    return callExpression.typeParameters || null;
+  }
+
+  computePartialProperties(
+    properties: Array<$FlowFixMe>,
+    hasteModuleName: string,
+    types: TypeDeclarationMap,
+    aliasMap: {...NativeModuleAliasMap},
+    enumMap: {...NativeModuleEnumMap},
+    tryParse: ParserErrorCapturer,
+    cxxOnly: boolean,
+  ): Array<$FlowFixMe> {
+    return properties.map(prop => {
+      return {
+        name: prop.key.name,
+        optional: true,
+        typeAnnotation: typeScriptTranslateTypeAnnotation(
+          hasteModuleName,
+          prop.typeAnnotation.typeAnnotation,
+          types,
+          aliasMap,
+          enumMap,
+          tryParse,
+          cxxOnly,
+          this,
+        ),
+      };
+    });
+  }
+
+  functionTypeAnnotation(propertyValueType: string): boolean {
+    return (
+      propertyValueType === 'TSFunctionType' ||
+      propertyValueType === 'TSMethodSignature'
+    );
+  }
+
+  getTypeArgumentParamsFromDeclaration(declaration: $FlowFixMe): $FlowFixMe {
+    return declaration.typeParameters.params;
+  }
+
+  // This FlowFixMe is supposed to refer to typeArgumentParams and funcArgumentParams of generated AST.
+  getNativeComponentType(
+    typeArgumentParams: $FlowFixMe,
+    funcArgumentParams: $FlowFixMe,
+  ): {[string]: string} {
+    return {
+      propsTypeName: typeArgumentParams[0].typeName.name,
+      componentName: funcArgumentParams[0].value,
+    };
+  }
+
+  getAnnotatedElementProperties(annotatedElement: $FlowFixMe): $FlowFixMe {
+    return annotatedElement.typeAnnotation.members;
+  }
+
+  bodyProperties(typeAlias: TypeDeclarationMap): $ReadOnlyArray<$FlowFixMe> {
+    return typeAlias.body.body;
+  }
+
+  convertKeywordToTypeAnnotation(keyword: string): string {
+    switch (keyword) {
+      case 'TSBooleanKeyword':
+        return 'BooleanTypeAnnotation';
+      case 'TSNumberKeyword':
+        return 'NumberTypeAnnotation';
+      case 'TSVoidKeyword':
+        return 'VoidTypeAnnotation';
+      case 'TSStringKeyword':
+        return 'StringTypeAnnotation';
+      case 'TSUnknownKeyword':
+        return 'MixedTypeAnnotation';
+    }
+
+    return keyword;
+  }
 }
+
 module.exports = {
   TypeScriptParser,
 };

package/lib/parsers/utils.js

@@ -19,6 +19,7 @@ function extractNativeModuleName(filename) {
   return path.basename(filename).split('.')[0];
 }
 function createParserErrorCapturer() {
+  // $FlowFixMe[missing-empty-array-annot]
   const errors = [];
   function guard(fn) {
     try {
@@ -27,10 +28,13 @@ function createParserErrorCapturer() {
       if (!(error instanceof ParserError)) {
         throw error;
       }
+      // $FlowFixMe[incompatible-call]
       errors.push(error);
       return null;
     }
   }
+
+  // $FlowFixMe[incompatible-return]
   return [errors, guard];
 }
 function verifyPlatforms(hasteModuleName, moduleName) {

package/lib/parsers/utils.js.flow

@@ -38,6 +38,7 @@ function createParserErrorCapturer(): [
   Array<ParserError>,
   ParserErrorCapturer,
 ] {
+  // $FlowFixMe[missing-empty-array-annot]
   const errors = [];
   function guard<T>(fn: () => T): ?T {
     try {
@@ -46,12 +47,14 @@ function createParserErrorCapturer(): [
       if (!(error instanceof ParserError)) {
         throw error;
       }
+      // $FlowFixMe[incompatible-call]
       errors.push(error);
 
       return null;
     }
   }
 
+  // $FlowFixMe[incompatible-return]
   return [errors, guard];
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/codegen",
-  "version": "0.72.3",
+  "version": "0.73.0",
   "description": "⚛️ Code generation tools for React Native",
   "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/react-native-codegen",
   "repository": {

package/lib/parsers/flow/Visitor.js

@@ -1,37 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- * @format
- */
-
-'use strict';
-
-const _require = require('../utils'),
-  isModuleRegistryCall = _require.isModuleRegistryCall;
-function Visitor(infoMap) {
-  return {
-    CallExpression(node) {
-      if (
-        node.callee.type === 'Identifier' &&
-        node.callee.name === 'codegenNativeComponent'
-      ) {
-        infoMap.isComponent = true;
-      }
-      if (isModuleRegistryCall(node)) {
-        infoMap.isModule = true;
-      }
-    },
-    InterfaceExtends(node) {
-      if (node.id.name === 'TurboModule') {
-        infoMap.isModule = true;
-      }
-    },
-  };
-}
-module.exports = {
-  Visitor,
-};

package/lib/parsers/flow/Visitor.js.flow

@@ -1,41 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- * @format
- */
-
-'use strict';
-
-const {isModuleRegistryCall} = require('../utils');
-
-function Visitor(infoMap: {isComponent: boolean, isModule: boolean}): {
-  [type: string]: (node: $FlowFixMe) => void,
-} {
-  return {
-    CallExpression(node: $FlowFixMe) {
-      if (
-        node.callee.type === 'Identifier' &&
-        node.callee.name === 'codegenNativeComponent'
-      ) {
-        infoMap.isComponent = true;
-      }
-
-      if (isModuleRegistryCall(node)) {
-        infoMap.isModule = true;
-      }
-    },
-    InterfaceExtends(node: $FlowFixMe) {
-      if (node.id.name === 'TurboModule') {
-        infoMap.isModule = true;
-      }
-    },
-  };
-}
-
-module.exports = {
-  Visitor,
-};

package/lib/parsers/flow/components/options.js

@@ -1,72 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- * @format
- */
-
-'use strict';
-
-// $FlowFixMe[unclear-type] there's no flowtype for ASTs
-
-function getCommandOptions(commandOptionsExpression) {
-  if (commandOptionsExpression == null) {
-    return null;
-  }
-  let foundOptions;
-  try {
-    foundOptions = commandOptionsExpression.properties.reduce(
-      (options, prop) => {
-        options[prop.key.name] = (
-          (prop && prop.value && prop.value.elements) ||
-          []
-        ).map(element => element && element.value);
-        return options;
-      },
-      {},
-    );
-  } catch (e) {
-    throw new Error(
-      'Failed to parse command options, please check that they are defined correctly',
-    );
-  }
-  return foundOptions;
-}
-function getOptions(optionsExpression) {
-  if (!optionsExpression) {
-    return null;
-  }
-  let foundOptions;
-  try {
-    foundOptions = optionsExpression.properties.reduce((options, prop) => {
-      if (prop.value.type === 'ArrayExpression') {
-        options[prop.key.name] = prop.value.elements.map(
-          element => element.value,
-        );
-      } else {
-        options[prop.key.name] = prop.value.value;
-      }
-      return options;
-    }, {});
-  } catch (e) {
-    throw new Error(
-      'Failed to parse codegen options, please check that they are defined correctly',
-    );
-  }
-  if (
-    foundOptions.paperComponentName &&
-    foundOptions.paperComponentNameDeprecated
-  ) {
-    throw new Error(
-      'Failed to parse codegen options, cannot use both paperComponentName and paperComponentNameDeprecated',
-    );
-  }
-  return foundOptions;
-}
-module.exports = {
-  getCommandOptions,
-  getOptions,
-};

package/lib/parsers/flow/components/options.js.flow

@@ -1,87 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- * @format
- */
-
-'use strict';
-
-import type {OptionsShape} from '../../../CodegenSchema.js';
-
-// $FlowFixMe[unclear-type] there's no flowtype for ASTs
-type OptionsAST = Object;
-
-export type CommandOptions = $ReadOnly<{
-  supportedCommands: $ReadOnlyArray<string>,
-}>;
-
-function getCommandOptions(
-  commandOptionsExpression: OptionsAST,
-): ?CommandOptions {
-  if (commandOptionsExpression == null) {
-    return null;
-  }
-
-  let foundOptions;
-  try {
-    foundOptions = commandOptionsExpression.properties.reduce(
-      (options, prop) => {
-        options[prop.key.name] = (
-          (prop && prop.value && prop.value.elements) ||
-          []
-        ).map(element => element && element.value);
-        return options;
-      },
-      {},
-    );
-  } catch (e) {
-    throw new Error(
-      'Failed to parse command options, please check that they are defined correctly',
-    );
-  }
-
-  return foundOptions;
-}
-
-function getOptions(optionsExpression: OptionsAST): ?OptionsShape {
-  if (!optionsExpression) {
-    return null;
-  }
-  let foundOptions;
-  try {
-    foundOptions = optionsExpression.properties.reduce((options, prop) => {
-      if (prop.value.type === 'ArrayExpression') {
-        options[prop.key.name] = prop.value.elements.map(
-          element => element.value,
-        );
-      } else {
-        options[prop.key.name] = prop.value.value;
-      }
-      return options;
-    }, {});
-  } catch (e) {
-    throw new Error(
-      'Failed to parse codegen options, please check that they are defined correctly',
-    );
-  }
-
-  if (
-    foundOptions.paperComponentName &&
-    foundOptions.paperComponentNameDeprecated
-  ) {
-    throw new Error(
-      'Failed to parse codegen options, cannot use both paperComponentName and paperComponentNameDeprecated',
-    );
-  }
-
-  return foundOptions;
-}
-
-module.exports = {
-  getCommandOptions,
-  getOptions,
-};

package/lib/parsers/typescript/Visitor.js

@@ -1,42 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- * @format
- */
-
-'use strict';
-
-const _require = require('../utils'),
-  isModuleRegistryCall = _require.isModuleRegistryCall;
-function Visitor(infoMap) {
-  return {
-    CallExpression(node) {
-      if (
-        node.callee.type === 'Identifier' &&
-        node.callee.name === 'codegenNativeComponent'
-      ) {
-        infoMap.isComponent = true;
-      }
-      if (isModuleRegistryCall(node)) {
-        infoMap.isModule = true;
-      }
-    },
-    TSInterfaceDeclaration(node) {
-      if (
-        Array.isArray(node.extends) &&
-        node.extends.some(
-          extension => extension.expression.name === 'TurboModule',
-        )
-      ) {
-        infoMap.isModule = true;
-      }
-    },
-  };
-}
-module.exports = {
-  Visitor,
-};

package/lib/parsers/typescript/Visitor.js.flow

@@ -1,47 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- * @format
- */
-
-'use strict';
-
-const {isModuleRegistryCall} = require('../utils');
-
-function Visitor(infoMap: {isComponent: boolean, isModule: boolean}): {
-  [type: string]: (node: $FlowFixMe) => void,
-} {
-  return {
-    CallExpression(node: $FlowFixMe) {
-      if (
-        node.callee.type === 'Identifier' &&
-        node.callee.name === 'codegenNativeComponent'
-      ) {
-        infoMap.isComponent = true;
-      }
-
-      if (isModuleRegistryCall(node)) {
-        infoMap.isModule = true;
-      }
-    },
-
-    TSInterfaceDeclaration(node: $FlowFixMe) {
-      if (
-        Array.isArray(node.extends) &&
-        node.extends.some(
-          extension => extension.expression.name === 'TurboModule',
-        )
-      ) {
-        infoMap.isModule = true;
-      }
-    },
-  };
-}
-
-module.exports = {
-  Visitor,
-};

package/lib/parsers/typescript/components/options.js

@@ -1,72 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- *
- * @format
- */
-
-'use strict';
-
-// $FlowFixMe[unclear-type] TODO(T108222691): Use flow-types for @babel/parser
-
-function getCommandOptions(commandOptionsExpression) {
-  if (commandOptionsExpression == null) {
-    return null;
-  }
-  let foundOptions;
-  try {
-    foundOptions = commandOptionsExpression.properties.reduce(
-      (options, prop) => {
-        options[prop.key.name] = (
-          (prop && prop.value && prop.value.elements) ||
-          []
-        ).map(element => element && element.value);
-        return options;
-      },
-      {},
-    );
-  } catch (e) {
-    throw new Error(
-      'Failed to parse command options, please check that they are defined correctly',
-    );
-  }
-  return foundOptions;
-}
-function getOptions(optionsExpression) {
-  if (!optionsExpression) {
-    return null;
-  }
-  let foundOptions;
-  try {
-    foundOptions = optionsExpression.properties.reduce((options, prop) => {
-      if (prop.value.type === 'ArrayExpression') {
-        options[prop.key.name] = prop.value.elements.map(
-          element => element.value,
-        );
-      } else {
-        options[prop.key.name] = prop.value.value;
-      }
-      return options;
-    }, {});
-  } catch (e) {
-    throw new Error(
-      'Failed to parse codegen options, please check that they are defined correctly',
-    );
-  }
-  if (
-    foundOptions.paperComponentName &&
-    foundOptions.paperComponentNameDeprecated
-  ) {
-    throw new Error(
-      'Failed to parse codegen options, cannot use both paperComponentName and paperComponentNameDeprecated',
-    );
-  }
-  return foundOptions;
-}
-module.exports = {
-  getCommandOptions,
-  getOptions,
-};

package/lib/parsers/typescript/components/options.js.flow

@@ -1,87 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict
- * @format
- */
-
-'use strict';
-
-import type {OptionsShape} from '../../../CodegenSchema.js';
-
-// $FlowFixMe[unclear-type] TODO(T108222691): Use flow-types for @babel/parser
-type OptionsAST = Object;
-
-export type CommandOptions = $ReadOnly<{
-  supportedCommands: $ReadOnlyArray<string>,
-}>;
-
-function getCommandOptions(
-  commandOptionsExpression: OptionsAST,
-): ?CommandOptions {
-  if (commandOptionsExpression == null) {
-    return null;
-  }
-
-  let foundOptions;
-  try {
-    foundOptions = commandOptionsExpression.properties.reduce(
-      (options, prop) => {
-        options[prop.key.name] = (
-          (prop && prop.value && prop.value.elements) ||
-          []
-        ).map(element => element && element.value);
-        return options;
-      },
-      {},
-    );
-  } catch (e) {
-    throw new Error(
-      'Failed to parse command options, please check that they are defined correctly',
-    );
-  }
-
-  return foundOptions;
-}
-
-function getOptions(optionsExpression: OptionsAST): ?OptionsShape {
-  if (!optionsExpression) {
-    return null;
-  }
-  let foundOptions;
-  try {
-    foundOptions = optionsExpression.properties.reduce((options, prop) => {
-      if (prop.value.type === 'ArrayExpression') {
-        options[prop.key.name] = prop.value.elements.map(
-          element => element.value,
-        );
-      } else {
-        options[prop.key.name] = prop.value.value;
-      }
-      return options;
-    }, {});
-  } catch (e) {
-    throw new Error(
-      'Failed to parse codegen options, please check that they are defined correctly',
-    );
-  }
-
-  if (
-    foundOptions.paperComponentName &&
-    foundOptions.paperComponentNameDeprecated
-  ) {
-    throw new Error(
-      'Failed to parse codegen options, cannot use both paperComponentName and paperComponentNameDeprecated',
-    );
-  }
-
-  return foundOptions;
-}
-
-module.exports = {
-  getCommandOptions,
-  getOptions,
-};