@zohodesk/react-cli 0.0.1-exp.164.1 → 0.0.1-exp.166.2

package/lib/postcss-plugins/ValueReplacer.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _postcss = _interopRequireDefault(require("postcss"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// module.exports = postcss.plugin('postcss-value-replacer', opts => {
+//   const { plugins } = opts;
+//   return (root, result) => {
+//     const inputFile = root.source.input.file;
+//     let isIgnoredFile= opts.ignore.some(file => inputFile.indexOf(file)!==-1);
+//     if (!isIgnoredFile) {
+//       const handler = response =>
+//         response.messages.forEach(msg => result.messages.push(msg));
+//       return postcss(plugins)
+//         .process(root, { from: undefined })
+//         .then(handler);
+//     }
+//   };
+// });
+// export default 
+module.exports = _postcss.default.plugin('postcss-value-replacer', (valueReplacer = {}) => // Work with options here
+root => {
+  root.walkDecls(decl => {
+    valueReplacer.forEach(obj => {
+      if (obj.props.indexOf(decl.prop) !== -1) {
+        let ks = Object.keys(obj.values).sort((a, b) => b.length - a.length);
+        ks.forEach(k => {
+          decl.value = decl.value.replace(k, obj.values[k]);
+        }); //decl.value = obj.values[decl.value];
+      }
+    }); //console.log({root, roots:root+""}, root+"")
+    // Transform CSS AST here
+  }); // root.walkDecls(decl => {
+  //   valueReplacer.forEach(obj => {
+  //     if (
+  //       obj.props.indexOf(decl.prop) !== -1 &&
+  //       obj.values[decl.value] !== undefined
+  //     ) {
+  //       decl.value = obj.values[decl.value];
+  //     }
+  //   });
+  //   //console.log({root, roots:root+""}, root+"")
+  //   // Transform CSS AST here
+  // });
+});

package/lib/schemas/index.js

@@ -44,6 +44,17 @@ var _default = {
   },
   css: {
     enableRTLSplit: false,
+    valueReplacer: null,
+    //valueReplacer: [
+    //   {
+    //     props: ['font', 'font-family'],
+    //     values: {
+    //       'zdfonts-rCallBar': 'zdfonts-rCallBar01',
+    //       'zdfonts-rCall': 'zdfonts-rCallBar02'
+    //     }
+    //     // ,suffix: '0'
+    //   }
+    // ],
     templateLabel: '{{--dir}}',
     disableMiniFiySelector: false,
     dirVarName: 'document.dir'
@@ -246,6 +257,7 @@ var _default = {
       cli: 'css_unique'
     },
     folder: 'src',
+    disableES5Transpile: false,
     hasRTL: false,
     rtlExclude: [],
     cssHashSelectors: {

package/lib/servers/devBulid.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getPaths = getPaths;
+
+var _fs = _interopRequireDefault(require("fs"));
+
+var _path = _interopRequireDefault(require("path"));
+
+var _child_process = require("child_process");
+
+var _utils = require("../utils");
+
+var _getCliPath = require("./getCliPath");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const options = (0, _utils.getOptions)(); // const args = process.argv.slice(3);
+
+const {
+  app: {
+    outputFolder
+  }
+} = options;
+const {
+  cssSelectorZipPath
+} = options.impactService;
+const zipname = cssSelectorZipPath ? _path.default.parse(cssSelectorZipPath).name : null;
+
+const outputFolderLocation = _path.default.join(process.cwd(), outputFolder);
+
+function execSyncDefalut(command) {
+  console.log(' command running ==>', command);
+  return (0, _child_process.execSync)(command, {
+    stdio: 'inherit'
+  });
+}
+
+const isQuiet = 'q';
+const webpack = (0, _getCliPath.getCliPath)('webpack'); // console.log('webpack === > ', webpack, fs.existsSync(webpack));
+
+if (_fs.default.existsSync(outputFolderLocation)) {
+  execSyncDefalut(`rm -rf ${outputFolder}`);
+  console.log(`previous ${outputFolder} removed`);
+}
+
+if (_fs.default.existsSync(_path.default.join(process.cwd(), 'build.zip'))) {
+  execSyncDefalut('rm build.zip');
+  console.log('previous build.zip removed');
+} // execSyncDefalut(`${webpack  } --version`);
+// execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')}`);
+
+
+console.log('webpack compilation starts...');
+const startTime = Date.now(); // const result = spawnSync(
+//   webpack,
+//   ['--config', require.resolve('../configs/webpack.dev.config.js')].concat(
+//     args
+//   ),
+//   { stdio: 'inherit' }
+// );
+
+const result = execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')}`);
+result && console.log(result);
+
+if (result && result.stderr) {
+  throw result.stderr;
+}
+
+console.log(`compailation done in ${Date.now() - startTime}ms`);
+
+if (zipname) {
+  execSyncDefalut(`zip -r${isQuiet} build.zip ${outputFolder}/*`);
+  console.log('build.zip file created');
+  const result = execSyncDefalut(`zip -r${isQuiet} ${cssSelectorZipPath} ${zipname}/*`);
+  execSyncDefalut(`rm -rf ${zipname}`);
+
+  if (result && result.stderr) {
+    console.log('zip  file not  created', cssSelectorZipPath);
+    console.error(result.stderr);
+  } else {
+    console.log('zip  file  created', cssSelectorZipPath);
+  }
+} // npm run start --app:domain=tsi --impact:cssbountry="{$@&&@$}" --disable-watch --dev-cache --cssselector_zip=css-source-map.zip 
+// npm run start --app_domain=tsi --impact_cssbountry="{$@&&@$}" --disable-watch --dev-cache --cssselector_zip=css-source-map.zip 
+
+
+console.log(`compailation done in ${Date.now() - startTime}ms`);
+
+function getPaths() {
+  return {
+    zipname,
+    cssSelectorZipPath,
+    outputFolderLocation
+  };
+}

package/lib/servers/getCliPath.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCliPath = getCliPath;
+
+var _path = _interopRequireDefault(require("path"));
+
+var _os = require("os");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+let appPath = process.cwd();
+const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
+let isWindows = (0, _os.platform)().toLowerCase() === 'win32';
+
+const _getCliPath = !isNodeModuleUnderAppFolder ? libName => _path.default.join(__dirname, '..', '..', 'node_modules', '.bin', libName) : libName => libName;
+
+const suffixExt = isWindows ? '.cmd' : '';
+
+function getCliPath(libName) {
+  return _getCliPath(libName) + suffixExt;
+}

package/lib/servers/nowatchserver.js

@@ -1,25 +1,21 @@
 "use strict";
 
-var _fs = _interopRequireDefault(require("fs"));
-
 var _path = _interopRequireDefault(require("path"));
 
 var _https = _interopRequireDefault(require("https"));
 
-var _os = require("os");
-
 var _express = _interopRequireDefault(require("express"));
 
 var _ws = _interopRequireDefault(require("ws"));
 
-var _child_process = require("child_process");
-
 var _httpProxyMiddleware = require("http-proxy-middleware");
 
 var _utils = require("../utils");
 
 var _httpsOptions = require("./httpsOptions");
 
+var _devBulid = require("./devBulid");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // import webpack from 'webpack';
@@ -28,95 +24,25 @@ let options = (0, _utils.getOptions)(); // let args = process.argv.slice(3);
 let {
   app: {
     context,
-    server,
-    outputFolder
+    server
   }
 } = options;
 let {
   host,
   port,
   domain,
-  mode,
   disableContextURL,
   hasMock,
   mockPort
 } = server;
-let isCompatableHttp2 = Number(process.version.substr(1).split('.')[0]) >= 8;
+let isCompatableHttp2 = Number(process.version.slice(1).split('.')[0]) >= 8;
 let contextURL = disableContextURL ? '' : `/${context}`;
 let serverUrl = (0, _utils.getServerURL)(server, 'htt' + 'ps');
 const {
-  cssSelectorZipPath
-} = options.impactService;
-const zipname = cssSelectorZipPath ? _path.default.parse(cssSelectorZipPath).name : null;
-
-let outputFolderLocation = _path.default.join(process.cwd(), outputFolder);
-
-function execSyncDefalut(command) {
-  console.log(' command running ==>', command);
-  return (0, _child_process.execSync)(command, {
-    stdio: 'inherit'
-  });
-}
-
-let appPath = process.cwd();
-const isNodeModuleUnderAppFolder = __dirname.indexOf(appPath) !== -1;
-const isQuiet = 'q';
-let isWindows = (0, _os.platform)().toLowerCase() === 'win32';
-
-const _getCliPath = !isNodeModuleUnderAppFolder ? libName => _path.default.join(__dirname, '..', '..', 'node_modules', '.bin', libName) : libName => libName;
-
-const suffixExt = isWindows ? '.cmd' : '';
-
-function getCliPath(libName) {
-  return _getCliPath(libName) + suffixExt;
-}
-
-let webpack = getCliPath('webpack'); // console.log('webpack === > ', webpack, fs.existsSync(webpack));
-
-if (_fs.default.existsSync(outputFolderLocation)) {
-  execSyncDefalut(`rm -rf ${outputFolder}`);
-  console.log(`previous ${outputFolder} removed`);
-}
-
-if (_fs.default.existsSync(_path.default.join(process.cwd(), 'build.zip'))) {
-  execSyncDefalut('rm build.zip');
-  console.log('previous build.zip removed');
-} // execSyncDefalut(`${webpack  } --version`);
-// execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')}`);
-
-
-console.log('webpack compilation starts...');
-let startTime = Date.now(); // let result = spawnSync(
-//   webpack,
-//   ['--config', require.resolve('../configs/webpack.dev.config.js')].concat(
-//     args
-//   ),
-//   { stdio: 'inherit' }
-// );
-
-let result = execSyncDefalut(`${webpack} --config ${require.resolve('../configs/webpack.dev.config.js')}`);
-result && console.log(result);
-
-if (result && result.stderr) {
-  throw result.stderr;
-}
-
-console.log(`compailation done in ${Date.now() - startTime}ms`);
-
-if (zipname) {
-  execSyncDefalut(`zip -r${isQuiet} build.zip ${outputFolder}/*`);
-  console.log('build.zip file created');
-  let result = execSyncDefalut(`zip -r${isQuiet} ${cssSelectorZipPath} ${zipname}/*`);
-  execSyncDefalut(`rm -rf ${zipname}`);
-
-  if (result && result.stderr) {
-    console.log('zip  file not  created', cssSelectorZipPath);
-    console.error(result.stderr);
-  } else {
-    console.log('zip  file  created', cssSelectorZipPath);
-  }
-}
-
+  zipname,
+  cssSelectorZipPath,
+  outputFolderLocation
+} = (0, _devBulid.getPaths)();
 const app = (0, _express.default)();
 
 if (hasMock) {
@@ -271,5 +197,4 @@ app.listen(httpPort, err => {
     domain,
     port: httpPort
   }, 'ht' + 'tp')}${contextURL}/`);
-});
-console.log(`compailation done in ${Date.now() - startTime}ms`);
+});

package/lib/servers/server.js

@@ -99,9 +99,16 @@ app.use((0, _HMRMiddleware.default)(compiler, {
   path: '/sockjs-node/info'
 }));
 app.use((req, res, next) => {
-  res.setHeader('Access-Control-Allow-Origin', '*');
+  //console.log('origin', req.get('origin'));
+  res.setHeader('Access-Control-Allow-Origin', req.get('origin') || '*'); // res.setHeader('Access-Control-Allow-Origin', req.get('origin'));
+
+  res.setHeader('Access-Control-Allow-Private-Network', true);
+  res.setHeader('Access-Control-Allow-Credentials', true);
   next();
 }).use(`${contextURL}/fonts`, _express.default.static(`${context}/fonts`));
+app.options('/*', (req, res) => {
+  res.send('Ok');
+});
 app.use('/wms/*', (req, res) => {
   res.sendFile(_path.default.join(__dirname, '..', '..', 'templates', 'wms', 'index.html'));
 });
@@ -197,6 +204,6 @@ app.listen(httpPort, err => {
   (0, _utils.log)(`Listening at ${(0, _utils.getServerURL)({
     host,
     domain,
-    port: httpPort
+    port: port
   }, 'ht' + 'tp')}${contextURL}/`);
 });

package/lib/utils/rtl.js

@@ -18,7 +18,10 @@ let src = _path.default.join(cwd, process.argv[2]);
 
 let dist = _path.default.join(cwd, process.argv[3]);
 
-(0, _folderIterator.default)(src, dist, ['.css'], false, (fromPath, toPath) => {
+let canWacth = '-w' === process.argv[4];
+
+// import { useExitCleanup } from './useExitCleanup';
+function watchHandler(fromPath, toPath) {
   let css = _fs.default.readFileSync(fromPath);
 
   (0, _postcss.default)([(0, _postcssRtl.default)({
@@ -39,4 +42,18 @@ let dist = _path.default.join(cwd, process.argv[3]);
       _fs.default.writeFile(`${toPath}.map`, result.map, () => true);
     }
   });
-});
+}
+
+(0, _folderIterator.default)(src, dist, ['.css'], false, (fromPath, toPath) => {
+  if (canWacth && fromPath) {
+    _fs.default.watchFile(fromPath, () => {
+      watchHandler(fromPath, toPath);
+    });
+  }
+
+  watchHandler(fromPath, toPath);
+}); // if (canWacth) {
+//   useExitCleanup(() => {
+//     fs.unwatchFile(src, watchHandler);
+//   });
+// }

package/lib/utils/useExitCleanup.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useExitCleanup = useExitCleanup;
+//so the program will not close instantly
+let listeners = [];
+let hasCalled = false;
+
+function useExitCleanup(listener) {
+  if (!hasCalled) {
+    process.stdin.resume();
+    hasCalled = true;
+  }
+
+  listeners.push(listeners);
+  return () => {
+    listeners = listeners.filter(l => l !== listener);
+  };
+}
+
+function exitHandler(options, exitCode) {
+  if (options.cleanup) {
+    console.log('clean');
+  }
+
+  if (exitCode || exitCode === 0) {
+    console.log(exitCode);
+  }
+
+  if (options.exit) {
+    process.exit();
+  }
+} //do something when app is closing
+
+
+process.on('exit', exitHandler.bind(null, {
+  cleanup: true
+})); //catches ctrl+c event
+
+process.on('SIGINT', exitHandler.bind(null, {
+  exit: true
+})); // catches "kill pid" (for example: nodemon restart)
+
+process.on('SIGUSR1', exitHandler.bind(null, {
+  exit: true
+}));
+process.on('SIGUSR2', exitHandler.bind(null, {
+  exit: true
+})); //catches uncaught exceptions
+
+process.on('uncaughtException', exitHandler.bind(null, {
+  exit: true
+}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "0.0.1-exp.164.1",
+  "version": "0.0.1-exp.166.2",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",

package/lib/common/criteriaHandler.js

@@ -1,91 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.criteriaHandler = criteriaHandler;
-
-/*
-  root = {
-    a: 1
-    b: 0
-    op = "&"
-  }
-
-  rule = (1 & 2) | 0
-  root = {
-    a: {
-      a: 1
-      b: 2
-      op = "&"
-    }
-    b: 0
-    op = "|"
-  }
-
-   rule = (3 | !(1 & 2)) | 0
-  */
-function parseNumber(rule, _i) {
-  let i = _i;
-  let ans = 0;
-
-  while (/[0-9]/.test(rule[i])) {
-    ans = ans * 10 + Number(rule[i]);
-    i++;
-  }
-
-  return [i, ans];
-}
-
-function criteriaParser(rule, _i = 0) {
-  let openBarceCount = 0; // let root = {};
-
-  let cur = {};
-  let c;
-
-  for (let i = _i; i < rule.length; i++) {
-    c = rule[i];
-
-    if (/[0-9]/.test(c)) {
-      let [_i, num] = parseNumber(rule, i);
-      i = _i - 1;
-
-      if (cur.a === undefined) {
-        cur.a = num; // } else if (cur.b === undefined) {
-      } else {
-        cur.b = num; // if (cur.op && cur.a);
-        // } else {
-      }
-    } else if (/[|&]/.test(c)) {
-      if (cur.op) {
-        // if (cur.b === undefined && cur.op !== '!') {
-        //   throw `Error unexpected charector ${c} in index ${i}`;
-        // }
-        cur = {
-          a: cur,
-          op: c
-        };
-      } else {
-        cur.op = c;
-      }
-    } // if (c === '(' || c === ')') {
-    //   if (openBarceCount) {
-    //     openBarceCount++;
-    //   } else if (c === ')') {
-    //     openBarceCount--;
-    //     cur = { a, b, op };
-    //   }
-    // } else if (/[0-9]/.test(c)) {
-    // } else {
-    // }
-
-  }
-}
-
-function criteriaHandler(criterias, rule) {
-  if (/[(!)0-9&|]/.test(rule) === false) {
-    console.log('rule has  unexpexted charectors');
-  }
-
-  let root = criteriaParser(rule);
-}

package/lib/common/splitChunks1.js

@@ -1,95 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _path = _interopRequireDefault(require("path"));
-
-var _os = _interopRequireDefault(require("os"));
-
-var _utils = require("../utils");
-
-var _testPattern = require("./testPattern");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-let isWindows = _os.default.platform().toLowerCase() === 'win32';
-let ps = _path.default.sep;
-let options = (0, _utils.getOptions)();
-let {
-  app: {
-    vendorExclude,
-    customChunks,
-    vendorInclude
-  }
-} = options;
-
-let isVendor = function isVendor(module) {
-  let {
-    userRequest
-  } = module;
-  let excludeList = ['script-loader', 'raw-loader', 'react', 'react-dom'];
-  excludeList = [...excludeList, ...vendorExclude];
-  return userRequest && (vendorInclude.some(item => userRequest.indexOf(item) !== -1) || userRequest.indexOf('node_modules') >= 0 && userRequest.endsWith('.css') === false && userRequest.endsWith('publicPathConfig.js') === false && excludeList.every(item => userRequest.indexOf(`node_modules${ps}${item}${ps}`) === -1));
-};
-
-let isReact = module => {
-  let {
-    userRequest
-  } = module;
-  let reactBundle = ['react', 'react-dom'];
-  return userRequest && reactBundle.some(pkg => userRequest.indexOf(`node_modules${ps}${pkg}${ps}`) >= 0);
-};
-
-let defaultChunks = {
-  'react.vendor': {
-    name: 'react.vendor',
-    chunks: 'all',
-    minChunks: 1,
-    test: isReact,
-    priority: -10
-  },
-  vendor: {
-    name: 'vendor',
-    chunks: 'initial',
-    minChunks: 1,
-    test: isVendor,
-    priority: -10
-  }
-};
-let customChunksConfig = {};
-customChunks.map(({
-  name,
-  pattern,
-  size = 2,
-  rules,
-  chunks = 'all',
-  includeDepenency
-}, index) => customChunksConfig[name] = {
-  name,
-  test: rules ? m => {
-    let {
-      userRequest
-    } = m;
-    let pkgs = rules;
-
-    if (!Array.isArray(rules)) {
-      pkgs = [rules];
-    }
-
-    return pkgs.some(p => (0, _testPattern.isRelated)(userRequest, p)) || includeDepenency && (0, _testPattern.isDependency)(m, pkgs);
-  } : new RegExp(isWindows ? pattern.replace(/\//g, '\\') : pattern),
-  chunks,
-  enforce: true,
-  minChunks: size,
-  priority: -10 * (index + 2)
-});
-var _default = {
-  cacheGroups: Object.assign({
-    default: false,
-    vendors: false
-  }, defaultChunks, customChunksConfig)
-};
-exports.default = _default;