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

package/README.md

@@ -44,6 +44,13 @@ Now to run app
 
 # Change Logs
 
+# 1.1.11-exp.3 (22-8-2023)
+
+**Changes**
+- Changed the default name of stats file to `build-report-integrity.json`
+- Added optimization to reduce the stats file creation time. like streaming.
+- Added support to exclude keys suggested
+
 # 1.1.11-exp.2 (11-8-2023)
 
 **Changes**

package/lib/plugins/StatsPlugin.js

@@ -10,27 +10,51 @@ const {
 
 const pluginName = 'stats-plugin';
 const statsSchema = {
-  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
+  all: true
 };
 
+function* convertObjectToStringGen(obj, excludeKeys = []) {
+  if (typeof obj === 'string' || typeof obj === 'number' || typeof obj === 'boolean' || obj === null) {
+    yield JSON.stringify(obj);
+  } else if (Array.isArray(obj)) {
+    yield '[';
+    let isFirst = true;
+
+    for (let item of obj) {
+      if (item === undefined) {
+        item = null;
+      }
+
+      yield `${isFirst ? '' : ','}`;
+      yield* convertObjectToStringGen(item, excludeKeys);
+      isFirst = false;
+    }
+
+    yield obj.length ? ']' : ']';
+  } else {
+    yield '{';
+    let isFirst = true;
+    const entries = Object.entries(obj);
+
+    for (const [itemKey, itemValue] of entries) {
+      if (itemValue === undefined || excludeKeys.includes(itemKey)) {
+        continue;
+      }
+
+      yield `${isFirst ? '' : ','}${JSON.stringify(itemKey)}: `;
+      yield* convertObjectToStringGen(itemValue, excludeKeys);
+      isFirst = false;
+    }
+
+    yield entries.length ? '}' : '}';
+  }
+}
+
 class StatsPlugin {
   constructor({
     statsOptions = {},
     statsOutputExcludeKeys = [],
-    statsFileName = 'stats.json'
+    statsFileName = 'bundle-report-integrity.json'
   }) {
     this.excludeKeysInStat = statsOutputExcludeKeys;
     this.statsOptions = Object.assign({}, statsSchema, statsOptions);
@@ -44,131 +68,47 @@ 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) {
+  writeStatsFileInAStream(statsObj) {
     const {
       outputPath
-    } = statsJson;
-    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;
+    } = statsObj;
+    const ouputFileName = path.join(outputPath, this.statsFileName);
+    this.createReadStream(statsObj).pipe(fs.createWriteStream(ouputFileName)).on('end', () => {
+      console.log(`${this.statsFileName} generated successfully`);
+    }).on('error', e => {
+      console.error('error in stats generation', e);
+    });
+  }
+
+  createReadStream(statsObj) {
+    const excludeKeys = this.excludeKeysInStat;
+    return new Readable({
+      read() {
+        let isDone = false;
+        const objToStringGen = convertObjectToStringGen(statsObj, excludeKeys);
+
+        while (!isDone) {
+          const {
+            done,
+            value
+          } = objToStringGen.next();
+
+          if (done) {
+            isDone = true;
+            this.push(null);
+          } else {
+            this.push(value);
+          }
+        }
       }
+
     });
   }
 
-} // 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');
-//   }
-// }
+  emitStats(statsJson) {
+    return this.writeStatsFileInAStream(statsJson);
+  }
 
+}
 
 module.exports = StatsPlugin;

package/lib/schemas/index.js

@@ -730,7 +730,8 @@ var _default = {
       cli: 'enable_stats'
     },
     fileName: undefined,
-    options: undefined
+    options: undefined,
+    excludeKeys: undefined
   }
 };
 exports.default = _default;

package/npm-shrinkwrap.json

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

package/package.json

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

package/packages/client_build_tool/lib/allCommandsConfigs.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _fs = require("fs");
+
+var _path = require("path");
+
+const allConfigs = [];
+(0, _fs.readdirSync)((0, _path.join)(__dirname, 'commands')).forEach(folderName => {
+  const modulePath = (0, _path.join)(__dirname, './commands/' + folderName + '/config.js');
+
+  if ((0, _fs.existsSync)(modulePath)) {
+    const config = require(modulePath).default;
+
+    allConfigs.push(config);
+  }
+});
+var _default = allConfigs;
+exports.default = _default;

package/packages/client_build_tool/lib/buildToolLoggers.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.debugLogger = debugLogger;
+exports.errorLogger = errorLogger;
+exports.messageLogger = messageLogger;
+exports.verboseLogger = verboseLogger;
+exports.warnLogger = warnLogger;
+
+/* eslint-disable no-console */
+function verboseLogger(...args) {// TODO: need to be remove when publish happens 
+  // console.log(...args);
+  console.log(...args);
+}
+
+function warnLogger(...args) {
+  console.warn(...args);
+}
+
+function messageLogger(...args) {
+  console.log(...args);
+}
+
+function debugLogger(...args) {// TODO: need to be remove when publish happens 
+  // console.log(...args);
+}
+
+function errorLogger(...args) {
+  console.error(...args);
+}

