@zohodesk/client_build_tool 0.0.6-exp.4 → 0.0.6-exp.6

package/lib/commands/buildEs/commandExecutor.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.commandExecutor = commandExecutor;
 
+var _constants = require("../../shared/constants");
+
 var _watchRun = require("../../shared/fileUtils/watchRun");
 
 function commandExecutor(options) {
@@ -18,10 +20,13 @@ function commandExecutor(options) {
     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: 'src',
-    target: 'es',
+    src,
+    target,
     canWatch,
     mode: 'es'
   });

package/lib/commands/buildLib/commandExecutor.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.commandExecutor = commandExecutor;
 
+var _constants = require("../../shared/constants");
+
 var _watchRun = require("../../shared/fileUtils/watchRun");
 
 function commandExecutor(options) {
@@ -18,10 +20,13 @@ function commandExecutor(options) {
     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: 'src',
-    target: 'target',
+    src,
+    target,
     canWatch,
     mode: 'lib'
   });

package/lib/schemas/defaultConfigValues.js

@@ -323,11 +323,6 @@ var _default = {
     cssAttributes: null,
     i18nAttributes: null
   },
-  typeScript: {
-    enable: {
-      value: false,
-      cli: 'type_script_enable'
-    }
-  }
+  externals: null
 };
 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'), require.resolve('@babel/preset-typescript')],
+    presets: [getBabelPresetEnvConfig(browserList, mode), require.resolve('@babel/preset-react')],
     plugins: customBabelPlugins(babelPlugins).concat((0, _getBabelPlugin.getBabelPlugin)(options)).filter(Boolean)
   };
 }

package/lib/shared/bundler/webpack/custom_plugins/dummy/index.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dummy = void 0;
+
+var _webpack = require("webpack");
+
+class Dummy {
+  constructor() {
+    this.variableName = '__CSS_CDN__';
+  } // eslint-disable-next-line class-methods-use-this
+
+
+  apply(compiler) {
+    // Access processAssets hook from v5 API
+    const {
+      RawSource
+    } = compiler.webpack.sources;
+    compiler.hooks.compilation.tap('MyCutomPlugin', compilation => {
+      compilation.hooks.processAssets.tap({
+        name: 'MyCustomPlugin',
+        stage: _webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS // Choose an appropriate stage based on your needs
+
+      }, assets => {
+        console.log('working'); // Here you can interact with assets
+
+        const asset = 'js/runtime~main'; // Replace with your actual chunk file name pattern
+
+        Object.keys(assets).forEach(assetName => {
+          // if (assetName.includes('main')) console.log(assetName);
+          // });
+          if (assetName.includes(asset)) {
+            console.log('found');
+            const originalSource = assets[assetName].source(); // console.log(originalSource);
+
+            const modifiedSource = originalSource.replace('__webpack_require__.p + __webpack_require__.u(chunkId);', `window['${this.variableName}'] + __webpack_require__.u(chunkId);`);
+            console.log(assetName); // console.log(modifiedSource);
+            // console.log(a);
+            // Apply your modifications here
+            // const modifiedSource = someModificationFunction(originalSource);
+            // Update the asset's source
+            // eslint-disable-next-line no-param-reassign
+
+            compilation.updateAsset(assetName, new RawSource(modifiedSource));
+          }
+        });
+      });
+    });
+  }
+
+}
+
+exports.Dummy = Dummy;

package/lib/shared/bundler/webpack/pluginConfigs/configDummy.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.configDummy = configDummy;
+
+var _dummy = require("../custom_plugins/dummy");
+
+function configDummy(options) {
+  console.log('running');
+  return new _dummy.Dummy();
+}

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

