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.1",
     "npm-package-arg": "6.1.0",
-    "opn": "5.4.0",
+    "open": "6.0.0",
     "pacote": "9.4.0",
     "semver": "5.6.0",
     "symbol-observable": "1.2.0"

packages/angular_devkit/build_angular/package.json

@@ -27,7 +27,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

@@ -25,7 +25,7 @@ import { checkPort } from '../angular-cli-files/utilities/check-port';
 import { BrowserBuilder, getBrowserLoggingCb } from '../browser';
 import { BrowserBuilderSchema, NormalizedBrowserBuilderSchema } from '../browser/schema';
 import { normalizeBuilderSchema } from '../utils';
-const opn = require('opn');
+const open = require('open');
 
 
 export interface DevServerBuilderOptions extends Pick<BrowserBuilderSchema,
@@ -65,7 +65,7 @@ export class DevServerBuilder implements Builder<DevServerBuilderOptions> {
     const webpackDevServerBuilder = new WebpackDevServerBuilder({ ...this.context, host });
     let browserOptions: NormalizedBrowserBuilderSchema;
     let first = true;
-    let opnAddress: string;
+    let openAddress: string;
 
     return from(checkPort(options.port || 0, options.host || 'localhost', 4200)).pipe(
       tap((port) => options.port = port),
@@ -145,7 +145,7 @@ export class DevServerBuilder implements Builder<DevServerBuilderOptions> {
           **
         `);
 
-        opnAddress = serverAddress + webpackDevServerConfig.publicPath;
+        openAddress = serverAddress + webpackDevServerConfig.publicPath;
         webpackConfig.devServer = webpackDevServerConfig;
 
         return webpackDevServerBuilder.runWebpackDevServer(
@@ -155,7 +155,7 @@ export class DevServerBuilder implements Builder<DevServerBuilderOptions> {
       map(buildEvent => {
         if (first && options.open) {
           first = false;
-          opn(opnAddress);
+          open(openAddress);
         }
 
         return buildEvent;