package/packages/client_build_tool/lib/commands/build/commandExecutor.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _buildToolLoggers = require("../../buildToolLoggers");
+
+var _webpackBuild = _interopRequireDefault(require("../../shared/bundler/webpack/webpackBuild"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { spawnSyncIO } from '../../shared/commands-utlis/spanSync';
+function commandExecutor(options) {
+  (0, _buildToolLoggers.messageLogger)('Build is runnning');
+  (0, _webpackBuild.default)(options); // spawnSyncIO('webpack', [
+  //   '--config',
+  //   require.resolve('../../shared/bundler/webpack/webpack.dev.config.js')
+  // ]);
+}

package/packages/client_build_tool/lib/commands/build/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: "build",
+  alias: ["devbuild"],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/build/errorHander.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorHander = errorHander;
+
+function errorHander(e) {
+  console.error(e);
+}

package/packages/client_build_tool/lib/commands/build/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configs = void 0;
+
+var _commandExecutor = require("./commandExecutor");
+
+var _errorHander = require("./errorHander");
+
+var _optionsProcesser = require("./optionsProcesser");
+
+// import { spawnSyncIO } from '../commands-utlis/spanSync.js';
+function run(options) {
+  // const { disableWatch } = options.app;
+  // spawnSyncIO('node', [
+  //   require.resolve(
+  //     disableWatch ? '../servers/nowatchserver' : '../servers/server'
+  //   ),
+  //   '--expose-http2',
+  //   ...args
+  // ]);
+  (0, _commandExecutor.commandExecutor)(options).then(console.log).catch(e => {
+    (0, _errorHander.errorHander)(e);
+  });
+}
+
+const configs = {
+  name: 'devSeverStart',
+  alias: ['start'],
+  optionsProcesser: _optionsProcesser.optionsProcesser,
+  run
+};
+exports.configs = configs;

package/packages/client_build_tool/lib/commands/build/optionsProcesser.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optionsProcesser = optionsProcesser;
+
+var _path = require("path");
+
+var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
+
+var _urlConcat = require("../../shared/server/urlConcat");
+
+function optionsProcesser(options) {
+  const {
+    server,
+    context
+  } = options;
+  const {
+    disableContextURL
+  } = server;
+  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
+  const publicPath = (0, _decidePublicPath.decidePublicPath)(serverExtras);
+  const contextURL = disableContextURL ? '' : `/${context}`;
+  const serverURL = (0, _urlConcat.urlConcat)(publicPath, contextURL);
+  const contextFolderPath = (0, _path.join)(process.cwd(), context);
+  console.log({
+    serverURL,
+    publicPath
+  });
+  const defaultApplyedOptions = { ...options,
+    serverExtras,
+    publicPath,
+    contextURL,
+    serverURL,
+    contextFolderPath,
+    httpsOptions: serverExtras.httpsOptions
+  };
+  return defaultApplyedOptions;
+}

package/packages/client_build_tool/lib/commands/buildEs/commandExecutor.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _spanSync = require("../../shared/commands-utlis/spanSync");
+
+var _constants = require("../../shared/constants");
+
+function commandExecutor(options) {
+  const {
+    extraArgs
+  } = options;
+  (0, _spanSync.spawnSyncIO)("babel", ["src", "--out-dir", "es", "--copy-files", "--config-file=" + _constants.babelrcPath, ...extraArgs]);
+}

package/packages/client_build_tool/lib/commands/buildEs/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: "build:es",
+  alias: ["build_es", "build:es"],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/buildLib/commandExecutor.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _spanSync = require("../../shared/commands-utlis/spanSync");
+
+var _constants = require("../../shared/constants");
+
+function commandExecutor(options) {
+  const {
+    extraArgs
+  } = options;
+  (0, _spanSync.spawnSyncIO)("babel", ["src", "--out-dir", "lib", "--copy-files", "--config-file=" + _constants.babelrcPath, ...extraArgs]);
+}

package/packages/client_build_tool/lib/commands/buildLib/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: "build:lib",
+  alias: ["build_lib"],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/start/commandExecutor.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.commandExecutor = commandExecutor;
+
+var _serverBywebpackDevMiddleware = require("../../shared/server/serverBywebpackDevMiddleware");
+
+function commandExecutor(options) {
+  // require("../../shared/server/devServer").run(options);
+  (0, _serverBywebpackDevMiddleware.run)(options);
+}

package/packages/client_build_tool/lib/commands/start/config.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = {
+  name: "start",
+  alias: ["dstart", "devSeverStart"],
+  dirname: __dirname
+};
+exports.default = _default;

package/packages/client_build_tool/lib/commands/start/deprecationHandler.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.deprecationHandler = deprecationHandler;
+
+function deprecationHandler(options) {// options.app.deprecated &&
+  // console.log('options.app.deprecated this option  was deprecated since V1.3.1' );
+}

package/packages/client_build_tool/lib/commands/start/errorHander.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.errorHander = errorHander;
+
+function errorHander(e) {
+  console.error(e);
+}

package/packages/client_build_tool/lib/commands/start/optionsProcesser.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optionsProcesser = optionsProcesser;
+
+var _path = require("path");
+
+var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
+
+var _urlConcat = require("../../shared/server/urlConcat");
+
+function optionsProcesser(options) {
+  const {
+    server,
+    context
+  } = options;
+  const {
+    disableContextURL
+  } = server;
+  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
+  const publicPath = (0, _decidePublicPath.decidePublicPath)(serverExtras);
+  const contextURL = disableContextURL ? '' : `/${context}`;
+  const serverURL = (0, _urlConcat.urlConcat)(publicPath, contextURL);
+  const contextFolderPath = (0, _path.join)(process.cwd(), context);
+  const defaultApplyedOptions = { ...options,
+    serverExtras,
+    publicPath,
+    contextURL,
+    serverURL,
+    contextFolderPath,
+    httpsOptions: serverExtras.httpsOptions
+  };
+  return defaultApplyedOptions;
+}

package/packages/client_build_tool/lib/commands/start/postProcesser.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.postProcesser = postProcesser;
+
+function postProcesser(options) {
+  console.log('postProcesser');
+}

package/packages/client_build_tool/lib/commands/start/preProcesser.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.preProcesser = preProcesser;
+
+function preProcesser(options) {
+  console.log('preProcesser');
+}