support opening a file in browser

pajaydev · Jan 16, 2020 · bd134b4 · bd134b4
1 parent 712f825
commit bd134b4
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 10 deletions.
diff --git a/README.md b/README.md
@@ -23,22 +23,21 @@ require('lasso').configure({
     ]
 });
 ```
-Creates lasso-analyze.html in your project directory.
-
-
-<p align="center">
-    <img alt="lasso-analyzer" src="https://raw.githubusercontent.com/ajay2507/lasso-analyzer/master/example/lasso-analyze.png" width="512">
-</p>
 
 ## Usage as CLI ##
 
 1. Bundled file is created under "build/static/" folder. Run the CLI as shown below
 
 ```bash
-lasso-analyzer <--bundle path--> <--outputFilename-->
+lasso-analyzer <--bundle path--> --output <--output filename-->
 ```
 Creates outputFilename.html in your project structure.
 
+```bash
+Options:
+  --output    To change the generated output filename. (default - lasso-analyze.html)
+```
+
 For Example:
 
 a. Analyze js bundle file.
@@ -60,6 +59,12 @@ open lasso-analyze.html
 ```
 3. It shows you a treemap visualization as shown below.
 
+## Output
+Creates lasso-analyze.html in your project directory.
+
+<p align="center">
+    <img alt="lasso-analyzer" src="https://raw.githubusercontent.com/ajay2507/lasso-analyzer/master/example/lasso-analyze.png" width="512">
+</p>
 
 ## Issues ##
 Free feel to create bug or propose improvements.

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "lasso-analyzer",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "A tool to analyze the bundle created by Lasso",
   "main": "src/index.js",
   "bin": {
@@ -14,7 +14,8 @@
   },
   "dependencies": {
     "bundle-me": "^1.1.4",
-    "lasso-unpack": "1.0.2"
+    "lasso-unpack": "1.0.2",
+    "opener": "^1.5.1"
   },
   "repository": {
     "type": "git",

diff --git a/src/index.js b/src/index.js
@@ -1,6 +1,7 @@
 const fs = require('fs');
 const path = require('path');
 const lassoUnpack = require('lasso-unpack');
+const opener = require('opener');
 const Tree = require('./tree');
 
 function bundleAnalyzer(fileName, bundleName) {
@@ -20,6 +21,8 @@ function bundleAnalyzer(fileName, bundleName) {
     const html = generateHTML(tree);
     if (!bundleName) bundleName = "lasso-analyze";
     fs.writeFileSync(getOutputHTML(bundleName), html);
+    // open the browser with generated html
+    opener(getOutputHTML(bundleName));
     // clean files
     cleanFiles();
 };

diff --git a/src/lasso-analyzer-plugin.js b/src/lasso-analyzer-plugin.js
@@ -36,7 +36,6 @@ module.exports = (lasso, config) => {
                 if (bundlePath) {
                     lassoAnalyzer(bundlePath, bundleName);
                 }
-
             }
         });
         const endLog = `${borderX}` + `Created lasso-analyze.html in your project structure \n` +

diff --git a/yarn.lock b/yarn.lock
@@ -195,6 +195,11 @@ once@^1.3.0:
   dependencies:
     wrappy "1"
 
+opener@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.yarnpkg.com/opener/-/opener-1.5.1.tgz#6d2f0e77f1a0af0032aca716c2c1fbb8e7e8abed"
+  integrity sha512-goYSy5c2UXE4Ra1xixabeVh1guIX/ZV/YokJksb6q2lubWu6UbvPQ20p542/sFIll1nl8JnCyK9oBaOcCWXwvA==
+
 path-is-absolute@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f"
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,7 +36,6 @@ module.exports = (lasso, config) => { @@
                     if (bundlePath) {
                         lassoAnalyzer(bundlePath, bundleName);
                     }
                 }
             });
             const endLog = `${borderX}` + `Created lasso-analyze.html in your project structure \n` +
@@ Expand Down @@