@zohodesk/react-cli 0.0.1-exp.160.3 → 0.0.1-exp.162.2

package/lib/plugins/EFCTemplatePlugin.js

@@ -0,0 +1,151 @@
+"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 _fs = require("fs");
+
+var _getI18nFileUrlPathTemplate = require("./I18nSplitPlugin/utils/getI18nFileUrlPathTemplate");
+
+var _I18nKeysIdentifer = _interopRequireDefault(require("./I18nSplitPlugin/I18nKeysIdentifer"));
+
+var _replaceCssDirTemplate = require("./RtlSplitPlugin/replaceCssDirTemplate");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// import { getShortI18nAssets } from './I18nSplitPlugin/utils/hashUtils';
+const cliOptions = (0, _utils.getOptions)();
+const {
+  i18n: {
+    chunkSplitEnable
+  },
+  css: {
+    enableRTLSplit
+  },
+  efc: efcOptios
+} = cliOptions;
+const {
+  createSDkFile
+} = efcOptios; // for smap relate changes
+// CdnChangePlugin
+// SourceMapHookPlugin
+
+class EFCTemplatePlugin {
+  constructor(options = {}) {
+    // console.log(' templateFilePath ', process.cwd(), options.templateFilePath, templateFilePath);
+    this.templateFilePath = _path.default.join(process.cwd(), options.templateFilePath); // console.log(' templateFilePath ', this.templateFilePath);
+
+    this.i18nFileNameTemplate = options.i18nFileNameTemplate;
+    this.publicPath = options.publicPath; // NOTE: this logic may be needed for i18n splited file name with contenthash cases
+    // this.i18nManifestFileName = options.i18nManifestFileName;
+    // IMPORTANT: here we mergeing optionds  from  pacakge.json  and options via constructor
+    // So when debugging consider this as well
+    // this.options = Object.assign({}, efcOptios, options);
+
+    this.entryPointName = options.entryPointName || 'efc';
+    this.outputFile = efcOptios.outputFile.replace('[version]', efcOptios.version);
+  } // NOTE: this logic may be needed for i18n splited file name with 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) {
+    // NOTE: we have used lang variable inside
+    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.filter(chunk => _I18nKeysIdentifer.default.isChunkHasI18n(chunk)).map(chunk => (0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@'));
+    return `${JSON.stringify(initalI18nAssets)}.map(urlpath => urlpath.replace(/@locale@/g, lang))`;
+  }
+
+  templateReplacer(entryPoint, compilation) {
+    const cssDirTemplate = '@dir@'; // const i18nManifest = this.getI18nManifest(compilation);
+
+    const initialFiles = entryPoint.getFiles();
+    const filteredInitialFiles = initialFiles.filter(file => /\.(css|js)$/.test(file));
+    const initialJsFiles = filteredInitialFiles.filter(file => /\.js$/.test(file));
+    let initialCssFiles = filteredInitialFiles.filter(file => /\.css$/.test(file));
+
+    if (enableRTLSplit) {
+      initialCssFiles = initialCssFiles.map(filePath => (0, _replaceCssDirTemplate.replaceCssDirTemplate)(filePath, cssDirTemplate));
+    } // const i18nAssets = getShortI18nAssets(
+    //   entryPoint.chunks,
+    //   i18nManifest,
+    //   '' // i18nJsPath
+    // );
+
+
+    const initalI18nAssets = this.getI18nAssetsStr(entryPoint, compilation, '' // i18nJsPath
+    );
+    let templateStr = (0, _fs.readFileSync)(this.templateFilePath).toString();
+    return templateStr.replace('((\'getInitalAssets\'))', `function getInitalAssets(assetsType, lang) {
+          if (assetsType === "js") {
+            return ${JSON.stringify(initialJsFiles)}
+          }
+          if (assetsType === "css") {
+            return ${JSON.stringify(initialCssFiles)}
+          }
+          if (assetsType === "i18n") {
+            return ${initalI18nAssets};
+          }
+          return  [];
+        }`).replace('((\'@dir@\'))', '\'@dir@\'').replace('((\'publicPath\'))', this.publicPath).replace('((\'@locale@\'))', '\'@locale@\'');
+  }
+
+  apply(compiler) {
+    if (!createSDkFile) {
+      return;
+    }
+
+    compiler.hooks.emit.tap('EFCTemplatePlugin', compilation => {
+      const {
+        entryPointName,
+        outputFile
+      } = this;
+      const entryPoint = compilation.entrypoints.get(entryPointName);
+
+      if (!entryPoint) {
+        return;
+      }
+
+      if (!(0, _fs.existsSync)(this.templateFilePath)) {
+        console.error(`EFC Template file not exists ${this.templateFilePath}`);
+        return;
+      }
+
+      const source = new _webpackSources.RawSource(this.templateReplacer(entryPoint, compilation));
+      compilation.assets[outputFile] = source; // console.log('EFCTemplatePlugin working');
+      // eslint-disable-next-line no-console
+
+      console.log('The EFC embedded code was created successfully..!!!');
+    });
+  }
+
+}
+
+exports.default = EFCTemplatePlugin;

package/lib/plugins/ManifestPlugin.js

@@ -21,6 +21,14 @@ let filenameParser = filename => {
   } = _path.default.parse(hashedName);
 
   let nameparts = name.split('.');
+
+  if (ext === '.css' && /^(rtl|ltr)$/.test(nameparts[nameparts.length - 1])) {
+    return {
+      name: nameparts.slice(0, nameparts.length - 2).join('.') + ext,
+      hashedName
+    };
+  }
+
   return {
     name: nameparts.slice(0, nameparts.length - 1).join('.') + ext,
     hashedName

package/lib/schemas/index.js

@@ -18,6 +18,12 @@ var _default = {
     value: null,
     cli: 'ssl_cert_url'
   },
+  preprocessor: {
+    runner: {
+      value: '',
+      cli: 'preprocessor'
+    }
+  },
   i18n: {
     chunkSplitEnable: {
       value: false,
@@ -42,11 +48,14 @@ var _default = {
     nameScope: 'ZOHODESK',
     version: 'default',
     outputFile: 'zohodesk-efc-sdk-[version].js',
+    templateFilePath: '',
     localeAttr: 'data-efc-locale',
     localeDefaultValue: 'en_US',
     localeStatement: null,
     cssDirAttr: 'data-efc-dir',
     cssDirDefaultValue: 'ltr',
+    cdnStatement: '',
+    // cdnStatement: "new URL(document.querySelector(\"script[src*='zohodesk-efc-sdk']\").src).origin",
     cssDirStatement: null
   },
   app: {

package/lib/utils/cssClassNameGenerate.js

@@ -40,6 +40,13 @@ var _default = (unique = true, {
   filenames,
   packages
 }, classNamePrefix) => (context, localIdentName, localName) => {
+  // NOTE:  in build macine we use date as folder path.
+  // So every time we create new build there is path will alway different
+  // in order to minmaze that problem we try in relative path;
+  // console.log('context.resourcePath', context.resourcePath, context);
+  // let contextResourcePath = context.resourcePath;
+  let relativePath = _path.default.relative(context.rootContext, context.resourcePath);
+
   if (context.resourcePath.endsWith('.plain.css')) {
     return localName;
   }
@@ -47,7 +54,7 @@ var _default = (unique = true, {
 
 
   if (unique) {
-    let h = (0, _getHash.default)(context.resourcePath + localName, 10);
+    let h = (0, _getHash.default)(`${relativePath}-${localName}`, 10);
     return `${classNamePrefix}${h}`;
   }
   /* old production mode end*/
@@ -60,7 +67,7 @@ var _default = (unique = true, {
   //let local = localName.toLowerCase()
 
   if (isSelectorPackage(context.resourcePath, packages) || filenames.indexOf(cleanFileName) !== -1) {
-    let h = (0, _getHash.default)(context.resourcePath + localName, 10);
+    let h = (0, _getHash.default)(`${relativePath}-${localName}`, 10);
     return `${classNamePrefix}${h}`;
   }
 

package/lib/utils/getCurrentBranch.js

@@ -22,7 +22,7 @@ var _default = (type = 'git', cwd = process.cwd()) => {
     });
   }
 
-  let [currentBranch] = results.output.filter(d => d);
+  let [currentBranch] = results && results.output ? results.output.filter(d => d) : [''];
   return currentBranch.replace(/(\r\n|\n|\r)/gm, '');
 };
 

package/lib/utils/getOptions.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _child_process = require("child_process");
+
 var _fs = _interopRequireDefault(require("fs"));
 
 var _path = _interopRequireDefault(require("path"));
@@ -13,6 +15,9 @@ var _schemas = _interopRequireDefault(require("../schemas"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+// import { argv } from 'process';
+let args = process.argv.slice(2); // console.log('argv', argv);
+
 const NPM_CONFIG_PREFIX = 'npm_config_'; // TODO: we have to do option parse logic little better
 // if user use react-cli stritly without using npm scripts options won't work,
 //  So  we have to write our own option parse logic or some other library
@@ -37,6 +42,51 @@ keysWithColon.forEach(key => {
   processEnv[nkey] = processEnv[key];
 });
 
+function getNpmVersion() {
+  // require("child_process").
+  let vers = '6';
+
+  try {
+    [vers] = (0, _child_process.execSync)('npm -v').toString().trim().split('.');
+  } catch (error) {
+    console.log(error);
+  }
+
+  return vers;
+}
+
+function getCWD() {
+  // require("child_process").
+  let cwd = process.cwd();
+
+  try {
+    let ress = (0, _child_process.execSync)('npm bin').toString();
+    let i = ress.lastIndexOf('node_modules');
+    cwd = i === -1 ? cwd : ress.slice(0, ress.lastIndexOf('node_modules'));
+  } catch (error) {
+    console.log(error);
+  }
+
+  return cwd;
+}
+
+args.forEach(option => {
+  if (/^--./.test(option)) {
+    let equIndex = option.indexOf('='); // equIndex = equIndex === -1 ? option.length : equIndex;
+
+    let key = option.slice(2, equIndex);
+    let value = option.slice(equIndex + 1);
+
+    if (equIndex === -1) {
+      key = option.slice(2);
+      value = true;
+    }
+
+    key = key.replace(/-/g, '_').replace(/:/g, '_');
+    processEnv[key] = value;
+  }
+});
+
 let defaulter = (target, source) => {
   let defaultObject = {};
   Object.keys(target).forEach(key => {
@@ -88,6 +138,8 @@ let getOptions = () => {
   }
 
   let options = defaulter(_schemas.default, userSchemas || {});
+  options.npmVersion = getNpmVersion();
+  options.cwd = getCWD();
   options.packageVersion = process.env.npm_package_version;
   global.reactCLIOptions = options;
   return options;

package/lib/utils/jsonHelper.js

@@ -39,15 +39,14 @@ let fileHandler = {
     }
   },
   writeFile: (path, data) => {
-    let jsonStr = JSON.stringify(data);
-    fs.writeFileSync(path, jsonStr);
-    return jsonStr;
+    fs.writeFileSync(path, JSON.stringify(data));
+    return JSON.stringify(data);
   }
 };
 exports.fileHandler = fileHandler;
 
 let jsonConcate = (receiverObj, senterObj) => {
-  Object.keys(senterObj).forEach(key => {
+  Object.keys(senterObj).map(key => {
     if (Object.prototype.hasOwnProperty.call(receiverObj, key)) {
       if (receiverObj[key].constructor === {}.constructor && senterObj[key].constructor === {}.constructor) {
         jsonConcate(receiverObj[key], senterObj[key]);
@@ -59,6 +58,8 @@ let jsonConcate = (receiverObj, senterObj) => {
     } else {
       receiverObj[key] = senterObj[key];
     }
+
+    return key;
   });
   return receiverObj;
 };
@@ -72,10 +73,12 @@ let jsonHelper = (path, pathArray, value) => {
     pathArray = pathArray.split('.'); //eslint-disable-line no-param-reassign
   }
 
-  pathArray.slice(0).reverse().forEach(key => {
+  pathArray.slice(0).reverse().map(key => {
     tempObj = {};
     tempObj[key] = value;
     value = tempObj; // eslint-disable-line no-param-reassign
+
+    return key;
   });
   let overAllObj = jsonConcate(JSON.parse(fileHandler.readFile(path)), tempObj);
   fileHandler.writeFile(path, overAllObj);