@@ -47,10 +47,12 @@ var _configBundleIntegrityReport = require("./pluginConfigs/configBundleIntegrit
 
 var _configRuntimeResourceCleanup = require("./pluginConfigs/configRuntimeResourceCleanup");
 
+var _configDummy = require("./pluginConfigs/configDummy");
+
 // import { IgnorePlugin } from 'webpack';
 function plugins(options) {
   const {
     webpackPlugins
   } = options;
-  return [(0, _configEnvVariables.configEnvVariables)(options), (0, _configCustomAttributesPlugin.configCustomAttributesPlugin)(options), (0, _configTPHashMappingPlugin.configTPHashMappingPlugin)(options), (0, _configCopyPublicFolders.configCopyPublicFolders)(options), (0, _configIgnorePlugin.configIgnorePlugin)(options), (0, _configMiniCSSExtractPlugin.configMiniCSSExtractPlugin)(options), (0, _configSelectorWeightPlugin.configSelectorWeightPlugin)(options), (0, _configVariableConversionPlugin.configVariableConversionPlugin)(options), (0, _configI18nSplitPlugin.configI18nSplitPlugin)(options), (0, _configRtlCssPlugin.configRtlCssPlugin)(options), (0, _configHtmlWebpackPlugin.configHtmlWebpackPlugin)(options), (0, _configCdnChangePlugin.configCdnChangePlugin)(options), (0, _configServiceWorkerPlugin.configServiceWorkerPlugin)(options), (0, _configEFCTemplatePlugin.configEFCTemplatePlugin)(options), (0, _configResourceHintsPlugin.configResourceHintsPlugin)(options), (0, _configBundleAnalyzer.configBundleAnalyzer)(options), (0, _configManifestJsonPlugin.configManifestJsonPlugin)(options), (0, _configSourceMapPlugin.configSourceMapPlugin)(options), (0, _configProgressPlugin.configProgressPlugin)(options), (0, _configBundleIntegrityReport.configBundleIntegrityReport)(options), (0, _configRuntimeResourceCleanup.configRuntimeResourceCleanup)(options), ...webpackPlugins].filter(Boolean);
+  return [(0, _configEnvVariables.configEnvVariables)(options), (0, _configCustomAttributesPlugin.configCustomAttributesPlugin)(options), (0, _configTPHashMappingPlugin.configTPHashMappingPlugin)(options), (0, _configCopyPublicFolders.configCopyPublicFolders)(options), (0, _configIgnorePlugin.configIgnorePlugin)(options), (0, _configMiniCSSExtractPlugin.configMiniCSSExtractPlugin)(options), (0, _configSelectorWeightPlugin.configSelectorWeightPlugin)(options), (0, _configVariableConversionPlugin.configVariableConversionPlugin)(options), (0, _configI18nSplitPlugin.configI18nSplitPlugin)(options), (0, _configRtlCssPlugin.configRtlCssPlugin)(options), (0, _configHtmlWebpackPlugin.configHtmlWebpackPlugin)(options), (0, _configCdnChangePlugin.configCdnChangePlugin)(options), (0, _configServiceWorkerPlugin.configServiceWorkerPlugin)(options), (0, _configEFCTemplatePlugin.configEFCTemplatePlugin)(options), (0, _configResourceHintsPlugin.configResourceHintsPlugin)(options), (0, _configBundleAnalyzer.configBundleAnalyzer)(options), (0, _configManifestJsonPlugin.configManifestJsonPlugin)(options), (0, _configSourceMapPlugin.configSourceMapPlugin)(options), (0, _configProgressPlugin.configProgressPlugin)(options), (0, _configBundleIntegrityReport.configBundleIntegrityReport)(options), (0, _configRuntimeResourceCleanup.configRuntimeResourceCleanup)(options), (0, _configDummy.configDummy)(options), ...webpackPlugins].filter(Boolean);
 }

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

@@ -11,8 +11,6 @@ var _outputConfig = require("./outputConfig");
 
 var _jsLoaders = require("./jsLoaders");
 
-var _tsLoaders = require("./tsLoaders");
-
 var _cssLoaders = require("./cssLoaders");
 
 var _assetLoaders = require("./loaderConfigs/assetLoaders");
@@ -48,7 +46,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, _tsLoaders.tsLoaders)(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, _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,8 +11,6 @@ var _watcher = _interopRequireDefault(require("watcher"));
 
 var _runBabelForJSFile = require("../babel/runBabelForJSFile");
 
-var _runBabelForTsFile = require("../babel/runBabelForTsFile");
-
 var _runPostCssForCssFile = require("../postcss/runPostCssForCssFile");
 
 var _directoryIterator = require("./directoryIterator");
@@ -25,8 +23,6 @@ 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({
@@ -58,13 +54,6 @@ function watchRun({
         outputFile,
         options
       });
-    } else if (isTs(ext)) {
-      (0, _runBabelForTsFile.runBabelForTSFile)({
-        filename,
-        outputFile,
-        options,
-        mode
-      });
     } else {
       (0, _copyFile.copyFile)(filename, outputFile);
     }
@@ -92,8 +81,7 @@ function watchRun({
     const watcher = new _watcher.default(src, {
       recursive: true,
       ignoreInitial: true,
-      ignore: filename => filename.indexOf('__tests__') !== -1 // remove the test cases 
-
+      ignore: filename => filename.indexOf('__tests__') !== -1
     });
     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.4",
+  "version": "0.0.6-exp.6",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {
@@ -55,9 +55,6 @@
     "webpack": "5.79.0",
     "webpack-bundle-analyzer": "4.8.0",
     "webpack-cli": "4.10.0",
-    "webpack-dev-middleware": "6.1.1",
-    "typescript": "5.2.2",
-    "ts-loader": "8.2.0",
-    "@babel/preset-typescript": "7.23.2"
+    "webpack-dev-middleware": "6.1.1"
   }
 }

package/lib/shared/babel/runBabelForTsFile.js

@@ -1,31 +0,0 @@
-"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;
-  console.log('typescript', enable);
-
-  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

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