@zohodesk/client_build_tool 0.0.13-exp.4 → 0.0.13-exp.5

package/lib/schemas/defaultConfigValues.js

@@ -355,6 +355,10 @@ var _default = {
     enable: false,
     chunkName: '',
     filePath: ''
+  },
+  enableSubResourceIntegrity: {
+    value: false,
+    cli: 'enable_sub_resource_integrity'
   }
 };
 exports.default = _default;

package/lib/shared/bundler/webpack/custom_plugins/InitialHtmlPlugin.js

@@ -16,13 +16,28 @@ class InitialHtmlPlugin {
     this.options = options;
   }
 
+  getBaseName(str) {
+    const fileName = str.split("/").pop();
+    const parts = fileName.split("."); // Find index of the hash-like segment
+
+    const hashIndex = parts.findIndex(p => /^[0-9a-f_]{20,}$/i.test(p)); // If a hash is found, return everything before it
+
+    if (hashIndex < 0) {
+      console.error('this initial file dont have a hash');
+      return parts.slice(0, -1).join(".");
+    }
+
+    return parts.slice(0, hashIndex).join("."); // Otherwise fallback: remove only ".js"
+  }
+
   apply(compiler) {
     const {
       filename,
       template,
       minify,
       inject,
-      mainChunkName
+      mainChunkName,
+      enableSubResourceIntegrity
     } = this.options;
     new _htmlWebpackPlugin.default({
       filename,
@@ -37,13 +52,36 @@ class InitialHtmlPlugin {
         const headTags = [];
         const bodyTags = [];
         data.headTags.forEach(tag => {
+          const url = tag.attributes?.src || tag.attributes?.href;
+          let chunkName;
+
+          const addIntegrity = (tag, suffix) => {
+            if (enableSubResourceIntegrity && chunkName) {
+              Object.assign(tag.attributes, {
+                integrity: `{{--${chunkName}-${suffix}-integrity}}`
+              });
+            }
+          };
+
+          if (enableSubResourceIntegrity) {
+            chunkName = this.getBaseName(url);
+          }
+
           Object.assign(tag.attributes, {
-            nonce: '{{--CSP-nonce}}'
+            nonce: '{{--CSP-nonce}}',
+            crossorigin: "anonymous"
           });
 
           if (tag.tagName === 'link') {
+            addIntegrity(tag, 'css');
             headTags.push(tag);
           } else {
+            if (url.endsWith('.i18n.js')) {
+              addIntegrity(tag, 'i18n');
+            } else {
+              addIntegrity(tag, 'js');
+            }
+
             bodyTags.push(tag);
           }
         });

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

@@ -16,7 +16,8 @@ var _InitialHtmlPlugin = require("../custom_plugins/InitialHtmlPlugin");
 function configHtmlWebpackPlugin(options) {
   const {
     htmlTemplate,
-    mode
+    mode,
+    enableSubResourceIntegrity
   } = options;
   const {
     inject,
@@ -31,7 +32,8 @@ function configHtmlWebpackPlugin(options) {
     template: appInitialHTMLTemplatePath,
     minify: minifyHtmlOptions,
     inject,
-    scriptLoading: 'defer'
+    scriptLoading: 'defer',
+    enableSubResourceIntegrity
   });
 }
 

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

@@ -8,11 +8,10 @@ exports.tsLoaders = tsLoaders;
 var _babelLoaderConfig = require("./loaderConfigs/babelLoaderConfig");
 
 function tsLoaders(options) {
-  console.log('testing');
   return [{
-    test: /\.tsx?$/,
+    test: /\.tsx$/,
     exclude: /node_modules/,
-    use: "ts-loader" // include: path.join(appPath, folder)
+    use: [(0, _babelLoaderConfig.babelLoaderConfig)(options)] // include: path.join(appPath, folder)
 
   }];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/client_build_tool",
-  "version": "0.0.13-exp.4",
+  "version": "0.0.13-exp.5",
   "description": "A CLI tool to  build  web applications and client libraries",
   "main": "lib/index.js",
   "bin": {