@react-native/codegen 0.74.0 → 0.75.0-nightly-20240221-a1171f79f

package/lib/cli/parser/parser.js.flow

@@ -10,9 +10,9 @@
 
 'use strict';
 
-const path = require('path');
 const {FlowParser} = require('../../parsers/flow/parser');
 const {TypeScriptParser} = require('../../parsers/typescript/parser');
+const path = require('path');
 
 const flowParser = new FlowParser();
 const typescriptParser = new TypeScriptParser();

package/lib/generators/RNCodegen.d.ts

@@ -14,6 +14,7 @@ export type ViewGeneratorFunction = (libraryName: string, schema: SchemaType) =>
 
 type LibraryGeneratorNames =
     | 'generateComponentDescriptorH'
+    | 'generateComponentDescriptorCpp'
     | 'generateComponentHObjCpp'
     | 'generateEventEmitterCpp'
     | 'generateEventEmitterH'

package/lib/generators/RNCodegen.js

@@ -15,33 +15,35 @@ TODO:
 
 - ViewConfigs should spread in View's valid attributes
 */
-const fs = require('fs');
+const schemaValidator = require('../SchemaValidator.js');
+const generateComponentDescriptorCpp = require('./components/GenerateComponentDescriptorCpp.js');
 const generateComponentDescriptorH = require('./components/GenerateComponentDescriptorH.js');
 const generateComponentHObjCpp = require('./components/GenerateComponentHObjCpp.js');
 const generateEventEmitterCpp = require('./components/GenerateEventEmitterCpp.js');
 const generateEventEmitterH = require('./components/GenerateEventEmitterH.js');
 const generatePropsCpp = require('./components/GeneratePropsCpp.js');
 const generatePropsH = require('./components/GeneratePropsH.js');
+const generatePropsJavaDelegate = require('./components/GeneratePropsJavaDelegate.js');
+const generatePropsJavaInterface = require('./components/GeneratePropsJavaInterface.js');
+const generateShadowNodeCpp = require('./components/GenerateShadowNodeCpp.js');
+const generateShadowNodeH = require('./components/GenerateShadowNodeH.js');
 const generateStateCpp = require('./components/GenerateStateCpp.js');
 const generateStateH = require('./components/GenerateStateH.js');
-const generateModuleH = require('./modules/GenerateModuleH.js');
+const generateTests = require('./components/GenerateTests.js');
+const generateThirdPartyFabricComponentsProviderH = require('./components/GenerateThirdPartyFabricComponentsProviderH.js');
+const generateThirdPartyFabricComponentsProviderObjCpp = require('./components/GenerateThirdPartyFabricComponentsProviderObjCpp.js');
+const generateViewConfigJs = require('./components/GenerateViewConfigJs.js');
 const generateModuleCpp = require('./modules/GenerateModuleCpp.js');
-const generateModuleObjCpp = require('./modules/GenerateModuleObjCpp');
+const generateModuleH = require('./modules/GenerateModuleH.js');
 const generateModuleJavaSpec = require('./modules/GenerateModuleJavaSpec.js');
 const generateModuleJniCpp = require('./modules/GenerateModuleJniCpp.js');
 const generateModuleJniH = require('./modules/GenerateModuleJniH.js');
-const generatePropsJavaInterface = require('./components/GeneratePropsJavaInterface.js');
-const generatePropsJavaDelegate = require('./components/GeneratePropsJavaDelegate.js');
-const generateTests = require('./components/GenerateTests.js');
-const generateShadowNodeCpp = require('./components/GenerateShadowNodeCpp.js');
-const generateShadowNodeH = require('./components/GenerateShadowNodeH.js');
-const generateThirdPartyFabricComponentsProviderObjCpp = require('./components/GenerateThirdPartyFabricComponentsProviderObjCpp.js');
-const generateThirdPartyFabricComponentsProviderH = require('./components/GenerateThirdPartyFabricComponentsProviderH.js');
-const generateViewConfigJs = require('./components/GenerateViewConfigJs.js');
+const generateModuleObjCpp = require('./modules/GenerateModuleObjCpp');
+const fs = require('fs');
 const path = require('path');
