You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1267 lines
37 KiB

/**
* 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 { getAsset } = require("./Assets");
const baseBytecodeBundle = require("./DeltaBundler/Serializers/baseBytecodeBundle");
const baseJSBundle = require("./DeltaBundler/Serializers/baseJSBundle");
const getAllFiles = require("./DeltaBundler/Serializers/getAllFiles");
const getAssets = require("./DeltaBundler/Serializers/getAssets");
const {
getExplodedSourceMap,
} = require("./DeltaBundler/Serializers/getExplodedSourceMap");
const getRamBundleInfo = require("./DeltaBundler/Serializers/getRamBundleInfo");
const sourceMapString = require("./DeltaBundler/Serializers/sourceMapString");
const IncrementalBundler = require("./IncrementalBundler");
const ResourceNotFoundError = require("./IncrementalBundler/ResourceNotFoundError");
const bundleToBytecode = require("./lib/bundleToBytecode");
const bundleToString = require("./lib/bundleToString");
const formatBundlingError = require("./lib/formatBundlingError");
const getGraphId = require("./lib/getGraphId");
const parseOptionsFromUrl = require("./lib/parseOptionsFromUrl");
const splitBundleOptions = require("./lib/splitBundleOptions");
const transformHelpers = require("./lib/transformHelpers");
const parsePlatformFilePath = require("./node-haste/lib/parsePlatformFilePath");
const symbolicate = require("./Server/symbolicate");
const { codeFrameColumns } = require("@babel/code-frame");
const MultipartResponse = require("./Server/MultipartResponse");
const debug = require("debug")("Metro:Server");
const fs = require("graceful-fs");
const {
Logger,
Logger: { createActionStartEntry, createActionEndEntry, log },
} = require("metro-core");
const mime = require("mime-types");
const nullthrows = require("nullthrows");
const path = require("path");
const querystring = require("querystring");
const url = require("url");
const DELTA_ID_HEADER = "X-Metro-Delta-ID";
const FILES_CHANGED_COUNT_HEADER = "X-Metro-Files-Changed-Count";
function getBytecodeVersion() {
return require("metro-hermes-compiler").VERSION;
}
class Server {
constructor(config, options) {
this._config = config;
this._serverOptions = options;
if (this._config.resetCache) {
this._config.cacheStores.forEach((store) => store.clear());
this._config.reporter.update({
type: "transform_cache_reset",
});
}
this._reporter = config.reporter;
this._logger = Logger;
this._platforms = new Set(this._config.resolver.platforms);
this._isEnded = false; // TODO(T34760917): These two properties should eventually be instantiated
// elsewhere and passed as parameters, since they are also needed by
// the HmrServer.
// The whole bundling/serializing logic should follow as well.
this._createModuleId = config.serializer.createModuleIdFactory();
this._bundler = new IncrementalBundler(config, {
hasReducedPerformance: options && options.hasReducedPerformance,
watch: options ? options.watch : undefined,
});
this._nextBundleBuildID = 1;
}
end() {
if (!this._isEnded) {
this._bundler.end();
this._isEnded = true;
}
}
getBundler() {
return this._bundler;
}
getCreateModuleId() {
return this._createModuleId;
}
async build(options) {
var _this$_config$server$;
const {
entryFile,
graphOptions,
onProgress,
resolverOptions,
serializerOptions,
transformOptions,
} = splitBundleOptions(options);
const { prepend, graph } = await this._bundler.buildGraph(
entryFile,
transformOptions,
resolverOptions,
{
onProgress,
shallow: graphOptions.shallow,
}
);
const entryPoint = this._getEntryPointAbsolutePath(entryFile);
const bundleOptions = {
asyncRequireModulePath: await this._resolveRelativePath(
this._config.transformer.asyncRequireModulePath,
{
relativeTo: "project",
resolverOptions,
transformOptions,
}
),
processModuleFilter: this._config.serializer.processModuleFilter,
createModuleId: this._createModuleId,
getRunModuleStatement: this._config.serializer.getRunModuleStatement,
dev: transformOptions.dev,
projectRoot: this._config.projectRoot,
modulesOnly: serializerOptions.modulesOnly,
runBeforeMainModule:
this._config.serializer.getModulesRunBeforeMainModule(
path.relative(this._config.projectRoot, entryPoint)
),
runModule: serializerOptions.runModule,
sourceMapUrl: serializerOptions.sourceMapUrl,
sourceUrl: serializerOptions.sourceUrl,
inlineSourceMap: serializerOptions.inlineSourceMap,
serverRoot:
(_this$_config$server$ = this._config.server.unstable_serverRoot) !==
null && _this$_config$server$ !== void 0
? _this$_config$server$
: this._config.projectRoot,
};
let bundleCode = null;
let bundleMap = null;
if (this._config.serializer.customSerializer) {
const bundle = await this._config.serializer.customSerializer(
entryPoint,
prepend,
graph,
bundleOptions
);
if (typeof bundle === "string") {
bundleCode = bundle;
} else {
bundleCode = bundle.code;
bundleMap = bundle.map;
}
} else {
bundleCode = bundleToString(
baseJSBundle(entryPoint, prepend, graph, bundleOptions)
).code;
}
if (!bundleMap) {
bundleMap = sourceMapString(
[...prepend, ...this._getSortedModules(graph)],
{
excludeSource: serializerOptions.excludeSource,
processModuleFilter: this._config.serializer.processModuleFilter,
}
);
}
return {
code: bundleCode,
map: bundleMap,
};
}
async getRamBundleInfo(options) {
var _this$_config$server$2;
const {
entryFile,
graphOptions,
onProgress,
resolverOptions,
serializerOptions,
transformOptions,
} = splitBundleOptions(options);
const { prepend, graph } = await this._bundler.buildGraph(
entryFile,
transformOptions,
resolverOptions,
{
onProgress,
shallow: graphOptions.shallow,
}
);
const entryPoint = this._getEntryPointAbsolutePath(entryFile);
return await getRamBundleInfo(entryPoint, prepend, graph, {
asyncRequireModulePath: await this._resolveRelativePath(
this._config.transformer.asyncRequireModulePath,
{
relativeTo: "project",
resolverOptions,
transformOptions,
}
),
processModuleFilter: this._config.serializer.processModuleFilter,
createModuleId: this._createModuleId,
dev: transformOptions.dev,
excludeSource: serializerOptions.excludeSource,
getRunModuleStatement: this._config.serializer.getRunModuleStatement,
getTransformOptions: this._config.transformer.getTransformOptions,
platform: transformOptions.platform,
projectRoot: this._config.projectRoot,
modulesOnly: serializerOptions.modulesOnly,
runBeforeMainModule:
this._config.serializer.getModulesRunBeforeMainModule(
path.relative(this._config.projectRoot, entryPoint)
),
runModule: serializerOptions.runModule,
sourceMapUrl: serializerOptions.sourceMapUrl,
sourceUrl: serializerOptions.sourceUrl,
inlineSourceMap: serializerOptions.inlineSourceMap,
serverRoot:
(_this$_config$server$2 = this._config.server.unstable_serverRoot) !==
null && _this$_config$server$2 !== void 0
? _this$_config$server$2
: this._config.projectRoot,
});
}
async getAssets(options) {
const { entryFile, onProgress, resolverOptions, transformOptions } =
splitBundleOptions(options);
const dependencies = await this._bundler.getDependencies(
[entryFile],
transformOptions,
resolverOptions,
{
onProgress,
shallow: false,
}
);
return await getAssets(dependencies, {
processModuleFilter: this._config.serializer.processModuleFilter,
assetPlugins: this._config.transformer.assetPlugins,
platform: transformOptions.platform,
projectRoot: this._getServerRootDir(),
publicPath: this._config.transformer.publicPath,
});
}
async getOrderedDependencyPaths(options) {
const {
entryFile,
onProgress,
resolverOptions,
transformOptions,
/* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses an
* error found when Flow v0.122.0 was deployed. To see the error, delete
* this comment and run Flow. */
} = splitBundleOptions({
...Server.DEFAULT_BUNDLE_OPTIONS,
...options,
bundleType: "bundle",
});
const { prepend, graph } = await this._bundler.buildGraph(
entryFile,
transformOptions,
resolverOptions,
{
onProgress,
shallow: false,
}
);
const platform =
transformOptions.platform ||
parsePlatformFilePath(entryFile, this._platforms).platform; // $FlowFixMe[incompatible-return]
return await getAllFiles(prepend, graph, {
platform,
processModuleFilter: this._config.serializer.processModuleFilter,
});
}
_rangeRequestMiddleware(req, res, data, assetPath) {
if (req.headers && req.headers.range) {
const [rangeStart, rangeEnd] = req.headers.range
.replace(/bytes=/, "")
.split("-");
const dataStart = parseInt(rangeStart, 10);
const dataEnd = rangeEnd ? parseInt(rangeEnd, 10) : data.length - 1;
const chunksize = dataEnd - dataStart + 1;
res.writeHead(206, {
"Accept-Ranges": "bytes",
"Content-Length": chunksize.toString(),
"Content-Range": `bytes ${dataStart}-${dataEnd}/${data.length}`,
"Content-Type": mime.lookup(path.basename(assetPath)),
});
return data.slice(dataStart, dataEnd + 1);
}
return data;
}
async _processSingleAssetRequest(req, res) {
const urlObj = url.parse(decodeURI(req.url), true);
let [, assetPath] =
(urlObj &&
urlObj.pathname &&
urlObj.pathname.match(/^\/assets\/(.+)$/)) ||
[];
if (!assetPath && urlObj && urlObj.query && urlObj.query.unstable_path) {
const [, actualPath, secondaryQuery] = nullthrows(
urlObj.query.unstable_path.match(/^([^?]*)\??(.*)$/)
);
if (secondaryQuery) {
Object.assign(urlObj.query, querystring.parse(secondaryQuery));
}
assetPath = actualPath;
}
if (!assetPath) {
throw new Error("Could not extract asset path from URL");
}
const processingAssetRequestLogEntry = log(
createActionStartEntry({
action_name: "Processing asset request",
asset: assetPath[1],
})
);
try {
const data = await getAsset(
assetPath,
this._config.projectRoot,
this._config.watchFolders,
urlObj.query.platform,
this._config.resolver.assetExts
); // Tell clients to cache this for 1 year.
// This is safe as the asset url contains a hash of the asset.
if (process.env.REACT_NATIVE_ENABLE_ASSET_CACHING === true) {
res.setHeader("Cache-Control", "max-age=31536000");
}
res.end(this._rangeRequestMiddleware(req, res, data, assetPath));
process.nextTick(() => {
log(createActionEndEntry(processingAssetRequestLogEntry));
});
} catch (error) {
console.error(error.stack);
res.writeHead(404);
res.end("Asset not found");
}
}
processRequest = (req, res, next) => {
this._processRequest(req, res, next).catch(next);
};
_parseOptions(url) {
return parseOptionsFromUrl(
url,
new Set(this._config.resolver.platforms),
getBytecodeVersion()
);
}
async _processRequest(req, res, next) {
const originalUrl = req.url;
req.url = this._config.server.rewriteRequestUrl(req.url);
const urlObj = url.parse(req.url, true);
const { host } = req.headers;
debug(
`Handling request: ${host ? "http://" + host : ""}${req.url}` +
(originalUrl !== req.url ? ` (rewritten from ${originalUrl})` : "")
);
const formattedUrl = url.format({ ...urlObj, host, protocol: "http" });
const pathname = urlObj.pathname || "";
if (pathname.endsWith(".bundle")) {
const options = this._parseOptions(formattedUrl);
if (options.runtimeBytecodeVersion) {
await this._processBytecodeBundleRequest(req, res, options);
} else {
await this._processBundleRequest(req, res, options);
}
if (this._serverOptions && this._serverOptions.onBundleBuilt) {
this._serverOptions.onBundleBuilt(pathname);
}
} else if (pathname.endsWith(".map")) {
// Chrome dev tools may need to access the source maps.
res.setHeader("Access-Control-Allow-Origin", "devtools://devtools");
await this._processSourceMapRequest(
req,
res,
this._parseOptions(formattedUrl)
);
} else if (pathname.endsWith(".assets")) {
await this._processAssetsRequest(
req,
res,
this._parseOptions(formattedUrl)
);
} else if (pathname.startsWith("/assets/") || pathname === "/assets") {
await this._processSingleAssetRequest(req, res);
} else if (pathname === "/symbolicate") {
await this._symbolicate(req, res);
} else {
next();
}
}
_createRequestProcessor({
createStartEntry,
createEndEntry,
build,
delete: deleteFn,
finish,
}) {
return async function requestProcessor(req, res, bundleOptions) {
const {
entryFile,
graphOptions,
resolverOptions,
serializerOptions,
transformOptions,
} = splitBundleOptions(bundleOptions);
/**
* `entryFile` is relative to projectRoot, we need to use resolution function
* to find the appropriate file with supported extensions.
*/
const resolvedEntryFilePath = await this._resolveRelativePath(entryFile, {
relativeTo: "server",
resolverOptions,
transformOptions,
});
const graphId = getGraphId(resolvedEntryFilePath, transformOptions, {
experimentalImportBundleSupport:
this._config.transformer.experimentalImportBundleSupport,
unstable_allowRequireContext:
this._config.transformer.unstable_allowRequireContext,
resolverOptions,
shallow: graphOptions.shallow,
}); // For resources that support deletion, handle the DELETE method.
if (deleteFn && req.method === "DELETE") {
const deleteContext = {
graphId,
req,
res,
};
try {
await deleteFn(deleteContext);
} catch (error) {
const formattedError = formatBundlingError(error);
const status = error instanceof ResourceNotFoundError ? 404 : 500;
res.writeHead(status, {
"Content-Type": "application/json; charset=UTF-8",
});
res.end(JSON.stringify(formattedError));
}
return;
}
const mres = MultipartResponse.wrapIfSupported(req, res);
const buildID = this.getNewBuildID();
let onProgress = null;
let lastProgress = -1;
if (this._config.reporter) {
onProgress = (transformedFileCount, totalFileCount) => {
const currentProgress = parseInt(
(transformedFileCount / totalFileCount) * 100,
10
); // We want to throttle the updates so that we only show meaningful
// UI updates slow enough for the client to actually handle them. For
// that, we check the percentage, and only send percentages that are
// actually different and that have increased from the last one we sent.
if (currentProgress > lastProgress || totalFileCount < 10) {
if (mres instanceof MultipartResponse) {
mres.writeChunk(
{
"Content-Type": "application/json",
},
JSON.stringify({
done: transformedFileCount,
total: totalFileCount,
})
);
} // The `uncork` called internally in Node via `promise.nextTick()` may not fire
// until all of the Promises are resolved because the microtask queue we're
// in could be starving the event loop. This can cause a bug where the progress
// is not actually sent in the response until after bundling is complete. This
// would defeat the purpose of sending progress, so we `uncork` the stream now
// which will force the response to flush to the client immediately.
// $FlowFixMe[method-unbinding] added when improving typing for this parameters
if (res.socket != null && res.socket.uncork != null) {
res.socket.uncork();
}
lastProgress = currentProgress;
}
this._reporter.update({
buildID,
type: "bundle_transform_progressed",
transformedFileCount,
totalFileCount,
});
};
}
this._reporter.update({
buildID,
bundleDetails: {
bundleType: bundleOptions.bundleType,
dev: transformOptions.dev,
entryFile: resolvedEntryFilePath,
minify: transformOptions.minify,
platform: transformOptions.platform,
runtimeBytecodeVersion: transformOptions.runtimeBytecodeVersion,
},
type: "bundle_build_started",
});
const startContext = {
buildID,
bundleOptions,
entryFile: resolvedEntryFilePath,
graphId,
graphOptions,
mres,
onProgress,
req,
resolverOptions,
serializerOptions,
transformOptions,
};
const logEntry = log(
createActionStartEntry(createStartEntry(startContext))
);
let result;
try {
result = await build(startContext);
} catch (error) {
const formattedError = formatBundlingError(error);
const status = error instanceof ResourceNotFoundError ? 404 : 500;
mres.writeHead(status, {
"Content-Type": "application/json; charset=UTF-8",
});
mres.end(JSON.stringify(formattedError));
this._reporter.update({
buildID,
type: "bundle_build_failed",
bundleOptions,
});
this._reporter.update({
error,
type: "bundling_error",
});
log({
action_name: "bundling_error",
error_type: formattedError.type,
log_entry_label: "bundling_error",
bundle_id: graphId,
build_id: buildID,
stack: formattedError.message,
});
debug("Bundling error", error);
return;
}
const endContext = { ...startContext, result };
finish(endContext);
this._reporter.update({
buildID,
type: "bundle_build_done",
});
log(
/* $FlowFixMe(>=0.122.0 site=react_native_fb) This comment suppresses
* an error found when Flow v0.122.0 was deployed. To see the error,
* delete this comment and run Flow. */
createActionEndEntry({ ...logEntry, ...createEndEntry(endContext) })
);
};
}
_processBundleRequest = this._createRequestProcessor({
createStartEntry(context) {
return {
action_name: "Requesting bundle",
bundle_url: context.req.url,
entry_point: context.entryFile,
bundler: "delta",
build_id: context.buildID,
bundle_options: context.bundleOptions,
bundle_hash: context.graphId,
};
},
createEndEntry(context) {
return {
outdated_modules: context.result.numModifiedFiles,
};
},
build: async ({
entryFile,
graphId,
graphOptions,
onProgress,
resolverOptions,
serializerOptions,
transformOptions,
}) => {
var _this$_config$server$3;
const revPromise = this._bundler.getRevisionByGraphId(graphId);
const { delta, revision } = await (revPromise != null
? this._bundler.updateGraph(await revPromise, false)
: this._bundler.initializeGraph(
entryFile,
transformOptions,
resolverOptions,
{
onProgress,
shallow: graphOptions.shallow,
}
));
const serializer =
this._config.serializer.customSerializer ||
((...args) => bundleToString(baseJSBundle(...args)).code);
const bundle = await serializer(
entryFile,
revision.prepend,
revision.graph,
{
asyncRequireModulePath: await this._resolveRelativePath(
this._config.transformer.asyncRequireModulePath,
{
relativeTo: "project",
resolverOptions,
transformOptions,
}
),
processModuleFilter: this._config.serializer.processModuleFilter,
createModuleId: this._createModuleId,
getRunModuleStatement: this._config.serializer.getRunModuleStatement,
dev: transformOptions.dev,
projectRoot: this._config.projectRoot,
modulesOnly: serializerOptions.modulesOnly,
runBeforeMainModule:
this._config.serializer.getModulesRunBeforeMainModule(
path.relative(this._config.projectRoot, entryFile)
),
runModule: serializerOptions.runModule,
sourceMapUrl: serializerOptions.sourceMapUrl,
sourceUrl: serializerOptions.sourceUrl,
inlineSourceMap: serializerOptions.inlineSourceMap,
serverRoot:
(_this$_config$server$3 =
this._config.server.unstable_serverRoot) !== null &&
_this$_config$server$3 !== void 0
? _this$_config$server$3
: this._config.projectRoot,
}
);
const bundleCode = typeof bundle === "string" ? bundle : bundle.code;
return {
numModifiedFiles: delta.reset
? delta.added.size + revision.prepend.length
: delta.added.size + delta.modified.size + delta.deleted.size,
lastModifiedDate: revision.date,
nextRevId: revision.id,
bundle: bundleCode,
};
},
finish({ req, mres, result }) {
if (
// We avoid parsing the dates since the client should never send a more
// recent date than the one returned by the Delta Bundler (if that's the
// case it's fine to return the whole bundle).
req.headers["if-modified-since"] ===
result.lastModifiedDate.toUTCString()
) {
debug("Responding with 304");
mres.writeHead(304);
mres.end();
} else {
mres.setHeader(
FILES_CHANGED_COUNT_HEADER,
String(result.numModifiedFiles)
);
mres.setHeader(DELTA_ID_HEADER, String(result.nextRevId));
mres.setHeader("Content-Type", "application/javascript; charset=UTF-8");
mres.setHeader("Last-Modified", result.lastModifiedDate.toUTCString());
mres.setHeader(
"Content-Length",
String(Buffer.byteLength(result.bundle))
);
mres.end(result.bundle);
}
},
delete: async ({ graphId, res }) => {
await this._bundler.endGraph(graphId);
res.statusCode = 204;
res.end();
},
});
_processBytecodeBundleRequest = this._createRequestProcessor({
createStartEntry(context) {
return {
action_name: "Requesting bundle",
bundle_url: context.req.url,
entry_point: context.entryFile,
bundler: "delta",
build_id: context.buildID,
bundle_options: context.bundleOptions,
bundle_hash: context.graphId,
};
},
createEndEntry(context) {
return {
outdated_modules: context.result.numModifiedFiles,
};
},
build: async ({
entryFile,
graphId,
graphOptions,
onProgress,
resolverOptions,
serializerOptions,
transformOptions,
}) => {
var _this$_config$server$4;
const revPromise = this._bundler.getRevisionByGraphId(graphId);
const { delta, revision } = await (revPromise != null
? this._bundler.updateGraph(await revPromise, false)
: this._bundler.initializeGraph(
entryFile,
transformOptions,
resolverOptions,
{
onProgress,
shallow: graphOptions.shallow,
}
));
const bundle = bundleToBytecode(
baseBytecodeBundle(entryFile, revision.prepend, revision.graph, {
asyncRequireModulePath: await this._resolveRelativePath(
this._config.transformer.asyncRequireModulePath,
{
relativeTo: "project",
resolverOptions,
transformOptions,
}
),
processModuleFilter: this._config.serializer.processModuleFilter,
createModuleId: this._createModuleId,
getRunModuleStatement: this._config.serializer.getRunModuleStatement,
dev: transformOptions.dev,
projectRoot: this._config.projectRoot,
modulesOnly: serializerOptions.modulesOnly,
runBeforeMainModule:
this._config.serializer.getModulesRunBeforeMainModule(
path.relative(this._config.projectRoot, entryFile)
),
runModule: serializerOptions.runModule,
sourceMapUrl: serializerOptions.sourceMapUrl,
sourceUrl: serializerOptions.sourceUrl,
inlineSourceMap: serializerOptions.inlineSourceMap,
serverRoot:
(_this$_config$server$4 =
this._config.server.unstable_serverRoot) !== null &&
_this$_config$server$4 !== void 0
? _this$_config$server$4
: this._config.projectRoot,
})
);
return {
numModifiedFiles: delta.reset
? delta.added.size + revision.prepend.length
: delta.added.size + delta.modified.size + delta.deleted.size,
lastModifiedDate: revision.date,
nextRevId: revision.id,
bytecode: bundle.bytecode,
};
},
finish({ req, mres, result }) {
if (
// We avoid parsing the dates since the client should never send a more
// recent date than the one returned by the Delta Bundler (if that's the
// case it's fine to return the whole bundle).
req.headers["if-modified-since"] ===
result.lastModifiedDate.toUTCString()
) {
debug("Responding with 304");
mres.writeHead(304);
mres.end();
} else {
mres.setHeader(
FILES_CHANGED_COUNT_HEADER,
String(result.numModifiedFiles)
);
mres.setHeader(DELTA_ID_HEADER, String(result.nextRevId));
mres.setHeader("Content-Type", "application/x-metro-bytecode-bundle");
mres.setHeader("Last-Modified", result.lastModifiedDate.toUTCString());
mres.setHeader(
"Content-Length",
String(Buffer.byteLength(result.bytecode))
);
mres.end(result.bytecode);
}
},
}); // This function ensures that modules in source maps are sorted in the same
// order as in a plain JS bundle.
_getSortedModules(graph) {
const modules = [...graph.dependencies.values()]; // Assign IDs to modules in a consistent order
for (const module of modules) {
this._createModuleId(module.path);
} // Sort by IDs
return modules.sort(
(a, b) => this._createModuleId(a.path) - this._createModuleId(b.path)
);
}
_processSourceMapRequest = this._createRequestProcessor({
createStartEntry(context) {
return {
action_name: "Requesting sourcemap",
bundle_url: context.req.url,
entry_point: context.entryFile,
bundler: "delta",
};
},
createEndEntry(context) {
return {
bundler: "delta",
};
},
build: async ({
entryFile,
graphId,
graphOptions,
onProgress,
resolverOptions,
serializerOptions,
transformOptions,
}) => {
let revision;
const revPromise = this._bundler.getRevisionByGraphId(graphId);
if (revPromise == null) {
({ revision } = await this._bundler.initializeGraph(
entryFile,
transformOptions,
resolverOptions,
{
onProgress,
shallow: graphOptions.shallow,
}
));
} else {
({ revision } = await this._bundler.updateGraph(
await revPromise,
false
));
}
let { prepend, graph } = revision;
if (serializerOptions.modulesOnly) {
prepend = [];
}
return sourceMapString([...prepend, ...this._getSortedModules(graph)], {
excludeSource: serializerOptions.excludeSource,
processModuleFilter: this._config.serializer.processModuleFilter,
});
},
finish({ mres, result }) {
mres.setHeader("Content-Type", "application/json");
mres.end(result.toString());
},
});
_processAssetsRequest = this._createRequestProcessor({
createStartEntry(context) {
return {
action_name: "Requesting assets",
bundle_url: context.req.url,
entry_point: context.entryFile,
bundler: "delta",
};
},
createEndEntry(context) {
return {
bundler: "delta",
};
},
build: async ({
entryFile,
onProgress,
resolverOptions,
transformOptions,
}) => {
const dependencies = await this._bundler.getDependencies(
[entryFile],
transformOptions,
resolverOptions,
{
onProgress,
shallow: false,
}
);
return await getAssets(dependencies, {
processModuleFilter: this._config.serializer.processModuleFilter,
assetPlugins: this._config.transformer.assetPlugins,
platform: transformOptions.platform,
publicPath: this._config.transformer.publicPath,
projectRoot: this._config.projectRoot,
});
},
finish({ mres, result }) {
mres.setHeader("Content-Type", "application/json");
mres.end(JSON.stringify(result));
},
});
async _symbolicate(req, res) {
const getCodeFrame = (urls, symbolicatedStack) => {
for (let i = 0; i < symbolicatedStack.length; i++) {
const { collapse, column, file, lineNumber } = symbolicatedStack[i];
const fileAbsolute = path.resolve(
this._config.projectRoot,
file !== null && file !== void 0 ? file : ""
);
if (collapse || lineNumber == null || urls.has(fileAbsolute)) {
continue;
}
try {
return {
content: codeFrameColumns(
fs.readFileSync(fileAbsolute, "utf8"),
{
// Metro returns 0 based columns but codeFrameColumns expects 1-based columns
// $FlowFixMe[unsafe-addition]
start: {
column: column + 1,
line: lineNumber,
},
},
{
forceColor: true,
}
),
location: {
row: lineNumber,
column,
},
fileName: file,
};
} catch (error) {
console.error(error);
}
}
return null;
};
try {
const symbolicatingLogEntry = log(
createActionStartEntry("Symbolicating")
);
debug("Start symbolication");
/* $FlowFixMe: where is `rawBody` defined? Is it added by the `connect` framework? */
const body = await req.rawBody;
const stack = JSON.parse(body).stack.map((frame) => {
if (frame.file && frame.file.includes("://")) {
return {
...frame,
file: this._config.server.rewriteRequestUrl(frame.file),
};
}
return frame;
}); // In case of multiple bundles / HMR, some stack frames can have different URLs from others
const urls = new Set();
stack.forEach((frame) => {
const sourceUrl = frame.file; // Skip `/debuggerWorker.js` which does not need symbolication.
if (
sourceUrl != null &&
!urls.has(sourceUrl) &&
!sourceUrl.endsWith("/debuggerWorker.js") &&
sourceUrl.startsWith("http")
) {
urls.add(sourceUrl);
}
});
debug("Getting source maps for symbolication");
const sourceMaps = await Promise.all(
// $FlowFixMe[method-unbinding] added when improving typing for this parameters
Array.from(urls.values()).map(this._explodedSourceMapForURL, this)
);
debug("Performing fast symbolication");
const symbolicatedStack = await await symbolicate(
stack,
zip(urls.values(), sourceMaps),
this._config
);
debug("Symbolication done");
res.end(
JSON.stringify({
codeFrame: getCodeFrame(urls, symbolicatedStack),
stack: symbolicatedStack,
})
);
process.nextTick(() => {
log(createActionEndEntry(symbolicatingLogEntry));
});
} catch (error) {
console.error(error.stack || error);
res.statusCode = 500;
res.end(
JSON.stringify({
error: error.message,
})
);
}
}
async _explodedSourceMapForURL(reqUrl) {
const options = parseOptionsFromUrl(
reqUrl,
new Set(this._config.resolver.platforms),
getBytecodeVersion()
);
const {
entryFile,
graphOptions,
onProgress,
resolverOptions,
serializerOptions,
transformOptions,
} = splitBundleOptions(options);
/**
* `entryFile` is relative to projectRoot, we need to use resolution function
* to find the appropriate file with supported extensions.
*/
const resolvedEntryFilePath = await this._resolveRelativePath(entryFile, {
relativeTo: "server",
resolverOptions,
transformOptions,
});
const graphId = getGraphId(resolvedEntryFilePath, transformOptions, {
experimentalImportBundleSupport:
this._config.transformer.experimentalImportBundleSupport,
unstable_allowRequireContext:
this._config.transformer.unstable_allowRequireContext,
resolverOptions,
shallow: graphOptions.shallow,
});
let revision;
const revPromise = this._bundler.getRevisionByGraphId(graphId);
if (revPromise == null) {
({ revision } = await this._bundler.initializeGraph(
resolvedEntryFilePath,
transformOptions,
resolverOptions,
{
onProgress,
shallow: graphOptions.shallow,
}
));
} else {
({ revision } = await this._bundler.updateGraph(await revPromise, false));
}
let { prepend, graph } = revision;
if (serializerOptions.modulesOnly) {
prepend = [];
}
return getExplodedSourceMap(
[...prepend, ...this._getSortedModules(graph)],
{
processModuleFilter: this._config.serializer.processModuleFilter,
}
);
}
async _resolveRelativePath(
filePath,
{ relativeTo, resolverOptions, transformOptions }
) {
const resolutionFn = await transformHelpers.getResolveDependencyFn(
this._bundler.getBundler(),
transformOptions.platform,
resolverOptions
);
const rootDir =
relativeTo === "server"
? this._getServerRootDir()
: this._config.projectRoot;
return resolutionFn(`${rootDir}/.`, filePath);
}
getNewBuildID() {
return (this._nextBundleBuildID++).toString(36);
}
getPlatforms() {
return this._config.resolver.platforms;
}
getWatchFolders() {
return this._config.watchFolders;
}
static DEFAULT_GRAPH_OPTIONS = {
customResolverOptions: Object.create(null),
customTransformOptions: Object.create(null),
dev: true,
hot: false,
minify: false,
runtimeBytecodeVersion: null,
unstable_transformProfile: "default",
};
static DEFAULT_BUNDLE_OPTIONS = {
...Server.DEFAULT_GRAPH_OPTIONS,
excludeSource: false,
inlineSourceMap: false,
modulesOnly: false,
onProgress: null,
runModule: true,
shallow: false,
sourceMapUrl: null,
sourceUrl: null,
};
_getServerRootDir() {
var _this$_config$server$5;
return (_this$_config$server$5 =
this._config.server.unstable_serverRoot) !== null &&
_this$_config$server$5 !== void 0
? _this$_config$server$5
: this._config.projectRoot;
}
_getEntryPointAbsolutePath(entryFile) {
return path.resolve(this._getServerRootDir(), entryFile);
} // Wait for the server to finish initializing.
async ready() {
await this._bundler.ready();
}
}
function* zip(xs, ys) {
//$FlowIssue #9324959
const ysIter = ys[Symbol.iterator]();
for (const x of xs) {
const y = ysIter.next();
if (y.done) {
return;
}
yield [x, y.value];
}
}
module.exports = Server;