/** * Copyright (c) 2015-present, Facebook, Inc. * All rights reserved. * * This source code is licensed under the BSD-style license found in the * LICENSE file in the root directory of this source tree. An additional grant * of patent rights can be found in the PATENTS file in the same directory. */ 'use strict'; var fs = require('fs'); var path = require('path'); var execFile = require('child_process').execFile; var http = require('http'); var getFlowTypeCheckMiddleware = require('./getFlowTypeCheckMiddleware'); if (!fs.existsSync(path.resolve(__dirname, '..', 'node_modules'))) { console.log( '\n' + 'Could not find dependencies.\n' + 'Ensure dependencies are installed - ' + 'run \'npm install\' from project root.\n' ); process.exit(); } var chalk = require('chalk'); var connect = require('connect'); var ReactPackager = require('./react-packager'); var blacklist = require('./blacklist.js'); var launchEditor = require('./launchEditor.js'); var parseCommandLine = require('./parseCommandLine.js'); var webSocketProxy = require('./webSocketProxy.js'); var options = parseCommandLine([{ command: 'port', default: 8081, type: 'string', }, { command: 'root', type: 'string', description: 'add another root(s) to be used by the packager in this project', }, { command: 'assetRoots', type: 'string', description: 'specify the root directories of app assets' }, { command: 'platform', type: 'string', default: 'ios', description: 'Specify the platform-specific blacklist (ios, android, web).' }, { command: 'skipflow', description: 'Disable flow checks' }, { command: 'nonPersistent', description: 'Disable file watcher' }]); if (options.projectRoots) { if (!Array.isArray(options.projectRoots)) { options.projectRoots = options.projectRoots.split(','); } } else { if (__dirname.match(/node_modules\/react-native\/packager$/)) { // packager is running from node_modules of another project options.projectRoots = [path.resolve(__dirname, '../../..')]; } else { options.projectRoots = [path.resolve(__dirname, '..')]; } } if (options.root) { if (!Array.isArray(options.root)) { options.root = options.root.split(','); } options.root.forEach(function(root) { options.projectRoots.push(path.resolve(root)); }); } if (options.assetRoots) { if (!Array.isArray(options.assetRoots)) { options.assetRoots = options.assetRoots.split(','); } } else { if (__dirname.match(/node_modules\/react-native\/packager$/)) { options.assetRoots = [path.resolve(__dirname, '../../..')]; } else { options.assetRoots = [path.resolve(__dirname, '..')]; } } console.log('\n' + ' ===============================================================\n' + ' | Running packager on port ' + options.port + '. \n' + ' | Keep this packager running while developing on any JS \n' + ' | projects. Feel free to close this tab and run your own \n' + ' | packager instance if you prefer. \n' + ' | \n' + ' | https://github.com/facebook/react-native \n' + ' | \n' + ' ===============================================================\n' ); console.log( 'Looking for JS files in\n ', chalk.dim(options.projectRoots.join('\n ')), '\n' ); process.on('uncaughtException', function(e) { if (e.code === 'EADDRINUSE') { console.log( chalk.bgRed.bold(' ERROR '), chalk.red('Packager can\'t listen on port', chalk.bold(options.port)) ); console.log('Most likely another process is already using this port'); console.log('Run the following command to find out which process:'); console.log('\n ', chalk.bold('lsof -n -i4TCP:' + options.port), '\n'); console.log('You can either shut down the other process:'); console.log('\n ', chalk.bold('kill -9 '), '\n'); console.log('or run packager on different port.'); } else { console.log(chalk.bgRed.bold(' ERROR '), chalk.red(e.message)); var errorAttributes = JSON.stringify(e); if (errorAttributes !== '{}') { console.error(chalk.red(errorAttributes)); } console.error(chalk.red(e.stack)); } console.log('\nSee', chalk.underline('http://facebook.github.io/react-native/docs/troubleshooting.html')); console.log('for common problems and solutions.'); process.exit(1); }); var server = runServer(options, function() { console.log('\nReact packager ready.\n'); }); webSocketProxy.attachToServer(server, '/debugger-proxy'); function loadRawBody(req, res, next) { req.rawBody = ''; req.setEncoding('utf8'); req.on('data', function(chunk) { req.rawBody += chunk; }); req.on('end', function() { next(); }); } function openStackFrameInEditor(req, res, next) { if (req.url === '/open-stack-frame') { var frame = JSON.parse(req.rawBody); launchEditor(frame.file, frame.lineNumber); res.end('OK'); } else { next(); } } function getDevToolsLauncher(options) { return function(req, res, next) { if (req.url === '/debugger-ui') { var debuggerPath = path.join(__dirname, 'debugger.html'); res.writeHead(200, {'Content-Type': 'text/html'}); fs.createReadStream(debuggerPath).pipe(res); } else if (req.url === '/launch-chrome-devtools') { var debuggerURL = 'http://localhost:' + options.port + '/debugger-ui'; var script = 'launchChromeDevTools.applescript'; console.log('Launching Dev Tools...'); execFile(path.join(__dirname, script), [debuggerURL], function(err, stdout, stderr) { if (err) { console.log('Failed to run ' + script, err); } console.log(stdout); console.warn(stderr); }); res.end('OK'); } else { next(); } }; } // A status page so the React/project.pbxproj build script // can verify that packager is running on 8081 and not // another program / service. function statusPageMiddleware(req, res, next) { if (req.url === '/status') { res.end('packager-status:running'); } else { next(); } } function getAppMiddleware(options) { return ReactPackager.middleware({ nonPersistent: options.nonPersistent, projectRoots: options.projectRoots, blacklistRE: blacklist(options.platform), cacheVersion: '2', transformModulePath: require.resolve('./transformer.js'), assetRoots: options.assetRoots, assetExts: ['png', 'jpeg', 'jpg'], polyfillModuleNames: [ require.resolve( '../Libraries/JavaScriptAppEngine/polyfills/document.js' ), ], }); } function runServer( options, readyCallback ) { var app = connect() .use(loadRawBody) .use(openStackFrameInEditor) .use(getDevToolsLauncher(options)) .use(statusPageMiddleware) // Temporarily disable flow check until it's more stable //.use(getFlowTypeCheckMiddleware(options)) .use(getAppMiddleware(options)); options.projectRoots.forEach(function(root) { app.use(connect.static(root)); }); app.use(connect.logger()) .use(connect.compress()) .use(connect.errorHandler()); return http.createServer(app).listen(options.port, '::', readyCallback); }