@zohodesk/react-cli 1.1.11-exp.7 → 1.1.12

package/README.md

@@ -44,10 +44,15 @@ Now to run app
 
 # Change Logs
 
-# 1.1.11-exp.7 (1-9-2023)
+# 1.1.12
+
+**Features**
+-  Generating stats.json file for the build assets only in production mode. To use this feature we need to add `stats > enable` or cli flags `enable_stats`.
+- Added Resource Cleanup plugin to cleanup resource retained by build tool. this plugin is controlled by custom attributes enable flag.
 
 **Changes**
-- Fixed the unInsall variable not available via window varaible issue with resource cleanup plugin
+- Added a new config `stats` to control stats file generation.
+- Using Existing custom attributes flag, we can control resource cleanup plugin.
 
 # 1.1.11-exp.6 (31-8-2023)
 

package/lib/pluginUtils/getDevPlugins.js

@@ -193,9 +193,7 @@ const getDevPlugins = (options, publicPath) => {
   }));
   instrumentScript && pluginsArr.push(new _plugins.ScriptInstrumentPlugin());
   customAttributes.enable && pluginsArr.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
-  customAttributes.enable && pluginsArr.push(new _EfcResourceCleanupPlugin.default(Object.assign({}, customAttributes, {
-    globalCacheObj: context
-  })));
+  customAttributes.enable && pluginsArr.push(new _EfcResourceCleanupPlugin.default(customAttributes));
   hasShadowDOM && pluginsArr.push(new _plugins.ShadowDOMSupportPlugin());
 
   if (devCssFileBountry) {

package/lib/pluginUtils/getProdPlugins.js

@@ -298,9 +298,7 @@ const getProdPlugins = (options, publicPath = '') => {
 
 
   customAttributes.enable && pluginsArr.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
-  customAttributes.enable && pluginsArr.push(new _EfcResourceCleanupPlugin.default(Object.assign({}, customAttributes, {
-    globalCacheObj: context
-  })));
+  customAttributes.enable && pluginsArr.push(new _EfcResourceCleanupPlugin.default(customAttributes));
   enableStats && pluginsArr.push(new _StatsPlugin.default({
     statsOptions,
     statsOutputExcludeKeys,

package/lib/plugins/EfcResourceCleanupPlugin.js

@@ -15,14 +15,10 @@ module.exports = class EfcResouceCleanupPlugin {
       mainTemplate
     }) => {
       mainTemplate.hooks.afterStartup.tap(plugInName, source => {
-        const {
-          attributes,
-          globalCacheObj
-        } = this.options;
-        const attributesArr = Object.entries(attributes);
+        const attributesArr = Object.entries(this.options.attributes);
         const [[attributekey, attributeValue]] = attributesArr;
         const resourceSelector = `[${attributekey}="${attributeValue}"]`;
-        return Template.asString([source, Template.indent([`     window['${globalCacheObj}Jsonp'].unInstall = function() {
+        return Template.asString([source, Template.indent([`     jsonpArray.unInstall = function() {
                   Object.keys(installedModules).forEach(installedModulesKey => installedModules[installedModulesKey] = null);
                   Object.keys(modules).forEach(moduleKey => modules[moduleKey] = null);
                  `, `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.11-exp.7",
+  "version": "1.1.12",
   "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

@@ -1,23 +0,0 @@
-"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

@@ -1,32 +0,0 @@
-"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

@@ -1,21 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-"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

@@ -1,35 +0,0 @@
-"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

@@ -1,40 +0,0 @@
-"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

@@ -1,17 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-"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

@@ -1,17 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-"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

@@ -1,13 +0,0 @@
-"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

@@ -1,12 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-"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

@@ -1,36 +0,0 @@
-"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

@@ -1,10 +0,0 @@
-"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

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

package/packages/client_build_tool/lib/commandsRouter.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.route = route;
-
-var _fs = require("fs");
-
-var _path = require("path");
-
-var _allCommandsConfigs = _interopRequireDefault(require("./allCommandsConfigs"));
-
-var _buildToolLoggers = require("./buildToolLoggers");
-
-var _readOptions = require("./shared/schemas/readOptions");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function runCommand(commandConfig) {
-  const options = (0, _readOptions.getOptions)();
-  const {
-    dirname
-  } = commandConfig;
-
-  function runRespectiveFile(name, data) {
-    const commandExecutorPath = (0, _path.join)(dirname, name + ".js");
-
-    if ((0, _fs.existsSync)(commandExecutorPath)) {
-      const commandExecutor = require(commandExecutorPath);
-
-      return (commandExecutor[name] || commandExecutor.default)(data);
-    } else {
-      (0, _buildToolLoggers.debugLogger)("file not found", commandExecutorPath);
-    }
-  }
-
-  const processedOption = runRespectiveFile("optionsProcesser", options) || options;
-  runRespectiveFile("deprecationHandler", processedOption); // runRespectiveFile("errorHandler", () => {
-
-  runRespectiveFile("preProcesser", processedOption);
-  runRespectiveFile("commandExecutor", processedOption);
-  runRespectiveFile("postProcesser", processedOption); // });
-}
-
-function route(option, args) {
-  // TODO:  need to modify this log
-  (0, _buildToolLoggers.debugLogger)("the command was " + option, args);
-  const commandConfig = findCommandConfig(option);
-
-  if (commandConfig) {
-    try {
-      runCommand(commandConfig);
-    } catch (error) {
-      console.error(error);
-    }
-  } else {
-    // TODO: need to  write proper error message
-    (0, _buildToolLoggers.warnLogger)("Un known command", option, "please check the document");
-  }
-}
-
-function findCommandConfig(option) {
-  for (const commandConfig of _allCommandsConfigs.default) {
-    if (commandConfig.name === option || commandConfig.alias.includes(option)) {
-      return commandConfig;
-    }
-  }
-
-  return null;
-}

package/packages/client_build_tool/lib/shared/bundler/webpack/common/decidePublicPath.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.decidePublicPath = decidePublicPath;
-exports.modifiedServerOptions = modifiedServerOptions;
-
-var _getServerURL = require("../../../server/getServerURL");
-
-var _httpsOptions = require("../../../server/httpsOptions");
-
-function decidePublicPath(serverExtras) {
-  return serverExtras.isHttps ? serverExtras.httpsUrl : serverExtras.httpUrl;
-}
-
-function modifiedServerOptions(options) {
-  const {
-    server
-  } = options;
-  const {
-    port
-  } = server;
-  const httpsOptions = (0, _httpsOptions.httpsOptionsWithUserFriendlyError)(options);
-  const machineDomain = (0, _getServerURL.getServerDomain)(server);
-  const httpPort = port + 1;
-  return {
-    httpsOptions,
-    machineDomain,
-    httpsPort: port,
-    httpPort,
-    httpsUrl: (0, _getServerURL.getServerUrl)({
-      domain: machineDomain,
-      port,
-      protocol: 'https'
-    }),
-    httpUrl: (0, _getServerURL.getServerUrl)({
-      domain: machineDomain,
-      port: httpPort,
-      protocol: 'http'
-    }),
-    isHttps: !!httpsOptions
-  };
-}

package/packages/client_build_tool/lib/shared/bundler/webpack/common/libAlias.js

@@ -1,31 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.libAlias = void 0;
-// the reason for alias at the time was code tree shaking
-// tree shaking was most compactable with ES module system
-// FIXME: But there is a posiblity when these  package  does not have lib,
-//  app will work because of alias, But may be jest won't work because of not alais
-//  So need to think about use alais in jest 
-const libAlias = {
-  '@zohodesk/components/lib': '@zohodesk/components/es',
-  // '@zohodesk/zc-custom/lib': '@zohodesk/zc-custom/es',
-  '@zohodesk/dot/lib': '@zohodesk/dot/es',
-  '@zohodesk/i18n/lib': '@zohodesk/i18n/es',
-  '@zohodesk/icons/lib': '@zohodesk/icons/es',
-  '@zohodesk/normalizer/lib': '@zohodesk/normalizer/es',
-  '@zohodesk/perf-components/lib': '@zohodesk/perf-components/es',
-  '@zohodesk/perf-middleware/lib': '@zohodesk/perf-middleware/es',
-  '@zohodesk/permissions/lib': '@zohodesk/permissions/es',
-  '@zohodesk/platform-middleware/lib': '@zohodesk/platform-middleware/es',
-  '@zohodesk/react-dnd/lib': '@zohodesk/react-dnd/es',
-  '@zohodesk/router-middleware/lib': '@zohodesk/router-middleware/es',
-  '@zohodesk/storage/lib': '@zohodesk/storage/es',
-  '@zohodesk/svg/lib': '@zohodesk/svg/es',
-  '@zohodesk/timetracker/lib': '@zohodesk/timetracker/es',
-  '@zohodesk/variables/lib': '@zohodesk/variables/es',
-  '@zohodesk/virtualizer/lib': '@zohodesk/virtualizer/es'
-};
-exports.libAlias = libAlias;

package/packages/client_build_tool/lib/shared/bundler/webpack/common/nameTemplates.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.nameTemplates = nameTemplates;
-// NOTE: these below code can be done in js,
-//   we did copy paste in order to aviod unnecessary confussion
-const templates = {
-  js: ['js/[name].js', 'js/[name].[contenthash].js'],
-  chunkjs: ['js-chunks/[name].js', 'js-chunks/[name].[contenthash].js'],
-  i18njs: ['i18n-chunks/[locale]/[name].i18n.js', 'i18n-chunks/[locale]/[name].[chunkhash].i18n.js'],
-  i18nchunkjs: ['i18n-chunks/[locale]/[name].i18n.js', // 'i18n-chunks/[locale]/[name].[chunkhash].i18n.js'
-  'i18n-chunks/[locale]/[name].[contenthash].i18n.js'],
-  i18nmanifest: ['i18n-manifest.json', 'i18n-manifest.json'],
-  workerjs: ['js/[name].js', 'js/[name].[contenthash].js'],
-  css: ['css/[name].css', 'css/[name].[contenthash].css'],
-
-  /**
-   * NOTE: when you change (cssdir) this line it  will have affect on Below files will be affected
-   *   custom_plugins/RtlSplitPlugin/*
-   *   pluginConfigs/configMiniCSSExtractPlugin.js
-   *   pluginConfigs/configRtlCssPlugin.js
-   *  */
-  cssdir: ['css/[name].[dir].css', 'css/[name].[contenthash].[dir].css'],
-  image: ['images/[name][ext]', 'images/[name].[contenthash][ext]'],
-  font: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
-  svg: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
-  audio: ['fonts/[name][ext]', 'fonts/[name].[contenthash][ext]'],
-  video: ['videos/[name][ext]', 'videos/[name].[contenthash][ext]']
-};
-
-function createNameTemplate(name, enableChunkHash) {
-  // const ext = `${enableChunkHash ? '.[hash:20]' : ''}[ext]`;
-  return enableChunkHash ? name[1] : name[0];
-}
-
-function nameTemplates(type, options) {
-  const {
-    enableChunkHash
-  } = options;
-  const tname = templates[type];
-
-  if (!tname) {
-    throw Error(`specifiyed type not valid Type: ${type}`);
-  }
-
-  return createNameTemplate(tname, enableChunkHash);
-} // export function cssDirNameTemplate(dir, options) {
-//   return nameTemplates('cssdir', options).replace(/\[dir\]/g, dir);
-// }

package/packages/client_build_tool/lib/shared/bundler/webpack/common/resourceBasedPublicPath.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.publicPathAsExpression = publicPathAsExpression;
-exports.resourceBasedPublicPath = resourceBasedPublicPath;
-
-// const  publicPaths = {
-// };
-function resourceBasedPublicPath(resoruceType, options) {
-  return options.publicPath;
-}
-
-function publicPathAsExpression(resoruceType, options) {
-  if (resoruceType === 'i18n') {
-    return options.i18nChunkSplit.localeVarName;
-  }
-
-  return JSON.stringify(options.publicPath);
-}

package/packages/client_build_tool/lib/shared/bundler/webpack/cssLoaders.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.cssLoaders = cssLoaders;
-
-var _getCSSLoaders = require("./getCSSLoaders");
-
-function cssLoaders(options) {
-  return [{
-    test: /\.css$/,
-    // exclude: /\.module\.css$/,
-    use: (0, _getCSSLoaders.getCSSLoaders)(options)
-  }];
-}