@enhanced-dom/webpack 0.0.7 → 0.0.9

package/compiler.helpers.d.ts

@@ -0,0 +1,11 @@
+import webpack from 'webpack';
+import MemoryFS from 'memory-fs';
+export declare const proxyFilesystem: (originalFilesystem: webpack.Compiler['inputFileSystem']) => MemoryFS;
+export declare const patchCompilerFileSystem: (originalCompiler: webpack.Compiler, allowProxy?: boolean) => Omit<webpack.Compiler, "inputFileSystem" | "outputFileSystem"> & {
+    inputFileSystem: MemoryFS;
+    outputFileSystem: MemoryFS;
+};
+export declare const getInMemoryCompiler: (webpackConfig: webpack.Configuration, allowProxy?: boolean) => Omit<webpack.Compiler, "inputFileSystem" | "outputFileSystem"> & {
+    inputFileSystem: MemoryFS;
+    outputFileSystem: MemoryFS;
+};

package/compiler.helpers.js

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInMemoryCompiler = exports.patchCompilerFileSystem = exports.proxyFilesystem = void 0;
+const webpack_1 = __importDefault(require("webpack"));
+const memory_fs_1 = __importDefault(require("memory-fs"));
+const proxyFilesystem = (originalFilesystem) => {
+    // Inspired by: https://stackoverflow.com/questions/38779924/compiling-webpack-in-memory-but-resolving-to-node-modules-on-disk
+    const memFs = new memory_fs_1.default();
+    const statOrig = memFs.stat.bind(memFs);
+    const readFileOrig = memFs.readFile.bind(memFs);
+    memFs.stat = (filePath, cb) => {
+        statOrig(filePath, (err, result) => {
+            if (err) {
+                return originalFilesystem.stat(filePath, cb);
+            }
+            return cb(err, result);
+        });
+    };
+    memFs.readFile = (filePath, cb) => {
+        readFileOrig(filePath, (err, result) => {
+            if (err) {
+                return originalFilesystem.readFile(filePath, cb);
+            }
+            return cb(err, result);
+        });
+    };
+    return memFs;
+};
+exports.proxyFilesystem = proxyFilesystem;
+const patchCompilerFileSystem = (originalCompiler, allowProxy = true) => {
+    originalCompiler.inputFileSystem = allowProxy ? (0, exports.proxyFilesystem)(originalCompiler.inputFileSystem) : new memory_fs_1.default();
+    originalCompiler.outputFileSystem = new memory_fs_1.default();
+    return originalCompiler;
+};
+exports.patchCompilerFileSystem = patchCompilerFileSystem;
+const getInMemoryCompiler = (webpackConfig, allowProxy = true) => {
+    return (0, exports.patchCompilerFileSystem)((0, webpack_1.default)(webpackConfig), allowProxy);
+};
+exports.getInMemoryCompiler = getInMemoryCompiler;
+//# sourceMappingURL=compiler.helpers.js.map

