@zohodesk/react-cli 0.0.1-beta.99 → 0.0.1-betaa.138.2

package/lib/pluginUtils/getServerPlugins.js

@@ -1,28 +1,25 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _webpack = require('webpack');
+var _webpack = _interopRequireDefault(require("webpack"));
 
-var _webpack2 = _interopRequireDefault(_webpack);
-
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
-
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getProdPlugins = function getProdPlugins() {
-  var plugins = [new _webpack2.default.optimize.ModuleConcatenationPlugin(), new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack2.default.DefinePlugin({
+let getProdPlugins = () => {
+  let plugins = [new _webpack.default.optimize.ModuleConcatenationPlugin(), new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: true,
     __DOCS__: false,
     __SERVER__: true
   })];
-
   return plugins;
 };
 
-exports.default = getProdPlugins;
+var _default = getProdPlugins;
+exports.default = _default;

package/lib/pluginUtils/getUMDCSSPlugins.js

@@ -1,27 +1,22 @@
-'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 _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _plugins = require("../plugins");
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
-
-var _plugins = require('../plugins');
-
-var _webpack = require('webpack');
-
-var _webpack2 = _interopRequireDefault(_webpack);
+var _webpack = _interopRequireDefault(require("webpack"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getUMDCSSPlugins = function getUMDCSSPlugins() {
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.DefinePlugin({
+let getUMDCSSPlugins = () => {
+  let plugins = [new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: false,
     __DOCS__: false,
@@ -29,11 +24,12 @@ var getUMDCSSPlugins = function getUMDCSSPlugins() {
       NODE_ENV: JSON.stringify('production')
     },
     __SERVER__: false
-  }), new _miniCssExtractPlugin2.default({
+  }), new _miniCssExtractPlugin.default({
     filename: 'css/[name].css',
     chunkFilename: 'css/[id].css'
   }), new _plugins.UglifyCSSPlugin()];
   return plugins;
 };
 
-exports.default = getUMDCSSPlugins;
+var _default = getUMDCSSPlugins;
+exports.default = _default;

package/lib/pluginUtils/getUMDComponentPlugins.js

@@ -1,27 +1,22 @@
-'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 = _interopRequireDefault(require("webpack"));
 
-var _webpack = require('webpack');
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _webpack2 = _interopRequireDefault(_webpack);
-
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
-
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
-
-var _plugins = require('../plugins');
+var _plugins = require("../plugins");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getUMDComponentPlugins = function getUMDComponentPlugins(isDocs) {
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.DefinePlugin({
+let getUMDComponentPlugins = isDocs => {
+  let plugins = [new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: false,
     __DOCS__: isDocs ? true : false,
@@ -29,11 +24,12 @@ var getUMDComponentPlugins = function getUMDComponentPlugins(isDocs) {
       NODE_ENV: JSON.stringify('production')
     },
     __SERVER__: false
-  }), new _miniCssExtractPlugin2.default({
+  }), new _miniCssExtractPlugin.default({
     filename: 'css/[name].css',
     chunkFilename: 'css/[name].css'
   }), new _plugins.UglifyCSSPlugin()];
   return plugins;
 };
 
-exports.default = getUMDComponentPlugins;
+var _default = getUMDComponentPlugins;
+exports.default = _default;

package/lib/pluginUtils/index.js

@@ -1,70 +1,63 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _getDevPlugins = require('./getDevPlugins');
-
-Object.defineProperty(exports, 'getDevPlugins', {
+Object.defineProperty(exports, "getDevPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getDevPlugins).default;
+  get: function () {
+    return _getDevPlugins.default;
   }
 });
-
-var _getProdPlugins = require('./getProdPlugins');
-
-Object.defineProperty(exports, 'getProdPlugins', {
+Object.defineProperty(exports, "getDocsPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getProdPlugins).default;
+  get: function () {
+    return _getDocsPlugins.default;
   }
 });
-
-var _getDocsPlugins = require('./getDocsPlugins');
-
-Object.defineProperty(exports, 'getDocsPlugins', {
+Object.defineProperty(exports, "getLibraryPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getDocsPlugins).default;
+  get: function () {
+    return _getLibraryPlugins.default;
   }
 });
-
-var _getServerPlugins = require('./getServerPlugins');
-
-Object.defineProperty(exports, 'getServerPlugins', {
+Object.defineProperty(exports, "getProdPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getServerPlugins).default;
+  get: function () {
+    return _getProdPlugins.default;
   }
 });
-
-var _getLibraryPlugins = require('./getLibraryPlugins');
-
-Object.defineProperty(exports, 'getLibraryPlugins', {
+Object.defineProperty(exports, "getServerPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getLibraryPlugins).default;
+  get: function () {
+    return _getServerPlugins.default;
   }
 });
-
-var _getUMDComponentPlugins = require('./getUMDComponentPlugins');
-
-Object.defineProperty(exports, 'getUMDComponentPlugins', {
+Object.defineProperty(exports, "getUMDCSSPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getUMDComponentPlugins).default;
+  get: function () {
+    return _getUMDCSSPlugins.default;
   }
 });
-
-var _getUMDCSSPlugins = require('./getUMDCSSPlugins');
-
-Object.defineProperty(exports, 'getUMDCSSPlugins', {
+Object.defineProperty(exports, "getUMDComponentPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getUMDCSSPlugins).default;
+  get: function () {
+    return _getUMDComponentPlugins.default;
   }
 });
 
+var _getDevPlugins = _interopRequireDefault(require("./getDevPlugins"));
+
+var _getProdPlugins = _interopRequireDefault(require("./getProdPlugins"));
+
+var _getDocsPlugins = _interopRequireDefault(require("./getDocsPlugins"));
+
+var _getServerPlugins = _interopRequireDefault(require("./getServerPlugins"));
+
+var _getLibraryPlugins = _interopRequireDefault(require("./getLibraryPlugins"));
+
+var _getUMDComponentPlugins = _interopRequireDefault(require("./getUMDComponentPlugins"));
+
+var _getUMDCSSPlugins = _interopRequireDefault(require("./getUMDCSSPlugins"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/plugins/CdnChangePlugin.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const MODULE_TYPE = 'css/mini-extract';
+
+const isI18nFile = url => url.endsWith(".i18n.js");
+
+class CdnChangePlugin {
+  constructor(options) {
+    this.i18nTemplate = options.i18nTemplate || '{{__I18N_CDN__}}';
+    this.variableName = options.variableName || '__CSS_CDN__';
+    this.cssTemplate = options.cssTemplate || '{{__CSS_CDN__}}';
+    this.jsTemplate = options.jsTemplate || '{{__JS_CDN__}}';
+  }
+
+  getCssChunkObject(mainChunk) {
+    const obj = {};
+
+    for (const chunk of mainChunk.getAllAsyncChunks()) {
+      for (const module of chunk.modulesIterable) {
+        if (module.type === MODULE_TYPE) {
+          obj[chunk.id] = 1;
+          break;
+        }
+      }
+    }
+
+    return obj;
+  }
+
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap('CdnChangePlugin', compilation => {
+      compilation.mainTemplate.hooks.requireEnsure.tap('CdnChangePlugin', (source, chunk) => {
+        const chunkMap = this.getCssChunkObject(chunk);
+
+        if (Object.keys(chunkMap).length > 0) {
+          return source.replace('__webpack_require__.p', `window['${this.variableName}']`);
+        }
+      });
+    });
+    compiler.hooks.make.tap('CdnChangePlugin', compilation => {
+      _htmlWebpackPlugin.default.getHooks(compilation).beforeAssetTagGeneration.tapAsync('CdnChangePlugin', (data, cb) => {
+        data.assets = Object.assign({}, data.assets, {
+          css: data.assets.css.map(css => `${this.cssTemplate}${css}`),
+          js: data.assets.js.map(js => `${isI18nFile(js) ? this.i18nTemplate : this.jsTemplate}${js}`)
+        });
+        cb(null, data);
+      });
+    });
+  }
+
+}
+
+var _default = CdnChangePlugin;
+exports.default = _default;

package/lib/plugins/CleanupStatsPlugin.js

@@ -1,42 +1,28 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-var CleanUpStatsPlugin = function () {
-  function CleanUpStatsPlugin() {
-    _classCallCheck(this, CleanUpStatsPlugin);
+class CleanUpStatsPlugin {
+  shouldPickStatChild(child) {
+    return child.name.indexOf('mini-css-extract-plugin') !== 0;
   }
 
-  _createClass(CleanUpStatsPlugin, [{
-    key: 'shouldPickStatChild',
-    value: function shouldPickStatChild(child) {
-      return child.name.indexOf('mini-css-extract-plugin') !== 0;
-    }
-  }, {
-    key: 'apply',
-    value: function apply(compiler) {
-      var _this = this;
-
-      compiler.hooks.done.tap('CleanUpStatsPlugin', function (stats) {
-        var children = stats.compilation.children;
-
-        if (Array.isArray(children)) {
-          // eslint-disable-next-line no-param-reassign
-          stats.compilation.children = children.filter(function (child) {
-            return _this.shouldPickStatChild(child);
-          });
-        }
-      });
-    }
-  }]);
+  apply(compiler) {
+    compiler.hooks.done.tap('CleanUpStatsPlugin', stats => {
+      const {
+        children
+      } = stats.compilation;
+
+      if (Array.isArray(children)) {
+        // eslint-disable-next-line no-param-reassign
+        stats.compilation.children = children.filter(child => this.shouldPickStatChild(child));
+      }
+    });
+  }
 
-  return CleanUpStatsPlugin;
-}();
+}
 
 exports.default = CleanUpStatsPlugin;

package/lib/plugins/CustomAttributePlugin.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomAttributePlugin = void 0;
+
+var _Template = _interopRequireDefault(require("webpack/lib/Template"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/* eslint-disable no-use-before-define */
+class CustomAttributePlugin {
+  constructor(options) {
+    this.options = {
+      jsAttributes: options.jsAttributes || options.attributes || {},
+      cssAttributes: options.cssAttributes || options.attributes || {},
+      i18nAttributes: options.i18nAttributes || options.attributes || {}
+    };
+  }
+
+  addCustomAttributeToDynamicScriptTags(mainTemplate) {
+    const {
+      jsAttributes,
+      cssAttributes,
+      i18nAttributes
+    } = this.options; // NOTE: To add custom Attributes to js Script tags
+
+    mainTemplate.hooks.jsonpScript.tap('CustomAttributePlugin', source => {
+      const str = attributeSetTemplate(jsAttributes, 'script');
+      return _Template.default.asString([source, ...str]);
+    }); // NOTE: To add custom Attributes to css link tags
+
+    mainTemplate.hooks.requireEnsure.tap('CustomAttributePlugin', source => {
+      const str = attributeSetTemplate(cssAttributes, 'linkTag');
+      const replacedStr = source.replace('head.appendChild(linkTag);', `${str.join('')}head.appendChild(linkTag);`);
+      console.log({
+        s: source,
+        r: replacedStr
+      });
+      return replacedStr;
+    }); // NOTE: To add custom Attributes to i18n split js Script tags
+
+    mainTemplate.hooks.requireEnsure.tap('CustomAttributePlugin', source => {
+      const str = attributeSetTemplate(i18nAttributes, 'scriptTag');
+      const replacedStr = source.replace('document.body.appendChild(scriptTag);', `${str.join('')}document.body.appendChild(scriptTag);`);
+      console.log({
+        s: source,
+        r: replacedStr
+      });
+      return replacedStr;
+    });
+  }
+
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap({
+      name: 'CustomAttributePlugin',
+      stage: 1,
+      fn: compilation => {
+        this.addCustomAttributeToDynamicScriptTags(compilation.mainTemplate);
+      }
+    });
+  }
+
+}
+
+exports.CustomAttributePlugin = CustomAttributePlugin;
+
+function attributeSetTemplate(jsAttributes, variableName) {
+  let str = [];
+  Object.keys(jsAttributes).forEach(key => {
+    const val = jsAttributes[key];
+    str.push(`${variableName}.setAttribute(${JSON.stringify(key)}, ${JSON.stringify(val)});`);
+  });
+  console.log({
+    str
+  });
+  return str;
+}

package/lib/plugins/CustomAttributePlugin.md

@@ -0,0 +1,35 @@
+# CustomAttributePlugin
+ In this plugin we added all dynamic chunks tags (like js script tags , css script tags, i18n split script tags) to extra custom attribute
+
+## Options
+
+```json
+{
+  "name": "some",
+  "react-cli": {
+    "app": {
+      "customAttributes": {// this is the all options
+        "enable": false,
+        "attributes": null,
+        "jsAttributes": null,
+        "cssAttributes": null,
+        "i18nAttributes": null
+      }
+  }
+}
+```
+
+### enable   [Boolean]
+this decides is this plugin or feature needs to be enabled of not.
+
+
+### attributes   [Object] 
+It  was object of key value pairs Example Given Option {"data-app-name":"myapp"}  
+Then all dynamically (js script tags , css script tags, i18n split script tags) added tags via webpack 
+
+### jsAttributes   [Object] 
+same as [attributes] but only for js script tags
+### cssAttributes   [Object] 
+same as [attributes] but only for css script tags
+### i18nAttributes   [Object] 
+same as [attributes] but only for i18n split script tags

package/lib/plugins/EFCPlugin.js

@@ -0,0 +1,185 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _webpackSources = require("webpack-sources");
+
+var _utils = require("../utils");
+
+var _path = _interopRequireDefault(require("path"));
+
+var _getI18nFileUrlPathTemplate = require("./I18nSplitPlugin/utils/getI18nFileUrlPathTemplate");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
+const cliOptions = (0, _utils.getOptions)();
+const {
+  app: {
+    publicPaths
+  },
+  i18n: {
+    chunkSplitEnable
+  },
+  efc: efcOptios
+} = cliOptions;
+const {
+  createSDkFile
+} = efcOptios;
+
+class EFCPlugin {
+  constructor(options = {}) {
+    this.isDevelopment = options.isDevelopment;
+    this.serverUrl = options.serverUrl;
+    this.i18nFileNameTemplate = options.i18nFileNameTemplate; // this.i18nManifestFileName = options.i18nManifestFileName;
+
+    this.options = Object.assign({}, options); // this.options.i18nManifestFileName = options.i18nManifestFileName;
+
+    this.options.entryPointName = options.entryPointName || 'efc';
+    this.options.outputFile = efcOptios.outputFile.replace('[version]', efcOptios.version);
+    this.options.nameScope = options.nameScope || 'EFComponents';
+    this.options.localeAttr = options.localeAttr || 'efc-locale';
+  } // NOTE: this logic may be needed for contenthash cases
+  // getI18nManifest(compilation) {
+  //   const i18nManifestFile =
+  //     compilation.assets[this.options.i18nManifestFileName];
+  //   if (i18nManifestFile) {
+  //     const manifest = JSON.parse(i18nManifestFile.source());
+  //     return manifest;
+  //   }
+  //   return {};
+  // }
+
+
+  getI18nAssetsStr(entryPoint, compilation) {
+    if (!chunkSplitEnable) {
+      let i18nAsstes = {};
+      let i18nFiles = Object.keys(compilation.assets).filter(assert => assert.indexOf(`i18n${_path.default.sep}`) !== -1); //hook for i18n url contains i18n/ may cause problem
+
+      i18nAsstes = i18nFiles.reduce((res, i18nFilePath) => {
+        let fileName = i18nFilePath.replace(`i18n${_path.default.sep}`, '');
+        let splittedFileName = fileName.split('.');
+        res[splittedFileName[0]] = i18nFilePath;
+        return res;
+      }, {});
+      return `[${JSON.stringify(i18nAsstes)}[lang]]`;
+    }
+
+    let initalI18nAssets = entryPoint.chunks.map(chunk => (0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@'));
+    return `${JSON.stringify(initalI18nAssets)}.map(urlpath => urlpath.replace(/@locale@/g, lang))`;
+  }
+
+  createFileContent(compilation) {
+    const {
+      entryPointName,
+      localeAttr,
+      nameScope,
+      cdnVariableName = null
+    } = this.options;
+    const {
+      serverUrl
+    } = this; // const i18nManifest = this.getI18nManifest(compilation);
+
+    const entryPoint = compilation.entrypoints.get(entryPointName); // const chunk = compilation.namedChunks.get(entryPointName);
+
+    const [jsPath, cssPath,,, i18nJsPath] = !this.isDevelopment ? publicPaths : [];
+    const initialFiles = entryPoint.getFiles();
+    const filteredInitialFiles = initialFiles.filter(file => /\.(css|js)$/.test(file)); // const i18nAssets = getShortI18nAssets(
+    //   entryPoint.chunks,
+    //   i18nManifest,
+    //   i18nJsPath
+    // );
+
+    const initalI18nAssets = this.getI18nAssetsStr(entryPoint, compilation, i18nJsPath);
+    return `(() => {
+  let langEle = document.querySelector("[${localeAttr}]");
+  let lang = langEle ? langEle.getAttribute('${localeAttr}') : 'en_US';
+  let prod = !${this.isDevelopment};
+  let cdnVariableName = "${cdnVariableName}";
+  let assetURLs = {
+    //hook
+    js: ${JSON.stringify(jsPath || serverUrl)},
+    css: ${JSON.stringify(cssPath || serverUrl)},
+    i18n: ${JSON.stringify(i18nJsPath || serverUrl)}
+  };
+
+  window.desk_urls={}
+  window.desk_urls.staticDomain = 'https:' + assetURLs.js + '/';
+  if (prod && cdnVariableName) {
+    window["${cdnVariableName}"] = 'https:' + assetURLs.css + '/';
+  }
+
+  let initalI18nAssets = ${initalI18nAssets}.map(urlpath => "${i18nJsPath}/"+ urlpath);
+  let initialAssets = initalI18nAssets.concat(${JSON.stringify(filteredInitialFiles)});
+
+  let loadAsset = (id, type, url) => {
+    return new Promise((res, rej) => {
+      let el = document.createElement(type);
+      // el.id = id;
+      el.onload = res;
+      el.error = rej;
+      switch(type) {
+        case 'script':
+        case 'i18n':
+          el.src = (type === 'i18n'? assetURLs.i18n : assetURLs.js)+'/'+url
+          el.defer = 'defer';
+          document.body.appendChild(el);
+          break;
+        case 'link':
+          el.href = assetURLs.css+'/'+url
+          el.rel = 'stylesheet';
+          document.head.appendChild(el);
+          break;
+      }
+    });
+  };
+
+  let memorizedPromise = null;
+  ${nameScope}.onload = (cb, err) => {
+    if(!memorizedPromise) {
+      memorizedPromise = Promise.all(
+        initialAssets.map(
+          (url, index) => loadAsset(
+            "${nameScope}-" + (url.endsWith("js") ? "js" : "css")  +"-"+index,
+            url.endsWith("js") ? url.endsWith(".i18n.js") ? "i18n" : 'script' : 'link',
+            url
+          )
+        )
+      ).then(() => ${nameScope}.onBasicLoad(cb));
+    }
+    return memorizedPromise;
+  };
+
+  })();
+`;
+  }
+
+  apply(compiler) {
+    if (!createSDkFile) {
+      return;
+    }
+
+    compiler.hooks.emit.tap('EFCPlugin', compilation => {
+      const {
+        entryPointName,
+        outputFile
+      } = this.options;
+      const entryPoint = compilation.entrypoints.get(entryPointName);
+
+      if (!entryPoint) {
+        return;
+      }
+
+      const source = new _webpackSources.RawSource(this.createFileContent(compilation));
+      compilation.assets[outputFile] = source; // eslint-disable-next-line no-console
+
+      console.log('The EFC embedded code was created successfully..!!!');
+    });
+  }
+
+}
+
+exports.default = EFCPlugin;