@zohodesk/react-cli 1.1.19-exp.10 → 1.1.19-exp.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/react-cli",
-  "version": "1.1.19-exp.10",
+  "version": "1.1.19-exp.12",
   "description": "A CLI tool for build modern web application and libraries",
   "scripts": {
     "init": "node ./lib/utils/init.js",
@@ -98,6 +98,8 @@
     "redux-mock-store": "1.5.4",
     "rimraf": "3.0.2",
     "script-loader": "0.7.2",
+    "ts-loader": "8.2.0",
+    "typescript": "5.2.2",
     "uglifycss": "0.0.29",
     "url-loader": "4.1.0",
     "webpack": "4.44.1",
@@ -121,5 +123,8 @@
       ],
       "@babel/react"
     ]
+  },
+  "devDependencies": {
+    "@babel/preset-typescript": "7.23.2"
   }
 }

package/lib/loaders/enhancedReactLiveConverter.js

@@ -1,143 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.enhancedReactLiveConverter = enhancedReactLiveConverter;
-
-const parser = require('@babel/parser');
-
-const traverse = require('@babel/traverse').default;
-
-const t = require("@babel/types");
-
-const path = require('path');
-
-function getFilename(originalFilePath) {
-  const [fileName] = path.basename(originalFilePath).split('.');
-  return fileName;
-}
-
-function convertKeyToValue(object = {}) {
-  let keys = Object.keys(object);
-  let values = Object.values(object);
-  return keys.reduce((value, item, i) => {
-    if (item.includes(',')) {
-      item = item.replace(/{|}/g, "");
-      item = '{ ' + item + ' }';
-    }
-
-    value = value + "'" + values[i] + "'" + ": " + item + ",";
-    return value;
-  }, '');
-}
-
-function mergeDuplicateValues(obj) {
-  let mergedObj = {};
-
-  for (let key in obj) {
-    if (obj.hasOwnProperty(key)) {
-      let value = obj[key];
-      let existingKey = Object.keys(mergedObj).find(k => mergedObj[k] === value);
-
-      if (existingKey) {
-        mergedObj[existingKey + ' , ' + key] = value;
-        delete mergedObj[existingKey];
-      } else {
-        mergedObj[key] = value;
-      }
-    }
-  }
-
-  return mergedObj;
-}
-
-function enhancedReactLiveConverter(source, originalFilePath) {
-  const fileName = getFilename(originalFilePath);
-
-  if (!source) {
-    return '';
-  }
-
-  let docCode = '';
-  const fileContent = source.replace(/[\s\r\n]*$/, '');
-  const ast = parser.parse(fileContent, {
-    sourceType: 'module',
-    plugins: ['jsx', 'classProperties']
-  });
-
-  function createImportStatements(input) {
-    let output = '';
-
-    for (const key in input) {
-      if (input.hasOwnProperty(key) && key !== 'React') {
-        output += `import ${key} from '${input[key]}';\n`;
-      }
-    }
-
-    return output;
-  }
-
-  const importBlock = {};
-  const printableCode = {}; // Traverse the AST and find the import and export blocks
-
-  let remainingCode = ast.program.body.filter(node => node.type !== 'ImportDeclaration').filter(node => node.type !== 'ExpressionStatement').map(node => fileContent.substring(node.start, node.end)).join('').trim();
-  traverse(ast, {
-    ImportDeclaration(path) {
-      path.node.specifiers.map(specifier => {
-        if (t.isImportSpecifier(specifier)) {
-          importBlock[`{ ${specifier.local.name} }`] = path.node.source.value;
-          printableCode[`{ ${specifier.local.name} }`] = path.node.source.value;
-          return `{'${specifier.imported.name}': ${specifier.local.name}}`;
-        } else if (t.isImportDefaultSpecifier(specifier)) {
-          importBlock[`${specifier.local.name}`] = `${path.node.source.value}`;
-          printableCode[`${specifier.local.name}`] = `${path.node.source.value} `;
-          return specifier.local.name;
-        }
-      }).join(", ");
-    },
-
-    ExpressionStatement(path) {
-      const expression = path.get('expression');
-      const expressionLeft = expression.get('left');
-
-      if (path.isExpressionStatement() && expression.isAssignmentExpression() && expressionLeft.isMemberExpression()) {
-        const docCheck = expressionLeft.toString();
-
-        if (docCheck === `${fileName}.docs`) {
-          docCode = expression.toString();
-        }
-      }
-    }
-
-  });
-  remainingCode = remainingCode.replace(/__DOCS__/, true);
-  remainingCode = remainingCode.replace(/`/g, '\\`').replace(/\$\{/g, '$\\{');
-  const addBractick = `\`
-  ${createImportStatements(printableCode)}
-  ${remainingCode}\`
-  `;
-  const template = `
-  
-    ${createImportStatements(importBlock)}
-  
-    import { LiveProviderv3, LiveEditorv3, LiveErrorv3, LivePreviewv3, Wrapper, EditorWrapper , ErrorWrapper, PreviewWrapper } from '@zohodesk-private/react-live/es/index'
-
-    export default class ${fileName} extends React.Component{
-      render(){
-        return(
-          <LiveProviderv3 needToolBox scope={{import: {${convertKeyToValue(mergeDuplicateValues(printableCode))}}}} code={${addBractick}}>
-            <Wrapper>
-                <EditorWrapper><LiveEditorv3 /></EditorWrapper>
-                <PreviewWrapper><LivePreviewv3 /></PreviewWrapper>
-                <LiveErrorv3 needStyle />
-            </Wrapper>
-          </LiveProviderv3>
-        )
-      }
-    }
-  
-    ${docCode}
-    `;
-  return template;
-}

package/packages/client_build_tool/lib/allCommandsConfigs.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _fs = require("fs");
-
-var _path = require("path");
-
-/* eslint-disable global-require */
-const allConfigs = [];
-(0, _fs.readdirSync)((0, _path.join)(__dirname, 'commands')).forEach(folderName => {
-  const modulePath = (0, _path.join)(__dirname, `./commands/${folderName}/config.js`);
-
-  if ((0, _fs.existsSync)(modulePath)) {
-    // eslint-disable-next-line import/no-dynamic-require
-    const config = require(modulePath).default;
-
-    allConfigs.push(config);
-  }
-});
-var _default = allConfigs;
-exports.default = _default;

package/packages/client_build_tool/lib/commands/build/commandExecutor.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commandExecutor = commandExecutor;
-
-var _logger = require("../../logger");
-
-var _webpackBuild = _interopRequireDefault(require("../../shared/bundler/webpack/webpackBuild"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function commandExecutor(options) {
-  (0, _logger.messageLogger)('Build is running.....');
-  (0, _webpackBuild.default)(options);
-}

package/packages/client_build_tool/lib/commands/build/config.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  name: 'build',
-  alias: ['devbuild'],
-  dirname: __dirname
-};
-exports.default = _default;

package/packages/client_build_tool/lib/commands/build/optionsProcessor.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.optionsProcessor = optionsProcessor;
-
-var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
-
-var _modeUtils = require("../../shared/bundler/webpack/common/modeUtils");
-
-var _constants = require("../../shared/constants");
-
-function optionsProcessor(options) {
-  const {
-    context,
-    mode,
-    noPublicPath
-  } = options;
-  const {
-    isCdnEnabled
-  } = options.cdnMapping;
-  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
-  const publicPath = noPublicPath ? undefined : (0, _decidePublicPath.decidePublicPath)(serverExtras);
-  const contextFolderPath = (0, _constants.joinWithAppPath)(context);
-  const defaultAppliedOptions = { ...options,
-    serverExtras,
-    // eslint-disable-next-line no-nested-ternary
-    mode: mode === null ? 'prod' : mode === 'dev' ? 'dev' : 'prod',
-    publicPath: (0, _modeUtils.isDevelopmentMode)(mode) || isCdnEnabled ? undefined : publicPath,
-    contextFolderPath,
-    httpsOptions: serverExtras.httpsOptions
-  };
-  return defaultAppliedOptions;
-}

package/packages/client_build_tool/lib/commands/build/preProcessor.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.preProcessor = preProcessor;
-
-var _runPreProcess = require("../../shared/pre_process/runPreProcess");
-
-function preProcessor(options) {
-  (0, _runPreProcess.runPreProcess)(options, 'node');
-}

package/packages/client_build_tool/lib/commands/buildEs/commandExecutor.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commandExecutor = commandExecutor;
-
-var _constants = require("../../shared/constants");
-
-var _watchRun = require("../../shared/fileUtils/watchRun");
-
-function commandExecutor(options) {
-  const {
-    extraArgs = []
-  } = options;
-  const index = extraArgs.indexOf('-w');
-  const canWatch = index !== -1;
-
-  if (canWatch) {
-    extraArgs.splice(index, 1);
-  }
-
-  let [src, target] = extraArgs;
-  src = (0, _constants.joinWithAppPath)(src || 'src');
-  target = (0, _constants.joinWithAppPath)(target || 'es');
-  (0, _watchRun.watchRun)({
-    options,
-    src,
-    target,
-    canWatch,
-    mode: 'es'
-  });
-}

package/packages/client_build_tool/lib/commands/buildEs/config.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  name: 'buildEs',
-  alias: ['build_es', 'build:es'],
-  dirname: __dirname
-};
-exports.default = _default;

package/packages/client_build_tool/lib/commands/buildEs/preProcessor.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.preProcessor = preProcessor;
-
-var _runPreProcess = require("../../shared/pre_process/runPreProcess");
-
-function preProcessor(options) {
-  const {
-    extraArgs = []
-  } = options;
-  const index = extraArgs.indexOf('-w');
-  const canWatch = index !== -1;
-  (0, _runPreProcess.runPreProcess)(options, canWatch ? 'nodemon' : 'node');
-}

package/packages/client_build_tool/lib/commands/buildLib/commandExecutor.js

@@ -1,33 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commandExecutor = commandExecutor;
-
-var _constants = require("../../shared/constants");
-
-var _watchRun = require("../../shared/fileUtils/watchRun");
-
-function commandExecutor(options) {
-  const {
-    extraArgs = []
-  } = options;
-  const index = extraArgs.indexOf('-w');
-  const canWatch = index !== -1;
-
-  if (canWatch) {
-    extraArgs.splice(index, 1);
-  }
-
-  let [src, target] = extraArgs;
-  src = (0, _constants.joinWithAppPath)(src || 'src');
-  target = (0, _constants.joinWithAppPath)(target || 'lib');
-  (0, _watchRun.watchRun)({
-    options,
-    src,
-    target,
-    canWatch,
-    mode: 'lib'
-  });
-}

package/packages/client_build_tool/lib/commands/buildLib/config.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  name: 'buildLib',
-  alias: ['build:lib', 'build_lib'],
-  dirname: __dirname
-};
-exports.default = _default;

package/packages/client_build_tool/lib/commands/buildLib/preProcessor.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.preProcessor = preProcessor;
-
-var _runPreProcess = require("../../shared/pre_process/runPreProcess");
-
-function preProcessor(options) {
-  const {
-    extraArgs = []
-  } = options;
-  const index = extraArgs.indexOf('-w');
-  const canWatch = index !== -1;
-  (0, _runPreProcess.runPreProcess)(options, canWatch ? 'nodemon' : 'node');
-}

package/packages/client_build_tool/lib/commands/mockserver/commandExecutor.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commandExecutor = commandExecutor;
-
-var _path = require("path");
-
-var _logger = require("../../logger");
-
-var _spawnSyncIO = require("../../shared/commands-utils/spawnSyncIO");
-
-var _constants = require("../../shared/constants");
-
-function commandExecutor(options) {
-  const {
-    extraArgs
-  } = options;
-  const {
-    enable,
-    separateSeverPort,
-    mockEntryFile,
-    disableNodemon
-  } = options.mockServer;
-
-  if (!enable) {
-    (0, _logger.messageLogger)('mock server not enabled');
-    return;
-  }
-
-  if (!separateSeverPort) {
-    (0, _logger.messageLogger)('mock server not port enabled');
-    return;
-  }
-
-  const absolutePath = (0, _path.join)(__dirname, '..', '..', 'shared', 'server', 'mockServer.js');
-  const mockFile = (0, _constants.joinWithAppPath)(mockEntryFile);
-  (0, _logger.verboseLogger)('Mock server is running path', absolutePath);
-  (0, _logger.verboseLogger)('App mock server is path', mockFile);
-  (0, _logger.messageLogger)('mock server is running.....');
-  (0, _spawnSyncIO.spawnSyncIO)(disableNodemon ? 'node' : 'nodemon', [absolutePath, '--watch', (0, _path.dirname)(mockFile), ...extraArgs]); // webpackBuild(options);
-}

package/packages/client_build_tool/lib/commands/mockserver/config.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  name: 'mockServer',
-  alias: ['mockserver', 'mock_server', 'mock-server', 'mock:server'],
-  dirname: __dirname
-};
-exports.default = _default;

