feat(fusuma): add open module

Author: hiroppy

packages/fusuma/package-lock.json

@@ -49,6 +49,7 @@
     "html-webpack-plugin": "^5.0.0-beta.6",
     "js-yaml": "^4.0.0",
     "mini-css-extract-plugin": "^1.3.5",
+    "open": "^7.3.1",
     "optimize-css-assets-webpack-plugin": "^5.0.4",
     "ora": "^5.3.0",
     "postcss": "^8.2.4",

packages/fusuma/package.json

@@ -4,6 +4,7 @@ const Spinner = require('../cli/Spinner');
 const getRemoteOriginUrl = require('../utils/getRemoteOriginUrl');
 const { start: webpackStart } = require('../webpack');
 const { warn } = require('../cli/log');
+const openBrowser = require('../utils/openBrowser');
 
 async function start(config) {
   process.env.NODE_ENV = 'development';
@@ -25,6 +26,7 @@ async function start(config) {
   await webpackStart(config);
 
   spinner.stop();
+  await openBrowser(`http://localhost:${config.internal.port}`);
 }
 
 module.exports = start;

packages/fusuma/src/tasks/start.js

@@ -2,10 +2,12 @@
 
 const server = require('../server/fileServer');
 const { info } = require('../cli/log');
+const openBrowser = require('../utils/openBrowser');
 
 async function startProd(config) {
   await server(config.internal.outputDirPath, config.build.publicPath, config.internal.port);
   info('start-prod', `Serving on http://localhost:${config.internal.port}`);
+  await openBrowser(`http://localhost:${config.internal.port}`);
 }
 
 module.exports = startProd;

packages/fusuma/src/tasks/startProd.js

@@ -0,0 +1,9 @@
+'use stirct';
+
+const open = require('open');
+
+async function openBrowser(url) {
+  await open(url);
+}
+
+module.exports = openBrowser;