@zohodesk/react-cli 0.0.1-exp.160.1 → 0.0.1-exp.161.2

package/lib/plugins/I18nSplitPlugin/index.js

@@ -21,23 +21,23 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // #region initial
 
-/**
- * @TODO:
- *  [?] add comment line options for properties file and get all keys form property file do right way to genarate them
- *  [?] need to discuss with collectI18n Keys with js comment need to conform "what is the comment? "
+/**
+ * @TODO:
+ *  [?] add comment line options for properties file and get all keys form property file do right way to genarate them
+ *  [?] need to discuss with collectI18n Keys with js comment need to conform "what is the comment? "
  */
 
-/**
- * Notes: this plugin has done below works
- *  1. collect I18n Keys from js files and make it as Depenencies
- *  2. we create file(asset) for chunk specific i18nChunk Files
- *  3. create hash for the specific i18nChunk Files
- *  4. write logic to requireEnsure method for dowlod I18n chunk download dynamicaly
- *  5. create manifest.json file which has the mapping of  chunk-locales-i18nChunkFile
- *       for the external referrece.
- * Hints :-
- *   - file  means your machine files
- *   - asset means that also  file but that will create by webpack after build
+/**
+ * Notes: this plugin has done below works
+ *  1. collect I18n Keys from js files and make it as Depenencies
+ *  2. we create file(asset) for chunk specific i18nChunk Files
+ *  3. create hash for the specific i18nChunk Files
+ *  4. write logic to requireEnsure method for dowlod I18n chunk download dynamicaly
+ *  5. create manifest.json file which has the mapping of  chunk-locales-i18nChunkFile
+ *       for the external referrece.
+ * Hints :-
+ *   - file  means your machine files
+ *   - asset means that also  file but that will create by webpack after build
  */
 // const getI18nLocales = require('./utils/getI18nLocales');
 // const { ConcatSource, SourceMapSource, OriginalSource } = sources;
@@ -49,16 +49,16 @@ const MODULE_TYPE = 'json/i18n';
 const i18ntype = locale => `${MODULE_TYPE}/${locale}`;
 
 const pluginName = 'i18n-plugin';