package/packages/client_build_tool/lib/commands/pre_process/commandExecutor.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commandExecutor = commandExecutor;
-
-var _runPreProcess = require("../../shared/pre_process/runPreProcess");
-
-function commandExecutor(options) {
-  const {
-    extraArgs = []
-  } = options;
-  const index = extraArgs.indexOf('-w');
-  const canWatch = index !== -1;
-  const result = (0, _runPreProcess.runPreProcess)(options, canWatch ? 'nodemon' : 'node');
-  !canWatch && process.exit(result ? result.status : 0);
-}

package/packages/client_build_tool/lib/commands/pre_process/config.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  name: 'pre_process',
-  alias: ['preprocess', 'pre:process', 'preProcess'],
-  dirname: __dirname
-};
-exports.default = _default;

package/packages/client_build_tool/lib/commands/start/commandExecutor.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commandExecutor = commandExecutor;
-
-var _serverBywebpackDevMiddleware = require("../../shared/server/serverBywebpackDevMiddleware");
-
-function commandExecutor(options) {
-  (0, _serverBywebpackDevMiddleware.run)(options);
-}

package/packages/client_build_tool/lib/commands/start/config.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  name: 'start',
-  alias: ['dstart', 'devSeverStart'],
-  dirname: __dirname
-};
-exports.default = _default;