-const schemaValidator = require('../SchemaValidator.js');
 const ALL_GENERATORS = {
   generateComponentDescriptorH: generateComponentDescriptorH.generate,
+  generateComponentDescriptorCpp: generateComponentDescriptorCpp.generate,
   generateComponentHObjCpp: generateComponentHObjCpp.generate,
   generateEventEmitterCpp: generateEventEmitterCpp.generate,
   generateEventEmitterH: generateEventEmitterH.generate,
@@ -81,6 +83,7 @@ const LIBRARY_GENERATORS = {
   componentsAndroid: [
     // JNI/C++ files
     generateComponentDescriptorH.generate,
+    generateComponentDescriptorCpp.generate,
     generateEventEmitterCpp.generate,
     generateEventEmitterH.generate,
     generatePropsCpp.generate,
@@ -95,6 +98,7 @@ const LIBRARY_GENERATORS = {
   ],
   componentsIOS: [
     generateComponentDescriptorH.generate,
+    generateComponentDescriptorCpp.generate,
     generateEventEmitterCpp.generate,
     generateEventEmitterH.generate,
     generateComponentHObjCpp.generate,
@@ -166,14 +170,28 @@ module.exports = {
   libraryGenerators: LIBRARY_GENERATORS,
   schemaGenerators: SCHEMAS_GENERATORS,
   generate(
-    {libraryName, schema, outputDirectory, packageName, assumeNonnull},
+    {
+      libraryName,
+      schema,
+      outputDirectory,
+      packageName,
+      assumeNonnull,
+      useLocalIncludePaths,
+    },
     {generators, test},
   ) {
     schemaValidator.validate(schema);
+    const defaultHeaderPrefix = 'react/renderer/components';
+    const headerPrefix =
+      useLocalIncludePaths === true
+        ? ''
+        : `${defaultHeaderPrefix}/${libraryName}/`;
     function composePath(intermediate) {
       return path.join(outputDirectory, intermediate, libraryName);
     }
-    const componentIOSOutput = composePath('react/renderer/components/');
+    const componentIOSOutput = composePath(
+      useLocalIncludePaths === true ? '' : defaultHeaderPrefix,
+    );
     const modulesIOSOutput = composePath('./');
     const outputFoldersForGenerators = {
       componentsIOS: componentIOSOutput,
@@ -191,33 +209,42 @@ module.exports = {
     const generatedFiles = [];
     for (const name of generators) {
       for (const generator of LIBRARY_GENERATORS[name]) {
-        generator(libraryName, schema, packageName, assumeNonnull).forEach(
-          (contents, fileName) => {
-            generatedFiles.push({
-              name: fileName,
-              content: contents,
-              outputDir: outputFoldersForGenerators[name],
-            });
-          },
-        );
+        generator(
+          libraryName,
+          schema,
+          packageName,
+          assumeNonnull,
+          headerPrefix,
+        ).forEach((contents, fileName) => {
+          generatedFiles.push({
+            name: fileName,
+            content: contents,
+            outputDir: outputFoldersForGenerators[name],
+          });
+        });
       }
     }
     return checkOrWriteFiles(generatedFiles, test);
   },
-  generateFromSchemas({schemas, outputDirectory}, {generators, test}) {
+  generateFromSchemas(
+    {schemas, outputDirectory, supportedApplePlatforms},
+    {generators, test},
+  ) {
     Object.keys(schemas).forEach(libraryName =>
       schemaValidator.validate(schemas[libraryName]),
     );
     const generatedFiles = [];
     for (const name of generators) {
       for (const generator of SCHEMAS_GENERATORS[name]) {
-        generator(schemas).forEach((contents, fileName) => {
-          generatedFiles.push({
-            name: fileName,
-            content: contents,
-            outputDir: outputDirectory,
-          });
-        });
+        generator(schemas, supportedApplePlatforms).forEach(
+          (contents, fileName) => {
+            generatedFiles.push({
+              name: fileName,
+              content: contents,
+              outputDir: outputDirectory,
+            });
+          },
+        );
       }
     }
     return checkOrWriteFiles(generatedFiles, test);

package/lib/generators/RNCodegen.js.flow

@@ -16,34 +16,38 @@ TODO:
 - ViewConfigs should spread in View's valid attributes
 */
 
-const fs = require('fs');
+import type {SchemaType} from '../CodegenSchema';
+
+const schemaValidator = require('../SchemaValidator.js');
+const generateComponentDescriptorCpp = require('./components/GenerateComponentDescriptorCpp.js');
 const generateComponentDescriptorH = require('./components/GenerateComponentDescriptorH.js');
 const generateComponentHObjCpp = require('./components/GenerateComponentHObjCpp.js');
 const generateEventEmitterCpp = require('./components/GenerateEventEmitterCpp.js');
 const generateEventEmitterH = require('./components/GenerateEventEmitterH.js');
 const generatePropsCpp = require('./components/GeneratePropsCpp.js');
 const generatePropsH = require('./components/GeneratePropsH.js');
+const generatePropsJavaDelegate = require('./components/GeneratePropsJavaDelegate.js');
+const generatePropsJavaInterface = require('./components/GeneratePropsJavaInterface.js');
+const generateShadowNodeCpp = require('./components/GenerateShadowNodeCpp.js');
+const generateShadowNodeH = require('./components/GenerateShadowNodeH.js');
 const generateStateCpp = require('./components/GenerateStateCpp.js');
 const generateStateH = require('./components/GenerateStateH.js');
-const generateModuleH = require('./modules/GenerateModuleH.js');
+const generateTests = require('./components/GenerateTests.js');
+const generateThirdPartyFabricComponentsProviderH = require('./components/GenerateThirdPartyFabricComponentsProviderH.js');
+const generateThirdPartyFabricComponentsProviderObjCpp = require('./components/GenerateThirdPartyFabricComponentsProviderObjCpp.js');
+const generateViewConfigJs = require('./components/GenerateViewConfigJs.js');
 const generateModuleCpp = require('./modules/GenerateModuleCpp.js');
-const generateModuleObjCpp = require('./modules/GenerateModuleObjCpp');
+const generateModuleH = require('./modules/GenerateModuleH.js');
 const generateModuleJavaSpec = require('./modules/GenerateModuleJavaSpec.js');
 const generateModuleJniCpp = require('./modules/GenerateModuleJniCpp.js');
 const generateModuleJniH = require('./modules/GenerateModuleJniH.js');
-const generatePropsJavaInterface = require('./components/GeneratePropsJavaInterface.js');
-const generatePropsJavaDelegate = require('./components/GeneratePropsJavaDelegate.js');
-const generateTests = require('./components/GenerateTests.js');
-const generateShadowNodeCpp = require('./components/GenerateShadowNodeCpp.js');
-const generateShadowNodeH = require('./components/GenerateShadowNodeH.js');
-const generateThirdPartyFabricComponentsProviderObjCpp = require('./components/GenerateThirdPartyFabricComponentsProviderObjCpp.js');
-const generateThirdPartyFabricComponentsProviderH = require('./components/GenerateThirdPartyFabricComponentsProviderH.js');
-const generateViewConfigJs = require('./components/GenerateViewConfigJs.js');
+const generateModuleObjCpp = require('./modules/GenerateModuleObjCpp');
+const fs = require('fs');
 const path = require('path');
-const schemaValidator = require('../SchemaValidator.js');
 
 const ALL_GENERATORS = {
   generateComponentDescriptorH: generateComponentDescriptorH.generate,
+  generateComponentDescriptorCpp: generateComponentDescriptorCpp.generate,
   generateComponentHObjCpp: generateComponentHObjCpp.generate,
   generateEventEmitterCpp: generateEventEmitterCpp.generate,
   generateEventEmitterH: generateEventEmitterH.generate,
@@ -69,19 +73,19 @@ const ALL_GENERATORS = {
   generateViewConfigJs: generateViewConfigJs.generate,
 };
 
-import type {SchemaType} from '../CodegenSchema';
-
 type LibraryOptions = $ReadOnly<{
   libraryName: string,
   schema: SchemaType,
   outputDirectory: string,
   packageName?: string, // Some platforms have a notion of package, which should be configurable.
   assumeNonnull: boolean,
+  useLocalIncludePaths?: boolean,
 }>;
 
 type SchemasOptions = $ReadOnly<{
   schemas: {[string]: SchemaType},
   outputDirectory: string,
+  supportedApplePlatforms?: {[string]: {[string]: boolean}},
 }>;
 
 type LibraryGenerators =
@@ -124,6 +128,7 @@ const LIBRARY_GENERATORS = {
   componentsAndroid: [
     // JNI/C++ files
     generateComponentDescriptorH.generate,
+    generateComponentDescriptorCpp.generate,
     generateEventEmitterCpp.generate,
     generateEventEmitterH.generate,
     generatePropsCpp.generate,
@@ -138,6 +143,7 @@ const LIBRARY_GENERATORS = {
   ],
   componentsIOS: [
     generateComponentDescriptorH.generate,
+    generateComponentDescriptorCpp.generate,
     generateEventEmitterCpp.generate,
     generateEventEmitterH.generate,
     generateComponentHObjCpp.generate,
@@ -232,16 +238,24 @@ module.exports = {
       outputDirectory,
       packageName,
       assumeNonnull,
+      useLocalIncludePaths,
     }: LibraryOptions,
     {generators, test}: LibraryConfig,
   ): boolean {
     schemaValidator.validate(schema);
 
+    const defaultHeaderPrefix = 'react/renderer/components';
+    const headerPrefix =
+      useLocalIncludePaths === true
+        ? ''
+        : `${defaultHeaderPrefix}/${libraryName}/`;
     function composePath(intermediate: string) {
       return path.join(outputDirectory, intermediate, libraryName);
     }
 
-    const componentIOSOutput = composePath('react/renderer/components/');
+    const componentIOSOutput = composePath(
+      useLocalIncludePaths === true ? '' : defaultHeaderPrefix,
+    );
     const modulesIOSOutput = composePath('./');
 
     const outputFoldersForGenerators = {
@@ -262,21 +276,25 @@ module.exports = {
 
     for (const name of generators) {
       for (const generator of LIBRARY_GENERATORS[name]) {
-        generator(libraryName, schema, packageName, assumeNonnull).forEach(
-          (contents: string, fileName: string) => {
-            generatedFiles.push({
-              name: fileName,
-              content: contents,
-              outputDir: outputFoldersForGenerators[name],
-            });
-          },
-        );
+        generator(
+          libraryName,
+          schema,
+          packageName,
+          assumeNonnull,
+          headerPrefix,
+        ).forEach((contents: string, fileName: string) => {
+          generatedFiles.push({
+            name: fileName,
+            content: contents,
+            outputDir: outputFoldersForGenerators[name],
+          });
+        });
       }
     }
     return checkOrWriteFiles(generatedFiles, test);
   },
   generateFromSchemas(
-    {schemas, outputDirectory}: SchemasOptions,
+    {schemas, outputDirectory, supportedApplePlatforms}: SchemasOptions,
     {generators, test}: SchemasConfig,
   ): boolean {
     Object.keys(schemas).forEach(libraryName =>
@@ -287,13 +305,15 @@ module.exports = {
 
     for (const name of generators) {
       for (const generator of SCHEMAS_GENERATORS[name]) {
-        generator(schemas).forEach((contents: string, fileName: string) => {
-          generatedFiles.push({
-            name: fileName,
-            content: contents,
-            outputDir: outputDirectory,
-          });
-        });
+        generator(schemas, supportedApplePlatforms).forEach(
+          (contents: string, fileName: string) => {
+            generatedFiles.push({
+              name: fileName,
+              content: contents,
+              outputDir: outputDirectory,
+            });
+          },
+        );
       }
     }
     return checkOrWriteFiles(generatedFiles, test);

package/lib/generators/TypeUtils/Cxx/index.js

@@ -0,0 +1,17 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+function wrapOptional(type, isRequired) {
+  return isRequired ? type : `std::optional<${type}>`;
+}
+module.exports = {
+  wrapOptional,
+};

package/lib/generators/TypeUtils/Cxx/index.js.flow

@@ -0,0 +1,18 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+function wrapOptional(type: string, isRequired: boolean): string {
+  return isRequired ? type : `std::optional<${type}>`;
+}
+
+module.exports = {
+  wrapOptional,
+};

package/lib/generators/TypeUtils/Java/index.js

@@ -0,0 +1,31 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+const objectTypeForPrimitiveType = {
+  boolean: 'Boolean',
+  double: 'Double',
+  float: 'Float',
+  int: 'Integer',
+};
+function wrapOptional(type, isRequired) {
+  var _objectTypeForPrimiti;
+  return isRequired
+    ? type
+    : `@Nullable ${
+        (_objectTypeForPrimiti = objectTypeForPrimitiveType[type]) !== null &&
+        _objectTypeForPrimiti !== void 0
+          ? _objectTypeForPrimiti
+          : type
+      }`;
+}
+module.exports = {
+  wrapOptional,
+};

package/lib/generators/TypeUtils/Java/index.js.flow

@@ -0,0 +1,27 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+const objectTypeForPrimitiveType = {
+  boolean: 'Boolean',
+  double: 'Double',
+  float: 'Float',
+  int: 'Integer',
+};
+
+function wrapOptional(type: string, isRequired: boolean): string {
+  return isRequired
+    ? type
+    : `@Nullable ${objectTypeForPrimitiveType[type] ?? type}`;
+}
+
+module.exports = {
+  wrapOptional,
+};

package/lib/generators/TypeUtils/Objective-C/index.js

@@ -0,0 +1,17 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+function wrapOptional(type, isRequired) {
+  return isRequired ? type : `${type} _Nullable`;
+}
+module.exports = {
+  wrapOptional,
+};

package/lib/generators/TypeUtils/Objective-C/index.js.flow

@@ -0,0 +1,18 @@
+/**
+ * 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
+ * @oncall react_native
+ */
+
+function wrapOptional(type: string, isRequired: boolean): string {
+  return isRequired ? type : `${type} _Nullable`;
+}
+
+module.exports = {
+  wrapOptional,
+};

package/lib/generators/components/ComponentsGeneratorUtils.js

@@ -10,13 +10,13 @@
 
 'use strict';
 
-const _require = require('./CppHelpers.js'),
-  getCppTypeForAnnotation = _require.getCppTypeForAnnotation,
-  getEnumMaskName = _require.getEnumMaskName,
-  generateStructName = _require.generateStructName,
-  getImports = _require.getImports;
-const _require2 = require('../Utils'),
-  getEnumName = _require2.getEnumName;
+const _require = require('../Utils'),
+  getEnumName = _require.getEnumName;
+const _require2 = require('./CppHelpers.js'),
+  generateStructName = _require2.generateStructName,
+  getCppTypeForAnnotation = _require2.getCppTypeForAnnotation,
+  getEnumMaskName = _require2.getEnumMaskName,
+  getImports = _require2.getImports;
 function getNativeTypeFromAnnotation(componentName, prop, nameParts) {
   const typeAnnotation = prop.typeAnnotation;
   switch (typeAnnotation.type) {

package/lib/generators/components/ComponentsGeneratorUtils.js.flow

@@ -11,26 +11,24 @@
 'use strict';
 
 import type {NamedShape, PropTypeAnnotation} from '../../CodegenSchema';
-
 import type {
-  StringTypeAnnotation,
-  ReservedPropTypeAnnotation,
-  ObjectTypeAnnotation,
-  Int32TypeAnnotation,
-  FloatTypeAnnotation,
-  DoubleTypeAnnotation,
   BooleanTypeAnnotation,
+  DoubleTypeAnnotation,
+  FloatTypeAnnotation,
+  Int32TypeAnnotation,
+  ObjectTypeAnnotation,
+  ReservedPropTypeAnnotation,
+  StringTypeAnnotation,
 } from '../../CodegenSchema';
 
+const {getEnumName} = require('../Utils');
 const {
+  generateStructName,
   getCppTypeForAnnotation,
   getEnumMaskName,
-  generateStructName,
   getImports,
 } = require('./CppHelpers.js');
 
-const {getEnumName} = require('../Utils');
-
 function getNativeTypeFromAnnotation(
   componentName: string,
   prop:

package/lib/generators/components/ComponentsProviderUtils.js

@@ -0,0 +1,55 @@
+/**
+ * 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
+ */
+
+const APPLE_PLATFORMS_MACRO_MAP = {
+  ios: 'TARGET_OS_IOS',
+  macos: 'TARGET_OS_OSX',
+  tvos: 'TARGET_OS_TV',
+  visionos: 'TARGET_OS_VISION',
+};
+
+/**
+ * Adds compiler macros to the file template to exclude unsupported platforms.
+ */
+function generateSupportedApplePlatformsMacro(
+  fileTemplate,
+  supportedPlatformsMap,
+) {
+  if (!supportedPlatformsMap) {
+    return fileTemplate;
+  }
+
+  // According to Podspec Syntax Reference, when `platform` or `deployment_target` is not specified, it defaults to all platforms.
+  // https://guides.cocoapods.org/syntax/podspec.html#platform
+  const everyPlatformIsUnsupported = Object.keys(supportedPlatformsMap).every(
+    platform => supportedPlatformsMap[platform] === false,
+  );
+  if (everyPlatformIsUnsupported) {
+    return fileTemplate;
+  }
+  const compilerMacroString = Object.keys(supportedPlatformsMap)
+    .reduce((acc, platform) => {
+      if (!supportedPlatformsMap[platform]) {
+        return [...acc, `!${APPLE_PLATFORMS_MACRO_MAP[platform]}`];
+      }
+      return acc;
+    }, [])
+    .join(' && ');
+  if (!compilerMacroString) {
+    return fileTemplate;
+  }
+  return `#if ${compilerMacroString}
+${fileTemplate}
+#endif
+`;
+}
+module.exports = {
+  generateSupportedApplePlatformsMacro,
+};

package/lib/generators/components/ComponentsProviderUtils.js.flow

@@ -0,0 +1,60 @@
+/**
+ * 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
+ */
+
+const APPLE_PLATFORMS_MACRO_MAP = {
+  ios: 'TARGET_OS_IOS',
+  macos: 'TARGET_OS_OSX',
+  tvos: 'TARGET_OS_TV',
+  visionos: 'TARGET_OS_VISION',
+};
+
+/**
+ * Adds compiler macros to the file template to exclude unsupported platforms.
+ */
+function generateSupportedApplePlatformsMacro(
+  fileTemplate: string,
+  supportedPlatformsMap: ?{[string]: boolean},
+): string {
+  if (!supportedPlatformsMap) {
+    return fileTemplate;
+  }
+
+  // According to Podspec Syntax Reference, when `platform` or `deployment_target` is not specified, it defaults to all platforms.
+  // https://guides.cocoapods.org/syntax/podspec.html#platform
+  const everyPlatformIsUnsupported = Object.keys(supportedPlatformsMap).every(
+    platform => supportedPlatformsMap[platform] === false,
+  );
+
+  if (everyPlatformIsUnsupported) {
+    return fileTemplate;
+  }
+
+  const compilerMacroString = Object.keys(supportedPlatformsMap)
+    .reduce((acc: string[], platform) => {
+      if (!supportedPlatformsMap[platform]) {
+        return [...acc, `!${APPLE_PLATFORMS_MACRO_MAP[platform]}`];
+      }
+      return acc;
+    }, [])
+    .join(' && ');
+
+  if (!compilerMacroString) {
+    return fileTemplate;
+  }
+
+  return `#if ${compilerMacroString}
+${fileTemplate}
+#endif
+`;
+}
+
+module.exports = {
+  generateSupportedApplePlatformsMacro,
+};

package/lib/generators/components/CppHelpers.js

@@ -208,6 +208,12 @@ function convertDefaultTypeToString(componentName, prop) {
       throw new Error(`Unsupported type annotation: ${typeAnnotation.type}`);
   }
 }
+const IncludeTemplate = ({headerPrefix, file}) => {
+  if (headerPrefix === '') {
+    return `#include "${file}"`;
+  }
+  return `#include <${headerPrefix}${file}>`;
+};
 module.exports = {
   convertDefaultTypeToString,
   getCppArrayTypeForAnnotation,
@@ -217,4 +223,5 @@ module.exports = {
   toIntEnumValueName,
   generateStructName,
   generateEventStructName,
+  IncludeTemplate,
 };