Facebook/react-native
1
0
Fork 0
mirror of https://github.com/facebook/react-native.git synced 2025-11-01 09:14:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use the new CLI properties for codegen the legacy components

Browse Source 
Summary:
This change updates the way in which we consume the list of components from the `react-native.config.js` files so that it is aligned to what Android does.

## Changelog:
[iOS][Changed] - Update how the `react-native.config.js` is consumed to add elements in the interop layer.

Reviewed By: cortinico

Differential Revision: D43875395

fbshipit-source-id: e359c98a9144f4efe62967096d48318491718958
This commit is contained in:
Riccardo Cipolleschi
2023-03-08 02:28:32 -08:00
committed by Facebook GitHub Bot
parent 7858a2147f
commit a055e07c3e
1 changed files with 52 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/codegen/generate-legacy-interop-components.js
+52 -18
View File
@@ -13,7 +13,9 @@ const yargs = require('yargs');
const fs = require('fs');
const CONFIG_FILE_NAME = 'react-native.config.js';
const LEGACY_COMPONENTS_FIELD = 'unstable_reactLegacyComponent';
const PROJECT_FIELD = 'project';
const IOS_FIELD = 'ios';
const LEGACY_COMPONENTS_FIELD = 'unstable_reactLegacyComponentNames';
const OUTPUT_FILE_NAME = 'RCTLegacyInteropComponents.mm';
const argv = yargs
@@ -57,6 +59,39 @@ ${components}
// eslint-enable duplicate-license-header
}
function extractComponentsNames(reactNativeConfig) {
if (!reactNativeConfig) {
console.log('No reactNativeConfig in the react-native.config.js file');
return null;
}
const project = reactNativeConfig[PROJECT_FIELD];
if (!project) {
console.log(`No ${PROJECT_FIELD} in the react-native config`);
return null;
}
const ios = project[IOS_FIELD];
if (!ios) {
console.log(
`No ${IOS_FIELD} in the ${PROJECT_FIELD} object of the config file`,
);
return null;
}
const componentNames = ios[LEGACY_COMPONENTS_FIELD];
if (!componentNames) {
console.log(
`No '${LEGACY_COMPONENTS_FIELD}' field in the ${PROJECT_FIELD}.${IOS_FIELD} object`,
);
return null;
}
return componentNames;
}
function generateRCTLegacyInteropComponents() {
const configFilePath = `${appRoot}/${CONFIG_FILE_NAME}`;
let reactNativeConfig = null;
@@ -64,26 +99,25 @@ function generateRCTLegacyInteropComponents() {
reactNativeConfig = require(configFilePath);
} catch (error) {
console.log(`No ${configFilePath}. Skip LegacyInterop generation`);
return;
}
if (reactNativeConfig && reactNativeConfig[LEGACY_COMPONENTS_FIELD]) {
let componentsArray = reactNativeConfig[LEGACY_COMPONENTS_FIELD].map(
name => `\t\t\t@"${name}",`,
);
// Remove the last comma
if (componentsArray.length > 0) {
componentsArray[componentsArray.length - 1] = componentsArray[
componentsArray.length - 1
].slice(0, -1);
}
const filePath = `${outputPath}/${OUTPUT_FILE_NAME}`;
fs.writeFileSync(filePath, fileBody(componentsArray.join('\n')));
} else {
console.log(
`No '${LEGACY_COMPONENTS_FIELD}' field. Skip LegacyInterop generation`,
);
const componentNames = extractComponentsNames(reactNativeConfig);
if (!componentNames) {
console.log('Skip LegacyInterop generation');
return;
}
let componentsArray = componentNames.map(name => `\t\t\t@"${name}",`);
// Remove the last comma
if (componentsArray.length > 0) {
componentsArray[componentsArray.length - 1] = componentsArray[
componentsArray.length - 1
].slice(0, -1);
}
const filePath = `${outputPath}/${OUTPUT_FILE_NAME}`;
fs.writeFileSync(filePath, fileBody(componentsArray.join('\n')));
}
generateRCTLegacyInteropComponents();