metro 0.70.2 → 0.71.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/package.json +22 -21
  2. package/src/Assets.js.flow +4 -4
  3. package/src/Bundler/util.js +1 -1
  4. package/src/Bundler/util.js.flow +2 -2
  5. package/src/Bundler.js +17 -10
  6. package/src/Bundler.js.flow +19 -14
  7. package/src/DeltaBundler/DeltaCalculator.js +13 -17
  8. package/src/DeltaBundler/DeltaCalculator.js.flow +15 -20
  9. package/src/DeltaBundler/Serializers/getAllFiles.js.flow +2 -2
  10. package/src/DeltaBundler/Serializers/getAssets.js.flow +2 -2
  11. package/src/DeltaBundler/Serializers/getExplodedSourceMap.js.flow +4 -4
  12. package/src/DeltaBundler/Serializers/getRamBundleInfo.js.flow +6 -6
  13. package/src/DeltaBundler/Serializers/helpers/getSourceMapInfo.js.flow +4 -4
  14. package/src/DeltaBundler/Serializers/helpers/processBytecodeModules.js.flow +2 -2
  15. package/src/DeltaBundler/Serializers/helpers/processModules.js.flow +2 -2
  16. package/src/DeltaBundler/Serializers/hmrJSBundle.js.flow +2 -2
  17. package/src/DeltaBundler/Serializers/sourceMapGenerator.js.flow +6 -6
  18. package/src/DeltaBundler/Serializers/sourceMapObject.js.flow +4 -4
  19. package/src/DeltaBundler/Serializers/sourceMapString.js.flow +2 -2
  20. package/src/DeltaBundler/Worker.flow.js +78 -0
  21. package/src/DeltaBundler/Worker.flow.js.flow +121 -0
  22. package/src/DeltaBundler/Worker.js +8 -66
  23. package/src/DeltaBundler/Worker.js.flow +8 -107
  24. package/src/DeltaBundler/WorkerFarm.js.flow +4 -4
  25. package/src/DeltaBundler/__fixtures__/hasteImpl.js +4 -0
  26. package/src/DeltaBundler/getTransformCacheKey.js.flow +2 -2
  27. package/src/DeltaBundler/graphOperations.js +634 -0
  28. package/src/DeltaBundler/graphOperations.js.flow +749 -0
  29. package/src/DeltaBundler/types.flow.js.flow +36 -30
  30. package/src/DeltaBundler.js +14 -6
  31. package/src/DeltaBundler.js.flow +14 -10
  32. package/src/HmrServer.js.flow +6 -6
  33. package/src/IncrementalBundler.js +1 -1
  34. package/src/IncrementalBundler.js.flow +8 -8
  35. package/src/ModuleGraph/node-haste/ModuleCache.js +1 -1
  36. package/src/ModuleGraph/node-haste/ModuleCache.js.flow +1 -1
  37. package/src/ModuleGraph/node-haste/node-haste.flow.js.flow +2 -2
  38. package/src/ModuleGraph/node-haste/node-haste.js +4 -4
  39. package/src/ModuleGraph/node-haste/node-haste.js.flow +13 -7
  40. package/src/ModuleGraph/output/indexed-ram-bundle.js.flow +2 -2
  41. package/src/ModuleGraph/output/plain-bundle.js.flow +2 -2
  42. package/src/ModuleGraph/output/reverse-dependency-map-references.js.flow +8 -8
  43. package/src/ModuleGraph/output/util.js.flow +2 -2
  44. package/src/ModuleGraph/types.flow.js.flow +37 -37
  45. package/src/ModuleGraph/worker/collectDependencies.js.flow +2 -2
  46. package/src/Server/symbolicate.js.flow +1 -1
  47. package/src/Server.js.flow +18 -18
  48. package/src/cli.js +5 -0
  49. package/src/cli.js.flow +5 -0
  50. package/src/commands/build.js +4 -3
  51. package/src/commands/build.js.flow +5 -3
  52. package/src/commands/serve.js +3 -3
  53. package/src/commands/serve.js.flow +5 -3
  54. package/src/index.flow.js +392 -0
  55. package/src/index.flow.js.flow +480 -0
  56. package/src/index.js +8 -366
  57. package/src/index.js.flow +8 -456
  58. package/src/lib/bundleToBytecode.js.flow +2 -2
  59. package/src/lib/bundleToString.js.flow +2 -2
  60. package/src/lib/getPreludeCode.js.flow +2 -2
  61. package/src/lib/transformHelpers.js.flow +2 -2
  62. package/src/node-haste/DependencyGraph/ModuleResolution.js +17 -4
  63. package/src/node-haste/DependencyGraph/ModuleResolution.js.flow +20 -12
  64. package/src/node-haste/DependencyGraph/createHasteMap.js +79 -19
  65. package/src/node-haste/DependencyGraph/createHasteMap.js.flow +15 -14
  66. package/src/node-haste/DependencyGraph.js +31 -27
  67. package/src/node-haste/DependencyGraph.js.flow +43 -37
  68. package/src/node-haste/ModuleCache.js.flow +1 -1
  69. package/src/node-haste/lib/AssetPaths.js.flow +2 -2
  70. package/src/node-haste/lib/parsePlatformFilePath.js.flow +2 -2
  71. package/src/shared/output/RamBundle/as-indexed-file.js.flow +1 -1
  72. package/src/shared/output/RamBundle/buildSourcemapWithMetadata.js.flow +2 -2
  73. package/src/shared/types.flow.js.flow +14 -14
  74. package/src/DeltaBundler/computeDelta.js +0 -42
  75. package/src/DeltaBundler/computeDelta.js.flow +0 -47
  76. package/src/DeltaBundler/traverseDependencies.js +0 -470
  77. package/src/DeltaBundler/traverseDependencies.js.flow +0 -565
  78. package/src/node-haste/DependencyGraph/types.js +0 -10
  79. package/src/node-haste/DependencyGraph/types.js.flow +0 -88
