@zohodesk/react-cli 0.0.1-beta.17 → 0.0.1-beta.171

package/lib/pluginUtils/getDevPlugins.js

@@ -1,62 +1,209 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _fs = _interopRequireDefault(require("fs"));
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _lodashWebpackPlugin = _interopRequireDefault(require("lodash-webpack-plugin"));
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
 
-var _webpack = require('webpack');
+var _htmlWebpackInjectAttributesPlugin = _interopRequireDefault(require("html-webpack-inject-attributes-plugin"));
 
-var _webpack2 = _interopRequireDefault(_webpack);
+var _I18nSplitPlugin = _interopRequireDefault(require("../plugins/I18nSplitPlugin"));
 
-var _plugins = require('../plugins');
+var _RequireVariablePublicPlugin = _interopRequireDefault(require("../plugins/RequireVariablePublicPlugin"));
+
+var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
+
+var _webpack = _interopRequireDefault(require("webpack"));
+
+var _plugins = require("../plugins");
+
+var _common = require("../common");
+
+var _RtlCssPlugin = require("../plugins/RtlSplitPlugin/RtlCssPlugin");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getDevPlugins = function getDevPlugins(options) {
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack2.default.DefinePlugin({
+let getDevPlugins = (options, publicPath) => {
+  let {
+    app: {
+      tpFolder,
+      folder,
+      instrumentScript,
+      devCssFileBountry,
+      context,
+      hasEFC: prevOptionForEnableEFC,
+      hasShadowDOM,
+      server: {
+        mode
+      },
+      htmlTemplate: {
+        inject
+      },
+      crossorigin
+    },
+    efc: {
+      hasEFC: newOptionForEnableEFC,
+      templateFilePath,
+      nameScope: efcNameSpace,
+      localeAttr: efcLocaleAttr
+    },
+    css: {
+      enableRTLSplit
+    },
+    i18n,
+    unusedFiles
+  } = options;
+  const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
+  const cssLTRFileNameTempalte = enableRTLSplit ? 'css/[name].ltr.css' : 'css/[name].css';
+  const cssRTLFileNameTempalte = 'css/[name].rtl.css';
+  let plugins = [new _plugins.CleanUpStatsPlugin(), new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack.default.DefinePlugin({
     __CLIENT__: true,
     __TEST__: false,
     __SERVER__: false,
     __DEVELOPMENT__: true,
     __LOCAL_PRODUCTION__: false,
     __DEVTOOLS__: true,
-    __DOCS__: false
-  }), new _miniCssExtractPlugin2.default({
-    // Options similar to the same options in webpackOptions.output
-    // both options are optional
-    filename: '[name].css',
-    chunkFilename: '[name].css'
-  })];
-
-  var _options$app = options.app,
-      folder = _options$app.folder,
-      hotReload = _options$app.server.hotReload,
-      unusedFiles = options.unusedFiles;
-
+    __DOCS__: false,
+    'process.env': {
+      NODE_ENV: JSON.stringify(mode === 'dev-no-warn' ? 'production' : 'development')
+    }
+  }), new _miniCssExtractPlugin.default({
+    filename: cssLTRFileNameTempalte,
+    // ignoreOrder: true,
+    chunkFilename: cssLTRFileNameTempalte
+  }), new _plugins.ResourceHintsPlugin()];
+
+  if (enableRTLSplit) {
+    plugins.push(new _RtlCssPlugin.RtlCssPlugin({
+      templateLabel: options.css.templateLabel,
+      dirVarName: options.css.dirVarName,
+      disableMiniFiySelector: options.css.disableMiniFiySelector,
+      // config: {},
+      // sourcemap: true,
+      filename: cssRTLFileNameTempalte
+    }));
+  }
 
   if (unusedFiles.enable) {
     plugins.push(new _plugins.UnusedFilesFindPlugin(Object.assign(unusedFiles, {
-      origin: _path2.default.join(process.cwd(), folder)
+      origin: _path.default.join(process.cwd(), folder)
     })));
   }
 
-  if (hotReload) {
-    plugins.push(new _plugins.ScriptInstrumentPlugin());
+  const i18nManifestFileName = 'i18n-manifest.json';
+  /**
+   * NOTE:
+   *  this file name ext .i18n.js added
+   *  Because, in service worker they maintain cache as file name based
+   *  So, to make differce we added .i18n.js ext.
+   */
+
+  const i18nFileNameTemplate = 'i18n-chunk/[locale]/[name].i18n.js';
+  const i18nPublicPath = publicPath || '';
+
+  if (i18n.chunkSplitEnable) {
+    plugins.push(new _I18nSplitPlugin.default({
+      jsResource: i18n.jsResource,
+      localeVarName: i18n.localeVarName,
+      jsonpFunc: i18n.jsonpFunc,
+      disableDefault: i18n.disableDefault,
+      publicPath: i18nPublicPath,
+      i18nManifestFileName,
+      // template: (object, locale) => `window.loadI18n(${JSON.stringify(object)}, ${JSON.stringify(locale)})`,
+      filenameTemplate: i18nFileNameTemplate,
+      propertiesFolder: i18n.propertiesFolder
+    }));
+  } else {
+    let i18nPath = _path.default.join(process.cwd(), context, 'i18n');
+
+    if (_fs.default.existsSync(i18nPath)) {
+      plugins.push(new _copyWebpackPlugin.default([{
+        from: `${i18nPath}/`,
+        to: './i18n/[name].[ext]',
+        toType: 'template'
+      }]));
+    }
+  }
+
+  tpFolder && plugins.push(new _copyWebpackPlugin.default([{
+    from: `${_path.default.join(process.cwd(), context, tpFolder)}/`,
+    to: `./${tpFolder}/`,
+    toType: 'dir'
+  }]));
+  plugins.push(new _lodashWebpackPlugin.default({
+    collections: true,
+    shorthands: true
+  }));
+
+  if (hasEFC) {
+    plugins.push(new _htmlWebpackPlugin.default({
+      chunksSortMode: 'none',
+      filename: 'index.html',
+      template: _path.default.join(process.cwd(), folder, 'index.html'),
+      excludeChunks: ['efc', 'widget'],
+      templateParameters: _common.templateParameters,
+      scriptLoading: 'defer',
+      inject: inject
+    }));
+    crossorigin && plugins.push(new _htmlWebpackInjectAttributesPlugin.default({
+      crossorigin: 'anonymous'
+    }));
+    plugins.push(new _plugins.EFCPlugin({
+      isDevelopment: true,
+      i18nManifestFileName,
+      templateFilePath,
+      i18nFileNameTemplate,
+      serverUrl: publicPath,
+      entryPointName: 'efc',
+      nameScope: efcNameSpace,
+      localeAttr: efcLocaleAttr // outputFile: 'zohodesk-efc-sdk-latest.js',
+
+    }));
+  } else {
+    plugins.push(new _htmlWebpackPlugin.default({
+      chunksSortMode: 'none',
+      filename: 'index.html',
+      template: _path.default.join(process.cwd(), folder, 'index.html'),
+      templateParameters: _common.templateParameters,
+      scriptLoading: 'defer',
+      inject: inject
+    }));
+    crossorigin && plugins.push(new _htmlWebpackInjectAttributesPlugin.default({
+      crossorigin: 'anonymous'
+    }));
+  }
+
+  plugins.push(new _plugins.I18NInjectIntoIndexPlugin({
+    publicPath: i18nPublicPath,
+    isDevelopment: true,
+    templateLabel: i18n.templateLabel || '{{--user-locale}}',
+    i18nFileNameTemplate,
+    i18nManifestFileName,
+    mainChunkName: 'main'
+  }));
+  instrumentScript && plugins.push(new _plugins.ScriptInstrumentPlugin());
+  hasShadowDOM && plugins.push(new _plugins.ShadowDOMSupportPlugin());
+
+  if (devCssFileBountry) {
+    plugins.push(new _RequireVariablePublicPlugin.default({
+      requireFuncName: 'require'
+    }));
   }
 
-  return plugins;
+  return plugins.filter(Boolean);
 };
 
-exports.default = getDevPlugins;
+var _default = getDevPlugins;
+exports.default = _default;

package/lib/pluginUtils/getDocsPlugins.js

@@ -1,33 +1,54 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _webpack = require('webpack');
+var _webpack = _interopRequireDefault(require("webpack"));
 
-var _webpack2 = _interopRequireDefault(_webpack);
+var _path = _interopRequireDefault(require("path"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _plugins = require("../plugins");
 
-//import ModuleStatsPlugin from '../plugins/ModuleStatsPlugin';
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getDocsPlugins = function getDocsPlugins() {
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.ProvidePlugin({
+// isForLibraryImpact this variable for now only used in getLibraryImactPlugins.
+// So you gona use it please check with that function as well
+let getDocsPlugins = (isSSTest, options, isForLibraryImpact = false) => {
+  let {
+    app: {
+      folder
+    },
+    unusedFiles
+  } = options;
+  let plugins = [new _plugins.CleanUpStatsPlugin(), new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.ProvidePlugin({
     React: 'react'
-  }), new _webpack2.default.DefinePlugin({
+  }), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: true,
     __DOCS__: true
-  })
-  //,
-  //new ModuleStatsPlugin({ filename: 'moduleStats.js' })
-  ];
+  }), !isForLibraryImpact && new _plugins.ModuleStatsPlugin({
+    filename: 'js/moduleStats.js'
+  }), new _miniCssExtractPlugin.default({
+    filename: 'css/[name].css',
+    chunkFilename: 'css/[name].css'
+  })].filter(Boolean);
+
+  if (unusedFiles.enable) {
+    plugins.push(new _plugins.UnusedFilesFindPlugin(Object.assign(unusedFiles, {
+      docsFilename: 'Undocsfiles.json',
+      ssTest: true,
+      origin: _path.default.join(process.cwd(), folder)
+    })));
+  }
+
   return plugins;
 };
 
-exports.default = getDocsPlugins;
+var _default = getDocsPlugins;
+exports.default = _default;

package/lib/pluginUtils/getLibraryImactPlugins.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = getLibraryImactPlugins;
+
+var _libraryImpactPlugin = _interopRequireDefault(require("../plugins/libraryImpactPlugin"));
+
+var _getDocsPlugins = _interopRequireDefault(require("./getDocsPlugins"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import ModuleStatsPlugin from '../plugins/ModuleStatsPlugin';
+function getLibraryImactPlugins(options) {
+  let plugins = (0, _getDocsPlugins.default)(false, options, true); // for performance But for furture maintanablity we adding isForLibraryImpact in getDocsPlugin
+  // plugins.filter(plugin => !(plugin instanceof ModuleStatsPlugin));
+
+  plugins.push(new _libraryImpactPlugin.default({
+    filename: 'js/libraryImpact.js'
+  }));
+  return plugins;
+}

package/lib/pluginUtils/getLibraryPlugins.js

@@ -1,21 +1,18 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
-
-var _webpack = require('webpack');
-
-var _webpack2 = _interopRequireDefault(_webpack);
+var _webpack = _interopRequireDefault(require("webpack"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getLibraryPlugins = function getLibraryPlugins() {
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.DefinePlugin({
+let getLibraryPlugins = () => {
+  let plugins = [new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: false,
     __DOCS__: false,
@@ -27,4 +24,5 @@ var getLibraryPlugins = function getLibraryPlugins() {
   return plugins;
 };
 
-exports.default = getLibraryPlugins;
+var _default = getLibraryPlugins;
+exports.default = _default;