WIP implement gzipped #3

api.js

@@ -1,23 +1,38 @@
-const glob = require('glob');
+const fs = require("fs");
+const glob = require("glob");
+const { calculate } = require("gzipped");
+const defaultPath = "./dist/*.js";
 
 module.exports = {
-    routes: {
-        get: {
-            'js-size': async (req, res) => {
-                const config = req.app.locals.config;
+  routes: {
+    get: {
+      "js-size": async (req, res) => {
+        const config = req.app.locals.config;
 
-                const pattern = config.jsBudgetPath || "./dist/*.js";
+        const pattern = config.jsBudgetPath || defaultPath;
 
-                const g = glob(pattern, { stat: true }, (er, files) => { });
+        const g = glob(pattern, { stat: true }, (er, files) => {});
 
-                let size = 0;
-                g.on('stat', function (path, stat) {
-                    size += stat.size;
-                })
-                g.on('end', () => {
-                    res.send({ size });
-                });
-            }
-        }
+        let size = 0;
+        g.on("stat", (path, stat) => {
+          size += stat.size;
+        });
+        g.on("end", () => {
+          res.send({ size });
+        });
+      },
+      gzipped: async (req, rest) => {
+        /*merge with above endpoint*/
+        const config = req.app.locals.config;
+
+        const pattern = config.jsBudgetPath || defaultPath;
+
+        const g = glob(pattern, { stat: true }, (er, files) => {});
+
+        g.on("stat", path => {
+          calculate(fs.createReadStream(path), console.log);
+        });
+      }
     }
-}
+  }
+};

package.json

@@ -14,7 +14,8 @@
     "*.json"
   ],
   "dependencies": {
-    "glob": "^7.1.2"
+    "glob": "^7.1.2",
+    "gzipped": "0.0.5"
   },
   "devDependencies": {},
   "scripts": {

webdash-performance-budget.html

@@ -39,7 +39,8 @@
       <div class="circle" id="chart"></div>
       <template is="dom-if" if="{{emptyState}}">
         <empty-state-webdash title="No JavaScript files found">
-            Adjust the <strong>jsBudgetPath</strong> option in your webdash.json configuration file.
+          Adjust the
+          <strong>jsBudgetPath</strong> option in your webdash.json configuration file.
         </empty-state-webdash>
       </template>
     </div>
@@ -65,6 +66,7 @@
 
         this.accent = getComputedStyle(this).getPropertyValue('--accent');
 
+        // this.backend.get('gzipped').then(console.log);
         this._drawChart();
       }
 
@@ -117,4 +119,4 @@
 
     window.customElements.define(WebdashPerformanceBudget.is, WebdashPerformanceBudget);
   </script>
-</dom-module>
+</dom-module>