@@ -0,0 +1,480 @@
1
+ /**
2
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
3
+ *
4
+ * This source code is licensed under the MIT license found in the
5
+ * LICENSE file in the root directory of this source tree.
6
+ *
7
+ * @flow
8
+ * @format
9
+ */
10
+
11
+ 'use strict';
12
+
13
+ import type {Graph} from './DeltaBundler';
14
+ import type {ServerOptions} from './Server';
15
+ import type {OutputOptions, RequestOptions} from './shared/types.flow.js';
16
+ import type {Server as HttpServer} from 'http';
17
+ import type {Server as HttpsServer} from 'https';
18
+ import type {
19
+ ConfigT,
20
+ InputConfigT,
21
+ Middleware,
22
+ } from 'metro-config/src/configTypes.flow';
23
+ import type {CustomTransformOptions} from 'metro-transform-worker';
24
+ import typeof Yargs from 'yargs';
25
+
26
+ const makeBuildCommand = require('./commands/build');
27
+ const makeDependenciesCommand = require('./commands/dependencies');
28
+ const makeServeCommand = require('./commands/serve');
29
+ const MetroHmrServer = require('./HmrServer');
30
+ const IncrementalBundler = require('./IncrementalBundler');
31
+ const createWebsocketServer = require('./lib/createWebsocketServer');
32
+ const MetroServer = require('./Server');
33
+ const outputBundle = require('./shared/output/bundle');
34
+ const chalk = require('chalk');
35
+ const fs = require('fs');
36
+ const http = require('http');
37
+ const https = require('https');
38
+ const {getDefaultConfig, loadConfig, mergeConfig} = require('metro-config');
39
+ const {InspectorProxy} = require('metro-inspector-proxy');
40
+ const net = require('net');
41
+ const {parse} = require('url');
42
+ const ws = require('ws');
43
+
44
+ type MetroMiddleWare = {
45
+ attachHmrServer: (httpServer: HttpServer | HttpsServer) => void,
46
+ end: () => void,
47
+ metroServer: MetroServer,
48
+ middleware: Middleware,
49
+ };
50
+
51
+ export type RunMetroOptions = {
52
+ ...ServerOptions,
53
+ waitForBundler?: boolean,
54
+ };
55
+
56
+ export type RunServerOptions = {
57
+ hasReducedPerformance?: boolean,
58
+ host?: string,
59
+ onError?: (Error & {code?: string}) => void,
60
+ onReady?: (server: HttpServer | HttpsServer) => void,
61
+ runInspectorProxy?: boolean,
62
+ secureServerOptions?: Object,
63
+ secure?: boolean, // deprecated
64
+ secureCert?: string, // deprecated
65
+ secureKey?: string, // deprecated
66
+ waitForBundler?: boolean,
67
+ websocketEndpoints?: {
68
+ [path: string]: typeof ws.Server,
69
+ },
70
+ };
71
+
72
+ type BuildGraphOptions = {
73
+ entries: $ReadOnlyArray<string>,
74
+ customTransformOptions?: CustomTransformOptions,
75
+ dev?: boolean,
76
+ minify?: boolean,
77
+ onProgress?: (transformedFileCount: number, totalFileCount: number) => void,
78
+ platform?: string,
79
+ type?: 'module' | 'script',
80
+ };
81
+
82
+ export type RunBuildOptions = {
83
+ entry: string,
84
+ dev?: boolean,
85
+ out?: string,
86
+ onBegin?: () => void,
87
+ onComplete?: () => void,
88
+ onProgress?: (transformedFileCount: number, totalFileCount: number) => void,
89
+ minify?: boolean,
90
+ output?: {
91
+ build: (
92
+ MetroServer,
93
+ RequestOptions,
94
+ ) => Promise<{
95
+ code: string,
96
+ map: string,
97
+ ...
98
+ }>,
99
+ save: (
100
+ {
101
+ code: string,
102
+ map: string,
103
+ ...
104
+ },
105
+ OutputOptions,
106
+ (...args: Array<string>) => void,
107
+ ) => Promise<mixed>,
108
+ ...
109
+ },
110
+ platform?: string,
111
+ sourceMap?: boolean,
112
+ sourceMapUrl?: string,
113
+ };
114
+
115
+ type BuildCommandOptions = {} | null;
116
+ type ServeCommandOptions = {} | null;
117
+
118
+ async function getConfig(config: InputConfigT): Promise<ConfigT> {
119
+ const defaultConfig = await getDefaultConfig(config.projectRoot);
120
+ return mergeConfig(defaultConfig, config);
121
+ }
122
+
123
+ async function runMetro(
124
+ config: InputConfigT,
125
+ options?: RunMetroOptions,
126
+ ): Promise<MetroServer> {
127
+ const mergedConfig = await getConfig(config);
128
+ const {
129
+ reporter,
130
+ server: {port},
131
+ } = mergedConfig;
132
+
133
+ reporter.update({
134
+ hasReducedPerformance: options
135
+ ? Boolean(options.hasReducedPerformance)
136
+ : false,
137
+ port,
138
+ type: 'initialize_started',
139
+ });
140
+
141
+ const {waitForBundler = false, ...serverOptions} = options ?? {};
142
+ const server = new MetroServer(mergedConfig, serverOptions);
143
+
144
+ const readyPromise = server
145
+ .ready()
146
+ .then(() => {
147
+ reporter.update({
148
+ type: 'initialize_done',
149
+ port,
150
+ });
151
+ })
152
+ .catch(error => {
153
+ reporter.update({
154
+ type: 'initialize_failed',
155
+ port,
156
+ error,
157
+ });
158
+ });
159
+ if (waitForBundler) {
160
+ await readyPromise;
161
+ }
162
+
163
+ return server;
164
+ }
165
+
166
+ exports.runMetro = runMetro;
167
+ exports.loadConfig = loadConfig;
168
+
169
+ const createConnectMiddleware = async function (
170
+ config: ConfigT,
171
+ options?: RunMetroOptions,
172
+ ): Promise<MetroMiddleWare> {
173
+ const metroServer = await runMetro(config, options);
174
+
175
+ let enhancedMiddleware: Middleware = metroServer.processRequest;
176
+
177
+ // Enhance the resulting middleware using the config options
178
+ if (config.server.enhanceMiddleware) {
179
+ enhancedMiddleware = config.server.enhanceMiddleware(
180
+ enhancedMiddleware,
181
+ metroServer,
182
+ );
183
+ }
184
+
185
+ return {
186
+ attachHmrServer(httpServer: HttpServer | HttpsServer): void {
187
+ const wss = createWebsocketServer({
188
+ websocketServer: new MetroHmrServer(
189
+ metroServer.getBundler(),
190
+ metroServer.getCreateModuleId(),
191
+ config,
192
+ ),
193
+ });
194
+ httpServer.on('upgrade', (request, socket, head) => {
195
+ const {pathname} = parse(request.url);
196
+ if (pathname === '/hot') {
197
+ wss.handleUpgrade(request, socket, head, ws => {
198
+ wss.emit('connection', ws, request);
199
+ });
200
+ } else {
201
+ socket.destroy();
202
+ }
203
+ });
204
+ },
205
+ metroServer,
206
+ middleware: enhancedMiddleware,
207
+ end(): void {
208
+ metroServer.end();
209
+ },
210
+ };
211
+ };
212
+ exports.createConnectMiddleware = createConnectMiddleware;
213
+
214
+ exports.runServer = async (
215
+ config: ConfigT,
216
+ {
217
+ hasReducedPerformance = false,
218
+ host,
219
+ onError,
220
+ onReady,
221
+ secureServerOptions,
222
+ secure, //deprecated
223
+ secureCert, // deprecated
224
+ secureKey, // deprecated
225
+ waitForBundler = false,
226
+ websocketEndpoints = {},
227
+ }: RunServerOptions,
228
+ ): Promise<HttpServer | HttpsServer> => {
229
+ await earlyPortCheck(host, config.server.port);
230
+
231
+ if (secure != null || secureCert != null || secureKey != null) {
232
+ // eslint-disable-next-line no-console
233
+ console.warn(
234
+ chalk.inverse.yellow.bold(' DEPRECATED '),
235
+ 'The `secure`, `secureCert`, and `secureKey` options are now deprecated. ' +
236
+ 'Please use the `secureServerOptions` object instead to pass options to ' +
237
+ "Metro's https development server.",
238
+ );
239
+ }
240
+ // Lazy require
241
+ const connect = require('connect');
242
+
243
+ const serverApp = connect();
244
+
245
+ const {middleware, end, metroServer} = await createConnectMiddleware(config, {
246
+ hasReducedPerformance,
247
+ waitForBundler,
248
+ });
249
+
250
+ serverApp.use(middleware);
251
+
252
+ let inspectorProxy: ?InspectorProxy = null;
253
+ if (config.server.runInspectorProxy) {
254
+ inspectorProxy = new InspectorProxy(config.projectRoot);
255
+ }
256
+
257
+ let httpServer;
258
+
259
+ if (secure || secureServerOptions != null) {
260
+ let options = secureServerOptions;
261
+ if (typeof secureKey === 'string' && typeof secureCert === 'string') {
262
+ options = {
263
+ key: fs.readFileSync(secureKey),
264
+ cert: fs.readFileSync(secureCert),
265
+ ...secureServerOptions,
266
+ };
267
+ }
268
+ httpServer = https.createServer(options, serverApp);
269
+ } else {
270
+ httpServer = http.createServer(serverApp);
271
+ }
272
+ return new Promise(
273
+ (
274
+ resolve: (result: HttpServer | HttpsServer) => void,
275
+ reject: mixed => mixed,
276
+ ) => {
277
+ httpServer.on('error', error => {
278
+ if (onError) {
279
+ onError(error);
280
+ }
281
+ reject(error);
282
+ end();
283
+ });
284
+
285
+ httpServer.listen(config.server.port, host, () => {
286
+ if (onReady) {
287
+ onReady(httpServer);
288
+ }
289
+
290
+ Object.assign(websocketEndpoints, {
291
+ ...(inspectorProxy
292
+ ? {...inspectorProxy.createWebSocketListeners(httpServer)}
293
+ : {}),
294
+ '/hot': createWebsocketServer({
295
+ websocketServer: new MetroHmrServer(
296
+ metroServer.getBundler(),
297
+ metroServer.getCreateModuleId(),
298
+ config,
299
+ ),
300
+ }),
301
+ });
302
+
303
+ httpServer.on('upgrade', (request, socket, head) => {
304
+ const {pathname} = parse(request.url);
305
+ if (pathname != null && websocketEndpoints[pathname]) {
306
+ websocketEndpoints[pathname].handleUpgrade(
307
+ request,
308
+ socket,
309
+ head,
310
+ ws => {
311
+ websocketEndpoints[pathname].emit('connection', ws, request);
312
+ },
313
+ );
314
+ } else {
315
+ socket.destroy();
316
+ }
317
+ });
318
+
319
+ if (inspectorProxy) {
320
+ // TODO(hypuk): Refactor inspectorProxy.processRequest into separate request handlers
321
+ // so that we could provide routes (/json/list and /json/version) here.
322
+ // Currently this causes Metro to give warning about T31407894.
323
+ // $FlowFixMe[method-unbinding] added when improving typing for this parameters
324
+ serverApp.use(inspectorProxy.processRequest.bind(inspectorProxy));
325
+ }
326
+
327
+ resolve(httpServer);
328
+ });
329
+
330
+ // Disable any kind of automatic timeout behavior for incoming
331
+ // requests in case it takes the packager more than the default
332
+ // timeout of 120 seconds to respond to a request.
333
+ httpServer.timeout = 0;
334
+
335
+ httpServer.on('close', () => {
336
+ end();
337
+ });
338
+ },
339
+ );
340
+ };
341
+
342
+ exports.runBuild = async (
343
+ config: ConfigT,
344
+ {
345
+ dev = false,
346
+ entry,
347
+ onBegin,
348
+ onComplete,
349
+ onProgress,
350
+ minify = true,
351
+ output = outputBundle,
352
+ out,
353
+ platform = 'web',
354
+ sourceMap = false,
355
+ sourceMapUrl,
356
+ }: RunBuildOptions,
357
+ ): Promise<{
358
+ code: string,
359
+ map: string,
360
+ ...
361
+ }> => {
362
+ const metroServer = await runMetro(config, {
363
+ watch: false,
364
+ });
365
+
366
+ try {
367
+ const requestOptions: RequestOptions = {
368
+ dev,
369
+ entryFile: entry,
370
+ inlineSourceMap: sourceMap && !sourceMapUrl,
371
+ minify,
372
+ platform,
373
+ sourceMapUrl: sourceMap === false ? undefined : sourceMapUrl,
374
+ createModuleIdFactory: config.serializer.createModuleIdFactory,
375
+ onProgress,
376
+ };
377
+
378
+ if (onBegin) {
379
+ onBegin();
380
+ }
381
+
382
+ const metroBundle = await output.build(metroServer, requestOptions);
383
+
384
+ if (onComplete) {
385
+ onComplete();
386
+ }
387
+
388
+ if (out) {
389
+ const bundleOutput = out.replace(/(\.js)?$/, '.js');
390
+ const sourcemapOutput =
391
+ sourceMap === false ? undefined : out.replace(/(\.js)?$/, '.map');
392
+
393
+ const outputOptions: OutputOptions = {
394
+ bundleOutput,
395
+ sourcemapOutput,
396
+ dev,
397
+ platform,
398
+ };
399
+
400
+ // eslint-disable-next-line no-console
401
+ await output.save(metroBundle, outputOptions, console.log);
402
+ }
403
+
404
+ return metroBundle;
405
+ } finally {
406
+ await metroServer.end();
407
+ }
408
+ };
409
+
410
+ exports.buildGraph = async function (
411
+ config: InputConfigT,
412
+ {
413
+ customTransformOptions = Object.create(null),
414
+ dev = false,
415
+ entries,
416
+ minify = false,
417
+ onProgress,
418
+ platform = 'web',
419
+ type = 'module',
420
+ }: BuildGraphOptions,
421
+ ): Promise<Graph<>> {
422
+ const mergedConfig = await getConfig(config);
423
+
424
+ const bundler = new IncrementalBundler(mergedConfig);
425
+
426
+ try {
427
+ return await bundler.buildGraphForEntries(entries, {
428
+ ...MetroServer.DEFAULT_GRAPH_OPTIONS,
429
+ customTransformOptions,
430
+ dev,
431
+ minify,
432
+ platform,
433
+ type,
434
+ });
435
+ } finally {
436
+ bundler.end();
437
+ }
438
+ };
439
+
440
+ exports.attachMetroCli = function (
441
+ yargs: Yargs,
442
+ {
443
+ build = {},
444
+ serve = {},
445
+ dependencies = {},
446
+ }: {
447
+ build: BuildCommandOptions,
448
+ serve: ServeCommandOptions,
449
+ dependencies: any,
450
+ ...
451
+ } = {},
452
+ ): Yargs {
453
+ if (build) {
454
+ const {command, description, builder, handler} = makeBuildCommand();
455
+ yargs.command(command, description, builder, handler);
456
+ }
457
+ if (serve) {
458
+ const {command, description, builder, handler} = makeServeCommand();
459
+ yargs.command(command, description, builder, handler);
460
+ }
461
+ if (dependencies) {
462
+ const {command, description, builder, handler} = makeDependenciesCommand();
463
+ yargs.command(command, description, builder, handler);
464
+ }
465
+ return yargs;
466
+ };
467
+
468
+ async function earlyPortCheck(host: void | string, port: number) {
469
+ const server = net.createServer(c => c.end());
470
+ try {
471
+ await new Promise((resolve, reject) => {
472
+ server.on('error', err => {
473
+ reject(err);
474
+ });
475
+ server.listen(port, host, undefined, () => resolve());
476
+ });
477
+ } finally {
478
+ await new Promise(resolve => server.close(() => resolve()));
479
+ }
480
+ }