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

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

@@ -7,49 +7,369 @@ exports.Dummy = void 0;
 
 var _webpack = require("webpack");
 
+const first = set => {
+  const entry = set.values().next();
+  return entry.done ? undefined : entry.value;
+};
+
 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: 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));
+  //             }
+  //           });
+  //         }
+  //       );
+  //     });
+  //   }
+  // }
+  // apply(compiler) {
+  //   compiler.hooks.compilation.tap('MyPlugin', compilation => {
+  // console.log(compilation.moduleTemplates);
+  // Object.keys(compilation).forEach(hi => {
+  //   console.log(hi);
+  // })
+  // const a = compilation.mainTemplate.hooks.localVars;
+  // a.tap('nj',(source, chunk, hash) => {
+  //   console.log(source, 'pol');
+  // })
+  // console.log(compilation.moduleTemplates.javascript.hooks.localVars);
+  // const { moduleTemplates } = compilation;
+  // if (
+  //   moduleTemplates &&
+  //   moduleTemplates.javascript &&
+  //   moduleTemplates.javascript.hooks
+  // ) {
+  //   moduleTemplates.javascript.hooks.localVars.tap(
+  //     'MyPlugin',
+  //     (source, chunk, hash) => {
+  //       // Your logic for modifying localVars
+  //       return source;
+  //     }
+  //   );
+  // } else {
+  //   console.error(
+  //     'Hooks or module template not available for this compilation.'
+  //   );
+  // }
+  //     });
+  //   }
+  // }
+  // apply(compiler) {
+  //   // Access the compilation hook
+  //   compiler.hooks.compilation.tap('MyCustomRuntimePlugin', compilation => {
+  //     console.log(webpack.javascript.JavascriptModulesPlugin.getCompilationHooks)
+  //     // Hook into the webpack runtime module template
+  //     webpack.javascript.JavascriptModulesPlugin.getCompilationHooks(
+  //       compilation
+  //     ).renderRequire.tap('MyCustomRuntimePlugin', (source, renderContext) => {console.log(source)
+  //       // A naive example to demonstrate the replacement of __webpack_require__.u function.
+  //       // const newSource = source.replace('__webpack_require__.u', function () {
+  //       //   // Your modified code or logic here
+  //       //   return '/* custom logic */';
+  //       });
+  //       // return newSource;
+  //     });
+  //   };
+  // }
+  // MyCustomRuntimePlugin.js
+  // }
+  //  apply(compiler) {
+  //    compiler.hooks.compilation.tap('MyWebpackPlugin', (compilation) => {
+  //       console.log(compilation.hooks.runtimeModule.compile.toString());
+  //       // Example: tapping into the 'optimize' hook
+  //       compilation.hooks.optimize.tap('MyWebpackPlugin', () => {
+  //         console.log('Assets are being optimized.');
+  //       });
+  //     });
+  // }
 
 
   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));
-          }
-        });
+    compiler.hooks.compilation.tap("k", compilation => {
+      compilation.hooks.runtimeRequirementInTree.for(_webpack.RuntimeGlobals.getChunkScriptFilename).tap("RuntimePlugin", (chunk, set) => {
+        console.log('NUmber2');
+        compilation.addRuntimeModule(chunk, new hello("javascript", "javascript", _webpack.RuntimeGlobals.getChunkScriptFilename, chunk => chunk.filenameTemplate || (chunk.canBeInitial() ? compilation.outputOptions.filename : compilation.outputOptions.chunkFilename), false));
+        return true;
       });
     });
   }
 
 }
 