package/compiler.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compiler.helpers.js","sourceRoot":"./","sources":["compiler.helpers.ts"],"names":[],"mappings":";;;;;;AAAA,sDAA6B;AAC7B,0DAAgC;AAEzB,MAAM,eAAe,GAAG,CAAC,kBAAuD,EAAE,EAAE;IACzF,8HAA8H;IAC9H,MAAM,KAAK,GAAG,IAAI,mBAAQ,EAAE,CAAA;IAC5B,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC/C,KAAK,CAAC,IAAI,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE;QAC5B,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAU,EAAE,MAAW,EAAE,EAAE;YAC7C,IAAI,GAAG,EAAE;gBACP,OAAO,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;aAC7C;YACD,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;QACxB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,KAAK,CAAC,QAAQ,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,EAAE;QAChC,YAAY,CAAC,QAAQ,EAAE,CAAC,GAAU,EAAE,MAAW,EAAE,EAAE;YACjD,IAAI,GAAG,EAAE;gBACP,OAAO,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAA;aACjD;YACD,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAA;QACxB,CAAC,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAvBY,QAAA,eAAe,mBAuB3B;AAEM,MAAM,uBAAuB,GAAG,CAAC,gBAAkC,EAAE,UAAU,GAAG,IAAI,EAAE,EAAE;IAC/F,gBAAgB,CAAC,eAAe,GAAG,UAAU,CAAC,CAAC,CAAC,IAAA,uBAAe,EAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAQ,EAAE,CAAA;IAClH,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,mBAAQ,EAAE,CAAA;IAElD,OAAO,gBAGN,CAAA;AACH,CAAC,CAAA;AARY,QAAA,uBAAuB,2BAQnC;AAEM,MAAM,mBAAmB,GAAG,CAAC,aAAoC,EAAE,UAAU,GAAG,IAAI,EAAE,EAAE;IAC7F,OAAO,IAAA,+BAAuB,EAAC,IAAA,iBAAO,EAAC,aAAa,CAAC,EAAE,UAAU,CAAC,CAAA;AACpE,CAAC,CAAA;AAFY,QAAA,mBAAmB,uBAE/B","sourcesContent":["import webpack from 'webpack'\nimport MemoryFS from 'memory-fs'\n\nexport const proxyFilesystem = (originalFilesystem: webpack.Compiler['inputFileSystem']) => {\n  // Inspired by: https://stackoverflow.com/questions/38779924/compiling-webpack-in-memory-but-resolving-to-node-modules-on-disk\n  const memFs = new MemoryFS()\n  const statOrig = memFs.stat.bind(memFs)\n  const readFileOrig = memFs.readFile.bind(memFs)\n  memFs.stat = (filePath, cb) => {\n    statOrig(filePath, (err: Error, result: any) => {\n      if (err) {\n        return originalFilesystem.stat(filePath, cb)\n      }\n      return cb(err, result)\n    })\n  }\n  memFs.readFile = (filePath, cb) => {\n    readFileOrig(filePath, (err: Error, result: any) => {\n      if (err) {\n        return originalFilesystem.readFile(filePath, cb)\n      }\n      return cb(err, result)\n    })\n  }\n\n  return memFs\n}\n\nexport const patchCompilerFileSystem = (originalCompiler: webpack.Compiler, allowProxy = true) => {\n  originalCompiler.inputFileSystem = allowProxy ? proxyFilesystem(originalCompiler.inputFileSystem) : new MemoryFS()\n  originalCompiler.outputFileSystem = new MemoryFS()\n\n  return originalCompiler as Omit<webpack.Compiler, 'inputFileSystem' | 'outputFileSystem'> & {\n    inputFileSystem: MemoryFS\n    outputFileSystem: MemoryFS\n  }\n}\n\nexport const getInMemoryCompiler = (webpackConfig: webpack.Configuration, allowProxy = true) => {\n  return patchCompilerFileSystem(webpack(webpackConfig), allowProxy)\n}\n"]}

package/configs/index.js

@@ -28,3 +28,4 @@ const typedStylesConfigFactory = ({ raw, filesPaths }) => {
     };
 };
 exports.typedStylesConfigFactory = typedStylesConfigFactory;
+//# sourceMappingURL=index.js.map

