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

package/lib/servers/server.js

@@ -69,7 +69,8 @@ if (mode === 'prod') {
   config = require('../configs/webpack.dev.config');
 } else {
   throw new Error('You must configure valid option in mode');
-}
+} // console.log({ contextURL });
+
 
 let compiler = (0, _webpack.default)(config);
 let webpackServerOptions = {
@@ -144,15 +145,22 @@ app.post('/wmsmockapi', (req, res) => {
   res.send('success');
 });
 let webpackCompilation;
+let initalHTML;
 compiler.hooks.afterCompile.tap('ReactCLI', compilation => {
   webpackCompilation = compilation;
 });
+compiler.hooks.done.tap('ReactCLI', () => {
+  const indexHtml = webpackCompilation.assets['index.html'];
+
+  if (indexHtml) {
+    initalHTML = indexHtml.source();
+  }
+});
 
 if (contextURL) {
   app.use(contextURL, _express.default.static(context));
   app.use(`${contextURL}/*`, (req, res) => {
-    let indexHtml = webpackCompilation.assets['index.html'];
-    res.send(indexHtml && indexHtml.source());
+    res.send(initalHTML);
   });
 } else {
   app.use(_express.default.static(context));

package/lib/utils/repoClone.js

@@ -28,6 +28,7 @@ let {
     branch,
     revision,
     projectName,
+    shallowClone,
     cacheDir,
     remoteName,
     shouldDelete
@@ -73,9 +74,11 @@ let cloneRepo = () => {
     }
   }
 
-  (0, _index.log)(`Going to clone ${url} repo to ${cacheDir} path`); // this is for some time error will because of hg or git so we addid error log for this 
+  (0, _index.log)(`Going to clone ${url} repo to ${cacheDir} path`); // this is for some time error will because of hg or git so we addid error log for this
 
-  spawnSyncWithErrorLog(type, ['clone', url, revisionOrBranch, projectName], {
+  let oargs = ['clone', url, revisionOrBranch, projectName];
+  type === 'git' && shallowClone && oargs.push('--depth=1');
+  spawnSyncWithErrorLog(type, oargs, {
     cwd: cacheDir,
     stdio: 'inherit'
   });

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.167.1",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -10,6 +10,7 @@
     "build": "babel src -d lib --copy-files",
     "prepare": "npm run clean && npm run build",
     "lint": "eslint src ./bin/cli.js",
+    "postpublish": "node postpublish.js",
     "expublish": "npm publish --tag experimental-version"
   },
   "engines": {

package/postpublish.js

@@ -0,0 +1,6 @@
+const { execSync } = require('child_process');
+const { version } = require('./package.json');
+console.log(`going to add git tag...  v${version}`);
+
+execSync(`git tag -a v${version}`, { stdio: 'inherit' });
+execSync(`git push origin v${version}`, { stdio: 'inherit' });

package/templates/docs/css/style.css

@@ -660,8 +660,8 @@ section {
   flex: 1;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
   word-wrap: normal;
+  word-break: break-word;
   border-right: 1px solid #ebedf0;
   padding: 16px 24px;
   text-align: left;

package/templates/docs/index.html

@@ -438,6 +438,7 @@
 							Components[propComName].propTypes) ||
 						{};
 					let currentCompProps = Object.keys(propsObj) || [];
+					let currentCompPropsDescription = window.componentList && window.componentList[propComName] && window.componentList[propComName].propsDescription || (Components[propComName] && Components[propComName].propsDescription) || {};
 					let currentCompDefault = Window.componentList && window.componentList[propComName] && window.componentList[propComName].defaultProps || (Components[propComName] && Components[propComName].defaultProps) || {};
 					let componentsObj=componentObj && this.filter(Object.keys(componentObj),'').map((item,i)=>{
 						return ({key:item,value:componentObj[item],length:Object.keys(componentObj[item]).length})
@@ -767,6 +768,7 @@
 																<span className="brR">Type</span>
 																<span className="brR">isRequired</span>
 																<span className="brR ">Default Props</span>
+																<span className="brR ">Description</span>
 															</div>
 															{
 																currentCompProps.map((value, i) => {
@@ -796,9 +798,15 @@
 																			</span>
 																			<span className="defaultProps">
 																				<div className="bn">
-																					{JSON.stringify(currentCompDefault[value])}
+																					{JSON.stringify(currentCompDefault[value] || '')}
 																				</div>
 																			</span>
+																			<span className="defaultProps">
+																				<div className="bn">
+																					{JSON.stringify(currentCompPropsDescription[value] || '')}
+																				</div>
+																			</span>  
+
 																		</div>
 																	);
 																})

package/DOTO.md

@@ -1,13 +0,0 @@
-Things that can be done
-
-1. react-cli total revamp dependency packages version update (must for future (2-4 months) But not problem for now)
-   1. when we do revamp we may can to create a document with full detailed.
-2. react-cli find the chain set for 0.0.1-alpha.113 version (must for future( 20 may 2022 ) But not problem for now) -- DONE
-3. react version update 17 or 18 (must for future (until desk as efc or until get confilct with gc or some kind) But not problem for now)
-   1. if we move react 18, may be I can remove some hacks form virtualizer. we put hacks for batching since react 18 has auto batch we can remove that
-   2. same for react-dnd
-4. react-cli package split (good to have)
-5. efc unification (must for good future (2-4 months) But not problem for now)
-6. i18n build as separate then client build I have some Ideas with some drawbacks (good to have)
-7. react own implmention (good to have and also have a posiblity for Diamonds since it can lead as to some thing great for example preformance enforceing like always PureComponent , built in context optimazation, and issue fix we found in react reorder preformance problem. In my point of view react highly focus on declarative rather then preformance in some places may be there is reason but we may not have a use for that reason, and in some place I need to bend like hell to make what I want)
-8. all repo links and build process and documention for steps