@zohodesk/react-cli 1.1.19-exp.13 → 1.1.19-exp.14

package/packages/client_build_tool/lib/shared/babel/runBabelForJSFile.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.runBabelForJSFile = runBabelForJSFile;
-
-var _core = require("@babel/core");
-
-var _babelWebConfig = require("./babelWebConfig");
-
-var _copyFile = require("../fileUtils/copyFile");
-
-function runBabelForJSFile({
-  filename,
-  outputFile,
-  options,
-  mode = 'es'
-}) {
-  // const jsSourceCode = readFileSync(filename).toString();
-  const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
-  const result = (0, _core.transformFileSync)(filename, babelConfig);
-  (0, _copyFile.writeFile)(outputFile, result.code);
-}

package/packages/client_build_tool/lib/shared/babel/runBabelForTsFile.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.runBabelForTSFile = runBabelForTSFile;
-
-var _core = require("@babel/core");
-
-var _babelWebConfig = require("./babelWebConfig");
-
-var _copyFile = require("../fileUtils/copyFile");
-
-function runBabelForTSFile({
-  filename,
-  outputFile,
-  options,
-  mode = 'es'
-}) {
-  const {
-    enable
-  } = options.typeScript;
-
-  if (enable) {
-    // const jsSourceCode = readFileSync(filename).toString();
-    const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
-    const result = (0, _core.transformFileSync)(filename, babelConfig);
-    (0, _copyFile.writeFile)(outputFile.replace('.tsx', '.js'), result.code);
-  }
-}

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