package/configs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"./","sources":["configs/index.ts"],"names":[],"mappings":";;;;;;AAAA,4FAAgE;AAEhE,wCAA+C;AAExC,MAAM,wBAAwB,GAAG,CAAC,EAAE,GAAG,EAAE,UAAU,EAA2C,EAAE,EAAE;IACvG,OAAO;QACL,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;QAC7B,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,MAAM,EAAE;YACN,KAAK,EAAE;gBACL;oBACE,IAAI,EAAE,eAAe;oBACrB,GAAG,EAAE,IAAA,4BAAkB,EAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iBACtF;gBACD;oBACE,IAAI,EAAE,gBAAgB;oBACtB,GAAG,EAAE,IAAA,4BAAkB,EAAC,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iBAC3F;aACF;SACF;QACD,OAAO,EAAE,CAAC,IAAI,oCAAuB,CAAC,IAAI,CAAC,CAAC;KAC7C,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,wBAAwB,4BAoBpC","sourcesContent":["import IgnoreEmitWebpackPlugin from 'ignore-emit-webpack-plugin'\n\nimport { styleConfigFactory } from '../loaders'\n\nexport const typedStylesConfigFactory = ({ raw, filesPaths }: { raw?: boolean; filesPaths: string[] }) => {\n  return {\n    mode: 'production',\n    entry: { bundle: filesPaths },\n    devtool: false,\n    watch: true,\n    module: {\n      rules: [\n        {\n          test: /\\.(pcss|css)$/,\n          use: styleConfigFactory({ raw, typedStyles: true, parser: 'postcss', modules: true }),\n        },\n        {\n          test: /\\.(scss|sass)$/,\n          use: styleConfigFactory({ raw, typedStyles: true, parser: 'postcss-scss', modules: true }),\n        },\n      ],\n    },\n    plugins: [new IgnoreEmitWebpackPlugin(/.+/)],\n  }\n}\n"]}

package/index.d.ts

@@ -1,9 +1,11 @@
 import * as loaders from './loaders';
 import * as plugins from './plugins';
 import * as configs from './configs';
+import * as compiler from './compiler.helpers';
 declare const _default: {
     loaders: typeof loaders;
     plugins: typeof plugins;
     configs: typeof configs;
+    compiler: typeof compiler;
 };
 export = _default;

package/index.js

@@ -25,8 +25,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
 const loaders = __importStar(require("./loaders"));
 const plugins = __importStar(require("./plugins"));
 const configs = __importStar(require("./configs"));
+const compiler = __importStar(require("./compiler.helpers"));
 module.exports = {
     loaders,
     plugins,
     configs,
+    compiler,
 };
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"./","sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAoC;AACpC,mDAAoC;AACpC,mDAAoC;AACpC,6DAA8C;AAC9C,iBAAS;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,QAAQ;CACT,CAAA","sourcesContent":["import * as loaders from './loaders'\nimport * as plugins from './plugins'\nimport * as configs from './configs'\nimport * as compiler from './compiler.helpers'\nexport = {\n  loaders,\n  plugins,\n  configs,\n  compiler,\n}\n"]}

package/loaders/ExposeCssSourceLoader.js

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 const style_loader_1 = __importDefault(require("style-loader"));
 const lodash_1 = require("lodash");
