@zohodesk/client_build_tool 0.0.6-exp.1 → 0.0.6-exp.2

package/CHANGELOG.md

@@ -1,6 +1,8 @@
 # Changelog and Release Notes
 
-**Featue:-**
+
+
+**Feature:-**
 - externals was added to  Prevent bundling of certain imported packages and retrieve these external dependencies at runtime.
 - to use externals, we use the following pattern in `app > externals` :
 

package/README.md

@@ -84,7 +84,9 @@ These commands provide flexibility and control over your client-side build proce
 For more [Details](ConfigurationDocumentation.md)
 # Changelog and Release Notes
 
-**Featue:-**
+
+
+**Feature:-**
 - externals was added to  Prevent bundling of certain imported packages and retrieve these external dependencies at runtime.
 - to use externals, we use the following pattern in `app > externals` :
 

package/lib/schemas/defaultConfigValues.js

@@ -323,6 +323,8 @@ var _default = {
     cssAttributes: null,
     i18nAttributes: null
   },
-  externals: null
+  typeScript: {
+    enable: false
+  }
 };
 exports.default = _default;

package/lib/shared/babel/babelWebConfig.js

@@ -26,7 +26,7 @@ function babelWebConfig(options, mode) {
     browserList
   } = options.babelCustomizations;
   return {
-    presets: [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react')],
+    presets: [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react'), require.resolve('@babel/preset-typescript')],
     plugins: customBabelPlugins(babelPlugins).concat((0, _getBabelPlugin.getBabelPlugin)(options)).filter(Boolean)
   };
 }

package/lib/shared/babel/runBabelForTsFile.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.runBabelForTSFile = runBabelForTSFile;
+
+var _core = require("@babel/core");
+
+var _babelWebConfig = require("./babelWebConfig");
+
+var _copyFile = require("../fileUtils/copyFile");
+
+function runBabelForTSFile({
+  filename,
+  outputFile,
+  options,
+  mode = 'es'
+}) {
+  const {
+    enable
+  } = options.typeScript;
+
+  if (enable) {
+    // const jsSourceCode = readFileSync(filename).toString();
+    const babelConfig = (0, _babelWebConfig.babelWebConfig)(options, mode);
+    const result = (0, _core.transformFileSync)(filename, babelConfig);
+    (0, _copyFile.writeFile)(outputFile.replace('.ts', '.js'), result.code);
+  }
+}

package/lib/shared/bundler/webpack/tsLoaders.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tsLoaders = tsLoaders;
+
+function tsLoaders(options) {
+  const {
+    enable
+  } = options.typeScript;
+
+  if (enable) {
+    return [{
+      test: /\.js$/,
+      exclude: /node_modules/,
+      use: 'ts-loader' // include: path.join(appPath, folder)
+
+    }];
+  }
+
+  return [];
+}

package/lib/shared/bundler/webpack/webpackConfig.js

@@ -11,6 +11,8 @@ var _outputConfig = require("./outputConfig");
 
 var _jsLoaders = require("./jsLoaders");
 
+var _tsLoaders = require("./tsLoaders");
+
 var _cssLoaders = require("./cssLoaders");
 
 var _assetLoaders = require("./loaderConfigs/assetLoaders");
@@ -46,7 +48,7 @@ function webpackConfigCreator(options) {
     module: {
       /* strictExportPresence for break the build when imported module not present in respective file */
       // strictExportPresence: true,
-      rules: [...(0, _jsLoaders.jsLoaders)(options), ...(0, _cssLoaders.cssLoaders)(options), (0, _configWebWorkerLoader.configWebWorkerLoader)(options), (0, _configHtmlTemplateLoader.configHtmlTemplateLoader)(options), ...(0, _assetLoaders.assetLoaders)(options), ...(0, _configCustomLoaders.configCustomLoaders)(options)]
+      rules: [...(0, _jsLoaders.jsLoaders)(options), ...(0, _tsLoaders.tsLoaders)(options), ...(0, _cssLoaders.cssLoaders)(options), (0, _configWebWorkerLoader.configWebWorkerLoader)(options), (0, _configHtmlTemplateLoader.configHtmlTemplateLoader)(options), ...(0, _assetLoaders.assetLoaders)(options), ...(0, _configCustomLoaders.configCustomLoaders)(options)]
     },
     plugins: (0, _plugins.plugins)(options),
     externals: (0, _externals.externals)(options),

package/lib/shared/fileUtils/watchRun.js

@@ -11,6 +11,8 @@ var _watcher = _interopRequireDefault(require("watcher"));
 
 var _runBabelForJSFile = require("../babel/runBabelForJSFile");
 
+var _runBabelForTsFile = require("../babel/runBabelForTsFile");
+
 var _runPostCssForCssFile = require("../postcss/runPostCssForCssFile");
 
 var _directoryIterator = require("./directoryIterator");
@@ -23,6 +25,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 const isJs = ext => ext === '.js';
 
+const isTs = ext => ext === '.ts';
+
 const isCss = ext => ext === '.css';
 
 function watchRun({
@@ -54,6 +58,13 @@ function watchRun({
         outputFile,
         options
       });
+    } else if (isTs(ext)) {
+      (0, _runBabelForTsFile.runBabelForTSFile)({
+        filename,
+        outputFile,
+        options,
+        mode
+      });
     } else {
       (0, _copyFile.copyFile)(filename, outputFile);
     }
@@ -81,7 +92,8 @@ function watchRun({
     const watcher = new _watcher.default(src, {
       recursive: true,
       ignoreInitial: true,
-      ignore: filename => filename.indexOf('__tests__') !== -1
+      ignore: filename => filename.indexOf('__tests__') !== -1 // remove the test cases 
+
     });
     watcher.on('all', (event, filename) => {
       if (event === 'unlink' || event === 'unlinkDir') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.6-exp.1",
+  "version": "0.0.6-exp.2",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {
@@ -55,6 +55,9 @@
     "webpack": "5.79.0",
     "webpack-bundle-analyzer": "4.8.0",
     "webpack-cli": "4.10.0",
-    "webpack-dev-middleware": "6.1.1"
+    "webpack-dev-middleware": "6.1.1",
+    "typescript": "5.2.2",
+    "ts-loader": "8.2.0",
+    "@babel/preset-typescript": "7.23.2"
   }
 }