@zohodesk/react-cli 1.1.11-exp.1 → 1.1.11-exp.2

package/README.md

@@ -44,6 +44,12 @@ Now to run app
 
 # Change Logs
 
+# 1.1.11-exp.2 (11-8-2023)
+
+**Changes**
+- Added more customization support for `stats.json` output.
+- Disabling `bundle-analyser` stats report for our customized stats output based on a flag.
+
 # 1.1.11-exp.1 (8-8-2023)
 
 **Changes** 

package/lib/pluginUtils/getProdPlugins.js

@@ -91,7 +91,10 @@ const getProdPlugins = (options, publicPath = '') => {
     localeAttr: efcLocaleAttr
   } = options.efc;
   const {
-    enable: enableStats
+    enable: enableStats,
+    options: statsOptions,
+    excludeKeys: statsOutputExcludeKeys,
+    fileName: statsFileName
   } = options.stats;
   const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
   const hashTempalate = enableChunkHash ? '.[chunkhash:20]_' : '';
@@ -232,9 +235,9 @@ const getProdPlugins = (options, publicPath = '') => {
     if (bundleAnalyze) {
       pluginsArr.push(new _webpackBundleAnalyzer.BundleAnalyzerPlugin({
         analyzerMode: 'static',
-        generateStatsFile: true,
+        generateStatsFile: !enableStats,
         openAnalyzer: false,
-        statsOptions: {
+        statsOptions: enableStats ? null : {
           source: false,
           normal: true,
           chunks: false,
@@ -293,7 +296,11 @@ const getProdPlugins = (options, publicPath = '') => {
 
 
   customAttributes.enable && pluginsArr.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
-  enableStats && new _StatsPlugin.default();
+  enableStats && pluginsArr.push(new _StatsPlugin.default({
+    statsOptions,
+    statsOutputExcludeKeys,
+    statsFileName
+  }));
   return pluginsArr;
 };
 

package/lib/plugins/StatsPlugin.js

@@ -1,24 +1,40 @@
 "use strict";
 
-const {
-  defaulter
-} = require('../utils/getOptions');
-
 const fs = require('fs');
 
 const path = require('path');
 
+const {
+  Readable
+} = require('stream');
+
 const pluginName = 'stats-plugin';
 const statsSchema = {
-  preset: 'normal',
-  moduleTrace: true // source: true
-  //   errorDetails: true,
-  //   chunkRelations: true
-
+  all: false,
+  children: false,
+  source: false,
+  assets: true,
+  chunks: true,
+  chunkGroups: true,
+  chunkOrigins: true,
+  chunkModules: true,
+  entrypoints: true,
+  modules: true,
+  moduleTrace: true,
+  outputPath: true,
+  performance: true,
+  reasons: true
 };
-module.exports = class StatsPlugin {
-  constructor(options = {}) {
-    this.statsOptions = defaulter(statsSchema, options);
+
+class StatsPlugin {
+  constructor({
+    statsOptions = {},
+    statsOutputExcludeKeys = [],
+    statsFileName = 'stats.json'
+  }) {
+    this.excludeKeysInStat = statsOutputExcludeKeys;
+    this.statsOptions = Object.assign({}, statsSchema, statsOptions);
+    this.statsFileName = statsFileName;
   }
 
   apply(compiler) {
@@ -28,17 +44,131 @@ module.exports = class StatsPlugin {
     });
   }
 
+  transform(statsJson) {
+    return Object.keys(statsJson).reduce((acc, cur) => {
+      if (this.excludeKeysInStat.includes(cur)) {
+        return acc;
+      }
+
+      acc[cur] = statsJson[cur];
+      return acc;
+    }, {});
+  }
+
   emitStats(statsJson) {
     const {
       outputPath
     } = statsJson;
-    const stringifiedJson = typeof statsJson === 'object' ? JSON.stringify(statsJson) : statsJson;
-    const bufferJson = Buffer.from(stringifiedJson);
-    fs.writeFile(path.join(outputPath, 'stats.json'), bufferJson, err => {
+    const transformedStatsJson = this.transform(statsJson);
+    const stringifiedJson = typeof statsJson === 'object' ? JSON.stringify(transformedStatsJson) : transformedStatsJson;
+    fs.writeFile(path.join(outputPath, this.statsFileName), stringifiedJson, err => {
       if (err) {
         throw err;
       }
     });
   }
 
-};
+} // class StatsSerializeStream extends Readable {
+//   constructor(stats) {
+//     super();
+//     this._indentLevel = 0;
+//     this._stringifier = this._stringify(stats);
+//   }
+//   get _indent() {
+//     return '  '.repeat(this._indentLevel);
+//   }
+//   _read() {
+//     let readMore = true;
+//     while (readMore) {
+//       const { value, done } = this._stringifier.next();
+//       if (done) {
+//         this.push(null);
+//         readMore = false;
+//       } else {
+//         readMore = this.push(value);
+//       }
+//     }
+//   }
+//   *_stringify(obj) {
+//     if (
+//       typeof obj === 'string' ||
+//       typeof obj === 'number' ||
+//       typeof obj === 'boolean' ||
+//       obj === null
+//     ) {
+//       yield JSON.stringify(obj);
+//     } else if (Array.isArray(obj)) {
+//       yield '[';
+//       this._indentLevel++;
+//       let isFirst = true;
+//       for (let item of obj) {
+//         if (item === undefined) {
+//           item = null;
+//         }
+//         yield `${isFirst ? '' : ','}\n${this._indent}`;
+//         yield* this._stringify(item);
+//         isFirst = false;
+//       }
+//       this._indentLevel--;
+//       yield obj.length ? `\n${this._indent}]` : ']';
+//     } else {
+//       yield '{';
+//       this._indentLevel++;
+//       let isFirst = true;
+//       const entries = Object.entries(obj);
+//       for (const [itemKey, itemValue] of entries) {
+//         if (itemValue === undefined) {
+//           continue;
+//         }
+//         yield `${isFirst ? '' : ','}\n${this._indent}${JSON.stringify(
+//           itemKey
+//         )}: `;
+//         yield* this._stringify(itemValue);
+//         isFirst = false;
+//       }
+//       this._indentLevel--;
+//       yield entries.length ? `\n${this._indent}}` : '}';
+//     }
+//   }
+// }
+// function writeStats(stats, filepath) {
+//   return new Promise((resolve, reject) => {
+//     new StatsSerializeStream(stats)
+//       .on('end', resolve)
+//       .on('error', reject)
+//       .pipe(fs.createWriteStream(filepath));
+//   });
+// }
+// class StatsStremPlugin {
+//   constructor({ statsOptions = {}, statsOutputExcludeKeys = [] }) {
+//     this.excludeKeysInStat = statsOutputExcludeKeys;
+//     this.statsOptions = Object.assign({}, statsSchema, statsOptions);
+//   }
+//   apply(compiler) {
+//     compiler.hooks.done.tap(pluginName, stats => {
+//       const statsJson = stats.toJson(this.statsOptions);
+//       this.emitStats(statsJson);
+//     });
+//   }
+//   transform(statsJson) {
+//     return Object.keys(statsJson).reduce((acc, cur) => {
+//       if (this.excludeKeysInStat.includes(cur)) {
+//         return acc;
+//       }
+//       acc[cur] = statsJson[cur];
+//       return acc;
+//     }, {});
+//   }
+//   emitStats(statsJson) {
+//     const { outputPath } = statsJson;
+//     const transformedStatsJson = this.transform(statsJson);
+//     // const stringifiedJson =
+//     //   typeof statsJson === 'object'
+//     //     ? JSON.stringify(transformedStatsJson)
+//     //     : transformedStatsJson;
+//     writeStats(transformedStatsJson, outputPath + 'jos-stats.json');
+//   }
+// }
+
+
+module.exports = StatsPlugin;

package/lib/schemas/index.js

@@ -728,7 +728,9 @@ var _default = {
     enable: {
       value: false,
       cli: 'enable_stats'
-    }
+    },
+    fileName: undefined,
+    options: undefined
   }
 };
 exports.default = _default;

package/npm-shrinkwrap.json

@@ -1,12 +1,12 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.11-exp.1",
+  "version": "1.1.11-exp.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@zohodesk/react-cli",
-      "version": "1.1.11-exp.1",
+      "version": "1.1.11-exp.2",
       "license": "ISC",
       "dependencies": {
         "@babel/cli": "7.10.5",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.11-exp.1",
+  "version": "1.1.11-exp.2",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",