package/packages/client_build_tool/lib/commands/start/optionsProcessor.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.optionsProcessor = optionsProcessor;
-
-var _decidePublicPath = require("../../shared/bundler/webpack/common/decidePublicPath");
-
-var _constants = require("../../shared/constants");
-
-function optionsProcessor(options) {
-  const {
-    context,
-    mode,
-    noPublicPath
-  } = options;
-  const serverExtras = (0, _decidePublicPath.modifiedServerOptions)(options);
-  const publicPath = noPublicPath ? undefined : (0, _decidePublicPath.decidePublicPath)(serverExtras);
-  const contextFolderPath = (0, _constants.joinWithAppPath)(context);
-  const defaultAppliedOptions = { ...options,
-    // eslint-disable-next-line no-nested-ternary
-    mode: options.mode === null ? 'dev' : mode === 'prod' ? 'prod' : 'dev',
-    serverExtras,
-    publicPath,
-    contextFolderPath,
-    httpsOptions: serverExtras.httpsOptions
-  };
-  return defaultAppliedOptions;
-}

package/packages/client_build_tool/lib/commands/start/preProcessor.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.preProcessor = preProcessor;
-
-var _runPreProcess = require("../../shared/pre_process/runPreProcess");
-
-function preProcessor(options) {
-  (0, _runPreProcess.runPreProcess)(options, 'nodemon');
-}

