2 |
--------------------------------------------------------------------------------
/test/fixtures/style.file.css:
--------------------------------------------------------------------------------
1 | a {
2 | color: red;
3 | }
4 |
--------------------------------------------------------------------------------
/test/fixtures/fallback.file.json:
--------------------------------------------------------------------------------
1 | {
2 | "color" : "red"
3 | }
4 |
--------------------------------------------------------------------------------
/test/fixtures/script.js:
--------------------------------------------------------------------------------
1 | export default './my-custom-script.js';
2 |
--------------------------------------------------------------------------------
/test/fixtures/broken-interpolation-syntax.html:
--------------------------------------------------------------------------------
1 | 
4 |
--------------------------------------------------------------------------------
/test/fixtures/other-loader-query.html:
--------------------------------------------------------------------------------
1 | 
--------------------------------------------------------------------------------
/test/fixtures/nested.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | 
4 |
--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | * text=auto
2 | bin/* eol=lf
3 | yarn.lock -diff
4 | package-lock.json -diff
--------------------------------------------------------------------------------
/test/fixtures/XHTML.js:
--------------------------------------------------------------------------------
1 | import xhtml from './XHTML.html';
2 |
3 | export default xhtml;
4 |
--------------------------------------------------------------------------------
/test/fixtures/empty.js:
--------------------------------------------------------------------------------
1 | import html from './empty.html';
2 |
3 | export default html;
4 |
--------------------------------------------------------------------------------
/test/fixtures/nested.js:
--------------------------------------------------------------------------------
1 | import html from './nested.html';
2 |
3 | export default html;
4 |
--------------------------------------------------------------------------------
/test/fixtures/roots.js:
--------------------------------------------------------------------------------
1 | import html from './roots.html';
2 |
3 | export default html;
4 |
--------------------------------------------------------------------------------
/test/fixtures/script.file.js:
--------------------------------------------------------------------------------
1 | function foo(arg) {
2 | return arg;
3 | }
4 |
5 | foo(1);
6 |
--------------------------------------------------------------------------------
/test/fixtures/simple.js:
--------------------------------------------------------------------------------
1 | import html from './simple.html';
2 |
3 | export default html;
4 |
--------------------------------------------------------------------------------
/test/fixtures/sources.js:
--------------------------------------------------------------------------------
1 | import html from './sources.html';
2 |
3 | export default html;
4 |
--------------------------------------------------------------------------------
/test/fixtures/webpack-import-footer.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/test/fixtures/absolute.js:
--------------------------------------------------------------------------------
1 | import html from './generated-1.html';
2 |
3 | export default html;
4 |
--------------------------------------------------------------------------------
/test/fixtures/template.js:
--------------------------------------------------------------------------------
1 | import html from './template.html';
2 |
3 | export default html;
4 |
--------------------------------------------------------------------------------
/test/fixtures/webpack-import-header.html:
--------------------------------------------------------------------------------
1 | -
5 |
- Grow a long, majestic beard. 6 |
- Wear a tall, pointed hat. 7 |
- Have I mentioned the beard? 8 |
TextAfterOpenDiv
TextAfterCloseDiv
11 | {{firstname}} {{lastname}}
3 |
4 |
5 |
--------------------------------------------------------------------------------
/src/plugins/index.js:
--------------------------------------------------------------------------------
1 | export { default as minimizerPlugin } from "./minimizer-plugin";
2 | export { default as sourcesPlugin } from "./sources-plugin";
3 |
--------------------------------------------------------------------------------
/test/helpers/getErrors.js:
--------------------------------------------------------------------------------
1 | import normalizeErrors from "./normalizeErrors";
2 |
3 | export default (stats) => normalizeErrors(stats.compilation.errors).sort();
4 |
--------------------------------------------------------------------------------
/test/helpers/getWarnings.js:
--------------------------------------------------------------------------------
1 | import normalizeErrors from "./normalizeErrors";
2 |
3 | export default (stats) => normalizeErrors(stats.compilation.warnings).sort();
4 |
--------------------------------------------------------------------------------
/test/cjs.test.js:
--------------------------------------------------------------------------------
1 | import src from "../src";
2 | import cjs from "../src/cjs";
3 |
4 | describe("cjs", () => {
5 | it("should exported", () => {
6 | expect(cjs).toEqual(src);
7 | });
8 | });
9 |
--------------------------------------------------------------------------------
/src/cjs.js:
--------------------------------------------------------------------------------
1 | const loader = require("./index");
2 |
3 | module.exports = loader.default;
4 | module.exports.defaultMinimizerOptions = loader.defaultMinimizerOptions;
5 | module.exports.raw = loader.raw;
6 |
--------------------------------------------------------------------------------
/lint-staged.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | "*": [
3 | "prettier --cache --write --ignore-unknown",
4 | "cspell --cache --no-must-find-files",
5 | ],
6 | "*.js": ["eslint --cache --fix"],
7 | };
8 |
--------------------------------------------------------------------------------
/commitlint.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | extends: ["@commitlint/config-conventional"],
3 | rules: {
4 | "header-max-length": [0],
5 | "body-max-line-length": [0],
6 | "footer-max-line-length": [0],
7 | },
8 | };
9 |
--------------------------------------------------------------------------------
/eslint.config.mjs:
--------------------------------------------------------------------------------
1 | import { defineConfig } from "eslint/config";
2 | import configs from "eslint-config-webpack/configs.js";
3 |
4 | export default defineConfig([
5 | {
6 | extends: [configs["recommended-dirty"]],
7 | },
8 | ]);
9 |
--------------------------------------------------------------------------------
/test/fixtures/broken-html-syntax.html:
--------------------------------------------------------------------------------
1 | Text < img src="image.png" >
2 | Text <
3 | Text >
4 |
5 |
2 | new Promise((resolve, reject) => {
3 | compiler.run((error, stats) => {
4 | if (error) {
5 | return reject(error);
6 | }
7 |
8 | return resolve(stats);
9 | });
10 | });
11 |
--------------------------------------------------------------------------------
/src/runtime/getUrl.js:
--------------------------------------------------------------------------------
1 | module.exports = (url, maybeNeedQuotes) => {
2 | if (!url) {
3 | return url;
4 | }
5 |
6 | url = String(url);
7 |
8 | if (maybeNeedQuotes && /[\t\n\f\r "'=<>`]/.test(url)) {
9 | return `"${url}"`;
10 | }
11 |
12 | return url;
13 | };
14 |
--------------------------------------------------------------------------------
/test/outputs/url/https_raw.githubusercontent.com/webpack_html-loader_main_test_fixtures_image_2adc828f2e83bbe66759.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/webpack/html-loader/main/test/outputs/url/https_raw.githubusercontent.com/webpack_html-loader_main_test_fixtures_image_2adc828f2e83bbe66759.png
--------------------------------------------------------------------------------
/test/fixtures/template.html:
--------------------------------------------------------------------------------
1 | 
2 | })
3 | 
8 |
--------------------------------------------------------------------------------
/test/outputs/url/https_raw.githubusercontent.com/webpack-contrib_html-loader_master_test_fixtures_image_f3e23ef3ce98f665ebc5.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/webpack/html-loader/main/test/outputs/url/https_raw.githubusercontent.com/webpack-contrib_html-loader_master_test_fixtures_image_f3e23ef3ce98f665ebc5.png
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | # editorconfig.org
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
11 | [*.md]
12 | trim_trailing_whitespace = false
13 |
14 | [test/fixtures/*.html]
15 | insert_final_newline = false
16 |
--------------------------------------------------------------------------------
/test/helpers/readAssets.js:
--------------------------------------------------------------------------------
1 | import readAsset from "./readAsset";
2 |
3 | export default function readAssets(compiler, stats) {
4 | const assets = {};
5 |
6 | for (const asset of Object.keys(stats.compilation.assets)) {
7 | assets[asset] = readAsset(asset, compiler, stats);
8 | }
9 |
10 | return assets;
11 | }
12 |
--------------------------------------------------------------------------------
/src/plugins/minimizer-plugin.js:
--------------------------------------------------------------------------------
1 | import { minify } from "html-minifier-terser";
2 |
3 | export default (options) =>
4 | async function process(html) {
5 | try {
6 | html = await minify(html, options.minimize);
7 | } catch (error) {
8 | options.errors.push(error);
9 | }
10 |
11 | return html;
12 | };
13 |
--------------------------------------------------------------------------------
/test/fixtures/postprocessor.html:
--------------------------------------------------------------------------------
1 |
2 |  %>)
3 |  %>)
4 |  %>)
5 | /");
9 |
10 | return source;
11 | };
12 |
--------------------------------------------------------------------------------
/.github/workflows/dependency-review.yml:
--------------------------------------------------------------------------------
1 | name: "Dependency Review"
2 | on: [pull_request]
3 |
4 | permissions:
5 | contents: read
6 |
7 | jobs:
8 | dependency-review:
9 | runs-on: ubuntu-latest
10 | steps:
11 | - name: "Checkout Repository"
12 | uses: actions/checkout@v5
13 | - name: "Dependency Review"
14 | uses: actions/dependency-review-action@v4
15 |
--------------------------------------------------------------------------------
/test/fixtures/template-html.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | Title
9 |
10 |
11 | 
13 |
14 |
--------------------------------------------------------------------------------
/test/fixtures/webpack-import-partial.html:
--------------------------------------------------------------------------------
1 | Title of document
6 |
7 |
8 |
9 | some content here...
10 |
11 |
12 | 13 | Visit our HTML tutorial 14 | Visit our HTML tutorial 15 | 16 | 17 | 18 |Text
19 | Text
20 |
21 |
22 |
--------------------------------------------------------------------------------
/test/helpers/readAsset.js:
--------------------------------------------------------------------------------
1 | import path from "node:path";
2 |
3 | export default (asset, compiler, stats) => {
4 | const usedFs = compiler.outputFileSystem;
5 | const outputPath = stats.compilation.outputOptions.path;
6 |
7 | let data = "";
8 | let targetFile = asset;
9 |
10 | const queryStringIdx = targetFile.indexOf("?");
11 |
12 | if (queryStringIdx >= 0) {
13 | targetFile = targetFile.slice(0, queryStringIdx);
14 | }
15 |
16 | try {
17 | data = usedFs.readFileSync(path.join(outputPath, targetFile)).toString();
18 | } catch (error) {
19 | data = error.toString();
20 | }
21 |
22 | return data;
23 | };
24 |
--------------------------------------------------------------------------------
/test/fixtures/webpack.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | const MIN_BABEL_VERSION = 7;
2 |
3 | module.exports = (api) => {
4 | api.assertVersion(MIN_BABEL_VERSION);
5 | api.cache(true);
6 |
7 | return {
8 | presets: [
9 | [
10 | "@babel/preset-env",
11 | {
12 | targets: {
13 | node: "18.12.0",
14 | },
15 | },
16 | ],
17 | ],
18 | overrides: [
19 | {
20 | test: "./src/runtime",
21 | presets: [
22 | [
23 | "@babel/preset-env",
24 | {
25 | targets: {
26 | node: "0.14",
27 | },
28 | },
29 | ],
30 | ],
31 | },
32 | ],
33 | };
34 | };
35 |
--------------------------------------------------------------------------------
/test/helpers/execute.js:
--------------------------------------------------------------------------------
1 | import Module from "node:module";
2 | import path from "node:path";
3 |
4 | const parentModule = module;
5 |
6 | function replaceAbsolutePath(data) {
7 | return typeof data === "string"
8 | ? data.replaceAll(/file:\/\/\/(\D:\/)?/gi, "replaced_file_protocol_/")
9 | : data;
10 | }
11 |
12 | export default (code) => {
13 | const resource = "test.js";
14 | const module = new Module(resource, parentModule);
15 |
16 | module.paths = Module._nodeModulePaths(
17 | path.resolve(__dirname, "../fixtures"),
18 | );
19 | module.filename = resource;
20 |
21 | module._compile(
22 | `${code};module.exports = ___TEST___.default ?___TEST___.default : ___TEST___;`,
23 | resource,
24 | );
25 |
26 | return replaceAbsolutePath(module.exports);
27 | };
28 |
--------------------------------------------------------------------------------
/test/fixtures/browserconfig.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | #000000
10 |
11 |
12 | 30
16 | 1
17 |
18 |
19 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | Copyright JS Foundation and other contributors
2 |
3 | Permission is hereby granted, free of charge, to any person obtaining
4 | a copy of this software and associated documentation files (the
5 | 'Software'), to deal in the Software without restriction, including
6 | without limitation the rights to use, copy, modify, merge, publish,
7 | distribute, sublicense, and/or sell copies of the Software, and to
8 | permit persons to whom the Software is furnished to do so, subject to
9 | the following conditions:
10 |
11 | The above copyright notice and this permission notice shall be
12 | included in all copies or substantial portions of the Software.
13 |
14 | THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND,
15 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
17 | IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
18 | CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
19 | TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
20 | SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 |
--------------------------------------------------------------------------------
/test/fixtures/webpack-import.html:
--------------------------------------------------------------------------------
1 |
29 | Header
30 | Custom
33 |
34 | AFTER
35 |
--------------------------------------------------------------------------------
/.cspell.json:
--------------------------------------------------------------------------------
1 | {
2 | "version": "0.2",
3 | "language": "en,en-gb",
4 | "words": [
5 | "lastname",
6 | "firstname",
7 | "memfs",
8 | "ASCIIC",
9 | "xlink",
10 | "imagesrcset",
11 | "Requestable",
12 | "Itemprop",
13 | "itemprop",
14 | "layoutimage",
15 | "installurl",
16 | "embedurl",
17 | "duringmedia",
18 | "downloadurl",
19 | "contenturl",
20 | "thumbnailurl",
21 | "tileimage",
22 | "Rels",
23 | "precomposed",
24 | "cssnano",
25 | "requestify",
26 | "substeps",
27 | "srcset",
28 | "scrset",
29 | "plusplus",
30 | "webp",
31 | "Webp",
32 | "layoutimage",
33 | "msapplication",
34 | "hspace",
35 | "vspace",
36 | "jsbeautify",
37 | "Gitter",
38 | "commitlint",
39 | "postprocessor",
40 | "eslintcache",
41 | "cspellcache"
42 | ],
43 | "ignorePaths": [
44 | "CHANGELOG.md",
45 | "package.json",
46 | "dist/**",
47 | "**/__snapshots__/**",
48 | "package-lock.json",
49 | "*.xml",
50 | "*.ogg",
51 | "*.html",
52 | "*.webp",
53 | "node_modules",
54 | "coverage",
55 | "*.log",
56 | "test/outputs/url/**"
57 | ]
58 | }
59 |
--------------------------------------------------------------------------------
/src/HtmlSourceError.js:
--------------------------------------------------------------------------------
1 | function getIndices(value) {
2 | const result = [];
3 | let index = value.indexOf("\n");
4 |
5 | while (index !== -1) {
6 | result.push(index + 1);
7 | index = value.indexOf("\n", index + 1);
8 | }
9 |
10 | result.push(value.length + 1);
11 |
12 | return result;
13 | }
14 |
15 | function offsetToPosition(source, offset) {
16 | let index = -1;
17 | const indices = getIndices(source);
18 | const { length } = indices;
19 |
20 | if (offset < 0) {
21 | return {};
22 | }
23 |
24 | while (++index < length) {
25 | if (indices[index] > offset) {
26 | return {
27 | line: index + 1,
28 | column: offset - (indices[index - 1] || 0) + 1,
29 | offset,
30 | };
31 | }
32 | }
33 |
34 | return {};
35 | }
36 |
37 | export default class HtmlSourceError extends Error {
38 | constructor(error, startOffset, endOffset, source) {
39 | super(error);
40 |
41 | this.name = "HtmlSourceError";
42 | this.message = `${this.name}: ${this.message}`;
43 | this.startOffset = startOffset;
44 | this.endOffset = endOffset;
45 | this.source = source;
46 |
47 | const startPosition = offsetToPosition(source, this.startOffset);
48 | const endPosition = offsetToPosition(source, this.endOffset);
49 |
50 | this.message += ` (From line ${startPosition.line}, column ${startPosition.column}; to line ${endPosition.line}, column ${endPosition.column})`;
51 |
52 | // We don't need stack
53 | this.stack = false;
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 | # Contributing
2 |
3 | From opening a bug report to creating a pull request: every contribution is
4 | appreciated and welcome. If you're planning to implement a new feature or change
5 | the api please create an issue first. This way we can ensure that your precious
6 | work is not in vain.
7 |
8 | ## Issues
9 |
10 | Most of the time, if webpack is not working correctly for you it is a simple configuration issue.
11 |
12 | If you are having difficulty, please search the [StackOverflow with the webpack tag](http://stackoverflow.com/tags/webpack) for questions related
13 | to the `html-loader`. If you can find an answer to your issue, please post a question in [StackOverflow](http://stackoverflow.com/tags/webpack) or
14 | the [webpack Gitter](https://gitter.im/webpack/webpack) and include both your webpack & html-loader versions.
15 |
16 | **If you have discovered a bug or have a feature suggestion, feel free to create an issue on Github.**
17 |
18 | ## Setup
19 |
20 | ```bash
21 | git clone https://github.com/webpack/html-loader.git
22 | cd html-loader
23 | npm install
24 | ```
25 |
26 | To run the entire test suite use:
27 |
28 | ```bash
29 | npm test
30 | ```
31 |
32 | ## Submitting Changes
33 |
34 | After getting some feedback, push to your fork and submit a pull request. We
35 | may suggest some changes or improvements or alternatives, but for small changes
36 | your pull request should be accepted quickly.
37 |
38 | Some things that will increase the chance that your pull request is accepted:
39 |
40 | - Write tests
41 | - Follow the existing Webpack coding style defined in the eslint jsbeautify and editor config rules.
42 | - Write a [good commit message](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html)
43 |
--------------------------------------------------------------------------------
/test/esModule-option.test.js:
--------------------------------------------------------------------------------
1 | import {
2 | compile,
3 | execute,
4 | getCompiler,
5 | getErrors,
6 | getModuleSource,
7 | getWarnings,
8 | readAsset,
9 | } from "./helpers";
10 |
11 | describe("'esModule' option", () => {
12 | it("should use a CommonJS export by default", async () => {
13 | const compiler = getCompiler("simple.js");
14 | const stats = await compile(compiler);
15 |
16 | expect(getModuleSource("./simple.html", stats)).toMatchSnapshot("module");
17 | expect(
18 | execute(readAsset("main.bundle.js", compiler, stats)),
19 | ).toMatchSnapshot("result");
20 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
21 | expect(getErrors(stats)).toMatchSnapshot("errors");
22 | });
23 |
24 | it('should use a CommonJS export when the value is "false"', async () => {
25 | const compiler = getCompiler("simple.js", { esModule: false });
26 | const stats = await compile(compiler);
27 |
28 | expect(getModuleSource("./simple.html", stats)).toMatchSnapshot("module");
29 | expect(
30 | execute(readAsset("main.bundle.js", compiler, stats)),
31 | ).toMatchSnapshot("result");
32 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
33 | expect(getErrors(stats)).toMatchSnapshot("errors");
34 | });
35 |
36 | it('should use an ES module export when the value is "true"', async () => {
37 | const compiler = getCompiler("simple.js", { esModule: true });
38 | const stats = await compile(compiler);
39 |
40 | expect(getModuleSource("./simple.html", stats)).toMatchSnapshot("module");
41 | expect(
42 | execute(readAsset("main.bundle.js", compiler, stats)),
43 | ).toMatchSnapshot("result");
44 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
45 | expect(getErrors(stats)).toMatchSnapshot("errors");
46 | });
47 | });
48 |
--------------------------------------------------------------------------------
/test/runtime/getUrl.test.js:
--------------------------------------------------------------------------------
1 | import getUrl from "../../src/runtime/getUrl";
2 |
3 | describe("getUrl", () => {
4 | it("should work", () => {
5 | expect(getUrl(true)).toMatchSnapshot();
6 | expect(getUrl(null)).toMatchSnapshot();
7 |
8 | expect(getUrl(undefined)).toMatchSnapshot();
9 | expect(getUrl("image.png")).toMatchSnapshot();
10 | expect(getUrl("image\timage.png")).toMatchSnapshot();
11 | expect(getUrl("image\nimage.png")).toMatchSnapshot();
12 | expect(getUrl("image\fimage.png")).toMatchSnapshot();
13 | expect(getUrl("image\rimage.png")).toMatchSnapshot();
14 | expect(getUrl("image image.png")).toMatchSnapshot();
15 | expect(getUrl('image"image.png')).toMatchSnapshot();
16 | expect(getUrl("image'image.png")).toMatchSnapshot();
17 | expect(getUrl("image=image.png")).toMatchSnapshot();
18 | expect(getUrl("image>image.png")).toMatchSnapshot();
19 | expect(getUrl("imageimage.png", true)).toMatchSnapshot();
31 | expect(getUrl("imageimage.png"`;
34 |
35 | exports[`getUrl should work 14`] = `"imageimage.png""`;
64 |
65 | exports[`getUrl should work 26`] = `""image {
7 | const fullConfig = {
8 | mode: "development",
9 | devtool: config.devtool || false,
10 | context: path.resolve(__dirname, "../fixtures"),
11 | entry: path.resolve(__dirname, "../fixtures", fixture),
12 | output: {
13 | path: path.resolve(__dirname, "../outputs"),
14 | filename: "[name].bundle.js",
15 | chunkFilename: "[name].chunk.js",
16 | chunkLoading: "require",
17 | publicPath: "/webpack/public/path/",
18 | library: "___TEST___",
19 | assetModuleFilename: "[name]-[contenthash][ext]",
20 | hashFunction: "xxhash64",
21 | },
22 | module: {
23 | rules: [
24 | {
25 | test: /\.(html|hbs)$/i,
26 | rules: [
27 | {
28 | loader: path.resolve(__dirname, "../../src"),
29 | options: loaderOptions || {},
30 | },
31 | ],
32 | },
33 | {
34 | resourceQuery: /\?url$/,
35 | type: "asset/inline",
36 | },
37 | {
38 | test: /\.(png|jpg|gif|svg|ico|eot|ttf|woff|woff2|ogg|pdf|vtt|webp|xml|webmanifest|mp3|mp4)$/i,
39 | resourceQuery: /^(?!.*\?url).*$/,
40 | type: "asset/resource",
41 | },
42 | {
43 | test: /\.file.css$/i,
44 | type: "asset/resource",
45 | },
46 | {
47 | test: /\.file.js$/i,
48 | type: "asset/resource",
49 | },
50 | ],
51 | },
52 | resolve: {
53 | alias: {
54 | aliasImg: path.resolve(__dirname, "../fixtures/image.png"),
55 | aliasImageWithSpace: path.resolve(
56 | __dirname,
57 | "../fixtures/image image.png",
58 | ),
59 | },
60 | },
61 | plugins: [],
62 | ...config,
63 | };
64 |
65 | const compiler = webpack(fullConfig);
66 |
67 | if (!config.outputFileSystem) {
68 | compiler.outputFileSystem = createFsFromVolume(new Volume());
69 | }
70 |
71 | return compiler;
72 | };
73 |
--------------------------------------------------------------------------------
/test/fixtures/icons.svg:
--------------------------------------------------------------------------------
1 |
2 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import schema from "./options.json";
2 | import { minimizerPlugin, sourcesPlugin } from "./plugins";
3 | import {
4 | convertToTemplateLiteral,
5 | getExportCode,
6 | getImportCode,
7 | getModuleCode,
8 | normalizeOptions,
9 | pluginRunner,
10 | supportTemplateLiteral,
11 | } from "./utils";
12 |
13 | export default async function loader(content) {
14 | const rawOptions = this.getOptions(schema);
15 | const options = normalizeOptions(rawOptions, this);
16 |
17 | if (options.preprocessor) {
18 | content = await options.preprocessor(content, this);
19 | }
20 |
21 | const plugins = [];
22 | const errors = [];
23 | const imports = [];
24 | const replacements = [];
25 |
26 | let isSupportAbsoluteURL = false;
27 |
28 | // TODO enable by default in the next major release
29 | if (
30 | this._compilation &&
31 | this._compilation.options &&
32 | this._compilation.options.experiments &&
33 | this._compilation.options.experiments.buildHttp
34 | ) {
35 | isSupportAbsoluteURL = true;
36 | }
37 |
38 | if (options.sources) {
39 | plugins.push(
40 | sourcesPlugin({
41 | isSupportAbsoluteURL,
42 | isSupportDataURL: options.esModule,
43 | sources: options.sources,
44 | resourcePath: this.resourcePath,
45 | context: this.context,
46 | imports,
47 | errors,
48 | replacements,
49 | }),
50 | );
51 | }
52 |
53 | if (options.minimize) {
54 | plugins.push(minimizerPlugin({ minimize: options.minimize, errors }));
55 | }
56 |
57 | let { html } = await pluginRunner(plugins).process(content);
58 |
59 | for (const error of errors) {
60 | this.emitError(error instanceof Error ? error : new Error(error));
61 | }
62 |
63 | const isTemplateLiteralSupported = supportTemplateLiteral(this);
64 |
65 | html = (
66 | isTemplateLiteralSupported
67 | ? convertToTemplateLiteral(html)
68 | : JSON.stringify(html)
69 | )
70 | // Invalid in JavaScript but valid HTML
71 | .replaceAll(/[\u2028\u2029]/g, (str) =>
72 | str === "\u2029" ? "\\u2029" : "\\u2028",
73 | );
74 |
75 | if (options.postprocessor) {
76 | html = await options.postprocessor(html, this);
77 | }
78 |
79 | const importCode = getImportCode(html, imports, options);
80 | const moduleCode = getModuleCode(html, replacements, this, {
81 | esModule: options.esModule,
82 | isTemplateLiteralSupported,
83 | });
84 | const exportCode = getExportCode(html, options);
85 |
86 | return `${importCode}${moduleCode}${exportCode}`;
87 | }
88 |
89 | export { defaultMinimizerOptions } from "./utils";
90 |
--------------------------------------------------------------------------------
/src/options.json:
--------------------------------------------------------------------------------
1 | {
2 | "title": "HTML Loader options",
3 | "type": "object",
4 | "definitions": {
5 | "Source": {
6 | "anyOf": [
7 | {
8 | "type": "object",
9 | "properties": {
10 | "tag": {
11 | "type": "string",
12 | "minLength": 1
13 | },
14 | "attribute": {
15 | "type": "string",
16 | "minLength": 1
17 | },
18 | "type": {
19 | "enum": ["src", "srcset"]
20 | },
21 | "filter": {
22 | "instanceof": "Function"
23 | }
24 | },
25 | "required": ["attribute", "type"],
26 | "additionalProperties": false
27 | },
28 | {
29 | "enum": ["..."]
30 | }
31 | ]
32 | },
33 | "SourcesList": {
34 | "type": "array",
35 | "items": {
36 | "$ref": "#/definitions/Source"
37 | },
38 | "minItems": 1,
39 | "uniqueItems": true
40 | }
41 | },
42 | "properties": {
43 | "preprocessor": {
44 | "instanceof": "Function",
45 | "description": "Allows pre-processing of content before handling.",
46 | "link": "https://github.com/webpack/html-loader#preprocessor"
47 | },
48 | "postprocessor": {
49 | "instanceof": "Function",
50 | "description": "Allows post-processing of content before handling.",
51 | "link": "https://github.com/webpack/html-loader#postprocessor"
52 | },
53 | "sources": {
54 | "anyOf": [
55 | { "type": "boolean" },
56 | {
57 | "type": "object",
58 | "properties": {
59 | "list": {
60 | "$ref": "#/definitions/SourcesList"
61 | },
62 | "urlFilter": {
63 | "instanceof": "Function"
64 | },
65 | "scriptingEnabled": {
66 | "type": "boolean"
67 | }
68 | },
69 | "additionalProperties": false
70 | }
71 | ],
72 | "description": "By default every loadable attributes (for example - ) is imported (const img = require('./image.png'). You may need to specify loaders for images in your configuration.",
73 | "link": "https://github.com/webpack/html-loader#sources"
74 | },
75 | "minimize": {
76 | "anyOf": [{ "type": "boolean" }, { "type": "object" }],
77 | "description": "Tell html-loader to minimize HTML.",
78 | "link": "https://github.com/webpack/html-loader#minimize"
79 | },
80 | "esModule": {
81 | "type": "boolean",
82 | "description": "Enable or disable ES modules syntax.",
83 | "link": "https://github.com/webpack/html-loader#esmodule"
84 | }
85 | },
86 | "additionalProperties": false
87 | }
88 |
--------------------------------------------------------------------------------
/.github/workflows/nodejs.yml:
--------------------------------------------------------------------------------
1 | name: html-loader
2 |
3 | on:
4 | push:
5 | branches:
6 | - main
7 | - next
8 | pull_request:
9 | branches:
10 | - main
11 | - next
12 |
13 | permissions:
14 | contents: read
15 |
16 | jobs:
17 | lint:
18 | name: Lint - ${{ matrix.os }} - Node v${{ matrix.node-version }}
19 |
20 | env:
21 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
22 |
23 | strategy:
24 | matrix:
25 | os: [ubuntu-latest]
26 | node-version: [lts/*]
27 |
28 | runs-on: ${{ matrix.os }}
29 |
30 | concurrency:
31 | group: lint-${{ matrix.os }}-v${{ matrix.node-version }}-${{ github.ref }}
32 | cancel-in-progress: true
33 |
34 | steps:
35 | - uses: actions/checkout@v5
36 | with:
37 | fetch-depth: 0
38 |
39 | - name: Use Node.js ${{ matrix.node-version }}
40 | uses: actions/setup-node@v4
41 | with:
42 | node-version: ${{ matrix.node-version }}
43 | cache: "npm"
44 |
45 | - name: Install dependencies
46 | run: npm ci
47 |
48 | - name: Lint
49 | run: npm run lint
50 |
51 | # - name: Security audit
52 | # run: npm run security
53 |
54 | - name: Validate PR commits with commitlint
55 | if: github.event_name == 'pull_request'
56 | run: npx commitlint --from ${{ github.event.pull_request.head.sha }}~${{ github.event.pull_request.commits }} --to ${{ github.event.pull_request.head.sha }} --verbose
57 |
58 | test:
59 | name: Test - ${{ matrix.os }} - Node v${{ matrix.node-version }}, Webpack ${{ matrix.webpack-version }}
60 |
61 | strategy:
62 | matrix:
63 | os: [ubuntu-latest, windows-latest, macos-latest]
64 | node-version: [18.x, 20.x, 22.x, 24.x]
65 | webpack-version: [latest]
66 |
67 | runs-on: ${{ matrix.os }}
68 |
69 | concurrency:
70 | group: test-${{ matrix.os }}-v${{ matrix.node-version }}-${{ matrix.webpack-version }}-${{ github.ref }}
71 | cancel-in-progress: true
72 |
73 | steps:
74 | - name: Setup Git
75 | if: matrix.os == 'windows-latest'
76 | run: git config --global core.autocrlf input
77 |
78 | - uses: actions/checkout@v5
79 |
80 | - name: Use Node.js ${{ matrix.node-version }}
81 | uses: actions/setup-node@v4
82 | with:
83 | node-version: ${{ matrix.node-version }}
84 | cache: "npm"
85 |
86 | - name: Install dependencies
87 | run: npm ci
88 |
89 | - name: Install webpack ${{ matrix.webpack-version }}
90 | if: matrix.webpack-version != 'latest'
91 | run: npm i webpack@${{ matrix.webpack-version }}
92 |
93 | - name: Run tests for webpack version ${{ matrix.webpack-version }}
94 | run: npm run test:coverage -- --ci
95 |
96 | - name: Submit coverage data to codecov
97 | uses: codecov/codecov-action@v5
98 | with:
99 | token: ${{ secrets.CODECOV_TOKEN }}
100 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "html-loader",
3 | "version": "5.1.0",
4 | "description": "Html loader module for webpack",
5 | "keywords": [
6 | "webpack",
7 | "html",
8 | "loader",
9 | "bundler"
10 | ],
11 | "homepage": "https://github.com/webpack/html-loader",
12 | "bugs": "https://github.com/webpack/html-loader/issues",
13 | "repository": "webpack/html-loader",
14 | "funding": {
15 | "type": "opencollective",
16 | "url": "https://opencollective.com/webpack"
17 | },
18 | "license": "MIT",
19 | "author": "Tobias Koppers @sokra",
20 | "main": "dist/cjs.js",
21 | "files": [
22 | "dist"
23 | ],
24 | "scripts": {
25 | "start": "npm run build -- -w",
26 | "clean": "del-cli dist",
27 | "validate:runtime": "es-check es5 \"dist/runtime/**/*.js\"",
28 | "prebuild": "npm run clean",
29 | "build": "cross-env NODE_ENV=production babel src -d dist --copy-files",
30 | "postbuild": "npm run validate:runtime",
31 | "commitlint": "commitlint --from=main",
32 | "security": "npm audit --production",
33 | "lint:prettier": "prettier --cache --list-different .",
34 | "lint:js": "eslint --cache .",
35 | "lint:spelling": "cspell --cache --no-must-find-files --quiet \"**/*.*\"",
36 | "lint": "npm-run-all -l -p \"lint:**\"",
37 | "fix:js": "npm run lint:js -- --fix",
38 | "fix:prettier": "npm run lint:prettier -- --write",
39 | "fix": "npm-run-all -l fix:js fix:prettier",
40 | "test:only": "cross-env NODE_ENV=test jest",
41 | "test:watch": "npm run test:only -- --watch",
42 | "test:coverage": "npm run test:only -- --coverage",
43 | "pretest": "npm run lint",
44 | "test": "npm run test:coverage",
45 | "prepare": "husky && npm run build",
46 | "release": "standard-version"
47 | },
48 | "dependencies": {
49 | "html-minifier-terser": "^7.2.0",
50 | "parse5": "^7.1.2"
51 | },
52 | "devDependencies": {
53 | "@babel/cli": "^7.24.8",
54 | "@babel/core": "^7.25.2",
55 | "@babel/preset-env": "^7.25.3",
56 | "@commitlint/cli": "^19.3.0",
57 | "@commitlint/config-conventional": "^19.2.2",
58 | "@eslint/js": "^9.32.0",
59 | "@eslint/markdown": "^7.1.0",
60 | "@stylistic/eslint-plugin": "^5.2.2",
61 | "babel-jest": "^30.0.0",
62 | "cross-env": "^7.0.3",
63 | "cspell": "^8.13.1",
64 | "del": "^7.1.0",
65 | "del-cli": "^5.1.0",
66 | "es-check": "^9.1.4",
67 | "eslint": "^9.31.0",
68 | "eslint-config-prettier": "^10.1.8",
69 | "eslint-config-webpack": "^4.4.2",
70 | "eslint-plugin-import": "^2.32.0",
71 | "eslint-plugin-jest": "^29.0.1",
72 | "eslint-plugin-n": "^17.21.0",
73 | "eslint-plugin-prettier": "^5.5.3",
74 | "eslint-plugin-unicorn": "^60.0.0",
75 | "globals": "^16.3.0",
76 | "handlebars": "^4.7.8",
77 | "html-webpack-plugin": "^5.6.0",
78 | "husky": "^9.1.4",
79 | "jest": "^30.0.0",
80 | "lint-staged": "^15.2.8",
81 | "memfs": "^4.11.1",
82 | "npm-run-all": "^4.1.5",
83 | "posthtml": "^0.16.6",
84 | "posthtml-webp": "^2.2.0",
85 | "prettier": "^3.3.3",
86 | "standard-version": "^9.5.0",
87 | "typescript-eslint": "^8.38.0",
88 | "unescape-unicode": "^0.2.0",
89 | "webpack": "^5.93.0"
90 | },
91 | "peerDependencies": {
92 | "webpack": "^5.0.0"
93 | },
94 | "engines": {
95 | "node": ">= 18.12.0"
96 | }
97 | }
98 |
--------------------------------------------------------------------------------
/test/__snapshots__/postprocessor-option.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2 |
3 | exports[`'postprocess' option should work with async "postprocessor" function option: errors 1`] = `[]`;
4 |
5 | exports[`'postprocess' option should work with async "postprocessor" function option: module 1`] = `
6 | "// Imports
7 | var ___HTML_LOADER_IMPORT_0___ = new URL("./image.png", import.meta.url);
8 | // Module
9 | var code = \`
3 | Text >
4 |
5 | Something about the \` character
4 | 5 |#{number} {customer}
6 |{title}
7 |
2 |
4 |
5 | <%= require('./gallery.html').default %>
6 |
7 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | coverage
3 |
4 | *.sw*
5 |
6 | npm-debug.log
7 | logs
8 | *.log
9 | npm-debug.log*
10 | .eslintcache
11 | .cspellcache
12 | /coverage
13 | /dist
14 | /local
15 | /reports
16 | /node_modules
17 | .DS_Store
18 | Thumbs.db
19 | .idea
20 | *.iml
21 | .vscode
22 | *.sublime-project
23 | *.sublime-workspace
24 | /test/fixtures/generated-2.html
25 |
--------------------------------------------------------------------------------
/test/helpers/getModuleSource.js:
--------------------------------------------------------------------------------
1 | import { pathToFileURL } from "node:url";
2 |
3 | export default (id, stats) => {
4 | const { modules } = stats.toJson({ source: true });
5 | const module = modules.find((m) => m.name === id);
6 | let { source } = module;
7 |
8 | source = source.replace(pathToFileURL(process.cwd()), "file:///Text
12 |
13 |
14 |
--------------------------------------------------------------------------------
/test/fixtures/webpack-import-partial.html:
--------------------------------------------------------------------------------
1 |
2 | Example
3 |
7 |
--------------------------------------------------------------------------------
/test/outputs/url/lock.json:
--------------------------------------------------------------------------------
1 | {
2 | "https://github.com/webpack/css-loader/blob/main/src/index.js": { "integrity": "sha512-aZkLHvP1jheyEMQt+e8pjg6SII996vPPaxjEk/R4cz/MoR/+JHLEzdc7/6/5umZP1ogZvSjP5SYFaqTWsxgDGQ==", "contentType": "text/html; charset=utf-8" },
3 | "https://raw.githubusercontent.com/webpack/html-loader/main/test/fixtures/image.png": { "integrity": "sha512-bHqIPBYwzPsVLYcTDqJzwgvIaxLjmezufiCVXAMI0Naelf3eWVdydMA40hXbSuB0dZCGjCepuGaI7Ze8kLM+Ew==", "contentType": "image/png" },
4 | "version": 1
5 | }
6 |
--------------------------------------------------------------------------------
/test/helpers/svg-color-loader.js:
--------------------------------------------------------------------------------
1 | const querystring = require("node:querystring");
2 |
3 | module.exports = function loader() {
4 | const query = querystring.parse(this.resourceQuery.slice(1));
5 |
6 | if (typeof query.color === "undefined" || query.color !== "#BAAFDB?") {
7 | throw new Error(`Error, 'color' is '${query.color}'`);
8 | }
9 |
10 | return 'export default "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNk+A8AAQUBAScY42YAAAAASUVORK5CYII=";';
11 | };
12 |
--------------------------------------------------------------------------------
/test/helpers/index.js:
--------------------------------------------------------------------------------
1 | export { default as compile } from "./compile";
2 | export { default as getCompiler } from "./getCompiler";
3 | export { default as execute } from "./execute";
4 | export { default as getModuleSource } from "./getModuleSource";
5 | export { default as getErrors } from "./getErrors";
6 | export { default as normalizeErrors } from "./normalizeErrors";
7 | export { default as getWarnings } from "./getWarnings";
8 | export { default as readsAssets } from "./readAssets";
9 | export { default as readAsset } from "./readAsset";
10 |
--------------------------------------------------------------------------------
/test/helpers/normalizeErrors.js:
--------------------------------------------------------------------------------
1 | function removeCWD(str) {
2 | const isWin = process.platform === "win32";
3 | let cwd = process.cwd();
4 |
5 | if (isWin) {
6 | str = str.replaceAll("\\", "/");
7 |
8 | cwd = cwd.replaceAll("\\", "/");
9 | }
10 |
11 | return str
12 | .replaceAll(new RegExp(cwd, "g"), "")
13 | .replace(/\(from (.*)\)/, "(from /path/to/file.js)");
14 | }
15 |
16 | export default (errors) =>
17 | errors.map((error) =>
18 | removeCWD(error.toString().split("\n").slice(0, 2).join("\n")),
19 | );
20 |
--------------------------------------------------------------------------------
/test/fixtures/XHTML.html:
--------------------------------------------------------------------------------
1 |
3 |
4 |
5 |
4 |
6 | 7 |
8 |
10 |
13 |
14 |
16 | 12 | 13 | Visit our HTML tutorial 14 | Visit our HTML tutorial 15 | 16 | 17 | 18 |
2 |
3 | BeforeHeaderText
12 |
13 |
14 |
15 |
16 |
17 |
18 |
16 |
19 |
22 |
23 |
24 |
26 |
27 | BEFORE
28 | Header
31 |
32 | ) is imported (const img = require('./image.png'). You may need to specify loaders for images in your configuration.",
73 | "link": "https://github.com/webpack/html-loader#sources"
74 | },
75 | "minimize": {
76 | "anyOf": [{ "type": "boolean" }, { "type": "object" }],
77 | "description": "Tell html-loader to minimize HTML.",
78 | "link": "https://github.com/webpack/html-loader#minimize"
79 | },
80 | "esModule": {
81 | "type": "boolean",
82 | "description": "Enable or disable ES modules syntax.",
83 | "link": "https://github.com/webpack/html-loader#esmodule"
84 | }
85 | },
86 | "additionalProperties": false
87 | }
88 |
--------------------------------------------------------------------------------
/.github/workflows/nodejs.yml:
--------------------------------------------------------------------------------
1 | name: html-loader
2 |
3 | on:
4 | push:
5 | branches:
6 | - main
7 | - next
8 | pull_request:
9 | branches:
10 | - main
11 | - next
12 |
13 | permissions:
14 | contents: read
15 |
16 | jobs:
17 | lint:
18 | name: Lint - ${{ matrix.os }} - Node v${{ matrix.node-version }}
19 |
20 | env:
21 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
22 |
23 | strategy:
24 | matrix:
25 | os: [ubuntu-latest]
26 | node-version: [lts/*]
27 |
28 | runs-on: ${{ matrix.os }}
29 |
30 | concurrency:
31 | group: lint-${{ matrix.os }}-v${{ matrix.node-version }}-${{ github.ref }}
32 | cancel-in-progress: true
33 |
34 | steps:
35 | - uses: actions/checkout@v5
36 | with:
37 | fetch-depth: 0
38 |
39 | - name: Use Node.js ${{ matrix.node-version }}
40 | uses: actions/setup-node@v4
41 | with:
42 | node-version: ${{ matrix.node-version }}
43 | cache: "npm"
44 |
45 | - name: Install dependencies
46 | run: npm ci
47 |
48 | - name: Lint
49 | run: npm run lint
50 |
51 | # - name: Security audit
52 | # run: npm run security
53 |
54 | - name: Validate PR commits with commitlint
55 | if: github.event_name == 'pull_request'
56 | run: npx commitlint --from ${{ github.event.pull_request.head.sha }}~${{ github.event.pull_request.commits }} --to ${{ github.event.pull_request.head.sha }} --verbose
57 |
58 | test:
59 | name: Test - ${{ matrix.os }} - Node v${{ matrix.node-version }}, Webpack ${{ matrix.webpack-version }}
60 |
61 | strategy:
62 | matrix:
63 | os: [ubuntu-latest, windows-latest, macos-latest]
64 | node-version: [18.x, 20.x, 22.x, 24.x]
65 | webpack-version: [latest]
66 |
67 | runs-on: ${{ matrix.os }}
68 |
69 | concurrency:
70 | group: test-${{ matrix.os }}-v${{ matrix.node-version }}-${{ matrix.webpack-version }}-${{ github.ref }}
71 | cancel-in-progress: true
72 |
73 | steps:
74 | - name: Setup Git
75 | if: matrix.os == 'windows-latest'
76 | run: git config --global core.autocrlf input
77 |
78 | - uses: actions/checkout@v5
79 |
80 | - name: Use Node.js ${{ matrix.node-version }}
81 | uses: actions/setup-node@v4
82 | with:
83 | node-version: ${{ matrix.node-version }}
84 | cache: "npm"
85 |
86 | - name: Install dependencies
87 | run: npm ci
88 |
89 | - name: Install webpack ${{ matrix.webpack-version }}
90 | if: matrix.webpack-version != 'latest'
91 | run: npm i webpack@${{ matrix.webpack-version }}
92 |
93 | - name: Run tests for webpack version ${{ matrix.webpack-version }}
94 | run: npm run test:coverage -- --ci
95 |
96 | - name: Submit coverage data to codecov
97 | uses: codecov/codecov-action@v5
98 | with:
99 | token: ${{ secrets.CODECOV_TOKEN }}
100 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "html-loader",
3 | "version": "5.1.0",
4 | "description": "Html loader module for webpack",
5 | "keywords": [
6 | "webpack",
7 | "html",
8 | "loader",
9 | "bundler"
10 | ],
11 | "homepage": "https://github.com/webpack/html-loader",
12 | "bugs": "https://github.com/webpack/html-loader/issues",
13 | "repository": "webpack/html-loader",
14 | "funding": {
15 | "type": "opencollective",
16 | "url": "https://opencollective.com/webpack"
17 | },
18 | "license": "MIT",
19 | "author": "Tobias Koppers @sokra",
20 | "main": "dist/cjs.js",
21 | "files": [
22 | "dist"
23 | ],
24 | "scripts": {
25 | "start": "npm run build -- -w",
26 | "clean": "del-cli dist",
27 | "validate:runtime": "es-check es5 \"dist/runtime/**/*.js\"",
28 | "prebuild": "npm run clean",
29 | "build": "cross-env NODE_ENV=production babel src -d dist --copy-files",
30 | "postbuild": "npm run validate:runtime",
31 | "commitlint": "commitlint --from=main",
32 | "security": "npm audit --production",
33 | "lint:prettier": "prettier --cache --list-different .",
34 | "lint:js": "eslint --cache .",
35 | "lint:spelling": "cspell --cache --no-must-find-files --quiet \"**/*.*\"",
36 | "lint": "npm-run-all -l -p \"lint:**\"",
37 | "fix:js": "npm run lint:js -- --fix",
38 | "fix:prettier": "npm run lint:prettier -- --write",
39 | "fix": "npm-run-all -l fix:js fix:prettier",
40 | "test:only": "cross-env NODE_ENV=test jest",
41 | "test:watch": "npm run test:only -- --watch",
42 | "test:coverage": "npm run test:only -- --coverage",
43 | "pretest": "npm run lint",
44 | "test": "npm run test:coverage",
45 | "prepare": "husky && npm run build",
46 | "release": "standard-version"
47 | },
48 | "dependencies": {
49 | "html-minifier-terser": "^7.2.0",
50 | "parse5": "^7.1.2"
51 | },
52 | "devDependencies": {
53 | "@babel/cli": "^7.24.8",
54 | "@babel/core": "^7.25.2",
55 | "@babel/preset-env": "^7.25.3",
56 | "@commitlint/cli": "^19.3.0",
57 | "@commitlint/config-conventional": "^19.2.2",
58 | "@eslint/js": "^9.32.0",
59 | "@eslint/markdown": "^7.1.0",
60 | "@stylistic/eslint-plugin": "^5.2.2",
61 | "babel-jest": "^30.0.0",
62 | "cross-env": "^7.0.3",
63 | "cspell": "^8.13.1",
64 | "del": "^7.1.0",
65 | "del-cli": "^5.1.0",
66 | "es-check": "^9.1.4",
67 | "eslint": "^9.31.0",
68 | "eslint-config-prettier": "^10.1.8",
69 | "eslint-config-webpack": "^4.4.2",
70 | "eslint-plugin-import": "^2.32.0",
71 | "eslint-plugin-jest": "^29.0.1",
72 | "eslint-plugin-n": "^17.21.0",
73 | "eslint-plugin-prettier": "^5.5.3",
74 | "eslint-plugin-unicorn": "^60.0.0",
75 | "globals": "^16.3.0",
76 | "handlebars": "^4.7.8",
77 | "html-webpack-plugin": "^5.6.0",
78 | "husky": "^9.1.4",
79 | "jest": "^30.0.0",
80 | "lint-staged": "^15.2.8",
81 | "memfs": "^4.11.1",
82 | "npm-run-all": "^4.1.5",
83 | "posthtml": "^0.16.6",
84 | "posthtml-webp": "^2.2.0",
85 | "prettier": "^3.3.3",
86 | "standard-version": "^9.5.0",
87 | "typescript-eslint": "^8.38.0",
88 | "unescape-unicode": "^0.2.0",
89 | "webpack": "^5.93.0"
90 | },
91 | "peerDependencies": {
92 | "webpack": "^5.0.0"
93 | },
94 | "engines": {
95 | "node": ">= 18.12.0"
96 | }
97 | }
98 |
--------------------------------------------------------------------------------
/test/__snapshots__/postprocessor-option.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2 |
3 | exports[`'postprocess' option should work with async "postprocessor" function option: errors 1`] = `[]`;
4 |
5 | exports[`'postprocess' option should work with async "postprocessor" function option: module 1`] = `
6 | "// Imports
7 | var ___HTML_LOADER_IMPORT_0___ = new URL("./image.png", import.meta.url);
8 | // Module
9 | var code = \`
10 | 
12 |
{{firstname}} {{lastname}}
11 |
13 | \`;
14 | // Exports
15 | export default code;"
16 | `;
17 |
18 | exports[`'postprocess' option should work with async "postprocessor" function option: result 1`] = `
19 | "
20 | 
22 |
{{firstname}} {{lastname}}
21 |
22 |
23 | "
24 | `;
25 |
26 | exports[`'postprocess' option should work with async "postprocessor" function option: warnings 1`] = `[]`;
27 |
28 | exports[`'postprocess' option should work with the "postprocessor" option #1: errors 1`] = `[]`;
29 |
30 | exports[`'postprocess' option should work with the "postprocessor" option #1: module 1`] = `
31 | "// Imports
32 | var ___HTML_LOADER_IMPORT_0___ = new URL("./image.png", import.meta.url);
33 | // Module
34 | var code = "![](\\"")
\\n\\n\\n\\n
41 | 
42 | 
43 |
44 |
45 |
46 | "
47 | `;
48 |
49 | exports[`'postprocess' option should work with the "postprocessor" option #1: warnings 1`] = `[]`;
50 |
51 | exports[`'postprocess' option should work with the "postprocessor" option: errors 1`] = `[]`;
52 |
53 | exports[`'postprocess' option should work with the "postprocessor" option: module 1`] = `
54 | "// Imports
55 | var ___HTML_LOADER_IMPORT_0___ = new URL("./image.png", import.meta.url);
56 | // Module
57 | var code = \`
58 |  })
59 |  })
60 |  })
61 |
70 |
71 | 
72 |
73 |
74 |
75 | "
76 | `;
77 |
78 | exports[`'postprocess' option should work with the "postprocessor" option: warnings 1`] = `[]`;
79 |
--------------------------------------------------------------------------------
/test/fixtures/webpackIgnore.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
7 |
8 | Document
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 | ![Elva dressed as a fairy]()
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
50 |
51 |
52 |
53 |
54 |
55 |
61 |
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 | 113 |
114 |
115 |
116 |
--------------------------------------------------------------------------------
/test/postprocessor-option.test.js:
--------------------------------------------------------------------------------
1 | import path from "node:path";
2 |
3 | import {
4 | compile,
5 | execute,
6 | getCompiler,
7 | getErrors,
8 | getModuleSource,
9 | getWarnings,
10 | readAsset,
11 | } from "./helpers";
12 |
13 | describe("'postprocess' option", () => {
14 | it('should work with the "postprocessor" option', async () => {
15 | const compiler = getCompiler("postprocessor.html", {
16 | postprocessor: (content, loaderContext) => {
17 | expect(typeof content).toBe("string");
18 | expect(loaderContext).toBeDefined();
19 |
20 | const isTemplateLiteralSupported = content[0] === "`";
21 |
22 | return content
23 | .replaceAll("<%=", isTemplateLiteralSupported ? "${" : '" +')
24 | .replaceAll("%>", isTemplateLiteralSupported ? "}" : '+ "');
25 | },
26 | });
27 | const stats = await compile(compiler);
28 |
29 | expect(getModuleSource("./postprocessor.html", stats)).toMatchSnapshot(
30 | "module",
31 | );
32 | expect(
33 | execute(readAsset("main.bundle.js", compiler, stats)),
34 | ).toMatchSnapshot("result");
35 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
36 | expect(getErrors(stats)).toMatchSnapshot("errors");
37 | });
38 |
39 | it('should work with the "postprocessor" option #1', async () => {
40 | const compiler = getCompiler(
41 | "postprocessor.html",
42 | {
43 | postprocessor: (content, loaderContext) => {
44 | expect(typeof content).toBe("string");
45 | expect(loaderContext).toBeDefined();
46 |
47 | const isTemplateLiteralSupported = content[0] === "`";
48 |
49 | return content
50 | .replaceAll("<%=", isTemplateLiteralSupported ? "${" : '" +')
51 | .replaceAll("%>", isTemplateLiteralSupported ? "}" : '+ "');
52 | },
53 | },
54 | {
55 | output: {
56 | path: path.resolve(__dirname, "./outputs"),
57 | filename: "[name].bundle.js",
58 | chunkFilename: "[name].chunk.js",
59 | chunkLoading: "require",
60 | publicPath: "/webpack/public/path/",
61 | library: "___TEST___",
62 | assetModuleFilename: "[name][ext]",
63 | hashFunction: "xxhash64",
64 | environment: { templateLiteral: false },
65 | },
66 | },
67 | );
68 | const stats = await compile(compiler);
69 |
70 | expect(getModuleSource("./postprocessor.html", stats)).toMatchSnapshot(
71 | "module",
72 | );
73 | expect(
74 | execute(readAsset("main.bundle.js", compiler, stats)),
75 | ).toMatchSnapshot("result");
76 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
77 | expect(getErrors(stats)).toMatchSnapshot("errors");
78 | });
79 |
80 | it('should work with async "postprocessor" function option', async () => {
81 | const compiler = getCompiler("preprocessor.hbs", {
82 | postprocessor: async (content, loaderContext) => {
83 | await expect(typeof content).toBe("string");
84 | await expect(loaderContext).toBeDefined();
85 |
86 | const isTemplateLiteralSupported = content[0] === "`";
87 |
88 | return content
89 | .replaceAll("<%=", isTemplateLiteralSupported ? "${" : '" +')
90 | .replaceAll("%>", isTemplateLiteralSupported ? "}" : '+ "');
91 | },
92 | });
93 | const stats = await compile(compiler);
94 |
95 | expect(getModuleSource("./preprocessor.hbs", stats)).toMatchSnapshot(
96 | "module",
97 | );
98 | expect(
99 | execute(readAsset("main.bundle.js", compiler, stats)),
100 | ).toMatchSnapshot("result");
101 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
102 | expect(getErrors(stats)).toMatchSnapshot("errors");
103 | });
104 | });
105 |
--------------------------------------------------------------------------------
/test/__snapshots__/preprocessor-option.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2 |
3 | exports[`'preprocess' option should work with async "preprocessor" function option: errors 1`] = `[]`;
4 |
5 | exports[`'preprocess' option should work with async "preprocessor" function option: module 1`] = `
6 | "// Imports
7 | var ___HTML_LOADER_IMPORT_0___ = new URL("./image.png", import.meta.url);
8 | // Module
9 | var code = \`
" + require('./gallery.html').default + "
\\n\\n";
35 | // Exports
36 | export default code;"
37 | `;
38 |
39 | exports[`'postprocess' option should work with the "postprocessor" option #1: result 1`] = `
40 | "
41 |
43 |
44 | Gallery
60 |
61 | \${ require('./gallery.html').default }
62 |
63 | \`;
64 | // Exports
65 | export default code;"
66 | `;
67 |
68 | exports[`'postprocess' option should work with the "postprocessor" option: result 1`] = `
69 | "
70 |
72 |
73 | Gallery
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 |
42 |
43 |
44 |
45 |
46 |
50 |
51 |
52 |
53 |
54 |
55 |
61 |
62 |
69 |
75 |
76 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 | 105 |
106 |
107 |
108 | 109 |
110 |
111 | 112 | 113 |
114 |
115 |
116 |
--------------------------------------------------------------------------------
/test/postprocessor-option.test.js:
--------------------------------------------------------------------------------
1 | import path from "node:path";
2 |
3 | import {
4 | compile,
5 | execute,
6 | getCompiler,
7 | getErrors,
8 | getModuleSource,
9 | getWarnings,
10 | readAsset,
11 | } from "./helpers";
12 |
13 | describe("'postprocess' option", () => {
14 | it('should work with the "postprocessor" option', async () => {
15 | const compiler = getCompiler("postprocessor.html", {
16 | postprocessor: (content, loaderContext) => {
17 | expect(typeof content).toBe("string");
18 | expect(loaderContext).toBeDefined();
19 |
20 | const isTemplateLiteralSupported = content[0] === "`";
21 |
22 | return content
23 | .replaceAll("<%=", isTemplateLiteralSupported ? "${" : '" +')
24 | .replaceAll("%>", isTemplateLiteralSupported ? "}" : '+ "');
25 | },
26 | });
27 | const stats = await compile(compiler);
28 |
29 | expect(getModuleSource("./postprocessor.html", stats)).toMatchSnapshot(
30 | "module",
31 | );
32 | expect(
33 | execute(readAsset("main.bundle.js", compiler, stats)),
34 | ).toMatchSnapshot("result");
35 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
36 | expect(getErrors(stats)).toMatchSnapshot("errors");
37 | });
38 |
39 | it('should work with the "postprocessor" option #1', async () => {
40 | const compiler = getCompiler(
41 | "postprocessor.html",
42 | {
43 | postprocessor: (content, loaderContext) => {
44 | expect(typeof content).toBe("string");
45 | expect(loaderContext).toBeDefined();
46 |
47 | const isTemplateLiteralSupported = content[0] === "`";
48 |
49 | return content
50 | .replaceAll("<%=", isTemplateLiteralSupported ? "${" : '" +')
51 | .replaceAll("%>", isTemplateLiteralSupported ? "}" : '+ "');
52 | },
53 | },
54 | {
55 | output: {
56 | path: path.resolve(__dirname, "./outputs"),
57 | filename: "[name].bundle.js",
58 | chunkFilename: "[name].chunk.js",
59 | chunkLoading: "require",
60 | publicPath: "/webpack/public/path/",
61 | library: "___TEST___",
62 | assetModuleFilename: "[name][ext]",
63 | hashFunction: "xxhash64",
64 | environment: { templateLiteral: false },
65 | },
66 | },
67 | );
68 | const stats = await compile(compiler);
69 |
70 | expect(getModuleSource("./postprocessor.html", stats)).toMatchSnapshot(
71 | "module",
72 | );
73 | expect(
74 | execute(readAsset("main.bundle.js", compiler, stats)),
75 | ).toMatchSnapshot("result");
76 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
77 | expect(getErrors(stats)).toMatchSnapshot("errors");
78 | });
79 |
80 | it('should work with async "postprocessor" function option', async () => {
81 | const compiler = getCompiler("preprocessor.hbs", {
82 | postprocessor: async (content, loaderContext) => {
83 | await expect(typeof content).toBe("string");
84 | await expect(loaderContext).toBeDefined();
85 |
86 | const isTemplateLiteralSupported = content[0] === "`";
87 |
88 | return content
89 | .replaceAll("<%=", isTemplateLiteralSupported ? "${" : '" +')
90 | .replaceAll("%>", isTemplateLiteralSupported ? "}" : '+ "');
91 | },
92 | });
93 | const stats = await compile(compiler);
94 |
95 | expect(getModuleSource("./preprocessor.hbs", stats)).toMatchSnapshot(
96 | "module",
97 | );
98 | expect(
99 | execute(readAsset("main.bundle.js", compiler, stats)),
100 | ).toMatchSnapshot("result");
101 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
102 | expect(getErrors(stats)).toMatchSnapshot("errors");
103 | });
104 | });
105 |
--------------------------------------------------------------------------------
/test/__snapshots__/preprocessor-option.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
2 |
3 | exports[`'preprocess' option should work with async "preprocessor" function option: errors 1`] = `[]`;
4 |
5 | exports[`'preprocess' option should work with async "preprocessor" function option: module 1`] = `
6 | "// Imports
7 | var ___HTML_LOADER_IMPORT_0___ = new URL("./image.png", import.meta.url);
8 | // Module
9 | var code = \`
10 |
12 |
Firstname Lastname
11 |
13 | \`;
14 | // Exports
15 | export default code;"
16 | `;
17 |
18 | exports[`'preprocess' option should work with async "preprocessor" function option: result 1`] = `
19 | "
20 |
22 |
Firstname Lastname
21 |
22 |
23 | "
24 | `;
25 |
26 | exports[`'preprocess' option should work with async "preprocessor" function option: warnings 1`] = `[]`;
27 |
28 | exports[`'preprocess' option should work with the "preprocessor" option #2: errors 1`] = `[]`;
29 |
30 | exports[`'preprocess' option should work with the "preprocessor" option #2: module 1`] = `
31 | "// Imports
32 | var ___HTML_LOADER_IMPORT_0___ = new URL("./image.png.webp", import.meta.url);
33 | var ___HTML_LOADER_IMPORT_1___ = new URL("./image.png", import.meta.url);
34 | // Module
35 | var code = \`
55 |
57 |
Firstname Lastname
56 |
58 | \`;
59 | // Exports
60 | export default code;"
61 | `;
62 |
63 | exports[`'preprocess' option should work with the "preprocessor" option: result 1`] = `
64 | "
65 |
67 |
Firstname Lastname
66 |
67 |
68 | "
69 | `;
70 |
71 | exports[`'preprocess' option should work with the "preprocessor" option: warnings 1`] = `[]`;
72 |
73 | exports[`'preprocess' option should work with the async "preprocessor" function option #2: errors 1`] = `[]`;
74 |
75 | exports[`'preprocess' option should work with the async "preprocessor" function option #2: module 1`] = `
76 | "// Imports
77 | var ___HTML_LOADER_IMPORT_0___ = new URL("./image.png.webp", import.meta.url);
78 | var ___HTML_LOADER_IMPORT_1___ = new URL("./image.png", import.meta.url);
79 | // Module
80 | var code = \`
`);
125 |
126 | const compiler = getCompiler("file-protocol.js");
127 | const stats = await compile(compiler);
128 |
129 | // expect(getModuleSource('./generated-2.html', stats)).toMatchSnapshot(
130 | // 'module'
131 | // );
132 | expect(
133 | execute(readAsset("main.bundle.js", compiler, stats)),
134 | ).toMatchSnapshot("result");
135 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
136 | expect(getErrors(stats)).toMatchSnapshot("errors");
137 | });
138 |
139 | it("should pass queries to other loader", async () => {
140 | const compiler = getCompiler(
141 | "other-loader-query.js",
142 | {},
143 | {
144 | module: {
145 | rules: [
146 | {
147 | test: /\.svg$/i,
148 | resourceQuery: /color/,
149 | enforce: "pre",
150 | use: {
151 | loader: path.resolve(
152 | __dirname,
153 | "./helpers/svg-color-loader.js",
154 | ),
155 | },
156 | },
157 | {
158 | test: /\.html$/i,
159 | rules: [{ loader: path.resolve(__dirname, "../src") }],
160 | },
161 | ],
162 | },
163 | },
164 | );
165 | const stats = await compile(compiler);
166 |
167 | expect(getModuleSource("./other-loader-query.html", stats)).toMatchSnapshot(
168 | "module",
169 | );
170 | expect(
171 | execute(readAsset("main.bundle.js", compiler, stats)),
172 | ).toMatchSnapshot("result");
173 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
174 | expect(getErrors(stats)).toMatchSnapshot("errors");
175 | });
176 |
177 | it("should work with webpackIgnore comment", async () => {
178 | const compiler = getCompiler("webpackIgnore.js");
179 | const stats = await compile(compiler);
180 |
181 | expect(getModuleSource("./webpackIgnore.html", stats)).toMatchSnapshot(
182 | "module",
183 | );
184 | expect(
185 | execute(readAsset("main.bundle.js", compiler, stats)),
186 | ).toMatchSnapshot("result");
187 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
188 | expect(getErrors(stats)).toMatchSnapshot("errors");
189 | });
190 |
191 | it('should work with "html-webpack-plugin" plugin', async () => {
192 | const compiler = getCompiler(
193 | "entry.js",
194 | {},
195 | {
196 | output: {
197 | publicPath: "http://example.com",
198 | hashFunction: "xxhash64",
199 | },
200 | module: {
201 | rules: [
202 | {
203 | test: /\.html$/i,
204 | loader: path.resolve(__dirname, "../src"),
205 | },
206 | ],
207 | },
208 | plugins: [
209 | new HtmlWebpackPlugin({
210 | template: path.resolve(__dirname, "fixtures/template-html.html"),
211 | }),
212 | ],
213 | },
214 | );
215 | const stats = await compile(compiler);
216 |
217 | expect(readAsset("index.html", compiler, stats)).toMatchSnapshot("result");
218 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
219 | expect(getErrors(stats)).toMatchSnapshot("errors");
220 | });
221 |
222 | it("should work with `experiments.buildHttp`", async () => {
223 | const compiler = getCompiler(
224 | "simple.js",
225 | {},
226 | {
227 | experiments: {
228 | buildHttp: {
229 | allowedUris: [() => true],
230 | lockfileLocation: path.resolve(
231 | __dirname,
232 | "./outputs/url/lock.json",
233 | ),
234 | cacheLocation: path.resolve(__dirname, "./outputs/url"),
235 | },
236 | },
237 | },
238 | );
239 | const stats = await compile(compiler);
240 |
241 | expect(getModuleSource("./simple.html", stats)).toMatchSnapshot("module");
242 | expect(
243 | execute(readAsset("main.bundle.js", compiler, stats)),
244 | ).toMatchSnapshot("result");
245 | expect(getWarnings(stats)).toMatchSnapshot("warnings");
246 | expect(getErrors(stats)).toMatchSnapshot("errors");
247 | });
248 | });
249 |
--------------------------------------------------------------------------------
/test/__snapshots__/validate-options.test.js.snap:
--------------------------------------------------------------------------------
1 | // Jest Snapshot v1, https://goo.gl/fbAQLP
2 |
3 | exports[`validate options should throw an error on the "esModule" option with "true" value 1`] = `
4 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
5 | - options.esModule should be a boolean.
6 | -> Enable or disable ES modules syntax.
7 | -> Read more at https://github.com/webpack/html-loader#esmodule"
8 | `;
9 |
10 | exports[`validate options should throw an error on the "minimize" option with "true" value 1`] = `
11 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
12 | - options.minimize should be one of these:
13 | boolean | object { … }
14 | -> Tell html-loader to minimize HTML.
15 | -> Read more at https://github.com/webpack/html-loader#minimize
16 | Details:
17 | * options.minimize should be a boolean.
18 | * options.minimize should be an object:
19 | object { … }"
20 | `;
21 |
22 | exports[`validate options should throw an error on the "preprocessor" option with "true" value 1`] = `
23 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
24 | - options.preprocessor should be an instance of function.
25 | -> Allows pre-processing of content before handling.
26 | -> Read more at https://github.com/webpack/html-loader#preprocessor"
27 | `;
28 |
29 | exports[`validate options should throw an error on the "sources" option with "[]" value 1`] = `
30 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
31 | - options.sources should be one of these:
32 | boolean | object { list?, urlFilter?, scriptingEnabled? }
33 | -> By default every loadable attributes (for example - ) is imported (const img = require('./image.png'). You may need to specify loaders for images in your configuration.
34 | -> Read more at https://github.com/webpack/html-loader#sources
35 | Details:
36 | * options.sources should be a boolean.
37 | * options.sources should be an object:
38 | object { list?, urlFilter?, scriptingEnabled? }"
39 | `;
40 |
41 | exports[`validate options should throw an error on the "sources" option with "{"list":[]}" value 1`] = `
42 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
43 | - options.sources.list should be a non-empty array."
44 | `;
45 |
46 | exports[`validate options should throw an error on the "sources" option with "{"list":[{"tag":"","attribute":"src","type":"src"}]}" value 1`] = `
47 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
48 | - options.sources.list[0].tag should be a non-empty string."
49 | `;
50 |
51 | exports[`validate options should throw an error on the "sources" option with "{"list":[{"tag":"img","attribute":"src","type":"src","filter":"test"}]}" value 1`] = `
52 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
53 | - options.sources.list[0].filter should be an instance of function."
54 | `;
55 |
56 | exports[`validate options should throw an error on the "sources" option with "{"list":[{"tag":"img","attribute":"src","type":"src"},{"tag":"img","attribute":"src","type":"src"}]}" value 1`] = `
57 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
58 | - options.sources.list should not contain the item '[object Object]' twice."
59 | `;
60 |
61 | exports[`validate options should throw an error on the "sources" option with "{"list":[{"tag":"img","attribute":"src"}]}" value 1`] = `
62 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
63 | - options.sources.list[0] misses the property 'type'. Should be:
64 | "src" | "srcset""
65 | `;
66 |
67 | exports[`validate options should throw an error on the "sources" option with "{"scriptingEnabled":"true"}" value 1`] = `
68 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
69 | - options.sources.scriptingEnabled should be a boolean."
70 | `;
71 |
72 | exports[`validate options should throw an error on the "sources" option with "{"unknown":true}" value 1`] = `
73 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
74 | - options.sources has an unknown property 'unknown'. These properties are valid:
75 | object { list?, urlFilter?, scriptingEnabled? }"
76 | `;
77 |
78 | exports[`validate options should throw an error on the "sources" option with "{"urlFilter":false}" value 1`] = `
79 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
80 | - options.sources.urlFilter should be an instance of function."
81 | `;
82 |
83 | exports[`validate options should throw an error on the "sources" option with "true" value 1`] = `
84 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
85 | - options.sources should be one of these:
86 | boolean | object { list?, urlFilter?, scriptingEnabled? }
87 | -> By default every loadable attributes (for example - ) is imported (const img = require('./image.png'). You may need to specify loaders for images in your configuration.
88 | -> Read more at https://github.com/webpack/html-loader#sources
89 | Details:
90 | * options.sources should be a boolean.
91 | * options.sources should be an object:
92 | object { list?, urlFilter?, scriptingEnabled? }"
93 | `;
94 |
95 | exports[`validate options should throw an error on the "unknown" option with "/test/" value 1`] = `
96 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
97 | - options has an unknown property 'unknown'. These properties are valid:
98 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
99 | `;
100 |
101 | exports[`validate options should throw an error on the "unknown" option with "[]" value 1`] = `
102 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
103 | - options has an unknown property 'unknown'. These properties are valid:
104 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
105 | `;
106 |
107 | exports[`validate options should throw an error on the "unknown" option with "{"foo":"bar"}" value 1`] = `
108 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
109 | - options has an unknown property 'unknown'. These properties are valid:
110 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
111 | `;
112 |
113 | exports[`validate options should throw an error on the "unknown" option with "{}" value 1`] = `
114 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
115 | - options has an unknown property 'unknown'. These properties are valid:
116 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
117 | `;
118 |
119 | exports[`validate options should throw an error on the "unknown" option with "1" value 1`] = `
120 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
121 | - options has an unknown property 'unknown'. These properties are valid:
122 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
123 | `;
124 |
125 | exports[`validate options should throw an error on the "unknown" option with "false" value 1`] = `
126 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
127 | - options has an unknown property 'unknown'. These properties are valid:
128 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
129 | `;
130 |
131 | exports[`validate options should throw an error on the "unknown" option with "test" value 1`] = `
132 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
133 | - options has an unknown property 'unknown'. These properties are valid:
134 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
135 | `;
136 |
137 | exports[`validate options should throw an error on the "unknown" option with "true" value 1`] = `
138 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
139 | - options has an unknown property 'unknown'. These properties are valid:
140 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
141 | `;
142 |
--------------------------------------------------------------------------------
/test/fixtures/sources.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | ![]()
4 | ![]()
5 | ![]()
6 | ![]()
7 |
8 |
9 |
10 | 
11 |
12 | 
14 | 
17 | ![]()
22 | ![]()
24 |
25 |
26 |
27 | ![]()
28 | ![]()
29 |
30 |
31 | ![]()
32 | ![]()
33 | ![]()
34 | ![]()
35 | ![]()
36 | ![]()
37 | ![]()
38 | ![]()
39 | ![]()
40 | ![]()
41 | ![]()
42 | ![]()
43 | ![]()
44 | ![]()
45 | ![]()
46 | ![]()
47 | ![]()
48 | ![]()
49 | ![]()
50 | ![]()
51 | ![]()
52 | ![]()
53 | ![]()
54 |
55 | ![]()
56 | ![]()
57 | ![]()
58 | ![]()
59 | ![]()
60 | ![]()
61 | ![]()
62 |
63 |
64 | ![]()
65 | ![]()
66 | ![]()
67 | ![]()
68 | ![]()
69 | ![]()
70 | ![]()
71 | ![]()
72 |
73 | ![]()
74 | ![]()
75 | ![]()
76 | ![]()
77 | ![]()
78 | ![]()
79 | ![]()
80 | ![]()
81 | ![]()
82 | ![]()
83 | ![]()
84 | ![]()
85 | ![]()
86 | ![]()
87 | ![]()
88 | ![]()
89 | ![]()
90 | ![]()
91 | ![]()
92 | ![]()
93 | ![]()
94 | ![]()
95 | ![]()
96 | ![]()
97 | ![]()
98 | ![]()
99 | ![]()
100 | ![]()
101 | ![]()
102 | ![]()
103 | ![]()
104 | ![]()
105 | ![]()
106 | ![]()
107 | ![]()
108 | ![]()
109 | ![]()
110 | ![]()
111 | ![]()
112 | ![]()
113 | ![]()
114 | ![]()
115 | ![]()
116 | ![]()
117 | ![]()
118 | ![]()
119 | ![]()
120 | ![]()
121 | ![]()
122 | ![]()
123 | ![]()
124 | ![]()
125 | ![]()
126 | ![]()
127 | ![]()
128 | ![]()
129 | ![]()
130 | ![]()
131 | ![]()
132 | ![]()
133 | ![]()
134 | ![]()
135 | ![]()
136 | ![]()
137 | ![]()
138 | ![]()
139 | ![]()
140 | ![]()
141 | ![]()
142 | ![]()
143 | ![]()
144 | ![]()
145 | ![]()
146 | ![]()
147 | ![]()
148 | ![]()
149 | ![]()
150 | ![]()
151 | ![]()
152 | ![]()
153 | ![]()
154 | ![]()
155 | ![]()
156 | ![]()
157 | ![]()
158 | ![]()
159 | ![]()
160 | ![]()
161 | ![]()
162 | ![]()
163 | ![]()
164 | ![]()
165 | ![]()
166 | ![]()
167 | ![]()
168 | ![]()
169 | ![]()
170 | ![]()
171 | ![]()
172 | ![]()
173 | ![]()
174 | ![]()
175 | ![]()
176 | ![]()
177 | ![]()
178 | ![]()
179 | ![]()
180 | ![]()
181 | ![]()
182 | ![]()
183 | ![]()
184 | ![]()
185 | ![]()
186 | ![]()
187 | ![]()
188 | ![]()
189 | ![]()
190 | ![]()
191 | ![]()
192 | ![]()
193 | ![]()
194 | ![]()
195 | ![]()
196 | ![]()
197 | ![]()
198 | ![]()
199 | ![]()
200 | ![]()
201 | ![]()
202 | ![]()
203 | ![]()
204 | ![]()
205 | ![]()
206 | ![]()
207 | ![]()
208 | ![]()
209 | ![]()
210 | ![]()
211 | ![]()
212 | ![]()
213 | ![]()
214 | ![]()
215 | ![]()
216 | ![]()
217 | ![]()
218 | ![]()
219 | ![]()
220 | ![]()
221 | ![]()
222 | ![]()
223 | ![]()
224 | ![]()
225 | ![]()
226 | ![]()
227 | ![]()
228 | ![]()
229 | ![]()
230 | ![]()
231 | ![]()
232 | ![]()
233 | ![]()
234 | ![]()
235 | ![]()
236 | ![]()
237 | ![]()
238 | ![]()
239 | ![]()
240 | ![]()
241 | ![]()
242 | ![]()
243 | ![]()
244 | ![]()
245 | ![]()
246 | ![]()
247 | ![]()
248 | ![]()
249 | ![]()
250 | ![]()
251 | ![]()
252 | ![]()
253 | ![]()
254 | ![]()
255 | ![]()
256 | ![]()
257 | ![]()
258 | ![]()
259 | ![]()
260 | ![]()
261 | ![]()
262 | ![]()
263 |
264 |
265 |
266 |
267 |
268 |
269 |
270 |
271 |
272 |
273 |
274 |
275 |
276 |
277 |
278 |
279 |
280 |
283 |
284 |
287 |
288 |
291 |
292 | vincetanan@gmail.com
293 | vince@gmail.com
294 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Changelog
2 |
3 | All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4 |
5 | ## [5.1.0](https://github.com/webpack-contrib/html-loader/compare/v5.0.0...v5.1.0) (2024-07-25)
6 |
7 |
8 | ### Features
9 |
10 | * added the `postprocessor` option ([#518](https://github.com/webpack-contrib/html-loader/issues/518)) ([536a204](https://github.com/webpack-contrib/html-loader/commit/536a204696c655b500c4805db8e857ac28aab7ed))
11 | * reduce runtime code ([61f9a69](https://github.com/webpack-contrib/html-loader/commit/61f9a69a60196abdc85afaa8658faf7736cf08a9))
12 | * support absolute URLs and DataURI ([#519](https://github.com/webpack-contrib/html-loader/issues/519)) ([cc34b06](https://github.com/webpack-contrib/html-loader/commit/cc34b068accee66d2f8ef10fb03ed90b866395db))
13 | * using template literals in code when it supported ([#520](https://github.com/webpack-contrib/html-loader/issues/520)) ([6fa80d5](https://github.com/webpack-contrib/html-loader/commit/6fa80d51fed22613c39ffb240a0e875c9151b5b6))
14 |
15 | ## [5.0.0](https://github.com/webpack-contrib/html-loader/compare/v4.2.0...v5.0.0) (2024-01-16)
16 |
17 |
18 | ### ⚠ BREAKING CHANGES
19 |
20 | * minimum supported Node.js version is `18.12.0` ([#504](https://github.com/webpack-contrib/html-loader/issues/504)) ([c82cfea](https://github.com/webpack-contrib/html-loader/commit/c82cfea0913aaf303d044c3a16f9b631dce5bc76))
21 |
22 | ## [4.2.0](https://github.com/webpack-contrib/html-loader/compare/v4.1.0...v4.2.0) (2022-09-22)
23 |
24 |
25 | ### Features
26 |
27 | * update html minifier ([#462](https://github.com/webpack-contrib/html-loader/issues/462)) ([27a6caf](https://github.com/webpack-contrib/html-loader/commit/27a6cafeabbfd506d7e2571ea5918dd8e8cb8d29))
28 |
29 | ## [4.1.0](https://github.com/webpack-contrib/html-loader/compare/v4.0.0...v4.1.0) (2022-07-11)
30 |
31 |
32 | ### Features
33 |
34 | * added the `scriptingEnabled` option ([#448](https://github.com/webpack-contrib/html-loader/issues/448)) ([6ed9f9c](https://github.com/webpack-contrib/html-loader/commit/6ed9f9c8df1e8ac2722bed01a9d28b660d64e744))
35 |
36 | ### [4.0.0](https://github.com/webpack-contrib/html-loader/compare/v3.1.0...v4.0.0) (2022-06-15)
37 |
38 | ### ⚠ BREAKING CHANGES
39 |
40 | * minimum supported `Node.js` version is `14.15.0`
41 | * update `parse5` to `7.0.0`
42 |
43 |
44 | ### Bug Fixes
45 |
46 | * handle text with `
22 |
23 |
24 |
25 |
35 |
36 |
37 |
38 | 
39 | 
40 |
41 |
42 |
43 |
44 | 
45 |
46 |
47 |
48 | 
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
66 |
67 |
68 |
69 |
70 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
89 |
90 |
) is imported (const img = require('./image.png'). You may need to specify loaders for images in your configuration.
34 | -> Read more at https://github.com/webpack/html-loader#sources
35 | Details:
36 | * options.sources should be a boolean.
37 | * options.sources should be an object:
38 | object { list?, urlFilter?, scriptingEnabled? }"
39 | `;
40 |
41 | exports[`validate options should throw an error on the "sources" option with "{"list":[]}" value 1`] = `
42 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
43 | - options.sources.list should be a non-empty array."
44 | `;
45 |
46 | exports[`validate options should throw an error on the "sources" option with "{"list":[{"tag":"","attribute":"src","type":"src"}]}" value 1`] = `
47 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
48 | - options.sources.list[0].tag should be a non-empty string."
49 | `;
50 |
51 | exports[`validate options should throw an error on the "sources" option with "{"list":[{"tag":"img","attribute":"src","type":"src","filter":"test"}]}" value 1`] = `
52 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
53 | - options.sources.list[0].filter should be an instance of function."
54 | `;
55 |
56 | exports[`validate options should throw an error on the "sources" option with "{"list":[{"tag":"img","attribute":"src","type":"src"},{"tag":"img","attribute":"src","type":"src"}]}" value 1`] = `
57 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
58 | - options.sources.list should not contain the item '[object Object]' twice."
59 | `;
60 |
61 | exports[`validate options should throw an error on the "sources" option with "{"list":[{"tag":"img","attribute":"src"}]}" value 1`] = `
62 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
63 | - options.sources.list[0] misses the property 'type'. Should be:
64 | "src" | "srcset""
65 | `;
66 |
67 | exports[`validate options should throw an error on the "sources" option with "{"scriptingEnabled":"true"}" value 1`] = `
68 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
69 | - options.sources.scriptingEnabled should be a boolean."
70 | `;
71 |
72 | exports[`validate options should throw an error on the "sources" option with "{"unknown":true}" value 1`] = `
73 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
74 | - options.sources has an unknown property 'unknown'. These properties are valid:
75 | object { list?, urlFilter?, scriptingEnabled? }"
76 | `;
77 |
78 | exports[`validate options should throw an error on the "sources" option with "{"urlFilter":false}" value 1`] = `
79 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
80 | - options.sources.urlFilter should be an instance of function."
81 | `;
82 |
83 | exports[`validate options should throw an error on the "sources" option with "true" value 1`] = `
84 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
85 | - options.sources should be one of these:
86 | boolean | object { list?, urlFilter?, scriptingEnabled? }
87 | -> By default every loadable attributes (for example - ) is imported (const img = require('./image.png'). You may need to specify loaders for images in your configuration.
88 | -> Read more at https://github.com/webpack/html-loader#sources
89 | Details:
90 | * options.sources should be a boolean.
91 | * options.sources should be an object:
92 | object { list?, urlFilter?, scriptingEnabled? }"
93 | `;
94 |
95 | exports[`validate options should throw an error on the "unknown" option with "/test/" value 1`] = `
96 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
97 | - options has an unknown property 'unknown'. These properties are valid:
98 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
99 | `;
100 |
101 | exports[`validate options should throw an error on the "unknown" option with "[]" value 1`] = `
102 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
103 | - options has an unknown property 'unknown'. These properties are valid:
104 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
105 | `;
106 |
107 | exports[`validate options should throw an error on the "unknown" option with "{"foo":"bar"}" value 1`] = `
108 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
109 | - options has an unknown property 'unknown'. These properties are valid:
110 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
111 | `;
112 |
113 | exports[`validate options should throw an error on the "unknown" option with "{}" value 1`] = `
114 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
115 | - options has an unknown property 'unknown'. These properties are valid:
116 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
117 | `;
118 |
119 | exports[`validate options should throw an error on the "unknown" option with "1" value 1`] = `
120 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
121 | - options has an unknown property 'unknown'. These properties are valid:
122 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
123 | `;
124 |
125 | exports[`validate options should throw an error on the "unknown" option with "false" value 1`] = `
126 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
127 | - options has an unknown property 'unknown'. These properties are valid:
128 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
129 | `;
130 |
131 | exports[`validate options should throw an error on the "unknown" option with "test" value 1`] = `
132 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
133 | - options has an unknown property 'unknown'. These properties are valid:
134 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
135 | `;
136 |
137 | exports[`validate options should throw an error on the "unknown" option with "true" value 1`] = `
138 | "Invalid options object. HTML Loader has been initialized using an options object that does not match the API schema.
139 | - options has an unknown property 'unknown'. These properties are valid:
140 | object { preprocessor?, postprocessor?, sources?, minimize?, esModule? }"
141 | `;
142 |
--------------------------------------------------------------------------------
/test/fixtures/sources.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
8 |
9 |
10 |
26 |
27 |
265 |
266 |
267 |
268 |
269 |
270 |
271 |
272 |
273 |
274 |
275 |
276 |
277 |
278 |
279 |
280 |
283 |
284 |
287 |
288 |
291 |
292 | vincetanan@gmail.com
293 | vince@gmail.com
294 |
--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Changelog
2 |
3 | All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
4 |
5 | ## [5.1.0](https://github.com/webpack-contrib/html-loader/compare/v5.0.0...v5.1.0) (2024-07-25)
6 |
7 |
8 | ### Features
9 |
10 | * added the `postprocessor` option ([#518](https://github.com/webpack-contrib/html-loader/issues/518)) ([536a204](https://github.com/webpack-contrib/html-loader/commit/536a204696c655b500c4805db8e857ac28aab7ed))
11 | * reduce runtime code ([61f9a69](https://github.com/webpack-contrib/html-loader/commit/61f9a69a60196abdc85afaa8658faf7736cf08a9))
12 | * support absolute URLs and DataURI ([#519](https://github.com/webpack-contrib/html-loader/issues/519)) ([cc34b06](https://github.com/webpack-contrib/html-loader/commit/cc34b068accee66d2f8ef10fb03ed90b866395db))
13 | * using template literals in code when it supported ([#520](https://github.com/webpack-contrib/html-loader/issues/520)) ([6fa80d5](https://github.com/webpack-contrib/html-loader/commit/6fa80d51fed22613c39ffb240a0e875c9151b5b6))
14 |
15 | ## [5.0.0](https://github.com/webpack-contrib/html-loader/compare/v4.2.0...v5.0.0) (2024-01-16)
16 |
17 |
18 | ### ⚠ BREAKING CHANGES
19 |
20 | * minimum supported Node.js version is `18.12.0` ([#504](https://github.com/webpack-contrib/html-loader/issues/504)) ([c82cfea](https://github.com/webpack-contrib/html-loader/commit/c82cfea0913aaf303d044c3a16f9b631dce5bc76))
21 |
22 | ## [4.2.0](https://github.com/webpack-contrib/html-loader/compare/v4.1.0...v4.2.0) (2022-09-22)
23 |
24 |
25 | ### Features
26 |
27 | * update html minifier ([#462](https://github.com/webpack-contrib/html-loader/issues/462)) ([27a6caf](https://github.com/webpack-contrib/html-loader/commit/27a6cafeabbfd506d7e2571ea5918dd8e8cb8d29))
28 |
29 | ## [4.1.0](https://github.com/webpack-contrib/html-loader/compare/v4.0.0...v4.1.0) (2022-07-11)
30 |
31 |
32 | ### Features
33 |
34 | * added the `scriptingEnabled` option ([#448](https://github.com/webpack-contrib/html-loader/issues/448)) ([6ed9f9c](https://github.com/webpack-contrib/html-loader/commit/6ed9f9c8df1e8ac2722bed01a9d28b660d64e744))
35 |
36 | ### [4.0.0](https://github.com/webpack-contrib/html-loader/compare/v3.1.0...v4.0.0) (2022-06-15)
37 |
38 | ### ⚠ BREAKING CHANGES
39 |
40 | * minimum supported `Node.js` version is `14.15.0`
41 | * update `parse5` to `7.0.0`
42 |
43 |
44 | ### Bug Fixes
45 |
46 | * handle text with `
22 |
23 |
24 |
25 | Foo
26 |
27 |
28 | BAR
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
41 |
42 |
43 |
44 | 
45 |
46 |
47 |
48 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
66 |
67 |
68 |
69 |
70 |
79 |
80 |
84 |