+const cjs_1 = require("@enhanced-dom/css/cjs");
 // eslint-disable-next-line @typescript-eslint/no-empty-function
 const loader = function () { };
 loader.pitch = function pitch(remainingRequest) {
@@ -15,11 +16,12 @@ loader.pitch = function pitch(remainingRequest) {
     if (index <= -1)
         return result;
     const insertIndex = index - 1;
-    const stylesheetName = (0, lodash_1.uniqueId)('stylesheet-');
+    const stylesheetName = (0, lodash_1.uniqueId)('stylesheet');
     const insertAttr = `
     options.attributes = options.attributes || {}
-    options.attributes.title = "${stylesheetName}";
+    options.attributes["${cjs_1.STYLESHEET_ATTRIBUTE_NAME}"] = "${stylesheetName}";
   `;
     return result.slice(0, insertIndex) + insertAttr + result.slice(insertIndex) + `export const _stylesheetName = "${stylesheetName}";`;
 };
 module.exports = loader;
+//# sourceMappingURL=ExposeCssSourceLoader.js.map

package/loaders/ExposeCssSourceLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExposeCssSourceLoader.js","sourceRoot":"./","sources":["loaders/ExposeCssSourceLoader.ts"],"names":[],"mappings":";;;;AAAA,gEAAsC;AACtC,mCAAiC;AACjC,+CAAiE;AAEjE,gEAAgE;AAChE,MAAM,MAAM,GAAG,cAAa,CAAC,CAAA;AAE7B,MAAM,CAAC,KAAK,GAAG,SAAS,KAAK,CAAC,gBAAwB;IACpD,IAAI,IAAI,CAAC,SAAS,EAAE;QAClB,IAAI,CAAC,SAAS,EAAE,CAAA;KACjB;IACD,MAAM,MAAM,GAAW,sBAAW,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAA;IACrE,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,oCAAoC,CAAC,CAAA;IAClE,IAAI,KAAK,IAAI,CAAC,CAAC;QAAE,OAAO,MAAM,CAAA;IAC9B,MAAM,WAAW,GAAG,KAAK,GAAG,CAAC,CAAA;IAC7B,MAAM,cAAc,GAAG,IAAA,iBAAQ,EAAC,YAAY,CAAC,CAAA;IAC7C,MAAM,UAAU,GAAG;;0BAEK,+BAAyB,SAAS,cAAc;GACvE,CAAA;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,CAAC,GAAG,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,mCAAmC,cAAc,IAAI,CAAA;AACtI,CAAC,CAAA;AAED,iBAAS,MAAM,CAAA","sourcesContent":["import styleLoader from 'style-loader'\nimport { uniqueId } from 'lodash'\nimport { STYLESHEET_ATTRIBUTE_NAME } from '@enhanced-dom/css/cjs'\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst loader = function () {}\n\nloader.pitch = function pitch(remainingRequest: string) {\n  if (this.cacheable) {\n    this.cacheable()\n  }\n  const result: string = styleLoader.pitch.call(this, remainingRequest)\n  const index = result.indexOf('var update = API(content, options)')\n  if (index <= -1) return result\n  const insertIndex = index - 1\n  const stylesheetName = uniqueId('stylesheet')\n  const insertAttr = `\n    options.attributes = options.attributes || {}\n    options.attributes[\"${STYLESHEET_ATTRIBUTE_NAME}\"] = \"${stylesheetName}\";\n  `\n  return result.slice(0, insertIndex) + insertAttr + result.slice(insertIndex) + `export const _stylesheetName = \"${stylesheetName}\";`\n}\n\nexport = loader\n"]}

package/loaders/index.js

@@ -141,3 +141,4 @@ const markdownConfigFactory = ({ babel, remark = [] } = {}) => {
     return loaders;
 };
 exports.markdownConfigFactory = markdownConfigFactory;
+//# sourceMappingURL=index.js.map

package/loaders/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"./","sources":["loaders/index.ts"],"names":[],"mappings":"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","sourcesContent":["import MiniCssExtractPlugin from 'mini-css-extract-plugin'\nimport createResolver from 'postcss-import-webpack-resolver'\nconst ExposeCssSourceLoader = require.resolve('./ExposeCssSourceLoader')\nimport codeImport from 'remark-code-import'\nimport imageUnwrap from 'remark-unwrap-images'\nimport imageImport from 'remark-embed-images'\n\nexport const styleConfigFactory = ({\n  raw = false as boolean,\n  extract = false,\n  sourceMap = false,\n  typedStyles = false,\n  modules = undefined as\n    | { localIdentName?: string; mappings?: { filter: string; transform: (p: string) => string }[] }\n    | (boolean & { localIdentName?: never; mappings?: never }),\n  parser = undefined as 'postcss' | 'postcss-scss',\n  aliases = {} as Record<string, string>,\n} = {}) => {\n  const loaders = []\n\n  if (raw) {\n    loaders.push({\n      loader: ExposeCssSourceLoader,\n      options: {\n        attributes: {},\n      },\n    })\n  } else if (extract) {\n    loaders.push({\n      loader: MiniCssExtractPlugin.loader,\n      options: {\n        publicPath: './',\n      },\n    })\n  } else {\n    loaders.push({ loader: 'style-loader' })\n  }\n\n  if (typedStyles) {\n    loaders.push({\n      loader: 'dts-css-modules-loader',\n      options: {\n        namedExport: true,\n        banner: raw ? 'export const _stylesheetName: string;' : undefined,\n      },\n    })\n  }\n\n  const cssLoader = {\n    loader: 'css-loader',\n    options: {\n      sourceMap,\n      ...(modules || typedStyles\n        ? {\n            esModule: true,\n            modules: {\n              localIdentName: modules?.localIdentName ?? '[local]_[hash:base64:5]',\n              getLocalIdent: (loaderContext: { resourcePath: string }, _: any, localName: string) => {\n                const { resourcePath } = loaderContext\n                const mappings = modules?.mappings ?? []\n                const mapping = mappings.find(({ filter }) => resourcePath.includes(filter))\n                if (!mapping) {\n                  return undefined // this will trigger the default css-loader getLocalIdent function\n                }\n                return mapping.transform(localName)\n              },\n              exportLocalsConvention: 'camelCaseOnly',\n              namedExport: true,\n            },\n            sourceMap,\n          }\n        : { modules: false }),\n    },\n  }\n\n  loaders.push(cssLoader)\n\n  const resolveUrlLoader = {\n    loader: 'resolve-url-loader',\n  }\n\n  loaders.push(resolveUrlLoader)\n\n  const postcssLoader = {\n    loader: 'postcss-loader',\n    options: {\n      sourceMap: true,\n      postcssOptions: {\n        parser,\n        plugins: [\n          [\n            'postcss-import',\n            {\n              resolve: createResolver({\n                alias: aliases,\n              }),\n              modules: ['./node_modules', 'node_modules'],\n            },\n          ],\n          'postcss-advanced-variables',\n          'postcss-nested',\n          'autoprefixer',\n          // ['postcss-preset-env', {\n          //   browsers: ['last 2 versions']\n          // }]\n        ],\n      },\n    },\n  }\n\n  loaders.push(postcssLoader)\n\n  return loaders\n}\n\nexport const nullConfigFactory = ({ rules = [] as RegExp[] } = {}) => {\n  return rules.map((rule) => ({\n    test: rule,\n    use: 'null-loader',\n    enforce: 'post',\n  }))\n}\n\nexport const fontExtensions = ['ttf', 'eot', 'woff', 'woff2']\nexport const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'svg', 'ico']\nexport const assetExtensions = (extensions = [...imageExtensions, ...fontExtensions] as string[]) =>\n  new RegExp(`\\\\.(${extensions.join('|')})(\\\\?.*$|$)?$`)\n\nexport const babelConfigFactory = ({ babel = undefined as any }) => {\n  const loaders = [{ loader: 'babel-loader', options: babel }]\n  return loaders\n}\n\nexport const markdownConfigFactory = ({ babel, remark = [] }: { babel?: any; remark?: any[] } = {}) => {\n  const loaders = []\n\n  if (babel) {\n    loaders.push(...babelConfigFactory({ babel }))\n    loaders.push({\n      loader: '@mdx-js/loader',\n      options: {\n        remarkPlugins: [codeImport, imageImport, imageUnwrap, ...remark],\n      },\n    })\n  } else {\n    loaders.push(\n      {\n        loader: 'html-loader',\n      },\n      {\n        loader: 'markdown-loader',\n      },\n    )\n  }\n  return loaders\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enhanced-dom/webpack",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "description": "Helpers for webpack configuration",
   "keywords": [],
   "repository": "https://github.com/enhanced-dom/webpack.git",
@@ -9,6 +9,7 @@
   "main": "index.js",
   "dependencies": {
     "@enhanced-dom/build": "^0.0.1",
+    "@enhanced-dom/css": "^0.0.2",
     "@mdx-js/loader": "^2.1.1",
     "autoprefixer": "^10.3.5",
     "babel-loader": "^8.2.2",
@@ -22,6 +23,7 @@
     "html-webpack-plugin": "^5.3.1",
     "ignore-emit-webpack-plugin": "^2.0.6",
     "markdown-loader": "^8.0.0",
+    "memory-fs": "^0.5.0",
     "mini-css-extract-plugin": "^2.3.0",
     "null-loader": "^4.0.1",
     "css-minimizer-webpack-plugin": "^3.0.2",
@@ -53,6 +55,7 @@
     "@enhanced-dom/lint": "^0.0.7",
     "@types/html-webpack-plugin": "^3.2.5",
     "@types/loader-utils": "^2.0.2",
+    "@types/memory-fs": "^0.3.3",
     "@types/mini-css-extract-plugin": "^1.4.3",
     "@types/optimize-css-assets-webpack-plugin": "^5.0.3",
     "@types/terser-webpack-plugin": "^5.2.0",

package/plugins/HtmlWebpackInlineSourcePlugin.js

@@ -51,3 +51,4 @@ html_webpack_inline_source_plugin_1.default.prototype.apply = function (compiler
     });
 };
 module.exports = html_webpack_inline_source_plugin_1.default;
+//# sourceMappingURL=HtmlWebpackInlineSourcePlugin.js.map

package/plugins/HtmlWebpackInlineSourcePlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlWebpackInlineSourcePlugin.js","sourceRoot":"./","sources":["plugins/HtmlWebpackInlineSourcePlugin.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-this-alias */\nimport HtmlWebpackPlugin, { Hooks } from 'html-webpack-plugin'\nimport HtmlWebpackInlineSourcePlugin from 'html-webpack-inline-source-plugin'\nimport { Compilation, Compiler } from 'webpack'\nimport { AsyncSeriesWaterfallHook } from 'tapable'\nimport fs from 'fs'\nimport path from 'path'\n\ntype AsyncSeriesWaterfallHookData<T> = T extends AsyncSeriesWaterfallHook<infer R> ? R : never\n\nHtmlWebpackInlineSourcePlugin.prototype.processTags = function (\n  compilation: Compilation,\n  pluginData: AsyncSeriesWaterfallHookData<Hooks['afterTemplateExecution']>,\n) {\n  const self = this\n\n  const headTags = []\n  const bodyTags = []\n\n  pluginData.headTags.forEach((tag) => {\n    headTags.push(self.processTag(compilation, self.assetsRegExp, tag))\n  })\n\n  pluginData.bodyTags.forEach((tag) => {\n    bodyTags.push(self.processTag(compilation, self.assetsRegExp, tag))\n  })\n\n  return { ...pluginData, headTags, bodyTags }\n}\n\nHtmlWebpackInlineSourcePlugin.prototype.apply = function (compiler: Compiler) {\n  const self = this\n  self.assetsRegExp = undefined\n  self.faviconPath = undefined\n\n  compiler.hooks.compilation.tap('html-webpack-inline-source-plugin', (compilation) => {\n    HtmlWebpackPlugin.getHooks(compilation).afterTemplateExecution.tapAsync(\n      'html-webpack-inline-source-plugin',\n      (htmlPluginData, callback) => {\n        self.assetsRegExp = new RegExp('.(js|css)$')\n        const result = self.processTags(compilation, htmlPluginData) as typeof htmlPluginData\n        const favicon = htmlPluginData.plugin.options.favicon\n        if (!favicon || !fs.existsSync(favicon)) {\n          return callback(null, result)\n        }\n        const faviconTag = result.headTags.find((tag) => tag.tagName === 'link' && tag.attributes.rel === 'icon')\n        if (faviconTag) {\n          self.faviconPath = faviconTag.attributes.href as string\n          faviconTag.attributes.href = `data:image/x-icon;base64, ${fs.readFileSync(favicon, 'base64')}`\n        }\n        callback(null, result)\n      },\n    )\n  })\n\n  compiler.hooks.emit.tap('html-webpack-inline-source-plugin', (compilation) => {\n    if (self.assetsRegExp) {\n      Object.keys(compilation.assets).forEach(function (file) {\n        if (file.match(self.assetsRegExp) || file === self.faviconPath?.split(path.sep)?.pop()) {\n          delete compilation.assets[file]\n        }\n      })\n    }\n  })\n}\n\nexport = HtmlWebpackInlineSourcePlugin\n"]}

package/plugins/index.js

@@ -89,3 +89,4 @@ const terserConfigFactory = ({ enableSourcemaps = true, terserOptions = {} } = {
     }),
 ];
 exports.terserConfigFactory = terserConfigFactory;
