Add custom port (#6)

Add custom port

README.md

@@ -32,6 +32,7 @@ The following options are available:
 -a, --android         analyse Android bundle 
 -d, --dev             analyse developement bundle
 -o, --output [dir]    output directory
+-p, --port [port]     use custom port
 -j, --json            save output as JSON file instead of HTML
 -v, --version         print the version number
 -h, --help            print usage information

package.json

@@ -1,6 +1,6 @@
 {
   "name": "visualize-bundle",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Visualize React Native bundle",
   "main": "dist/index.js",
   "bin": "dist/index.js",

src/index.ts

@@ -19,6 +19,7 @@ commander
 	.option('-d, --dev', 'Analyse developement bundle')
 	.option('-j, --json', 'Output JSON')
 	.option('-o, --output [dir]', 'Specify output dir', defaultDir)
+	.option('-p, --port [port]', 'Specify js package port')
 	.parse(process.argv);
 
 const sourceMapExplorer = require('source-map-explorer');
@@ -43,9 +44,9 @@ const start = async () => {
 	process.stdout.write('Searching for running React Native app... ');
 	const [expoRunning, rnRunning] = await Promise.all([
 		isExpoRunning(),
-		isRnRunning()
+		isRnRunning(commander.port || 8081)
 	]);
-	let port = expoRunning ? 19001 : 8081;
+	let port = commander.port || (expoRunning ? 19001 : 8081);
 
 	if (expoRunning && !rnRunning) {
 		console.log('Found Expo app.');
@@ -56,7 +57,7 @@ const start = async () => {
 		console.log('');
 	}
 
-	if (expoRunning && rnRunning) {
+	if (expoRunning && rnRunning && !commander.port) {
 		console.log('Multiple found.');
 		const prompt = inquirer.createPromptModule();
 		const {project} = await prompt([
@@ -89,8 +90,8 @@ const start = async () => {
 			port === 19001
 				? [`http://localhost:19001/node_modules/expo/AppEntry.bundle?${query}`]
 				: [
-						`http://localhost:8081/index.bundle?${query}`,
-						`http://localhost:8081/index.${platform}.bundle?${query}`
+						`http://localhost:${port}/index.bundle?${query}`,
+						`http://localhost:${port}/index.${platform}.bundle?${query}`
 				  ]
 		);
 		spinner.text = `Getting map from port ${port}...`;
@@ -99,8 +100,8 @@ const start = async () => {
 			port === 19001
 				? [`http://localhost:19001/node_modules/expo/AppEntry.map?${query}`]
 				: [
-						`http://localhost:8081/index.map?${query}`,
-						`http://localhost:8081/index.${platform}.map?${query}`
+						`http://localhost:${port}/index.map?${query}`,
+						`http://localhost:${port}/index.${platform}.map?${query}`
 				  ]
 		);
 		const outputDir = path.resolve(commander.output);

src/is-rn-running.ts

@@ -1,8 +1,8 @@
 import getResource from './request-resource';
 
-export default async (): Promise<boolean> => {
+export default async (port: number): Promise<boolean> => {
 	try {
-		await getResource('http://localhost:8081');
+		await getResource(`http://localhost:${port}`);
 		return true;
 	} catch (err) {
 		return false;