Merge pull request #43 from ngx-builders/feat--allow-to-analyze-all-bundles

Feat: allow to analyze all bundles

Author: santoshyadavdev

README.md

@@ -29,16 +29,12 @@ Now whenever you want to analyze your angular project just run a command `ng run
 
 ## 📦 Options <a name="options"></a>
 
-#### --configuration <a name="configuration"></a>
 
-#### --no-build <a name="no-build"></a>
+#### --gzip <a name="gzip"></a>
 - **optional**
-- Default: `false` (string)
+- Default: `false` (boolean)
 - Example:
-  - `ng run [YOUR_PROJECT_NAME]:analyze --no-build` – Angular project is NOT built
-
-Skip build process during analysis.
-This can be used when you are sure that you haven't changed anything and want to analyze the bundle
+  - `ng run [YOUR_PROJECT_NAME]:analyze --gzip` – Give the stats of gzip bundle.
 
 # License
 [MIT](https://github.com/ngx-builders/source-map-analyzer/blob/master/LICENSE)

analyze/index.ts

@@ -3,22 +3,20 @@ import { json } from '@angular-devkit/core';
 import { Schema } from './schema';
 import util from 'util';
 import { exec } from 'child_process';
-import fs from 'fs';
-import inquirer from 'inquirer';
 
 export const execAsync = util.promisify(exec);
 
 export default createBuilder<any>(
   async (builderConfig: Schema, context: BuilderContext): Promise<BuilderOutput> => {
     try {
-      context.reportStatus(`Executing "${builderConfig.noBuild}"...`);
+      context.reportStatus(`Starting Build`);
       // const child = childProcess.spawn(options.command, options.args, { stdio: 'pipe' });
 
       const configuration = 'production';
 
       const overrides = {
         // this is an example how to override the workspace set of options
-        ...({ sourceMap: true })
+        ...({ sourceMap: true, budgets: [] })
       };
 
       const build = await context.scheduleTarget({
@@ -30,31 +28,11 @@ export default createBuilder<any>(
       const result = await build.result;
 
       if (result.success) {
-        const file = fs.readdirSync(builderConfig.outputPath).filter(f => f.includes('es2015'));
-        const filesToRemove = file.filter(f => f.includes('polyfills') || f.includes('runtime'));
-        let filesToShow = file.filter(f => !filesToRemove.includes(f) && f.endsWith('.js'));
-
-        let mainFile = filesToShow[0];
-        let promptAvailableBundles;
-
-        if (filesToShow.length > 1) {
-          promptAvailableBundles = await inquirer
-            .prompt([
-              {
-                type: 'list',
-                name: 'bundleName',
-                message: 'Select the bundle to run the analyzer?',
-                choices: filesToShow,
-              },
-            ])
-            .catch(error => {
-              context.logger.info(error);
-            });
-
-          mainFile = promptAvailableBundles.bundleName;
+        const mainFile = '*es2015.*.js';
+        let explorerCommand = `npx source-map-explorer ${builderConfig.outputPath}/${mainFile}`;
+        if (builderConfig.gzip) {
+          explorerCommand = `${explorerCommand} --gzip`;
         }
-
-        const explorerCommand = `npx source-map-explorer ${builderConfig.outputPath}/${mainFile}`;
         const { stdout, stderr } = await execAsync(explorerCommand);
         context.logger.info(stdout);
         context.logger.info(stderr);

analyze/schema.d.ts

@@ -1,4 +1,4 @@
 export interface Schema {
-    noBuild?: boolean;
     outputPath: string;
+    gzip?: boolean;
 }

analyze/schema.json

@@ -2,7 +2,7 @@
   "$schema": "http://json-schema.org/schema",
   "type": "object",
   "properties": {
-    "noBuild": {
+    "gzip": {
       "type": "boolean"
     },
     "outputPath": {