+//# sourceMappingURL=index.js.map

package/plugins/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"./","sources":["plugins/index.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAuB;AACvB,qEAA8D;AAC9D,gGAA6D;AAC7D,sFAA0D;AAC1D,kFAAgD;AAEhD,8EAAmD;AACnD,4CAAmB;AAGnB,oGAAoE;AAE7D,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,GAAG,wBAAwB,EACnC,cAAc,GAAG,EAAE,MAC4B,EAAE,EAAE,EAAE;IACrD,OAAO;QACL,IAAI,iCAAoB,CAAC;YACvB,QAAQ;SACT,CAAC;QACF,IAAI,sCAAkB,CAAC;YACrB,IAAI,EAAE,SAAS;YACf,gBAAgB,EAAE;gBAChB,MAAM,EAAE,CAAC,UAAU,CAAC;gBACpB,GAAG,cAAc;aAClB;YACD,MAAM,EAAE,sCAAkB,CAAC,aAAa;SACzC,CAAC;KACH,CAAA;AACH,CAAC,CAAA;AAjBY,QAAA,gBAAgB,oBAiB5B;AAEM,MAAM,2BAA2B,GAAG,CAAC,cAA4C,EAAE,EAAE,EAAE;IAC5F,OAAO;QACL,IAAI,8CAAoB,CAAC;YACvB,YAAY,EAAE,QAAQ;YACtB,cAAc,EAAE,gCAAgC;YAChD,YAAY,EAAE,KAAK;YACnB,GAAG,WAAW;SACf,CAAC;KACH,CAAA;AACH,CAAC,CAAA;AATY,QAAA,2BAA2B,+BASvC;AAEM,MAAM,iBAAiB,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,KAAqE,EAAE,EAAE,EAAE;;IAC7H,MAAM,QAAQ,GAAG,MAAA,IAAI,CAAC,QAAQ,mCAAI,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,eAAe,CAAC,CAAA;IAC3E,MAAM,cAAc,GAAG,YAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC9C,MAAM,eAAe,GAAG;;;;;;;;UAQhB,CAAA;IACR,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,cAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,cAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;IAClI,MAAM,OAAO,GAA4B;QACvC,IAAI,6BAAiB,CAAC;YACpB,MAAM,EAAE,MAAM;YACd,IAAI,EAAE,OAAO;YACb,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC;YACxD,GAAG,IAAI;YACP,OAAO;SACR,CAAC;KACH,CAAA;IAED,IAAI,KAAK,EAAE;QACT,OAAO,CAAC,IAAI,CAAC,IAAI,uCAAsB,EAAE,CAAC,CAAA;KAC3C;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AA5BY,QAAA,iBAAiB,qBA4B7B;AAEM,MAAM,mBAAmB,GAAG,CAAC,EAAE,gBAAgB,GAAG,IAAI,EAAE,aAAa,GAAG,EAAmB,KAAK,EAAE,EAAE,EAAE,CAAC;IAC5G,yDAAyD;IACzD,IAAI,+BAAY,CAAC;QACf,QAAQ,EAAE,IAAI;QACd,aAAa,EAAE;YACb,GAAG,EAAE,KAAK;YACV,SAAS,EAAE,gBAAgB;YAC3B,QAAQ,EAAE;gBACR,QAAQ,EAAE,KAAK;aAChB;YACD,WAAW,EAAE,IAAI;YACjB,eAAe,EAAE,IAAI;YACrB,MAAM,EAAE;gBACN,WAAW,EAAE,IAAI;gBACjB,eAAe,EAAE,IAAI;aACtB;YACD,GAAG,aAAa;SACjB;KACF,CAAC;CACH,CAAA;AAnBY,QAAA,mBAAmB,uBAmB/B","sourcesContent":["import path from 'path'\nimport { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'\nimport CssMinimizerPlugin from 'css-minimizer-webpack-plugin'\nimport MiniCssExtractPlugin from 'mini-css-extract-plugin'\nimport TerserPlugin from 'terser-webpack-plugin'\nimport { MinifyOptions } from 'terser'\nimport HtmlWebpackPlugin from 'html-webpack-plugin'\nimport fs from 'fs'\nimport { WebpackPluginInstance } from 'webpack'\n\nimport HtmlInlineSourcePlugin from './HtmlWebpackInlineSourcePlugin'\n\nexport const cssConfigFactory = ({\n  filename = '[name]-[chunkhash].css',\n  cssnanoOptions = {},\n}: { filename?: string; cssnanoOptions?: any } = {}) => {\n  return [\n    new MiniCssExtractPlugin({\n      filename,\n    }),\n    new CssMinimizerPlugin({\n      test: /\\.css$/g,\n      minimizerOptions: {\n        preset: ['advanced'],\n        ...cssnanoOptions,\n      },\n      minify: CssMinimizerPlugin.cssnanoMinify,\n    }),\n  ]\n}\n\nexport const bundleAnalyzerConfigFactory = (extraConfig: BundleAnalyzerPlugin.Options = {}) => {\n  return [\n    new BundleAnalyzerPlugin({\n      analyzerMode: 'static',\n      reportFilename: './reports/bundle-analysis.html',\n      openAnalyzer: false,\n      ...extraConfig,\n    }),\n  ]\n}\n\nexport const htmlConfigFactory = ({ html = {}, embed }: { embed?: boolean; html?: Partial<HtmlWebpackPlugin.Options> } = {}) => {\n  const template = html.template ?? path.join(process.cwd(), 'template.html')\n  const templateExists = fs.existsSync(template)\n  const templateContent = `<!DOCTYPE html>\n  <html>\n  <head>\n    <meta charset=\"UTF-8\" />\n  </head>\n  <body>\n    <div id=\"root\"></div>\n  </body>\n  </html>`\n  const favicon = html.favicon ? (path.isAbsolute(html.favicon) ? html.favicon : path.join(process.cwd(), html.favicon)) : undefined\n  const plugins: WebpackPluginInstance[] = [\n    new HtmlWebpackPlugin({\n      inject: 'body',\n      lang: 'en-US',\n      ...(templateExists ? { template } : { templateContent }),\n      ...html,\n      favicon,\n    }),\n  ]\n\n  if (embed) {\n    plugins.push(new HtmlInlineSourcePlugin())\n  }\n\n  return plugins\n}\n\nexport const terserConfigFactory = ({ enableSourcemaps = true, terserOptions = {} as MinifyOptions } = {}) => [\n  /* eslint-disable @typescript-eslint/naming-convention */\n  new TerserPlugin({\n    parallel: true,\n    terserOptions: {\n      ie8: false,\n      sourceMap: enableSourcemaps,\n      compress: {\n        evaluate: false,\n      },\n      keep_fnames: true,\n      keep_classnames: true,\n      mangle: {\n        keep_fnames: true,\n        keep_classnames: true,\n      },\n      ...terserOptions,\n    },\n  }),\n]\n"]}