@enhanced-dom/webpack 0.0.4 → 0.0.5

package/config.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -22,5 +26,5 @@ const loaders = __importStar(require("./loaders"));
 const plugins = __importStar(require("./plugins"));
 module.exports = {
     loaders,
-    plugins
+    plugins,
 };

package/loaders/ExposeCssSourceLoader.js

@@ -1,17 +1,20 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+const style_loader_1 = __importDefault(require("style-loader"));
+const lodash_1 = require("lodash");
 const loader = function () { };
-const styleLoader = require('style-loader');
-const uniqueId = require('lodash').uniqueId;
 loader.pitch = function pitch(remainingRequest) {
     if (this.cacheable) {
         this.cacheable();
     }
-    const result = styleLoader.pitch.call(this, remainingRequest);
+    const result = style_loader_1.default.pitch.call(this, remainingRequest);
     const index = result.indexOf('var update = API(content, options)');
     if (index <= -1)
         return result;
     const insertIndex = index - 1;
-    const stylesheetName = uniqueId('stylesheet-');
+    const stylesheetName = (0, lodash_1.uniqueId)('stylesheet-');
     const insertAttr = `
     options.attributes = options.attributes || {}
     options.attributes.title = "${stylesheetName}";

package/loaders/index.d.ts

@@ -29,7 +29,7 @@ export declare const babelConfigFactory: ({ babel }: {
     loader: string;
     options: any;
 }[];
-export declare const markdownConfigFactory: ({ babel, remark, }?: {
+export declare const markdownConfigFactory: ({ babel, remark }?: {
     babel?: any;
     remark?: any[];
 }) => any[];

package/loaders/index.js

@@ -7,11 +7,8 @@ exports.markdownConfigFactory = exports.babelConfigFactory = exports.assetExtens
 const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const postcss_import_webpack_resolver_1 = __importDefault(require("postcss-import-webpack-resolver"));
 const ExposeCssSourceLoader = require.resolve('./ExposeCssSourceLoader');
-// @ts-ignore
 const remark_code_import_1 = __importDefault(require("remark-code-import"));
-// @ts-ignore
 const remark_unwrap_images_1 = __importDefault(require("remark-unwrap-images"));
-// @ts-ignore
 const remark_embed_images_1 = __importDefault(require("remark-embed-images"));
 const styleConfigFactory = ({ raw = false, extract = false, sourceMap = false, typedStyles = false, modules = undefined, parser = undefined, aliases = {}, } = {}) => {
     var _a;
@@ -20,8 +17,8 @@ const styleConfigFactory = ({ raw = false, extract = false, sourceMap = false, t
         loaders.push({
             loader: ExposeCssSourceLoader,
             options: {
-                attributes: {}
-            }
+                attributes: {},
+            },
         });
     }
     else if (extract) {
@@ -29,7 +26,7 @@ const styleConfigFactory = ({ raw = false, extract = false, sourceMap = false, t
             loader: mini_css_extract_plugin_1.default.loader,
             options: {
                 publicPath: './',
-            }
+            },
         });
     }
     else {
@@ -85,7 +82,7 @@ const styleConfigFactory = ({ raw = false, extract = false, sourceMap = false, t
                     [
                         'postcss-import',
                         {
-                            resolve: postcss_import_webpack_resolver_1.default({
+                            resolve: (0, postcss_import_webpack_resolver_1.default)({
                                 alias: aliases,
                             }),
                             modules: ['./node_modules', 'node_modules'],
@@ -122,10 +119,10 @@ const babelConfigFactory = ({ babel = undefined }) => {
     return loaders;
 };
 exports.babelConfigFactory = babelConfigFactory;
-const markdownConfigFactory = ({ babel, remark = [], } = {}) => {
+const markdownConfigFactory = ({ babel, remark = [] } = {}) => {
     const loaders = [];
     if (babel) {
-        loaders.push(...exports.babelConfigFactory({ babel }));
+        loaders.push(...(0, exports.babelConfigFactory)({ babel }));
         loaders.push({
             loader: '@mdx-js/loader',
             options: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@enhanced-dom/webpack",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Helpers for webpack configuration",
   "keywords": [],
   "repository": "https://github.com/enhanced-dom/webpack.git",
@@ -50,10 +50,10 @@
     "source-map-loader": "^3.0.0",
     "style-loader": "^3.2.1",
     "terser-webpack-plugin": "^5.1.2",
-    "webpack": "^5.53.0",
-    "webpack-bundle-analyzer": "^4.4.2",
-    "webpack-cli": "^4.8.0",
-    "webpack-dev-server": "^4.2.1",
+    "webpack": "^5.70.0",
+    "webpack-bundle-analyzer": "^4.5.0",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4",
     "serve": "^12.0.0"
   },
   "devDependencies": {
@@ -62,17 +62,16 @@
     "@types/loader-utils": "^2.0.2",
     "@types/mini-css-extract-plugin": "^1.4.3",
     "@types/optimize-css-assets-webpack-plugin": "^5.0.3",
-    "@types/terser-webpack-plugin": "^5.0.3",
+    "@types/terser-webpack-plugin": "^5.2.0",
     "@types/webpack": "^5.28.0",
     "@types/webpack-bundle-analyzer": "^2.9.2",
     "typescript": "^4.2.2"
-
   },
   "overrides": {
     "postcss": "^8.2.15",
     "postcss-scss": "^4.0.0",
     "autoprefixer": "^10.3.5",
-    "webpack": "^5.28.0"
+    "terser": "^5.12.1"
   },
   "engines": {
     "node": ">=14.17.0",

package/plugins/HtmlWebpackInlineSourcePlugin.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
-// @ts-ignore
 const html_webpack_inline_source_plugin_1 = __importDefault(require("html-webpack-inline-source-plugin"));
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
@@ -31,7 +30,7 @@ html_webpack_inline_source_plugin_1.default.prototype.apply = function (compiler
             if (!favicon || !fs_1.default.existsSync(favicon)) {
                 return callback(null, result);
             }
-            const faviconTag = result.headTags.find(tag => tag.tagName === 'link' && tag.attributes.rel === 'icon');
+            const faviconTag = result.headTags.find((tag) => tag.tagName === 'link' && tag.attributes.rel === 'icon');
             if (faviconTag) {
                 self.faviconPath = faviconTag.attributes.href;
                 faviconTag.attributes.href = `data:image/x-icon;base64, ${fs_1.default.readFileSync(favicon, 'base64')}`;

package/plugins/index.d.ts

@@ -1,4 +1,6 @@
 import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
+import CssMinimizerPlugin from 'css-minimizer-webpack-plugin';
+import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import TerserPlugin from 'terser-webpack-plugin';
 import { MinifyOptions } from 'terser';
 import HtmlWebpackPlugin from 'html-webpack-plugin';
@@ -6,14 +8,13 @@ import { WebpackPluginInstance } from 'webpack';
 export declare const cssConfigFactory: ({ filename, cssnanoOptions, }?: {
     filename?: string;
     cssnanoOptions?: any;
-}) => any[];
+}) => (MiniCssExtractPlugin | CssMinimizerPlugin<CssMinimizerPlugin.CssNanoOptionsExtended>)[];
 export declare const bundleAnalyzerConfigFactory: (extraConfig?: BundleAnalyzerPlugin.Options) => BundleAnalyzerPlugin[];
-export declare const htmlConfigFactory: ({ html, embed, outputPath }?: {
+export declare const htmlConfigFactory: ({ html, embed }?: {
     embed?: boolean;
     html?: Partial<HtmlWebpackPlugin.Options>;
-    outputPath?: string;
 }) => WebpackPluginInstance[];
-export declare const terserConfigFactory: ({ enableSourcemaps, terserOptions, }?: {
+export declare const terserConfigFactory: ({ enableSourcemaps, terserOptions }?: {
     enableSourcemaps?: boolean;
     terserOptions?: MinifyOptions;
-}) => TerserPlugin[];
+}) => TerserPlugin<MinifyOptions>[];

package/plugins/index.js

@@ -39,7 +39,7 @@ const bundleAnalyzerConfigFactory = (extraConfig = {}) => {
     ];
 };
 exports.bundleAnalyzerConfigFactory = bundleAnalyzerConfigFactory;
-const htmlConfigFactory = ({ html = {}, embed, outputPath = './dist' } = {}) => {
+const htmlConfigFactory = ({ html = {}, embed } = {}) => {
     var _a;
     const template = (_a = html.template) !== null && _a !== void 0 ? _a : path_1.default.join(process.cwd(), 'template.html');
     const templateExists = fs_1.default.existsSync(template);
@@ -59,7 +59,7 @@ const htmlConfigFactory = ({ html = {}, embed, outputPath = './dist' } = {}) =>
             lang: 'en-US',
             ...(templateExists ? { template } : { templateContent }),
             ...html,
-            favicon
+            favicon,
         }),
     ];
     if (embed) {
@@ -68,13 +68,12 @@ const htmlConfigFactory = ({ html = {}, embed, outputPath = './dist' } = {}) =>
     return plugins;
 };
 exports.htmlConfigFactory = htmlConfigFactory;
-const terserConfigFactory = ({ enableSourcemaps = true, terserOptions = {}, } = {}) => [
+const terserConfigFactory = ({ enableSourcemaps = true, terserOptions = {} } = {}) => [
     new terser_webpack_plugin_1.default({
         parallel: true,
-        cache: true,
-        sourceMap: enableSourcemaps,
         terserOptions: {
             ie8: false,
+            sourceMap: enableSourcemaps,
             compress: {
                 evaluate: false,
             },