@@ -1,52 +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");
-
-var _urlConcat = require("../../../server/urlConcat");
-
-function decidePublicPath(serverExtras) {
-  return serverExtras.isHttps ? serverExtras.httpsUrl : serverExtras.httpUrl;
-}
-
-function modifiedServerOptions(options) {
-  const {
-    server,
-    context
-  } = options;
-  const {
-    disableContextURL
-  } = server;
-  const port = Number(server.port);
-  const httpsOptions = (0, _httpsOptions.httpsOptionsWithUserFriendlyError)(options);
-  const machineDomain = (0, _getServerURL.getServerDomain)(server);
-  const httpPort = port + 1;
-  const httpsUrl = (0, _getServerURL.getServerUrl)({
-    domain: machineDomain,
-    port,
-    protocol: 'https'
-  });
-  const httpUrl = (0, _getServerURL.getServerUrl)({
-    domain: machineDomain,
-    port: httpPort,
-    protocol: 'http'
-  });
-  const contextURL = disableContextURL ? '' : `/${context}`;
-  return {
-    httpsOptions,
-    machineDomain,
-    contextURL,
-    httpsPort: port,
-    httpPort,
-    httpsUrl: (0, _urlConcat.urlConcat)(httpsUrl, contextURL),
-    httpUrl: (0, _urlConcat.urlConcat)(httpUrl, contextURL),
-    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/modeUtils.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getGlobalCacheStorageName = getGlobalCacheStorageName;
-exports.getWebpackMode = getWebpackMode;
-exports.isDevelopmentMode = isDevelopmentMode;
-exports.isNotProduction = isNotProduction;
-exports.isProductionMode = isProductionMode;
-
-function isProductionMode(mode) {
-  return mode === 'prod' || mode === 'production';
-}
-
-function isDevelopmentMode(mode) {
-  return mode === 'dev' || mode === 'development';
-}
-
-function getWebpackMode(options) {
-  const {
-    mode
-  } = options;
-  return isProductionMode(mode) ? 'production' : 'development';
-}
-
-function getGlobalCacheStorageName(options) {
-  const {
-    context
-  } = options;
-  return `${context}Jsonp`;
-}
-
-function isNotProduction(options) {
-  const {
-    mode
-  } = options;
-  return isProductionMode(mode) === false;
-}

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

@@ -1,101 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isI18nFile = void 0;
-exports.nameTemplates = nameTemplates;
-
-var _modeUtils = require("./modeUtils");
-
-// nameTemplate.js
-// NOTE: these below code can be done in js,
-//   we did copy paste in order to avoid unnecessary confusion
-// NOTE: array[0] is dev mode file templates and array[1] is prod mode file templates
-const templates = {
-  html: ['index.html', 'index.[contenthash].html'],
-  js: ['js/[name].js', 'js/[name].[contenthash].js'],
-  chunkjs: ['js-chunk/[name].js', 'js-chunks/[name].[contenthash].js'],
-  i18njs: ['i18n-chunk/[locale]/[name].i18n.js', 'i18n-chunk/[locale]/[name].[chunkhash].i18n.js'],
-  i18nchunkjs: ['i18n-chunk/[locale]/[name].i18n.js', // 'i18n-chunk/[locale]/[name].[chunkhash].i18n.js'
-  'i18n-chunk/[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, useHash) {
-  // const ext = `${useHash ? '.[hash:20]' : ''}[ext]`;
-  return useHash ? name[1] : name[0];
-}
-
-const defaultDevModeContentHashAllowedTypes = {
-  image: true,
-  font: true,
-  svg: true,
-  audio: true,
-  video: true
-};
-
-function nameTemplates(type, options) {
-  const {
-    enableFileNameHashing,
-    mode,
-    devLikeHash
-  } = options;
-  let {
-    devModeContentHashAllowedTypes
-  } = options;
-  devModeContentHashAllowedTypes = devModeContentHashAllowedTypes || defaultDevModeContentHashAllowedTypes;
-  const templateName = templates[type];
-
-  if (!templateName) {
-    throw Error(`specified type not valid Type: ${type}`);
-  } // eslint-disable-next-line no-use-before-define
-
-
-  const useHash = checkCanWeAllowHash({
-    enableFileNameHashing,
-    devLikeHash: devLikeHash || (0, _modeUtils.isDevelopmentMode)(mode),
-    type,
-    devModeContentHashAllowedTypes
-  });
-  return createNameTemplate(templateName, useHash);
-}
-
-function checkCanWeAllowHash({
-  enableFileNameHashing,
-  devLikeHash,
-  type,
-  devModeContentHashAllowedTypes
-}) {
-  if (!enableFileNameHashing) {
-    return false;
-  }
-
-  if (devLikeHash) {
-    return devModeContentHashAllowedTypes[type];
-  }
-
-  return true;
-} // export function cssDirNameTemplate(dir, options) {
-//   return nameTemplates('cssdir', options).replace(/\[dir\]/g, dir);
-// }
-
-
-const isI18nFile = url => url.endsWith('.i18n.js');
-
-exports.isI18nFile = isI18nFile;

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/configCustomLoaders.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.configCustomLoaders = configCustomLoaders;
-
-function configCustomLoaders(options) {
-  return options.customLoaders || [];
-}

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)
-  }];
-}

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/BundleIntegrityReport/index.js

@@ -1,83 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BundleIntegrityReport = void 0;
-
-var _fs = _interopRequireDefault(require("fs"));
-
-var _path = _interopRequireDefault(require("path"));
-
-var _stream = require("stream");
-
-var _objectManipulation = require("../../utils/object-manipulation");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const pluginName = 'BundleIntegrityReportPlugin';
-
-class BundleIntegrityReport {
-  constructor({
-    options,
-    excludeKeysInReport,
-    fileName
-  }) {
-    this.excludeKeysInStat = excludeKeysInReport;
-    this.statsFileName = fileName;
-    this.statsOptions = options;
-  }
-
-  apply(compiler) {
-    compiler.hooks.done.tapAsync(pluginName, (stats, callback) => {
-      const statsJson = (0, _objectManipulation.removeKeysFromObject)(stats.toJson(this.statsOptions), this.excludeKeysInStat);
-      this.emitStats(statsJson).on('end', () => {
-        callback();
-      }).on('error', e => {
-        callback(e);
-      });
-    });
-  }
-
-  writeStatsFileInAStream(statsObj) {
-    const {
-      outputPath
-    } = statsObj;
-
-    const ouputFileName = _path.default.join(outputPath, this.statsFileName);
-
-    return this.createReadStream(statsObj).pipe(_fs.default.createWriteStream(ouputFileName));
-  }
-
-  createReadStream(statsObj) {
-    const excludeKeys = this.excludeKeysInStat;
-    return new _stream.Readable({
-      read() {
-        let isDone = false;
-        const objToStringGen = (0, _objectManipulation.convertObjectToStringGen)(statsObj, excludeKeys);
-
-        while (!isDone) {
-          const {
-            done,
-            value
-          } = objToStringGen.next();
-
-          if (done) {
-            isDone = true;
-            this.push(null);
-          } else {
-            this.push(value);
-          }
-        }
-      }
-
-    });
-  }
-
-  emitStats(statsJson) {
-    return this.writeStatsFileInAStream(statsJson);
-  }
-
-}
-
-exports.BundleIntegrityReport = BundleIntegrityReport;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/CdnChangePlugin/index.js