-exports.Dummy = Dummy;
+exports.Dummy = Dummy;
+
+class hello extends _webpack.RuntimeModule {
+  constructor(contentType, name, global, getFilenameForChunk, allChunks) {
+    super(`get ${name} chunk filename`);
+    this.contentType = contentType;
+    this.global = global;
+    this.getFilenameForChunk = getFilenameForChunk;
+    this.allChunks = allChunks;
+    this.dependentHash = true;
+  }
+
+  generate() {
+    const {
+      global,
+      chunk,
+      chunkGraph,
+      contentType,
+      getFilenameForChunk,
+      allChunks,
+      compilation
+    } = this;
+    const {
+      runtimeTemplate
+    } = compilation;
+    /** @type {Map<string | FilenameFunction, Set<Chunk>>} */
+
+    const chunkFilenames = new Map();
+    let maxChunks = 0;
+    /** @type {string} */
+
+    let dynamicFilename;
+    /**
+     * @param {Chunk} c the chunk
+     * @returns {void}
+     */
+
+    const addChunk = c => {
+      const chunkFilename = getFilenameForChunk(c);
+
+      if (chunkFilename) {
+        let set = chunkFilenames.get(chunkFilename);
+
+        if (set === undefined) {
+          chunkFilenames.set(chunkFilename, set = new Set());
+        }
+
+        set.add(c);
+
+        if (typeof chunkFilename === 'string') {
+          if (set.size < maxChunks) return;
+
+          if (set.size === maxChunks) {
+            if (chunkFilename.length < dynamicFilename.length) return;
+
+            if (chunkFilename.length === dynamicFilename.length) {
+              if (chunkFilename < dynamicFilename) return;
+            }
+          }
+
+          maxChunks = set.size;
+          dynamicFilename = chunkFilename;
+        }
+      }
+    };
+    /** @type {string[]} */
+
+
+    const includedChunksMessages = [];
+
+    if (allChunks) {
+      includedChunksMessages.push('all chunks');
+
+      for (const c of chunk.getAllReferencedChunks()) {
+        addChunk(c);
+      }
+    } else {
+      includedChunksMessages.push('async chunks');
+
+      for (const c of chunk.getAllAsyncChunks()) {
+        addChunk(c);
+      }
+
+      const includeEntries = chunkGraph.getTreeRuntimeRequirements(chunk).has(_webpack.RuntimeGlobals.ensureChunkIncludeEntries);
+
+      if (includeEntries) {
+        includedChunksMessages.push('sibling chunks for the entrypoint');
+
+        for (const c of chunkGraph.getChunkEntryDependentChunksIterable(chunk)) {
+          addChunk(c);
+        }
+      }
+    }
+
+    for (const entrypoint of chunk.getAllReferencedAsyncEntrypoints()) {
+      addChunk(entrypoint.chunks[entrypoint.chunks.length - 1]);
+    }
+    /** @type {Map<string, Set<string | number>>} */
+
+
+    const staticUrls = new Map();
+    /** @type {Set<Chunk>} */
+
+    const dynamicUrlChunks = new Set();
+    /**
+     * @param {Chunk} c the chunk
+     * @param {string | FilenameFunction} chunkFilename the filename template for the chunk
+     * @returns {void}
+     */
+
+    const addStaticUrl = (c, chunkFilename) => {
+      /**
+       * @param {string | number} value a value
+       * @returns {string} string to put in quotes
+       */
+      const unquotedStringify = value => {
+        const str = `${value}`;
+
+        if (str.length >= 5 && str === `${c.id}`) {
+          // This is shorter and generates the same result
+          return '" + chunkId + "';
+        }
+
+        const s = JSON.stringify(str);
+        return s.slice(1, s.length - 1);
+      };
+
+      const unquotedStringifyWithLength = value => length => unquotedStringify(`${value}`.slice(0, length));
+
+      const chunkFilenameValue = typeof chunkFilename === 'function' ? JSON.stringify(chunkFilename({
+        chunk: c,
+        contentHashType: contentType
+      })) : JSON.stringify(chunkFilename);
+      const staticChunkFilename = compilation.getPath(chunkFilenameValue, {
+        hash: `" + ${_webpack.RuntimeGlobals.getFullHash}() + "`,
+        hashWithLength: length => `" + ${_webpack.RuntimeGlobals.getFullHash}().slice(0, ${length}) + "`,
+        chunk: {
+          id: unquotedStringify(c.id),
+          hash: unquotedStringify(c.renderedHash),
+          hashWithLength: unquotedStringifyWithLength(c.renderedHash),
+          name: unquotedStringify(c.name || c.id),
+          contentHash: {
+            [contentType]: unquotedStringify(c.contentHash[contentType])
+          },
+          contentHashWithLength: {
+            [contentType]: unquotedStringifyWithLength(c.contentHash[contentType])
+          }
+        },
+        contentHashType: contentType
+      });
+      let set = staticUrls.get(staticChunkFilename);
+
+      if (set === undefined) {
+        staticUrls.set(staticChunkFilename, set = new Set());
+      }
+
+      set.add(c.id);
+    };
+
+    for (const [filename, chunks] of chunkFilenames) {
+      if (filename !== dynamicFilename) {
+        for (const c of chunks) addStaticUrl(c, filename);
+      } else {
+        for (const c of chunks) dynamicUrlChunks.add(c);
+      }
+    }
+    /**
+     * @param {function(Chunk): string | number} fn function from chunk to value
+     * @returns {string} code with static mapping of results of fn
+     */
+
+
+    const createMap = fn => {
+      const obj = {};
+      let useId = false;
+      let lastKey;
+      let entries = 0;
+
+      for (const c of dynamicUrlChunks) {
+        const value = fn(c);
+
+        if (value === c.id) {
+          useId = true;
+        } else {
+          obj[c.id] = value;
+          lastKey = c.id;
+          entries++;
+        }
+      }
+
+      if (entries === 0) return 'chunkId';
+
+      if (entries === 1) {
+        return useId ? `(chunkId === ${JSON.stringify(lastKey)} ? ${JSON.stringify(obj[lastKey])} : chunkId)` : JSON.stringify(obj[lastKey]);
+      }
+
+      return useId ? `(${JSON.stringify(obj)}[chunkId] || chunkId)` : `${JSON.stringify(obj)}[chunkId]`;
+    };
+    /**
+     * @param {function(Chunk): string | number} fn function from chunk to value
+     * @returns {string} code with static mapping of results of fn for including in quoted string
+     */
+
+
+    const mapExpr = fn => {
+      return `" + ${createMap(fn)} + "`;
+    };
+    /**
+     * @param {function(Chunk): string | number} fn function from chunk to value
+     * @returns {function(number): string} function which generates code with static mapping of results of fn for including in quoted string for specific length
+     */
+
+
+    const mapExprWithLength = fn => length => {
+      return `" + ${createMap(c => `${fn(c)}`.slice(0, length))} + "`;
+    };
+
+    const url = dynamicFilename && compilation.getPath(JSON.stringify(dynamicFilename), {
+      hash: `" + ${_webpack.RuntimeGlobals.getFullHash}() + "`,
+      hashWithLength: length => `" + ${_webpack.RuntimeGlobals.getFullHash}().slice(0, ${length}) + "`,
+      chunk: {
+        id: `" + chunkId + "`,
+        hash: mapExpr(c => c.renderedHash),
+        hashWithLength: mapExprWithLength(c => c.renderedHash),
+        name: mapExpr(c => c.name || c.id),
+        contentHash: {
+          [contentType]: mapExpr(c => c.contentHash[contentType])
+        },
+        contentHashWithLength: {
+          [contentType]: mapExprWithLength(c => c.contentHash[contentType])
+        }
+      },
+      contentHashType: contentType
+    });
+    const cdn = `__CSS_CDN__`;
+    console.log('jolly', dynamicFilename, url, 'url', cdn, url.endsWith('.js'), typeof url, url.includes('.js'));
+    return _webpack.Template.asString([`// This function allow to reference ${includedChunksMessages.join(' and ')}`, `${global} = ${runtimeTemplate.basicFunction('chunkId', staticUrls.size > 0 ? ['// a return url for filenames not based on template', // it minimizes to `x===1?"...":x===2?"...":"..."`
+    _webpack.Template.asString(Array.from(staticUrls, ([url, ids]) => {
+      const condition = ids.size === 1 ? `chunkId === ${JSON.stringify(first(ids))}` : `{${Array.from(ids, id => `${JSON.stringify(id)}:1`).join(',')}}[chunkId]`;
+      return `if (${condition}) return window.${cdn}+${url};`;
+    })), '// b return url for filenames based on template', `return window.${cdn}+${url};`] : ['// c return url for filenames based on template', `return window.${cdn}+${url};`])};`]);
+  }
+
+}

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

@@ -8,6 +8,5 @@ exports.configDummy = configDummy;
 var _dummy = require("../custom_plugins/dummy");
 
 function configDummy(options) {
-  console.log('running');
   return new _dummy.Dummy();
 }

package/package.json

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