-/**
- * @typedef I18nPluginOptions
- * @property {String} filenameTemplate this was template for i18n chunk
- * @property {String} jsResource this was path for jsResource i18n file
- * @property {String} propertiesFolder this was path for propertiesFolder i18n file
- * @property {Boolean} disableDefault this option for disable defulat value  for i18n keys, means if the language file does not have some key we don't give jsResource value
- * @property {String} i18nManifestFileName this was ouput path for i18n manifest.
- * @property {String} jsonpFunc this was function name, we will  call  that function everytime i18n chunk download.
- * @property {String} localeVarName this was variable name, we will call that function everytime i18n chunk download.
- * 
+/**
+ * @typedef I18nPluginOptions
+ * @property {String} filenameTemplate this was template for i18n chunk
+ * @property {String} jsResource this was path for jsResource i18n file
+ * @property {String} propertiesFolder this was path for propertiesFolder i18n file
+ * @property {Boolean} disableDefault this option for disable defulat value  for i18n keys, means if the language file does not have some key we don't give jsResource value
+ * @property {String} i18nManifestFileName this was ouput path for i18n manifest.
+ * @property {String} jsonpFunc this was function name, we will  call  that function everytime i18n chunk download.
+ * @property {String} localeVarName this was variable name, we will call that function everytime i18n chunk download.
+ * 
  */
 
 class I18nPlugin {
@@ -104,13 +104,13 @@ class I18nPlugin {
   }
 
   maintainHashForAllI18nAssets(compilation) {
-    /**
-     * we write chunkHash logic inside of our plugin Because we only add Dependency not Module.
-     *  So we need to update chunkHash for our assets
-     *  and we not able tell with just Modules.
-     *  Because, if we add Module for the Depenentcy then that module must has some hash.
-     *  But our I18n Hash is no module specific it was chunk specific,
-     *  that's why we do the stuf in the chunkHash hook.
+    /**
+     * we write chunkHash logic inside of our plugin Because we only add Dependency not Module.
+     *  So we need to update chunkHash for our assets
+     *  and we not able tell with just Modules.
+     *  Because, if we add Module for the Depenentcy then that module must has some hash.
+     *  But our I18n Hash is no module specific it was chunk specific,
+     *  that's why we do the stuf in the chunkHash hook.
      */
     compilation.hooks.chunkHash.tap(pluginName, (chunk, chunkHash) => {
       const {
@@ -154,31 +154,31 @@ class I18nPlugin {
   }
 
 }
-/*
-        // TODO:  need to reimplement this logic
-        // NOTE:  this logic for split all content hash per mani chunk
-        // like add chunk content hash to  main locale i18n file
-
-        // let isEntry = chunk.name === this.options.mainChunkName;
-        // if (chunk.name === 'main' && chunk.hasEntryModule()) {
-        if (isEntry) {
-          const hashSource = new ConcatSource();
-        const dummyChunk = new chunk.constructor();
-          hashSource.add('// it wil be I18N file hash');
-          const templateHooks = compilation.chunkTemplate.hooks;
-          let c = templateHooks.render.call(
-            templateHooks.module.call(
-              hashSource,
-              dummyChunk,
-              compilation.moduleTemplate.javascript,
-              compilation.dependencyTemplates
-            ),
-            dummyChunk,
-            compilation.moduleTemplate.javascript,
-            compilation.dependencyTemplates
-          );
-          console.log('entry, ', c, hashSource.toString());
-        }
+/*
+        // TODO:  need to reimplement this logic
+        // NOTE:  this logic for split all content hash per mani chunk
+        // like add chunk content hash to  main locale i18n file
+
+        // let isEntry = chunk.name === this.options.mainChunkName;
+        // if (chunk.name === 'main' && chunk.hasEntryModule()) {
+        if (isEntry) {
+          const hashSource = new ConcatSource();
+        const dummyChunk = new chunk.constructor();
+          hashSource.add('// it wil be I18N file hash');
+          const templateHooks = compilation.chunkTemplate.hooks;
+          let c = templateHooks.render.call(
+            templateHooks.module.call(
+              hashSource,
+              dummyChunk,
+              compilation.moduleTemplate.javascript,
+              compilation.dependencyTemplates
+            ),
+            dummyChunk,
+            compilation.moduleTemplate.javascript,
+            compilation.dependencyTemplates
+          );
+          console.log('entry, ', c, hashSource.toString());
+        }
         */
 
 

package/lib/plugins/I18nSplitPlugin/utils/hashUtils.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hasContentHash = hasContentHash;
-exports.getShortI18nAssets = getShortI18nAssets;
 exports.REGEXP_CONTENTHASH = void 0;
+exports.getShortI18nAssets = getShortI18nAssets;
+exports.hasContentHash = hasContentHash;
 
 var _urlConcat = require("../../../utils/urlConcat");
 

package/lib/plugins/I18nSplitPlugin/utils/propertiesUtils.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getPropertiesAsJSON = getPropertiesAsJSON;
 exports.getAllI18n = getAllI18n;
+exports.getPropertiesAsJSON = getPropertiesAsJSON;
 exports.jsonToString = jsonToString;
 
 var _fs = require("fs");

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/plugins/ResourceHintsPlugin.js

@@ -33,25 +33,25 @@ class ResourceHintsPlugin {
         }
 
         return Template.asString([source, '', `${mainTemplate.requireFn}.getChunkId = function getChunkId(chunkId) {`, Template.indent((needsMap ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`] : []).concat(['return chunkId;'])), '}', `// Prefetch a chunk (${pluginName})`, `${mainTemplate.requireFn}.pfc = function prefetchChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkId(chunkId)`, `${mainTemplate.requireFn}.e(chunkId);`]), '};',
-        /*
-          (needsMap
-            ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`]
-            : []
-          ).concat([
-            'var promises = [];',
-            'if(installedChunks[chunkId] === undefined) {',
-            Template.indent([
-              'installedChunks[chunkId] = null;',
-              /* mainTemplate.hooks.linkPrefetch.call('', chunk, hash),
+        /*
+          (needsMap
+            ? [`chunkId = ${JSON.stringify(nameIdMap)}[chunkId]||chunkId;`]
+            : []
+          ).concat([
+            'var promises = [];',
+            'if(installedChunks[chunkId] === undefined) {',
+            Template.indent([
+              'installedChunks[chunkId] = null;',
+              /* mainTemplate.hooks.linkPrefetch.call('', chunk, hash),
               'document.head.appendChild(link);', */
 
-        /*
-              mainTemplate.hooks.requireEnsure.call('', chunk, hash)
-            ]),
-            '}'
-          ])
-        ),
-        '}',
+        /*
+              mainTemplate.hooks.requireEnsure.call('', chunk, hash)
+            ]),
+            '}'
+          ])
+        ),
+        '}',
         */
         `// Preload a chunk (${pluginName})`, `${mainTemplate.requireFn}.plc = function preloadChunk(chunkId) {`, Template.indent([`chunkId = ${mainTemplate.requireFn}.getChunkId(chunkId)`, 'if(installedChunks[chunkId] === undefined) {', Template.indent(['installedChunks[chunkId] = null;', mainTemplate.hooks.linkPreload.call('', chunk, hash), 'document.head.appendChild(link);', `${mainTemplate.requireFn}.e(chunkId);` // 'var head = document.getElementsByTagName(\'head\')[0];',
         // mainTemplate.hooks.jsonpScript.call('', chunk, hash),

package/lib/plugins/RtlSplitPlugin/RtlCssPlugin.js

@@ -24,12 +24,12 @@ const isCss = filename => _path.default.extname(filename) === '.css'; // this  p
 
 class RtlCssPlugin {
   constructor(options = {}) {
-    /**
-     * @typedef {Object} Options
-     * @property  {String} filename [not used]
-     * @property  {String} dirVarName
-     * @property  {Boolean} sourcemap
-     * @property  {Object} config
+    /**
+     * @typedef {Object} Options
+     * @property  {String} filename [not used]
+     * @property  {String} dirVarName
+     * @property  {Boolean} sourcemap
+     * @property  {Object} config
      */
     this.options = {
       filename: options.filename || '[name].rtl.css',

package/lib/plugins/RtlSplitPlugin/RtrSplit.md

@@ -1,30 +1,30 @@
-# RTL Split 
-
-we are doing in build time generating  rtl related css code  by using @zohodesk/postcss-rt npm.
-It was automated, That postcss plugin create rtl reacted css and put them into same file, with css selector [dir=rtl] and ltr realted css with [dir=ltr].
-Here is problem mostly no one need rtl and ltr related css at the same time in browser, 
-we are try to split them  by [dir] and load which type of css is needed.
-For this purpose  we created RTL Split Plugin 
-
-
-# To Try it  out  rtl-ltr split
-### how to use this feature?
-
-  to use this feature use have give the below oprtions
-  `package.json`
-  ```json
-  {
-    /// ...some things
-    "react-cli": {
-      //  ...some things
-      "css": {
-        "enableRTLSplit": true,
-        "templateLabel": "{{--dir}}",// this is for html template css file path dir template
-        "disableMiniFiySelector": false,
-        "dirVarName": "document.dir" // this will be used for download css based on dir  
-      },
-      //  ...some things
-    }
-  }
-  ```
-
+# RTL Split 
+
+we are doing in build time generating  rtl related css code  by using @zohodesk/postcss-rt npm.
+It was automated, That postcss plugin create rtl reacted css and put them into same file, with css selector [dir=rtl] and ltr realted css with [dir=ltr].
+Here is problem mostly no one need rtl and ltr related css at the same time in browser, 
+we are try to split them  by [dir] and load which type of css is needed.
+For this purpose  we created RTL Split Plugin 
+
+
+# To Try it  out  rtl-ltr split
+### how to use this feature?
+
+  to use this feature use have give the below oprtions
+  `package.json`
+  ```json
+  {
+    /// ...some things
+    "react-cli": {
+      //  ...some things
+      "css": {
+        "enableRTLSplit": true,
+        "templateLabel": "{{--dir}}",// this is for html template css file path dir template
+        "disableMiniFiySelector": false,
+        "dirVarName": "document.dir" // this will be used for download css based on dir  
+      },
+      //  ...some things
+    }
+  }
+  ```
+

package/lib/plugins/ServiceWorkerPlugin.js

@@ -51,11 +51,11 @@ class ServiceWorkerPlugin {
         if (err) {
           throw new Error(err);
         } else {
-          /* const extractedChunks = compilation.chunks.filter(chunk => {
-            if ('canBeInitial' in chunk) {
-              return chunk.canBeInitial();
-            }
-            return chunk.isInitial();
+          /* const extractedChunks = compilation.chunks.filter(chunk => {
+            if ('canBeInitial' in chunk) {
+              return chunk.canBeInitial();
+            }
+            return chunk.isInitial();
           }); */
           // let [js, css, , , i18nPublicPath] = this.publicPaths;
           // let initialChunkUrls = [];
@@ -64,10 +64,10 @@ class ServiceWorkerPlugin {
           let entrypoint = compilation.entrypoints.get('main');
           let initialChunkUrls = entrypoint.getFiles();
           const cssDirTemplate = '@dir@';
-          /**
-           * NOTE:
-           *  if chunkSplitEnable is false means,
-           *    serviceWorker will get i18n files path for html
+          /**
+           * NOTE:
+           *  if chunkSplitEnable is false means,
+           *    serviceWorker will get i18n files path for html
            */
 
           let initalI18nAssets = chunkSplitEnable ? entrypoint.chunks.filter(chunk => _I18nKeysIdentifer.default.isChunkHasI18n(chunk)).map(chunk => (0, _getI18nFileUrlPathTemplate.getI18nFileUrlPathTemplate)(compilation, chunk, this.i18nFileNameTemplate, '@locale@')) : [];

package/lib/plugins/TPHashMappingPlugin.js

@@ -15,10 +15,10 @@ var _crypto = _interopRequireDefault(require("crypto"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/**
- * Plugin that generates hash for the provided list of third party files
- * Map the provided key with the file hash and add it to the list of exisiting global constants.
- * Plugin in turn uses the defineplugin to generate global constants. 
+/**
+ * Plugin that generates hash for the provided list of third party files
+ * Map the provided key with the file hash and add it to the list of exisiting global constants.
+ * Plugin in turn uses the defineplugin to generate global constants. 
  */
 class TPHashMappingPlugin {
   constructor(options) {

package/lib/plugins/index.js

@@ -3,88 +3,82 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ModuleStatsPlugin", {
-  enumerable: true,
-  get: function () {
-    return _ModuleStatsPlugin.default;
-  }
-});
-Object.defineProperty(exports, "SourceMapHookPlugin", {
+Object.defineProperty(exports, "CdnChangePlugin", {
   enumerable: true,
   get: function () {
-    return _SourceMapHookPlugin.default;
+    return _CdnChangePlugin.default;
   }
 });
-Object.defineProperty(exports, "UnusedFilesFindPlugin", {
+Object.defineProperty(exports, "CleanUpStatsPlugin", {
   enumerable: true,
   get: function () {
-    return _UnusedFilesFindPlugin.default;
+    return _CleanupStatsPlugin.default;
   }
 });
-Object.defineProperty(exports, "ScriptInstrumentPlugin", {
+Object.defineProperty(exports, "EFCPlugin", {
   enumerable: true,
   get: function () {
-    return _ScriptInstrumentPlugin.default;
+    return _EFCPlugin.default;
   }
 });
-Object.defineProperty(exports, "PublicPathChangePlugin", {
+Object.defineProperty(exports, "I18NInjectIntoIndexPlugin", {
   enumerable: true,
   get: function () {
-    return _PublicPathChangePlugin.default;
+    return _I18NInjectIntoIndexPlugin.default;
   }
 });
-Object.defineProperty(exports, "OptimizeJSPlugin", {
+Object.defineProperty(exports, "ManifestPlugin", {
   enumerable: true,
   get: function () {
-    return _OptimizeJSPlugin.default;
+    return _ManifestPlugin.default;
   }
 });
-Object.defineProperty(exports, "ResourceHintsPlugin", {
+Object.defineProperty(exports, "ModuleStatsPlugin", {
   enumerable: true,
   get: function () {
-    return _ResourceHintsPlugin.default;
+    return _ModuleStatsPlugin.default;
   }
 });
-Object.defineProperty(exports, "UglifyCSSPlugin", {
+Object.defineProperty(exports, "OptimizeJSPlugin", {
   enumerable: true,
   get: function () {
-    return _UglifyCSSPlugin.default;
+    return _OptimizeJSPlugin.default;
   }
 });
-Object.defineProperty(exports, "ManifestPlugin", {
+Object.defineProperty(exports, "PublicPathCallbackPlugin", {
   enumerable: true,
   get: function () {
-    return _ManifestPlugin.default;
+    return _PublicPathCallbackPlugin.default;
   }
 });
-Object.defineProperty(exports, "CleanUpStatsPlugin", {
+Object.defineProperty(exports, "PublicPathChangePlugin", {
   enumerable: true,
   get: function () {
-    return _CleanupStatsPlugin.default;
+    return _PublicPathChangePlugin.default;
   }
 });
-Object.defineProperty(exports, "EFCPlugin", {
+Object.defineProperty(exports, "ReportGeneratePlugin", {
   enumerable: true,
   get: function () {
-    return _EFCPlugin.default;
+    return _ReportGeneratePlugin.default;
   }
 });
-Object.defineProperty(exports, "PublicPathCallbackPlugin", {
+Object.defineProperty(exports, "ResourceHintsPlugin", {
   enumerable: true,
   get: function () {
-    return _PublicPathCallbackPlugin.default;
+    return _ResourceHintsPlugin.default;
   }
 });
-Object.defineProperty(exports, "I18NInjectIntoIndexPlugin", {
+Object.defineProperty(exports, "ScriptInstrumentPlugin", {
   enumerable: true,
   get: function () {
-    return _I18NInjectIntoIndexPlugin.default;
+    return _ScriptInstrumentPlugin.default;
   }
 });
-Object.defineProperty(exports, "ReportGeneratePlugin", {
+Object.defineProperty(exports, "ServiceWorkerPlugin", {
   enumerable: true,
   get: function () {
-    return _ReportGeneratePlugin.default;
+    return _ServiceWorkerPlugin.default;
   }
 });
 Object.defineProperty(exports, "ShadowDOMSupportPlugin", {
@@ -93,10 +87,10 @@ Object.defineProperty(exports, "ShadowDOMSupportPlugin", {
     return _ShadowDOMSupportPlugin.default;
   }
 });
-Object.defineProperty(exports, "ServiceWorkerPlugin", {
+Object.defineProperty(exports, "SourceMapHookPlugin", {
   enumerable: true,
   get: function () {
-    return _ServiceWorkerPlugin.default;
+    return _SourceMapHookPlugin.default;
   }
 });
 Object.defineProperty(exports, "TPHashMappingPlugin", {
@@ -105,10 +99,16 @@ Object.defineProperty(exports, "TPHashMappingPlugin", {
     return _TPHashMappingPlugin.default;
   }
 });
-Object.defineProperty(exports, "CdnChangePlugin", {
+Object.defineProperty(exports, "UglifyCSSPlugin", {
   enumerable: true,
   get: function () {
-    return _CdnChangePlugin.default;
+    return _UglifyCSSPlugin.default;
+  }
+});
+Object.defineProperty(exports, "UnusedFilesFindPlugin", {
+  enumerable: true,
+  get: function () {
+    return _UnusedFilesFindPlugin.default;
   }
 });
 

package/lib/postcss-plugins/RTLSplitPlugin.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.separateSingleDir = separateSingleDir;
 exports.separateRtlAndLtr = separateRtlAndLtr;
+exports.separateSingleDir = separateSingleDir;
 
 var postcss = _interopRequireWildcard(require("postcss"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 const oppositeDir = {
   ltr: 'rtl',
@@ -38,11 +38,11 @@ function selectorMinifySameDir(selector, direction) {
   const regex = getRegex(direction);
   return selector.replace(regex, '').trim();
 }
-/**
- * this funtion will remove given rule,
- *  if given selector and it's previous sibiling rule selector  are same
- * current rule properties will move to previous sibiling rule.
- * @param {Rule} rule current rule
+/**
+ * this funtion will remove given rule,
+ *  if given selector and it's previous sibiling rule selector  are same
+ * current rule properties will move to previous sibiling rule.
+ * @param {Rule} rule current rule
  */
 
 
@@ -57,11 +57,11 @@ function mergeIfSameSelector(rule) {
     rule.remove();
   }
 }
-/**
- * this funtion will remove given rule,
- *  if given selector and it's previous sibiling rule selector  are same
- * current rule properties will move to previous sibiling rule.
- * @param {Rule} rule current rule
+/**
+ * this funtion will remove given rule,
+ *  if given selector and it's previous sibiling rule selector  are same
+ * current rule properties will move to previous sibiling rule.
+ * @param {Rule} rule current rule
  */
 
 

package/lib/schemas/index.js

@@ -42,11 +42,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/sh/pre-commit.sh

@@ -1,34 +1,34 @@
-#!/bin/sh
-
-STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep -E "\.(js)$") # Get staged files
-
-CURRENT_BRANCH=$(git branch | sed -n -e 's/^\* \(.*\)/\1/p') # Get branch name
-
-echo "Branch Name - $CURRENT_BRANCH"
-
-if [[ "$STAGED_FILES" = "" ]]; then
-  exit 0
-fi
-
-IS_FAILED=false
-FILES=""
-
-for FILE in $STAGED_FILES # Add files with space separation
-do
-	FILES+="$FILE "
-done
-
-npm run lint --prefix ${PREFIX_PATH} $FILES # Run ESLint
-
-if [[ "$?" != 0 ]]; then
-	IS_FAILED=true
-fi
-
-if $IS_FAILED; then
-  echo "\033[41mCOMMIT FAILED:\033[0m Your commit contains files that should pass ESLint but do not. Please fix the ESLint errors and try again.\n"
-  exit 1
-else
-  echo "\033[42mCOMMIT SUCCEEDED\033[0m\n"
-fi
-
-exit $?
+#!/bin/sh
+
+STAGED_FILES=$(git diff --cached --name-only --diff-filter=ACM | grep -E "\.(js)$") # Get staged files
+
+CURRENT_BRANCH=$(git branch | sed -n -e 's/^\* \(.*\)/\1/p') # Get branch name
+
+echo "Branch Name - $CURRENT_BRANCH"
+
+if [[ "$STAGED_FILES" = "" ]]; then
+  exit 0
+fi
+
+IS_FAILED=false
+FILES=""
+
+for FILE in $STAGED_FILES # Add files with space separation
+do
+	FILES+="$FILE "
+done
+
+npm run lint --prefix ${PREFIX_PATH} $FILES # Run ESLint
+
+if [[ "$?" != 0 ]]; then
+	IS_FAILED=true
+fi
+
+if $IS_FAILED; then
+  echo "\033[41mCOMMIT FAILED:\033[0m Your commit contains files that should pass ESLint but do not. Please fix the ESLint errors and try again.\n"
+  exit 1
+else
+  echo "\033[42mCOMMIT SUCCEEDED\033[0m\n"
+fi
+
+exit $?