/** * Copyright 2004-present Facebook. All Rights Reserved. */ 'use strict'; var fs = require('fs'); var path = require('path'); 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 exec = require('child_process').exec; var ReactPackager = require('./react-packager'); var blacklist = require('./blacklist.js'); var connect = require('connect'); var http = require('http'); var launchEditor = require('./launchEditor.js'); var parseCommandLine = require('./parseCommandLine.js'); var webSocketProxy = require('./webSocketProxy.js'); var options = parseCommandLine([{ command: 'port', default: 8081, }, { command: 'root', description: 'add another root(s) to be used by the packager in this project', }]); if (!options.projectRoots) { options.projectRoots = [path.resolve(__dirname, '..')]; } if (options.root) { if (typeof options.root === 'string') { options.projectRoots.push(path.resolve(options.root)); } else { options.root.forEach(function(root) { options.projectRoots.push(path.resolve(root)); }); } } if (!options.assetRoots) { 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' ); process.on('uncaughtException', function(e) { console.error(e); console.error(e.stack); console.error('\n >>> ERROR: could not create packager - please shut down ' + 'any existing instances that are already running.\n\n'); }); 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...'); exec(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(); } }; } function getAppMiddleware(options) { return ReactPackager.middleware({ projectRoots: options.projectRoots, blacklistRE: blacklist(false), cacheVersion: '2', transformModulePath: require.resolve('./transformer.js'), assetRoots: options.assetRoots, }); } function runServer( options, /* {[]string projectRoot, bool web} */ readyCallback ) { var app = connect() .use(loadRawBody) .use(openStackFrameInEditor) .use(getDevToolsLauncher(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); }