201 lines
9.8 KiB
JavaScript
201 lines
9.8 KiB
JavaScript
|
"use strict";
|
||
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
||
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||
|
};
|
||
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
exports.loadAsync = exports.getDefaultConfig = exports.INTERNAL_CALLSITES_REGEX = exports.EXPO_DEBUG = void 0;
|
||
|
const config_1 = require("@expo/config");
|
||
|
const paths_1 = require("@expo/config/paths");
|
||
|
const chalk_1 = __importDefault(require("chalk"));
|
||
|
const getenv_1 = require("getenv");
|
||
|
const path_1 = __importDefault(require("path"));
|
||
|
const resolve_from_1 = __importDefault(require("resolve-from"));
|
||
|
exports.EXPO_DEBUG = getenv_1.boolish('EXPO_DEBUG', false);
|
||
|
// Import only the types here, the values will be imported from the project, at runtime.
|
||
|
exports.INTERNAL_CALLSITES_REGEX = new RegExp([
|
||
|
'/Libraries/Renderer/implementations/.+\\.js$',
|
||
|
'/Libraries/BatchedBridge/MessageQueue\\.js$',
|
||
|
'/Libraries/YellowBox/.+\\.js$',
|
||
|
'/Libraries/LogBox/.+\\.js$',
|
||
|
'/Libraries/Core/Timers/.+\\.js$',
|
||
|
'node_modules/react-devtools-core/.+\\.js$',
|
||
|
'node_modules/react-refresh/.+\\.js$',
|
||
|
'node_modules/scheduler/.+\\.js$',
|
||
|
// Metro replaces `require()` with a different method,
|
||
|
// we want to omit this method from the stack trace.
|
||
|
// This is akin to most React tooling.
|
||
|
'/metro/.*/polyfills/require.js$',
|
||
|
// Hide frames related to a fast refresh.
|
||
|
'/metro/.*/lib/bundle-modules/.+\\.js$',
|
||
|
'/metro/.*/lib/bundle-modules/.+\\.js$',
|
||
|
'node_modules/react-native/Libraries/Utilities/HMRClient.js$',
|
||
|
'node_modules/eventemitter3/index.js',
|
||
|
'node_modules/event-target-shim/dist/.+\\.js$',
|
||
|
// Ignore the log forwarder used in the Expo Go app
|
||
|
'/expo/build/environment/react-native-logs.fx.js$',
|
||
|
'/expo/build/logs/RemoteConsole.js$',
|
||
|
// Improve errors thrown by invariant (ex: `Invariant Violation: "main" has not been registered`).
|
||
|
'node_modules/invariant/.+\\.js$',
|
||
|
// Remove babel runtime additions
|
||
|
'node_modules/regenerator-runtime/.+\\.js$',
|
||
|
// Remove react native setImmediate ponyfill
|
||
|
'node_modules/promise/setimmediate/.+\\.js$',
|
||
|
// Babel helpers that implement language features
|
||
|
'node_modules/@babel/runtime/.+\\.js$',
|
||
|
// Block native code invocations
|
||
|
`\\[native code\\]`,
|
||
|
].join('|'));
|
||
|
function readIsLegacyImportsEnabled(projectRoot) {
|
||
|
const config = config_1.getConfig(projectRoot, { skipSDKVersionRequirement: true });
|
||
|
return config_1.isLegacyImportsEnabled(config.exp);
|
||
|
}
|
||
|
function getProjectBabelConfigFile(projectRoot) {
|
||
|
return (resolve_from_1.default.silent(projectRoot, './babel.config.js') ||
|
||
|
resolve_from_1.default.silent(projectRoot, './.babelrc') ||
|
||
|
resolve_from_1.default.silent(projectRoot, './.babelrc.js'));
|
||
|
}
|
||
|
function getDefaultConfig(projectRoot, options = {}) {
|
||
|
const MetroConfig = importMetroConfigFromProject(projectRoot);
|
||
|
const reactNativePath = path_1.default.dirname(resolve_from_1.default(projectRoot, 'react-native/package.json'));
|
||
|
try {
|
||
|
// Set the `EXPO_METRO_CACHE_KEY_VERSION` variable for use in the custom babel transformer.
|
||
|
// This hack is used because there doesn't appear to be anyway to resolve
|
||
|
// `babel-preset-fbjs` relative to the project root later (in `metro-expo-babel-transformer`).
|
||
|
const babelPresetFbjsPath = resolve_from_1.default(projectRoot, 'babel-preset-fbjs/package.json');
|
||
|
process.env.EXPO_METRO_CACHE_KEY_VERSION = String(require(babelPresetFbjsPath).version);
|
||
|
}
|
||
|
catch {
|
||
|
// noop -- falls back to a hardcoded value.
|
||
|
}
|
||
|
let hashAssetFilesPath;
|
||
|
try {
|
||
|
hashAssetFilesPath = resolve_from_1.default(projectRoot, 'expo-asset/tools/hashAssetFiles');
|
||
|
}
|
||
|
catch {
|
||
|
// TODO: we should warn/throw an error if the user has expo-updates installed but does not
|
||
|
// have hashAssetFiles available, or if the user is in managed workflow and does not have
|
||
|
// hashAssetFiles available. but in a bare app w/o expo-updates, just using dev-client,
|
||
|
// it is not needed
|
||
|
}
|
||
|
const isLegacy = readIsLegacyImportsEnabled(projectRoot);
|
||
|
// Deprecated -- SDK 41 --
|
||
|
if (options.target) {
|
||
|
if (!isLegacy) {
|
||
|
console.warn(chalk_1.default.yellow(`The target option is deprecated. Learn more: http://expo.fyi/expo-extension-migration`));
|
||
|
delete options.target;
|
||
|
}
|
||
|
}
|
||
|
else if (process.env.EXPO_TARGET) {
|
||
|
console.error('EXPO_TARGET is deprecated. Learn more: http://expo.fyi/expo-extension-migration');
|
||
|
if (isLegacy) {
|
||
|
// EXPO_TARGET is used by @expo/metro-config to determine the target when getDefaultConfig is
|
||
|
// called from metro.config.js.
|
||
|
// @ts-ignore
|
||
|
options.target = process.env.EXPO_TARGET;
|
||
|
}
|
||
|
}
|
||
|
else if (isLegacy) {
|
||
|
// Fall back to guessing based on the project structure in legacy mode.
|
||
|
options.target = config_1.getDefaultTarget(projectRoot);
|
||
|
}
|
||
|
if (!options.target) {
|
||
|
// Default to bare -- no .expo extension.
|
||
|
options.target = 'bare';
|
||
|
}
|
||
|
// End deprecated -- SDK 41 --
|
||
|
const { target } = options;
|
||
|
if (!(target === 'managed' || target === 'bare')) {
|
||
|
throw new Error(`Invalid target: '${target}'. Debug info: \n${JSON.stringify({
|
||
|
'options.target': options.target,
|
||
|
default: config_1.getDefaultTarget(projectRoot),
|
||
|
}, null, 2)}`);
|
||
|
}
|
||
|
const sourceExtsConfig = { isTS: true, isReact: true, isModern: false };
|
||
|
const sourceExts = target === 'bare'
|
||
|
? paths_1.getBareExtensions([], sourceExtsConfig)
|
||
|
: paths_1.getManagedExtensions([], sourceExtsConfig);
|
||
|
const babelConfigPath = getProjectBabelConfigFile(projectRoot);
|
||
|
const isCustomBabelConfigDefined = !!babelConfigPath;
|
||
|
if (exports.EXPO_DEBUG) {
|
||
|
console.log();
|
||
|
console.log(`Expo Metro config:`);
|
||
|
console.log(`- Bundler target: ${target}`);
|
||
|
console.log(`- Legacy: ${isLegacy}`);
|
||
|
console.log(`- Extensions: ${sourceExts.join(', ')}`);
|
||
|
console.log(`- React Native: ${reactNativePath}`);
|
||
|
console.log(`- Babel config: ${babelConfigPath || 'babel-preset-expo (default)'}`);
|
||
|
console.log();
|
||
|
}
|
||
|
const {
|
||
|
// Remove the default reporter which metro always resolves to be the react-native-community/cli reporter.
|
||
|
// This prints a giant React logo which is less accessible to users on smaller terminals.
|
||
|
reporter, ...metroDefaultValues } = MetroConfig.getDefaultConfig.getDefaultValues(projectRoot);
|
||
|
// Merge in the default config from Metro here, even though loadConfig uses it as defaults.
|
||
|
// This is a convenience for getDefaultConfig use in metro.config.js, e.g. to modify assetExts.
|
||
|
return MetroConfig.mergeConfig(metroDefaultValues, {
|
||
|
resolver: {
|
||
|
resolverMainFields: ['react-native', 'browser', 'main'],
|
||
|
platforms: ['ios', 'android', 'native'],
|
||
|
sourceExts,
|
||
|
},
|
||
|
serializer: {
|
||
|
getModulesRunBeforeMainModule: () => [
|
||
|
require.resolve(path_1.default.join(reactNativePath, 'Libraries/Core/InitializeCore')),
|
||
|
// TODO: Bacon: load Expo side-effects
|
||
|
],
|
||
|
getPolyfills: () => require(path_1.default.join(reactNativePath, 'rn-get-polyfills'))(),
|
||
|
},
|
||
|
server: {
|
||
|
port: Number(process.env.RCT_METRO_PORT) || 8081,
|
||
|
},
|
||
|
symbolicator: {
|
||
|
customizeFrame: frame => {
|
||
|
var _a;
|
||
|
let collapse = Boolean(frame.file && exports.INTERNAL_CALLSITES_REGEX.test(frame.file));
|
||
|
if (!collapse) {
|
||
|
// This represents the first frame of the stacktrace.
|
||
|
// Often this looks like: `__r(0);`.
|
||
|
// The URL will also be unactionable in the app and therefore not very useful to the developer.
|
||
|
if (frame.column === 3 &&
|
||
|
frame.methodName === 'global code' &&
|
||
|
((_a = frame.file) === null || _a === void 0 ? void 0 : _a.match(/^https?:\/\//g))) {
|
||
|
collapse = true;
|
||
|
}
|
||
|
}
|
||
|
return { ...(frame || {}), collapse };
|
||
|
},
|
||
|
},
|
||
|
transformer: {
|
||
|
allowOptionalDependencies: true,
|
||
|
babelTransformerPath: isCustomBabelConfigDefined
|
||
|
? // If the user defined a babel config file in their project,
|
||
|
// then use the default transformer.
|
||
|
require.resolve('metro-react-native-babel-transformer')
|
||
|
: // Otherwise, use a custom transformer that uses `babel-preset-expo` by default for projects.
|
||
|
require.resolve('./metro-expo-babel-transformer'),
|
||
|
assetRegistryPath: 'react-native/Libraries/Image/AssetRegistry',
|
||
|
assetPlugins: hashAssetFilesPath ? [hashAssetFilesPath] : undefined,
|
||
|
},
|
||
|
});
|
||
|
}
|
||
|
exports.getDefaultConfig = getDefaultConfig;
|
||
|
async function loadAsync(projectRoot, { reporter, target, ...metroOptions } = {}) {
|
||
|
let defaultConfig = getDefaultConfig(projectRoot, { target });
|
||
|
if (reporter) {
|
||
|
defaultConfig = { ...defaultConfig, reporter };
|
||
|
}
|
||
|
const MetroConfig = importMetroConfigFromProject(projectRoot);
|
||
|
return await MetroConfig.loadConfig({ cwd: projectRoot, projectRoot, ...metroOptions }, defaultConfig);
|
||
|
}
|
||
|
exports.loadAsync = loadAsync;
|
||
|
function importMetroConfigFromProject(projectRoot) {
|
||
|
const resolvedPath = resolve_from_1.default.silent(projectRoot, 'metro-config');
|
||
|
if (!resolvedPath) {
|
||
|
throw new Error('Missing package "metro-config" in the project. ' +
|
||
|
'This usually means `react-native` is not installed. ' +
|
||
|
'Please verify that dependencies in package.json include "react-native" ' +
|
||
|
'and run `yarn` or `npm install`.');
|
||
|
}
|
||
|
return require(resolvedPath);
|
||
|
}
|
||
|
//# sourceMappingURL=ExpoMetroConfig.js.map
|