create-react-native-library
Version:
CLI to scaffold React Native libraries
182 lines (170 loc) • 8.71 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = generateExampleApp;
var _fsExtra = _interopRequireDefault(require("fs-extra"));
var _path = _interopRequireDefault(require("path"));
var _https = _interopRequireDefault(require("https"));
var _spawn = require("../utils/spawn");
var _sortObjectKeys = _interopRequireDefault(require("../utils/sortObjectKeys"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const FILES_TO_DELETE = ['__tests__', '.buckconfig', '.eslintrc.js', '.flowconfig', '.git', '.gitignore', '.prettierrc.js', 'App.js', 'App.tsx', 'index.js', 'tsconfig.json'];
const PACKAGES_TO_REMOVE = ['@react-native/eslint-config', '@tsconfig/react-native', '@types/jest', '@types/react-test-renderer', '@typescript-eslint/eslint-plugin', '@typescript-eslint/parser', 'babel-jest', 'eslint', 'jest', 'prettier', 'react-test-renderer', 'typescript'];
const PACKAGES_TO_ADD_WEB = {
'@expo/metro-runtime': '~3.2.1',
'react-dom': '18.2.0',
'react-native-web': '~0.18.10'
};
async function generateExampleApp({
config,
destination,
reactNativeVersion = 'latest'
}) {
const directory = _path.default.join(destination, 'example');
// `npx --package react-native-test-app@latest init --name ${projectName}Example --destination example --version ${reactNativeVersion}`
const testAppArgs = ['--package', `react-native-test-app@latest`, 'init', '--name', `${config.project.name}Example`, `--destination`, directory, ...(reactNativeVersion !== 'latest' ? ['--version', reactNativeVersion] : []), '--platform', 'ios', '--platform', 'android'];
// `npx @react-native-community/cli init <projectName> --directory example --skip-install`
const vanillaArgs = [`@react-native-community/cli`, 'init', `${config.project.name}Example`, '--package-name', `${config.project.package}.example`, '--directory', directory, '--version', reactNativeVersion, '--skip-install', '--pm', 'npm'];
// `npx create-expo-app example --no-install --template blank`
const expoArgs = ['create-expo-app@latest', directory, '--no-install', '--template', 'blank'];
let args = [];
switch (config.example) {
case 'vanilla':
args = vanillaArgs;
break;
case 'test-app':
args = testAppArgs;
break;
case 'expo':
args = expoArgs;
break;
}
await (0, _spawn.spawn)('npx', args, {
env: {
...process.env,
npm_config_yes: 'true'
}
});
// Remove unnecessary files and folders
for (const file of FILES_TO_DELETE) {
await _fsExtra.default.remove(_path.default.join(directory, file));
}
// Patch the example app's package.json
const pkg = await _fsExtra.default.readJSON(_path.default.join(directory, 'package.json'));
pkg.name = `${config.project.slug}-example`;
// Remove Jest config for now
delete pkg.jest;
const {
scripts,
dependencies,
devDependencies
} = pkg;
delete scripts.test;
delete scripts.lint;
const SCRIPTS_TO_ADD = {
'build:android': 'react-native build-android --extra-params "--no-daemon --console=plain -PreactNativeArchitectures=arm64-v8a"',
'build:ios': `react-native build-ios --scheme ${config.project.name}Example --mode Debug --extra-params "-sdk iphonesimulator CC=clang CPLUSPLUS=clang++ LD=clang LDPLUSPLUS=clang++ GCC_OPTIMIZATION_LEVEL=0 GCC_PRECOMPILE_PREFIX_HEADER=YES ASSETCATALOG_COMPILER_OPTIMIZATION=time DEBUG_INFORMATION_FORMAT=dwarf COMPILER_INDEX_STORE_ENABLE=NO"`
};
if (config.example === 'vanilla') {
Object.assign(scripts, SCRIPTS_TO_ADD);
} else if (config.example === 'test-app') {
// `react-native-test-app` doesn't bundle application by default in 'Release' mode and also `bundle` command doesn't create a directory.
// `mkdist` script should be removed after stable React Native major contains this fix: https://github.com/facebook/react-native/pull/45182.
const androidBuild = ['npm run mkdist', 'react-native bundle --entry-file index.js --platform android --dev true --bundle-output dist/main.android.jsbundle --assets-dest dist', SCRIPTS_TO_ADD['build:android']].join(' && ');
const iosBuild = ['npm run mkdist', 'react-native bundle --entry-file index.js --platform ios --dev true --bundle-output dist/main.ios.jsbundle --assets-dest dist', SCRIPTS_TO_ADD['build:ios']].join(' && ');
Object.assign(scripts, {
'build:android': androidBuild,
'build:ios': iosBuild
});
const app = await _fsExtra.default.readJSON(_path.default.join(directory, 'app.json'));
app.android = app.android || {};
app.android.package = `${config.project.package}.example`;
app.ios = app.ios || {};
app.ios.bundleIdentifier = `${config.project.package}.example`;
await _fsExtra.default.writeJSON(_path.default.join(directory, 'app.json'), app, {
spaces: 2
});
}
PACKAGES_TO_REMOVE.forEach(name => {
// eslint-disable-next-line @typescript-eslint/no-dynamic-delete
delete devDependencies[name];
});
const PACKAGES_TO_ADD_DEV = {
'react-native-builder-bob': `^${config.versions.bob}`
};
if (config.project.moduleConfig === 'nitro-modules') {
const packagesToAddNitro = {
'react-native-nitro-modules': `^${config.versions.nitroModules}`
};
Object.assign(dependencies, packagesToAddNitro);
}
Object.assign(devDependencies, PACKAGES_TO_ADD_DEV);
if (config.example === 'expo') {
const sdkVersion = dependencies.expo.split('.')[0].replace(/[^\d]/, '');
let bundledNativeModules;
try {
bundledNativeModules = await new Promise((resolve, reject) => {
_https.default.get(`https://raw.githubusercontent.com/expo/expo/sdk-${sdkVersion}/packages/expo/bundledNativeModules.json`, res => {
let data = '';
res.on('data', chunk => data += chunk);
res.on('end', () => {
try {
resolve(JSON.parse(data));
} catch (e) {
reject(e);
}
});
}).on('error', reject);
});
} catch (e) {
bundledNativeModules = {};
}
Object.entries(PACKAGES_TO_ADD_WEB).forEach(([name, version]) => {
dependencies[name] = bundledNativeModules[name] || version;
});
scripts.web = 'expo start --web';
const app = await _fsExtra.default.readJSON(_path.default.join(directory, 'app.json'));
app.expo.android = app.expo.android || {};
app.expo.android.package = `${config.project.package}.example`;
app.expo.ios = app.expo.ios || {};
app.expo.ios.bundleIdentifier = `${config.project.package}.example`;
await _fsExtra.default.writeJSON(_path.default.join(directory, 'app.json'), app, {
spaces: 2
});
}
// Sort the deps by name to match behavior of package managers
// This way the package.json doesn't get updated when installing deps
for (const field of ['dependencies', 'devDependencies']) {
if (pkg[field]) {
pkg[field] = (0, _sortObjectKeys.default)(pkg[field]);
}
}
await _fsExtra.default.writeJSON(_path.default.join(directory, 'package.json'), pkg, {
spaces: 2
});
if (config.example !== 'expo') {
let gradleProperties = await _fsExtra.default.readFile(_path.default.join(directory, 'android', 'gradle.properties'), 'utf8');
// Disable Jetifier.
// Remove this when the app template is updated.
gradleProperties = gradleProperties.replace('android.enableJetifier=true', 'android.enableJetifier=false');
// If the library is on new architecture, enable new arch for iOS and Android
if (config.project.arch === 'new') {
// iOS
// Add ENV['RCT_NEW_ARCH_ENABLED'] = 1 on top of example/ios/Podfile
const podfile = await _fsExtra.default.readFile(_path.default.join(directory, 'ios', 'Podfile'), 'utf8');
await _fsExtra.default.writeFile(_path.default.join(directory, 'ios', 'Podfile'), "ENV['RCT_NEW_ARCH_ENABLED'] = '1'\n\n" + podfile);
// Android
// Make sure newArchEnabled=true is present in android/gradle.properties
if (gradleProperties.split('\n').includes('#newArchEnabled=true')) {
gradleProperties = gradleProperties.replace('#newArchEnabled=true', 'newArchEnabled=true');
} else if (gradleProperties.split('\n').includes('newArchEnabled=false')) {
gradleProperties = gradleProperties.replace('newArchEnabled=false', 'newArchEnabled=true');
} else if (!gradleProperties.split('\n').includes('newArchEnabled=true')) {
gradleProperties += '\nnewArchEnabled=true';
}
}
await _fsExtra.default.writeFile(_path.default.join(directory, 'android', 'gradle.properties'), gradleProperties);
}
}
//# sourceMappingURL=generateExampleApp.js.map