refactor: replace deprecated package opn with open

Author: Andriy Pyvovarchuk

packages/angular/cli/commands/doc-impl.ts

@@ -10,7 +10,7 @@ import { Command } from '../models/command';
 import { Arguments } from '../models/interface';
 import { Schema as DocCommandSchema } from './doc';
 
-const opn = require('opn');
+const open = require('open');
 
 export class DocCommand extends Command<DocCommandSchema> {
   public async run(options: DocCommandSchema & Arguments) {
@@ -24,9 +24,9 @@ export class DocCommand extends Command<DocCommandSchema> {
       searchUrl = `https://www.google.com/search?q=site%3Aangular.io+${options.keyword}`;
     }
 
-    // We should wrap `opn` in a new Promise because `opn` is already resolved
+    // We should wrap `open` in a new Promise because `open` is already resolved
     await new Promise(() => {
-      opn(searchUrl, {
+      open(searchUrl, {
         wait: false,
       });
     });

packages/angular/cli/package.json

@@ -35,7 +35,7 @@
     "ini": "1.3.5",
     "inquirer": "6.2.2",
     "npm-package-arg": "6.1.0",
-    "opn": "5.4.0",
+    "open": "6.0.0",
     "pacote": "9.5.0",
     "semver": "6.0.0",
     "symbol-observable": "1.2.0",

packages/angular_devkit/build_angular/package.json

@@ -28,7 +28,7 @@
     "mini-css-extract-plugin": "0.5.0",
     "minimatch": "3.0.4",
     "parse5": "4.0.0",
-    "opn": "5.4.0",
+    "open": "6.0.0",
     "postcss": "7.0.14",
     "postcss-import": "12.0.1",
     "postcss-loader": "3.0.0",

packages/angular_devkit/build_angular/src/dev-server/index.ts

@@ -34,7 +34,7 @@ import {
 import { Schema as BrowserBuilderSchema } from '../browser/schema';
 import { normalizeOptimization } from '../utils';
 import { Schema } from './schema';
-const opn = require('opn');
+const open = require('open');
 
 export type DevServerBuilderSchema = Schema & json.JsonObject;
 
@@ -83,7 +83,7 @@ export function serveWebpackBrowser(
   const browserTarget = targetFromTargetString(options.browserTarget);
   const root = context.workspaceRoot;
   let first = true;
-  let opnAddress: string;
+  let openAddress: string;
   const host = new NodeJsSyncHost();
 
   const loggingFn = transforms.logging
@@ -202,18 +202,18 @@ export function serveWebpackBrowser(
         **
       `);
 
-      opnAddress = serverAddress + webpackDevServerConfig.publicPath;
+      openAddress = serverAddress + webpackDevServerConfig.publicPath;
       webpackConfig.devServer = webpackDevServerConfig;
 
       return runWebpackDevServer(webpackConfig, context, { logging: loggingFn });
     }),
     map(buildEvent => {
       if (first && options.open) {
         first = false;
-        opn(opnAddress);
+        open(openAddress);
       }
 
-      return { ...buildEvent, baseUrl: opnAddress } as DevServerBuilderOutput;
+      return { ...buildEvent, baseUrl: openAddress } as DevServerBuilderOutput;
     }),
   );
 }

yarn.lock

@@ -6587,12 +6587,19 @@ onetime@^2.0.0:
   dependencies:
     mimic-fn "^1.0.0"
 
+open@6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/open/-/open-6.0.0.tgz#cae5e2c1a3a1bfaee0d0acc8c4b7609374750346"
+  integrity sha512-/yb5mVZBz7mHLySMiSj2DcLtMBbFPJk5JBKEkHVZFxZAPzeg3L026O0T+lbdz1B2nyDnkClRSwRQJdeVUIF7zw==
+  dependencies:
+    is-wsl "^1.1.0"
+
 opencollective-postinstall@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/opencollective-postinstall/-/opencollective-postinstall-2.0.2.tgz#5657f1bede69b6e33a45939b061eb53d3c6c3a89"
   integrity sha512-pVOEP16TrAO2/fjej1IdOyupJY8KDUM1CvsaScRbw6oddvpQoOfGk4ywha0HKKVAD6RkW4x6Q+tNBwhf3Bgpuw==
 
-opn@5.4.0, opn@^5.1.0:
+opn@^5.1.0:
   version "5.4.0"
   resolved "https://registry.yarnpkg.com/opn/-/opn-5.4.0.tgz#cb545e7aab78562beb11aa3bfabc7042e1761035"
   integrity sha512-YF9MNdVy/0qvJvDtunAOzFw9iasOQHpVthTCvGzxt61Il64AYSGdK+rYwld7NAfk9qJ7dt+hymBNSc9LNYS+Sw==