@storybook/core-server 6.4.8 → 6.5.0-alpha.3

package/dist/cjs/utils/open-in-browser.js

@@ -5,22 +5,37 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.openInBrowser = openInBrowser;
 
+require("core-js/modules/es.promise.js");
+
 var _nodeLogger = require("@storybook/node-logger");
 
 var _betterOpn = _interopRequireDefault(require("better-opn"));
 
+var _open = _interopRequireDefault(require("open"));
+
+var _xDefaultBrowser = _interopRequireDefault(require("x-default-browser"));
+
 var _tsDedent = _interopRequireDefault(require("ts-dedent"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// betterOpn alias used because also loading open
 function openInBrowser(address) {
-  try {
-    (0, _betterOpn.default)(address);
-  } catch (error) {
-    _nodeLogger.logger.error((0, _tsDedent.default)`
-      Could not open ${address} inside a browser. If you're running this command inside a
-      docker container or on a CI, you need to pass the '--ci' flag to prevent opening a
-      browser by default.
-    `);
-  }
+  (0, _xDefaultBrowser.default)(async function (err, res) {
+    try {
+      if (res.isChrome || res.isChromium) {
+        // We use betterOpn for Chrome because it is better at handling which chrome tab
+        // or window the preview loads in.
+        (0, _betterOpn.default)(address);
+      } else {
+        await (0, _open.default)(address);
+      }
+    } catch (error) {
+      _nodeLogger.logger.error((0, _tsDedent.default)`
+        Could not open ${address} inside a browser. If you're running this command inside a
+        docker container or on a CI, you need to pass the '--ci' flag to prevent opening a
+        browser by default.
+      `);
+    }
+  });
 }

package/dist/esm/utils/open-in-browser.js

@@ -1,14 +1,26 @@
+import "core-js/modules/es.promise.js";
 import { logger } from '@storybook/node-logger';
-import open from 'better-opn';
+import betterOpn from 'better-opn'; // betterOpn alias used because also loading open
+
+import open from 'open';
+import getDefaultBrowser from 'x-default-browser';
 import dedent from 'ts-dedent';
 export function openInBrowser(address) {
-  try {
-    open(address);
-  } catch (error) {
-    logger.error(dedent`
-      Could not open ${address} inside a browser. If you're running this command inside a
-      docker container or on a CI, you need to pass the '--ci' flag to prevent opening a
-      browser by default.
-    `);
-  }
+  getDefaultBrowser(async function (err, res) {
+    try {
+      if (res.isChrome || res.isChromium) {
+        // We use betterOpn for Chrome because it is better at handling which chrome tab
+        // or window the preview loads in.
+        betterOpn(address);
+      } else {
+        await open(address);
+      }
+    } catch (error) {
+      logger.error(dedent`
+        Could not open ${address} inside a browser. If you're running this command inside a
+        docker container or on a CI, you need to pass the '--ci' flag to prevent opening a
+        browser by default.
+      `);
+    }
+  });
 }

package/dist/modern/utils/open-in-browser.js

@@ -1,14 +1,26 @@
+import "core-js/modules/es.promise.js";
 import { logger } from '@storybook/node-logger';
-import open from 'better-opn';
+import betterOpn from 'better-opn'; // betterOpn alias used because also loading open
+
+import open from 'open';
+import getDefaultBrowser from 'x-default-browser';
 import dedent from 'ts-dedent';
 export function openInBrowser(address) {
-  try {
-    open(address);
-  } catch (error) {
-    logger.error(dedent`
-      Could not open ${address} inside a browser. If you're running this command inside a
-      docker container or on a CI, you need to pass the '--ci' flag to prevent opening a
-      browser by default.
-    `);
-  }
+  getDefaultBrowser(async function (err, res) {
+    try {
+      if (res.isChrome || res.isChromium) {
+        // We use betterOpn for Chrome because it is better at handling which chrome tab
+        // or window the preview loads in.
+        betterOpn(address);
+      } else {
+        await open(address);
+      }
+    } catch (error) {
+      logger.error(dedent`
+        Could not open ${address} inside a browser. If you're running this command inside a
+        docker container or on a CI, you need to pass the '--ci' flag to prevent opening a
+        browser by default.
+      `);
+    }
+  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/core-server",
-  "version": "6.4.8",
+  "version": "6.5.0-alpha.3",
   "description": "Storybook framework-agnostic API",
   "keywords": [
     "storybook"
@@ -41,17 +41,17 @@
   },
   "dependencies": {
     "@discoveryjs/json-ext": "^0.5.3",
-    "@storybook/builder-webpack4": "6.4.8",
-    "@storybook/core-client": "6.4.8",
-    "@storybook/core-common": "6.4.8",
-    "@storybook/core-events": "6.4.8",
+    "@storybook/builder-webpack4": "6.5.0-alpha.3",
+    "@storybook/core-client": "6.5.0-alpha.3",
+    "@storybook/core-common": "6.5.0-alpha.3",
+    "@storybook/core-events": "6.5.0-alpha.3",
     "@storybook/csf": "0.0.2--canary.87bc651.0",
-    "@storybook/csf-tools": "6.4.8",
-    "@storybook/manager-webpack4": "6.4.8",
-    "@storybook/node-logger": "6.4.8",
+    "@storybook/csf-tools": "6.5.0-alpha.3",
+    "@storybook/manager-webpack4": "6.5.0-alpha.3",
+    "@storybook/node-logger": "6.5.0-alpha.3",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.4.8",
-    "@types/node": "^14.0.10",
+    "@storybook/store": "6.5.0-alpha.3",
+    "@types/node": "^14.0.10 || ^16.0.0",
     "@types/node-fetch": "^2.5.7",
     "@types/pretty-hrtime": "^1.0.0",
     "@types/webpack": "^4.41.26",
@@ -71,6 +71,7 @@
     "ip": "^1.1.5",
     "lodash": "^4.17.21",
     "node-fetch": "^2.6.1",
+    "open": "^8.4.0",
     "pretty-hrtime": "^1.0.3",
     "prompts": "^2.4.0",
     "regenerator-runtime": "^0.13.7",
@@ -81,10 +82,11 @@
     "util-deprecate": "^1.0.2",
     "watchpack": "^2.2.0",
     "webpack": "4",
-    "ws": "^8.2.3"
+    "ws": "^8.2.3",
+    "x-default-browser": "^0.4.0"
   },
   "devDependencies": {
-    "@storybook/builder-webpack5": "6.4.8",
+    "@storybook/builder-webpack5": "6.5.0-alpha.3",
     "@types/compression": "^1.7.0",
     "@types/ip": "^1.1.0",
     "@types/serve-favicon": "^2.5.2",
@@ -92,8 +94,8 @@
     "jest-specific-snapshot": "^4.0.0"
   },
   "peerDependencies": {
-    "@storybook/builder-webpack5": "6.4.8",
-    "@storybook/manager-webpack5": "6.4.8",
+    "@storybook/builder-webpack5": "6.5.0-alpha.3",
+    "@storybook/manager-webpack5": "6.5.0-alpha.3",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
@@ -111,6 +113,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d6b59f78a528a5c7922e71d28b583dd31ad67e7d",
+  "gitHead": "4d971f7d493ecb388017a150a9943e87c7770d98",
   "sbmodern": "dist/modern/index.js"
 }

package/typings.d.ts

@@ -6,6 +6,8 @@ declare module 'pnp-webpack-plugin';
 declare module '@storybook/theming/paths';
 declare module '@storybook/ui/paths';
 declare module 'better-opn';
+declare module 'open';
+declare module 'x-default-browser';
 declare module '@storybook/ui';
 declare module '@discoveryjs/json-ext';
 declare module 'watchpack';