Add openURLMiddleware

packages/cli/package.json

@@ -50,7 +50,7 @@
     "morgan": "^1.9.0",
     "node-fetch": "^2.2.0",
     "node-notifier": "^5.2.1",
-    "opn": "^3.0.2",
+    "open": "^6.2.0",
     "ora": "^3.4.0",
     "plist": "^3.0.0",
     "semver": "^5.0.3",

packages/cli/src/commands/server/launchBrowser.js

@@ -0,0 +1,22 @@
+/**
+ * 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
+ * @flow
+ */
+
+import open from 'open';
+import {logger} from '@react-native-community/cli-tools';
+
+function launchBrowser(url: string) {
+  open(url, err => {
+    if (err) {
+      logger.error('Browser exited with error:', err);
+    }
+  });
+}
+
+export default launchBrowser;

packages/cli/src/commands/server/launchChrome.js

@@ -8,7 +8,7 @@
  * @flow
  */
 
-import opn from 'opn';
+import open from 'open';
 import {execSync} from 'child_process';
 import {logger} from '@react-native-community/cli-tools';
 
@@ -45,7 +45,7 @@ function getChromeAppName(): string {
 }
 
 function launchChrome(url: string) {
-  opn(url, {app: [getChromeAppName()]}, err => {
+  open(url, {app: [getChromeAppName()]}, err => {
     if (err) {
       logger.error('Google Chrome exited with error:', err);
     }

packages/cli/src/commands/server/middleware/MiddlewareManager.js

@@ -20,6 +20,7 @@ import copyToClipBoardMiddleware from './copyToClipBoardMiddleware';
 import getSecurityHeadersMiddleware from './getSecurityHeadersMiddleware';
 import loadRawBodyMiddleware from './loadRawBodyMiddleware';
 import openStackFrameInEditorMiddleware from './openStackFrameInEditorMiddleware';
+import openURLMiddleware from './openURLMiddleware';
 import statusPageMiddleware from './statusPageMiddleware';
 import systraceProfileMiddleware from './systraceProfileMiddleware';
 import getDevToolsMiddleware from './getDevToolsMiddleware';
@@ -51,6 +52,7 @@ export default class MiddlewareManager {
       .use(compression())
       .use('/debugger-ui', serveStatic(debuggerUIFolder))
       .use(openStackFrameInEditorMiddleware(this.options))
+      .use(openURLMiddleware)
       .use(copyToClipBoardMiddleware)
       .use(statusPageMiddleware)
       .use(systraceProfileMiddleware)

packages/cli/src/commands/server/middleware/openURLMiddleware.js

@@ -0,0 +1,25 @@
+/**
+ * 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
+ */
+
+import launchBrowser from '../launchBrowser';
+import {logger} from '@react-native-community/cli-tools';
+
+/**
+ * Handle request from JS to open an arbitrary URL in Chrome
+ */
+export default function openURLMiddleware(req, res, next) {
+  if (req.url === '/open-url') {
+    const {url} = JSON.parse(req.rawBody);
+    logger.info(`Opening ${url}...`);
+    launchBrowser(url);
+    res.end('OK');
+  } else {
+    next();
+  }
+}

yarn.lock

@@ -6823,11 +6823,12 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
-opn@^3.0.2:
-  version "3.0.3"
-  resolved "http://registry.npmjs.org/opn/-/opn-3.0.3.tgz#b6d99e7399f78d65c3baaffef1fb288e9b85243a"
+open@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-6.2.0.tgz#7cf92cb961b5d8498b071e64098bf5e27f57230c"
+  integrity sha512-Vxf6HJkwrqmvh9UAID3MnMYXntbTxKLOSfOnO7LJdzPf3NE3KQYFNV0/Lcz2VAndbRFil58XVCyh8tiX11fiYw==
   dependencies:
-    object-assign "^4.0.1"
+    is-wsl "^1.1.0"
 
 optimist@^0.6.1:
   version "0.6.1"