@@ -1,119 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
-
-var _webpack = require("webpack");
-
-var _nameTemplates = require("../../common/nameTemplates");
-
-var _modeUtils = require("../../common/modeUtils");
-
-var _webpackCustomJsUrlLoader = _interopRequireDefault(require("./webpackCustomJsUrlLoader"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// import { RuntimeGlobals, RuntimeModule } from 'webpack';
-// eslint-disable-next-line import/extensions
-// import { Template } from 'webpack';
-// eslint-disable-next-line import/extensions
-const pluginName = 'CdnChangePlugin'; // const MODULE_TYPE = 'css/mini-extract';
-// class CdnChangeRuntimePlugin extends RuntimeModule {
-//   constructor(compiler, { variableName }) {
-//     super('cdn loading', 10);
-//     this.variableName = variableName;
-//   }
-//   generate() {
-//     return `${RuntimeGlobals.getChunkCssFilename} = function(chunkId) {
-//       const cssCdnUrl = window[${this.variableName}] || chunkId;
-//       return cssCdnUrl;
-//     }`;
-//   }
-// }
-
-class CdnChangePlugin {
-  constructor(options) {
-    this.createSeparateSMap = options.createSeparateSMap;
-    this.i18nTemplate = options.i18nTemplate || '{{__I18N_CDN__}}';
-    this.variableName = options.variableName || 'window.__SMAP_PATH__';
-    this.cssTemplate = options.cssTemplate || '{{__CSS_CDN__}}';
-    this.jsTemplate = options.jsTemplate || '{{__JS_CDN__}}';
-    this.mode = options.mode || 'prod';
-  }
-
-  apply(compiler) {
-    // compiler.hooks.thisCompilation.tap(pluginName, compilation => {
-    //   const enabledChunks = new WeakSet();
-    //   const handler = (entryRuntimeChunk, set) => {
-    //     if (enabledChunks.has(entryRuntimeChunk)) {
-    //       return;
-    //     }
-    //     enabledChunks.add(entryRuntimeChunk);
-    //     set.add(RuntimeGlobals.getFullHash);
-    //     set.add(RuntimeGlobals.getChunkCssFilename);
-    //     compilation.addRuntimeModule(
-    //       entryRuntimeChunk,
-    //       new CdnChangeRuntimePlugin(set, {
-    //         compiler,
-    //         variableName: this.variableName
-    //       })
-    //     );
-    //   };
-    //   compilation.hooks.runtimeRequirementInTree
-    //     .for(RuntimeGlobals.ensureChunkHandlers)
-    //     .tap(pluginName, handler);
-    // });
-    compiler.hooks.compilation.tap(pluginName, compilation => {
-      _htmlWebpackPlugin.default.getHooks(compilation).beforeAssetTagGeneration.tap(pluginName, (data, cb) => {
-        const {
-          createSeparateSMap,
-          mode
-        } = this; // eslint-disable-next-line no-param-reassign
-
-        data.assets = { ...data.assets,
-          css: data.assets.css.map(css => `${this.cssTemplate}${css}`),
-          js: data.assets.js.map(js => {
-            if ((0, _modeUtils.isProductionMode)(mode) && createSeparateSMap && !(0, _nameTemplates.isI18nFile)(js)) {
-              if (js.includes('smap')) {
-                js = js.replace('smap/js/', `{{--js-smap}}js/`); //eslint-disable-line
-              } else {
-                js = js.replace('js/', `{{--js-smap}}js/`); //eslint-disable-line
-              }
-            }
-
-            return `${(0, _nameTemplates.isI18nFile)(js) ? this.i18nTemplate : this.jsTemplate}${js}`;
-          })
-        };
-        cb && cb(null, data);
-      });
-
-      compilation.hooks.runtimeRequirementInTree.for(_webpack.RuntimeGlobals.getChunkScriptFilename).tap(pluginName, (chunk, set) => {
-        if (typeof compilation.outputOptions.chunkFilename === 'string' && /\[(full)?hash(:\d+)?\]/.test(compilation.outputOptions.chunkFilename)) {
-          set.add(_webpack.RuntimeGlobals.getFullHash);
-        }
-
-        compilation.addRuntimeModule(chunk, // eslint-disable-next-line new-cap
-        new _webpackCustomJsUrlLoader.default('javascript', 'javascript', _webpack.RuntimeGlobals.getChunkScriptFilename, chunk => chunk.filenameTemplate || (chunk.canBeInitial() ? compilation.outputOptions.filename : compilation.outputOptions.chunkFilename), false, this.variableName));
-        return true;
-      });
-    });
-  }
-
-}
-
-var _default = CdnChangePlugin; // Cdn Change Plugin for runtime chunks???
-
-/**
- * the filename of the script part of the chunk
- */
-// exports.getChunkScriptFilename = "__webpack_require__.u";
-// /**
-//  * the filename of the css part of the chunk
-//  */
-// exports.getChunkCssFilename = "__webpack_require__.k";
-
-exports.default = _default;

package/packages/client_build_tool/lib/shared/bundler/webpack/custom_plugins/CdnChangePlugin/webpackCustomJsUrlLoader.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _GetChunkFilenameRuntimeModule = _interopRequireDefault(require("webpack/lib/runtime/GetChunkFilenameRuntimeModule"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-// import { RuntimeGlobals, RuntimeModule, Template } from 'webpack';
-// const GetChunkFilenameRuntimeModule = require('webpack/lib/runtime/GetChunkFilenameRuntimeModule');
-// import GetChunkFilenameRuntimeModule from 'webpack/lib/runtime/GetChunkFilenameRuntimeModule';
-// const first = set => {
-//   const entry = set.values().next();
-//   return entry.done ? undefined : entry.value;
-// };
-class CustomizedGetChunkFilenameRuntimeModule extends _GetChunkFilenameRuntimeModule.default {
-  /**
-   * @param {string} contentType the   to use the content hash for
-   * @param {string} name kind of filename
-   * @param {string} global function name to be assigned
-   * @param {function(Chunk): string | FilenameFunction} getFilenameForChunk functor to get the filename or function
-   * @param {boolean} allChunks when false, only async chunks are included
-   */
-  constructor(contentType, name, global, getFilenameForChunk, allChunks, variableName) {
-    super(contentType, name, global, getFilenameForChunk, allChunks);
-    this.contentType = contentType;
-    this.global = global;
-    this.getFilenameForChunk = getFilenameForChunk;
-    this.allChunks = allChunks;
-    this.dependentHash = true;
-    this.variableName = variableName;
-  }
-
-  generate() {
-    const sourceCode = super.generate().toString();
-    const replaceCode = sourceCode.replaceAll('"js-chunks/', `${this.variableName} + "js-chunks/`);
-    return replaceCode;
-  }
-
-}
-
-var _default = CustomizedGetChunkFilenameRuntimeModule;
-exports.default = _default;