package/packages/client_build_tool/lib/commands/template/commandExecutor.js

@@ -1,28 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commandExecutor = commandExecutor;
-
-var _constants = require("../../shared/constants");
-
-var _logger = require("../../logger");
-
-var _spawnSyncIO = require("../../shared/commands-utils/spawnSyncIO");
-
-const supportedTemplates = ['app', 'library'];
-
-function commandExecutor(options) {
-  const {
-    extraArgs = []
-  } = options;
-  const [templateName, ...args] = extraArgs;
-
-  if (!supportedTemplates.includes(templateName)) {
-    (0, _logger.messageLogger)(`template not supported "${templateName}" only these \n${supportedTemplates.join('\n ')} are supported`);
-    return;
-  }
-
-  (0, _spawnSyncIO.spawnSyncIO)('cp', ['-r', (0, _constants.getTemplatePath)(templateName)].concat(args));
-}

package/packages/client_build_tool/lib/commands/template/config.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  name: 'template',
-  alias: ['template', 'templates'],
-  dirname: __dirname
-};
-exports.default = _default;

package/packages/client_build_tool/lib/commands/version/commandExecutor.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.commandExecutor = commandExecutor;
-
-var _logger = require("../../logger");
-
-var _versionPrint = require("../../shared/utils/versionPrint");
-
-function commandExecutor() {
-  (0, _versionPrint.versionPrint)(_logger.messageLogger);
-}

package/packages/client_build_tool/lib/commands/version/config.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _default = {
-  name: 'version',
-  alias: ['v', '-v', '--v', '-version', '--version'],
-  dirname: __dirname
-};
-exports.default = _default;