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

package/README.md

@@ -2,6 +2,14 @@
 
 A CLI tool for build modern web application and libraries
 
+# 0.0.1-exp.166.2
+
+Changes:-
+
+- `-w` option (watch option) added for `react-cli rtl`
+  - Example `react-cli rtl ./src ./lib -w`
+- disableES5Transpile option libAlias added for docs
+
 # 0.0.1-exp.166.1
 
 Changes:-

package/lib/configs/webpack.docs.config.js

@@ -16,6 +16,7 @@ let options = (0, _utils.getOptions)();
 let {
   docs: {
     componentFolder,
+    disableES5Transpile,
     cssUniqueness,
     hasRTL,
     rtlExclude,
@@ -23,8 +24,7 @@ let {
     classNamePrefix
   },
   app: {
-    folder,
-    disableES5Transpile
+    folder
   }
 } = options;
 let appPath = process.cwd();

package/lib/schemas/index.js

@@ -257,6 +257,7 @@ var _default = {
       cli: 'css_unique'
     },
     folder: 'src',
+    disableES5Transpile: false,
     hasRTL: false,
     rtlExclude: [],
     cssHashSelectors: {

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.166.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",