/** * Copyright (c) Facebook, Inc. and its 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"; function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === "function") { ownKeys = ownKeys.concat( Object.getOwnPropertySymbols(source).filter(function(sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; }) ); } ownKeys.forEach(function(key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _toConsumableArray(arr) { return ( _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread() ); } function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); } function _iterableToArray(iter) { if ( Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]" ) return Array.from(iter); } function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) arr2[i] = arr[i]; return arr2; } } function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } } function _asyncToGenerator(fn) { return function() { var self = this, args = arguments; return new Promise(function(resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; } const GraphNotFoundError = require("./IncrementalBundler/GraphNotFoundError"); const IncrementalBundler = require("./IncrementalBundler"); const RevisionNotFoundError = require("./IncrementalBundler/RevisionNotFoundError"); const debounceAsyncQueue = require("./lib/debounceAsyncQueue"); const formatBundlingError = require("./lib/formatBundlingError"); const getGraphId = require("./lib/getGraphId"); const hmrJSBundle = require("./DeltaBundler/Serializers/hmrJSBundle"); const nullthrows = require("nullthrows"); const parseOptionsFromUrl = require("./lib/parseOptionsFromUrl"); const splitBundleOptions = require("./lib/splitBundleOptions"); const transformHelpers = require("./lib/transformHelpers"); const url = require("url"); const _require = require("metro-core"), _require$Logger = _require.Logger, createActionStartEntry = _require$Logger.createActionStartEntry, createActionEndEntry = _require$Logger.createActionEndEntry, log = _require$Logger.log; function send(sendFns, message) { const strMessage = JSON.stringify(message); sendFns.forEach(sendFn => sendFn(strMessage)); } /** * The HmrServer (Hot Module Reloading) implements a lightweight interface * to communicate easily to the logic in the React Native repository (which * is the one that handles the Web Socket connections). * * This interface allows the HmrServer to hook its own logic to WS clients * getting connected, disconnected or having errors (through the * `onClientConnect`, `onClientDisconnect` and `onClientError` methods). */ class HmrServer { constructor(bundler, createModuleId, config) { this._config = config; this._bundler = bundler; this._createModuleId = createModuleId; this._clientGroups = new Map(); } onClientConnect(requestUrl, sendFn) { return _asyncToGenerator(function*() { return { sendFn, revisionIds: [], optedIntoHMR: false }; })(); } _registerEntryPoint(client, requestUrl, sendFn) { var _this = this; return _asyncToGenerator(function*() { const clientUrl = nullthrows(url.parse(requestUrl, true)); const options = parseOptionsFromUrl( requestUrl, new Set(_this._config.resolver.platforms) ); const _splitBundleOptions = splitBundleOptions(options), entryFile = _splitBundleOptions.entryFile, transformOptions = _splitBundleOptions.transformOptions, graphOptions = _splitBundleOptions.graphOptions; /** * `entryFile` is relative to projectRoot, we need to use resolution function * to find the appropriate file with supported extensions. */ const resolutionFn = yield transformHelpers.getResolveDependencyFn( _this._bundler.getBundler(), transformOptions.platform ); const resolvedEntryFilePath = resolutionFn( _this._config.projectRoot + "/.", entryFile ); const graphId = getGraphId(resolvedEntryFilePath, transformOptions, { shallow: graphOptions.shallow, experimentalImportBundleSupport: _this._config.transformer.experimentalImportBundleSupport }); const revPromise = _this._bundler.getRevisionByGraphId(graphId); if (!revPromise) { send([sendFn], { type: "error", body: formatBundlingError(new GraphNotFoundError(graphId)) }); return; } const _ref = yield revPromise, graph = _ref.graph, id = _ref.id; client.revisionIds.push(id); let clientGroup = _this._clientGroups.get(id); if (clientGroup != null) { clientGroup.clients.add(client); } else { // Prepare the clientUrl to be used as sourceUrl in HMR updates. clientUrl.protocol = "http"; const _ref2 = clientUrl.query || {}, platform = _ref2.platform, dev = _ref2.dev, minify = _ref2.minify, runModule = _ref2.runModule; clientUrl.query = { platform, dev: dev || "true", minify: minify || "false", modulesOnly: "true", runModule: runModule || "false", shallow: "true" }; clientUrl.search = ""; clientGroup = { clients: new Set([client]), clientUrl, revisionId: id, unlisten: () => unlisten() }; _this._clientGroups.set(id, clientGroup); const unlisten = _this._bundler.getDeltaBundler().listen( graph, debounceAsyncQueue( _this._handleFileChange.bind(_this, clientGroup, { isInitialUpdate: false }), 50 ) ); } yield _this._handleFileChange(clientGroup, { isInitialUpdate: true }); send([sendFn], { type: "bundle-registered" }); })(); } onClientMessage(client, message, sendFn) { var _this2 = this; return _asyncToGenerator(function*() { let data; try { data = JSON.parse(message); } catch (error) { send([sendFn], { type: "error", body: formatBundlingError(error) }); return Promise.resolve(); } if (data && data.type) { switch (data.type) { case "register-entrypoints": return Promise.all( data.entryPoints.map(entryPoint => _this2._registerEntryPoint(client, entryPoint, sendFn) ) ); case "log": _this2._config.reporter.update({ type: "client_log", level: data.level, data: data.data }); break; case "log-opt-in": client.optedIntoHMR = true; break; default: break; } } return Promise.resolve(); })(); } onClientError(client, e) { this._config.reporter.update({ type: "hmr_client_error", error: e }); this.onClientDisconnect(client); } onClientDisconnect(client) { client.revisionIds.forEach(revisionId => { const group = this._clientGroups.get(revisionId); if (group != null) { if (group.clients.size === 1) { this._clientGroups.delete(revisionId); group.unlisten(); } else { group.clients.delete(client); } } }); } _handleFileChange(group, options) { var _this3 = this; return _asyncToGenerator(function*() { const optedIntoHMR = _toConsumableArray(group.clients).some( client => client.optedIntoHMR ); const processingHmrChange = log( createActionStartEntry({ // Even when HMR is disabled on the client, this function still // runs so we can stash updates while it's off and apply them later. // However, this would mess up our internal analytics because we track // HMR as being used even for people who have it disabled. // As a workaround, we use a different event name for clients // that didn't explicitly opt into HMR. action_name: optedIntoHMR ? "Processing HMR change" : "Processing HMR change (no client opt-in)" }) ); const sendFns = _toConsumableArray(group.clients).map( client => client.sendFn ); send(sendFns, { type: "update-start", body: options }); const message = yield _this3._prepareMessage(group, options); send(sendFns, message); send(sendFns, { type: "update-done" }); log( _objectSpread({}, createActionEndEntry(processingHmrChange), { outdated_modules: message.type === "update" ? message.body.added.length + message.body.modified.length : undefined }) ); })(); } _prepareMessage(group, options) { var _this4 = this; return _asyncToGenerator(function*() { try { const revPromise = _this4._bundler.getRevision(group.revisionId); if (!revPromise) { return { type: "error", body: formatBundlingError( new RevisionNotFoundError(group.revisionId) ) }; } const _ref3 = yield _this4._bundler.updateGraph( yield revPromise, false ), revision = _ref3.revision, delta = _ref3.delta; _this4._clientGroups.delete(group.revisionId); group.revisionId = revision.id; for (const client of group.clients) { client.revisionIds = client.revisionIds.filter( revisionId => revisionId !== group.revisionId ); client.revisionIds.push(revision.id); } _this4._clientGroups.set(group.revisionId, group); const hmrUpdate = hmrJSBundle(delta, revision.graph, { createModuleId: _this4._createModuleId, projectRoot: _this4._config.projectRoot, clientUrl: group.clientUrl }); return { type: "update", body: _objectSpread( { revisionId: revision.id, isInitialUpdate: options.isInitialUpdate }, hmrUpdate ) }; } catch (error) { const formattedError = formatBundlingError(error); _this4._config.reporter.update({ type: "bundling_error", error }); return { type: "error", body: formattedError }; } })(); } } module.exports = HmrServer;