vite-plugin-singlefile-compression 2.0.14 → 2.1.0

package/LICENSE.txt

@@ -1,5 +1,5 @@
 The MIT License (MIT)
-Copyright © 2024 bddjr
+Copyright © 2026 bddjr
 
 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
 

package/README.md

@@ -9,30 +9,28 @@ Using [DecompressionStream](https://developer.mozilla.org/docs/Web/API/Decompres
 ## Setup
 
 ```
-npm i vite-plugin-singlefile-compression -D
+npm i vite-plugin-singlefile-compression@latest -D
 ```
 
-Then modify `vite.config.ts`, see [test/vite.config.ts](test/vite.config.ts)
+Then modify `vite.config.ts`, like [test/vite.config.ts](test/vite.config.ts)
 
-```ts
-// Import singleFileCompression
-import singleFileCompression from 'vite-plugin-singlefile-compression'
-
-export default defineConfig({
-  plugins: [
-    vue(),
-    vueDevTools(),
-    // Add singleFileCompression
-    singleFileCompression(),
-  ],
+```diff
++ import singleFileCompression from 'vite-plugin-singlefile-compression'
+
+  export default defineConfig({
+    plugins: [
+      vue(),
+      vueDevTools(),
++     singleFileCompression(),
+    ],
 ```
 
-Then modify [src/router/index.ts](test/src/router/index.ts#L5)
+Then use hash history, like [test/src/router/index.ts](test/src/router/index.ts#L5)
 
-```ts
-const router = createRouter({
-  // Use Hash History
-  history: createWebHashHistory(),
+```diff
+  const router = createRouter({
+-   history: createWebHistory(),
++   history: createWebHashHistory(),
 ```
 
 ## Options
@@ -49,6 +47,36 @@ More info see [src/options.ts](src/options.ts)
 
 ```ts
 export interface Options {
+    /**
+     * Enable compress.
+     * @default true
+     */
+    enableCompress?: boolean
+
+    /**
+     * Use Base128 to encode compressed script.
+     * If false, use Base64.
+     * https://www.npmjs.com/package/base128-ascii
+     * @default true
+     */
+    useBase128?: boolean
+
+    /**
+     * Compress format.
+     * 
+     * https://developer.mozilla.org/en-US/docs/Web/API/DecompressionStream/DecompressionStream
+     * 
+     * @type {"deflate-raw" | "deflate" | "gzip" | "brotli" | "zstd" | "deflateRaw" | "gz" | "br" | "brotliCompress" | "zstandard" | "zst"}
+     * 
+     * @default "deflate-raw"
+     */
+    compressFormat?: CompressFormat | CompressFormatAlias
+
+    /**
+     * Custom compressor.
+     */
+    compressor?: Compressor
+
     /**
      * Rename index.html
      */
@@ -58,7 +86,7 @@ export interface Options {
      * https://github.com/terser/html-minifier-terser?tab=readme-ov-file#options-quick-reference
      * @default defaultHtmlMinifierTerserOptions
      */
-    htmlMinifierTerser?: htmlMinifierOptions | boolean
+    htmlMinifierTerser?: HtmlMinifierOptions | boolean
 
     /**
      * Try inline html used assets, if inlined or not used in JS.
@@ -84,27 +112,6 @@ export interface Options {
      */
     removeInlinedPublicIconFiles?: boolean
 
-    /**
-     * Use Base128 to encode gzipped script.
-     * If false, use Base64.
-     * https://www.npmjs.com/package/base128-ascii
-     * @default true
-     */
-    useBase128?: boolean
-
-    /**
-     * Compress format.  
-     * https://developer.mozilla.org/en-US/docs/Web/API/DecompressionStream/DecompressionStream
-     * @type "deflate-raw" | "deflate" | "gzip" | "brotli" | "zstd"
-     * @default "deflate-raw"
-     */
-    compressFormat?: compressFormat
-
-    /**
-     * Custom compressor.
-     */
-    compressor?: compressor
-
     /**
      * Use import.meta polyfill.
      * @default true
@@ -115,23 +122,24 @@ export interface Options {
 
 ## Effect
 
-https://bddjr.github.io/vite-plugin-singlefile-compression/
+Preview: https://bddjr.github.io/vite-plugin-singlefile-compression/
 
 ```
 vite v8.0.0 building client environment for production...
-✓ 41 modules transformed.
-rendering chunks (1)...
+✓ 315 modules transformed.
+
 
-vite-plugin-singlefile-compression 2.0.14 building...
+vite-plugin-singlefile-compression 2.1.0 deflate-raw
 
   file:///D:/code/js/vite-plugin-singlefile-compression/test/dist/index.html
-  106.506 kB -> 47.487 kB
+  1085.847 kB -> 455.561 kB
 
 Finish.
 
-dist/index.html  47.48 kB
+computing gzip size...
+dist/index.html  455.56 kB │ gzip: 397.49 kB
 
-✓ built in 296ms
+✓ built in 416ms
 ```
 
 ![](effect.jpg)

package/dist/index.d.ts

@@ -1,4 +1,93 @@
+import { Options as HtmlMinifierOptions } from "html-minifier-terser";
+import zlib from "zlib";
 import { PluginOption } from "vite";
-import { Options } from "./options.js";
-export declare function singleFileCompression(opt?: Options): PluginOption;
-export default singleFileCompression;
+
+//#region _dist/compress.d.ts
+declare const compressors: {
+  "deflate-raw"(buf: zlib.InputType): Buffer;
+  deflate(buf: zlib.InputType): Buffer;
+  gzip(buf: zlib.InputType): Buffer;
+  brotli: typeof zlib.brotliCompressSync;
+  zstd: (buf: zlib.InputType) => NonSharedBuffer;
+};
+declare const compressFormatAlias: Readonly<{
+  deflateRaw: "deflate-raw";
+  gz: "gzip";
+  br: "brotli";
+  brotliCompress: "brotli";
+  zstandard: "zstd";
+  zst: "zstd";
+}>;
+type Compressor = ((buf: zlib.InputType) => (Buffer | Uint8Array));
+type CompressFormat = keyof typeof compressors;
+type CompressFormatAlias = keyof typeof compressFormatAlias;
+//#endregion
+//#region _dist/options.d.ts
+interface Options {
+  /**
+   * Enable compress.
+   * @default true
+   */
+  enableCompress?: boolean;
+  /**
+   * Use Base128 to encode compressed script.
+   * If false, use Base64.
+   * https://www.npmjs.com/package/base128-ascii
+   * @default true
+   */
+  useBase128?: boolean;
+  /**
+   * Compress format.
+   *
+   * https://developer.mozilla.org/en-US/docs/Web/API/DecompressionStream/DecompressionStream
+   *
+   * @type {"deflate-raw" | "deflate" | "gzip" | "brotli" | "zstd" | "deflateRaw" | "gz" | "br" | "brotliCompress" | "zstandard" | "zst"}
+   *
+   * @default "deflate-raw"
+   */
+  compressFormat?: CompressFormat | CompressFormatAlias;
+  /**
+   * Custom compressor.
+   */
+  compressor?: Compressor;
+  /**
+   * Rename index.html
+   */
+  rename?: string;
+  /**
+   * https://github.com/terser/html-minifier-terser?tab=readme-ov-file#options-quick-reference
+   * @default defaultHtmlMinifierTerserOptions
+   */
+  htmlMinifierTerser?: HtmlMinifierOptions | boolean;
+  /**
+   * Try inline html used assets, if inlined or not used in JS.
+   * @default true
+   */
+  tryInlineHtmlAssets?: boolean;
+  /**
+   * Remove inlined asset files.
+   * @default true
+   */
+  removeInlinedAssetFiles?: boolean;
+  /**
+   * Try inline html icon, if icon is in public dir.
+   * @default true
+   */
+  tryInlineHtmlPublicIcon?: boolean;
+  /**
+   * Remove inlined html icon files.
+   * @default true
+   */
+  removeInlinedPublicIconFiles?: boolean;
+  /**
+   * Use import.meta polyfill.
+   * @default true
+   */
+  useImportMetaPolyfill?: boolean;
+}
+declare const defaultHtmlMinifierTerserOptions: HtmlMinifierOptions;
+//#endregion
+//#region _dist/index.d.ts
+declare function singleFileCompression(opt?: Options): PluginOption;
+//#endregion
+export { CompressFormat, CompressFormatAlias, Compressor, HtmlMinifierOptions, Options, singleFileCompression as default, singleFileCompression, defaultHtmlMinifierTerserOptions };

package/dist/index.js

@@ -1,253 +1,317 @@
 import pc from "picocolors";
-import { minify as htmlMinify } from 'html-minifier-terser';
-import { JSDOM } from 'jsdom';
-import path from 'path';
-import fs from 'fs';
+import { minify } from "html-minifier-terser";
+import { JSDOM } from "jsdom";
+import path from "path";
+import fs from "fs";
 import { pathToFileURL } from "url";
-import { version } from './getVersion.js';
-import { template } from './getTemplate.js';
-import { bufferToDataURL } from "./dataurl.js";
-import { kB } from "./kB.js";
-import { getInnerOptions } from "./options.js";
-import { cutPrefix } from "./cutPrefix.js";
-export function singleFileCompression(opt) {
-    let conf;
-    return {
-        name: "singleFileCompression",
-        enforce: "post",
-        config: setConfig,
-        configResolved(c) { conf = c; },
-        generateBundle: (_, bundle) => generateBundle(bundle, conf, getInnerOptions(opt)),
-    };
+import base128 from "base128-ascii";
+import zlib from "zlib";
+import svgToTinyDataUri from "mini-svg-data-uri";
+import mime from "mime";
+//#region _dist/getVersion.js
+var version = "2.1.0";
+//#endregion
+//#region _dist/compress.js
+const compressors = {
+	"deflate-raw"(buf) {
+		return zlib.deflateRawSync(buf, { level: zlib.constants.Z_BEST_COMPRESSION });
+	},
+	deflate(buf) {
+		return zlib.deflateSync(buf, { level: zlib.constants.Z_BEST_COMPRESSION });
+	},
+	gzip(buf) {
+		return zlib.gzipSync(buf, { level: zlib.constants.Z_BEST_COMPRESSION });
+	},
+	brotli: zlib.brotliCompressSync,
+	zstd: zlib.zstdCompressSync && ((buf) => zlib.zstdCompressSync(buf, { params: { [zlib.constants.ZSTD_c_compressionLevel]: 19 } }))
+};
+const compressFormatAlias = Object.freeze({
+	deflateRaw: "deflate-raw",
+	gz: "gzip",
+	br: "brotli",
+	brotliCompress: "brotli",
+	zstandard: "zstd",
+	zst: "zstd"
+});
+function switchCompressor(format) {
+	if (compressors.hasOwnProperty(format)) {
+		const f = compressors[format];
+		if (f) return f;
+		throw Error(`Could not get compressor: Please upgrade node.js or set your compressor function.`);
+	}
+	{
+		const _format = format.replace(/-([a-zA-Z])/g, (m, a) => a.toUpperCase());
+		for (const funcName of [_format + "CompressSync", _format + "Sync"]) if (Object.prototype.hasOwnProperty.call(zlib, funcName)) {
+			const f = zlib[funcName];
+			if (typeof f == "function") return f;
+		}
+	}
+	throw Error(`Could not get compressor: Unknown compress format '${format}', please set your compressor function.`);
 }
-export default singleFileCompression;
-function setConfig(config, env) {
-    config.base ??= './';
-    const build = config.build ??= {};
-    build.cssCodeSplit ??= false;
-    build.assetsInlineLimit ??= () => true;
-    build.chunkSizeWarningLimit ??= Number.MAX_SAFE_INTEGER;
-    build.modulePreload ??= { polyfill: false };
-    build.reportCompressedSize ??= false;
-    if (this.meta.rolldownVersion) {
-        // Vite 8
-        const rolldownOptions = build.rolldownOptions ?? build.rollupOptions ?? (build.rolldownOptions = {});
-        for (const output of [rolldownOptions.output ??= {}].flat(1)) {
-            output.codeSplitting ??= false;
-        }
-    }
-    else {
-        // Vite oldest
-        const rollupOptions = (build.rollupOptions ??= {});
-        for (const output of [rollupOptions.output ??= {}].flat(1)) {
-            output.inlineDynamicImports ??= true;
-        }
-    }
+function compress(format, buf, useBase128, compressor) {
+	if (typeof compressor != "function") compressor = switchCompressor(format);
+	const outBuf = compressor(buf);
+	if (useBase128) return base128.encode(outBuf).toJSTemplateLiterals();
+	if (Buffer.isBuffer(outBuf)) return outBuf.toString("base64");
+	if (typeof outBuf.toBase64 == "function") return outBuf.toBase64();
+	return Buffer.from(outBuf).toString("base64");
+}
+//#endregion
+//#region _dist/templateRaw.js
+var raw = {
+	"assets": "{let e={\"\":\"\"};for(let o in e)for(let s of document.querySelectorAll(`[src=\"data:${o}\"]`))s.src=e[o]}",
+	"base128": "var a=\"<script>\",i=a.length,r=new Uint8Array(Math.floor(i/8*7)),c=0,o=0,e,t=()=>(e=a.charCodeAt(c++))>127?e=0:e;for(;c<i;)r[o++]=t()<<1|t()>>6,r[o++]=e<<2|t()>>5,r[o++]=e<<3|t()>>4,r[o++]=e<<4|t()>>3,r[o++]=e<<5|t()>>2,r[o++]=e<<6|t()>>1,r[o++]=e<<7|t();new Response(new Blob([r]).stream().pipeThrough(new DecompressionStream(\"<format>\")),{headers:{\"Content-Type\":\"text/javascript\"}}).blob().then(n=>(import(n=URL.createObjectURL(n)),URL.revokeObjectURL(n)))",
+	"base64": "fetch(\"data:;base64,<script>\").then(e=>new Response(e.body.pipeThrough(new DecompressionStream(\"<format>\")),{headers:{\"Content-Type\":\"text/javascript\"}}).blob()).then(e=>(import(e=URL.createObjectURL(e)),URL.revokeObjectURL(e)))",
+	"css": "document.head.appendChild(document.createElement(\"style\")).innerHTML=\"<style>\"",
+	"icon": "document.querySelector(\"link[rel=icon]\").href=\"<icon>\"",
+	"importmeta": "{let e=import.meta,r=e.resolve,l=e.url=new URL(\"<path>\",location).href;e.resolve=function(t){return/^\\.{0,2}\\//.test(t)?new URL(t,l).href:r.apply(this,arguments)}}"
+};
+//#endregion
+//#region _dist/getTemplate.js
+function split2(str, separator) {
+	const s = str.split(separator);
+	if (s.length !== 2) throw Error("s.length!==2");
+	return s;
+}
+const files = {
+	base64: raw.base64,
+	base128: raw.base128,
+	assets: split2(raw.assets, "{\"\":\"\"}"),
+	css: split2(raw.css, "\"<style>\""),
+	icon: split2(raw.icon, "\"<icon>\""),
+	importmeta: split2(raw.importmeta, "\"<path>\"")
+};
+const template = {
+	base(script, format, useBase128, compressor) {
+		script = compress(format, script, useBase128, compressor);
+		if (useBase128) return files.base128.replace("<format>", format).split("\"<script>\"", 2).join(script);
+		return files.base64.replace("<format>", format).split("<script>", 2).join(script);
+	},
+	assets(assetsJSON) {
+		return files.assets.join(assetsJSON);
+	},
+	css(cssSource) {
+		return files.css.join(JSON.stringify(cssSource));
+	},
+	icon(dataURL) {
+		return files.icon.join(JSON.stringify(dataURL));
+	},
+	importmeta(p) {
+		return files.importmeta.join(JSON.stringify(p));
+	}
+};
+//#endregion
+//#region _dist/dataurl.js
+function bufferToDataURL(name, b) {
+	return /\.svg$/i.test(name) ? svgToTinyDataUri(b.toString()) : `data:${mime.getType(name)};base64,${b.toString("base64")}`;
+}
+//#endregion
+//#region _dist/kB.js
+function kB(size) {
+	return `${size / 1e3} kB`;
+}
+//#endregion
+//#region _dist/options.js
+const defaultHtmlMinifierTerserOptions = {
+	removeAttributeQuotes: true,
+	removeComments: true,
+	collapseWhitespace: true,
+	removeOptionalTags: true,
+	removeRedundantAttributes: true,
+	minifyJS: false
+};
+function getInnerOptions(opt) {
+	opt ||= {};
+	return {
+		enableCompress: opt.enableCompress ?? true,
+		rename: opt.rename == null ? void 0 : String(opt.rename),
+		htmlMinifierTerser: opt.htmlMinifierTerser == null || opt.htmlMinifierTerser === true ? defaultHtmlMinifierTerserOptions : opt.htmlMinifierTerser,
+		tryInlineHtmlAssets: opt.tryInlineHtmlAssets ?? true,
+		removeInlinedAssetFiles: opt.removeInlinedAssetFiles ?? true,
+		tryInlineHtmlPublicIcon: opt.tryInlineHtmlPublicIcon ?? true,
+		removeInlinedPublicIconFiles: opt.removeInlinedPublicIconFiles ?? true,
+		useBase128: opt.useBase128 ?? true,
+		compressFormat: opt.compressFormat ? compressFormatAlias.hasOwnProperty(opt.compressFormat) ? compressFormatAlias[opt.compressFormat] : String(opt.compressFormat) : "deflate-raw",
+		compressor: typeof opt.compressor == "function" ? opt.compressor : void 0,
+		useImportMetaPolyfill: opt.useImportMetaPolyfill ?? true
+	};
+}
+//#endregion
+//#region _dist/cutPrefix.js
+function cutPrefix(str, prefix) {
+	return str.startsWith(prefix) ? str.slice(prefix.length) : str;
+}
+//#endregion
+//#region _dist/index.js
+function singleFileCompression(opt) {
+	let conf;
+	const innerOptions = getInnerOptions(opt);
+	return {
+		name: "singleFileCompression",
+		enforce: "post",
+		config(...args) {
+			return setConfig.call(this, innerOptions, ...args);
+		},
+		configResolved(c) {
+			conf = c;
+		},
+		generateBundle(outputOptions, bundle) {
+			return generateBundle(bundle, conf, innerOptions);
+		}
+	};
+}
+function setConfig(opt, config, env) {
+	config.base ??= "./";
+	const build = config.build ??= {};
+	build.cssCodeSplit ??= false;
+	build.assetsInlineLimit ??= () => true;
+	build.modulePreload ?? build.polyfillModulePreload ?? (build.modulePreload = { polyfill: false });
+	if (this.meta.rolldownVersion) {
+		const rolldownOptions = build.rolldownOptions ?? build.rollupOptions ?? (build.rolldownOptions = {});
+		for (const output of [rolldownOptions.output ??= {}].flat(1)) output.codeSplitting ?? output.inlineDynamicImports ?? (output.codeSplitting = false);
+	} else {
+		const rollupOptions = build.rollupOptions ??= {};
+		for (const output of [rollupOptions.output ??= {}].flat(1)) output.inlineDynamicImports ??= true;
+	}
 }
 async function generateBundle(bundle, config, options) {
-    console.log(pc.reset('\n\n') + pc.cyan('vite-plugin-singlefile-compression ' + version) + pc.green(' building...'));
-    // rename
-    if (options.rename
-        && options.rename !== "index.html"
-        && ("index.html" in bundle)
-        && !(options.rename in bundle)) {
-        bundle[options.rename] = bundle["index.html"];
-        bundle[options.rename].fileName = options.rename;
-        delete bundle["index.html"];
-    }
-    const distURL = pathToFileURL(config.build.outDir).href + '/', 
-    /** "assets/" */
-    assetsDir = path.posix.join(config.build.assetsDir, '/'), 
-    /** "./assets/" */
-    assetsDirWithBase = config.base + assetsDir, 
-    /** '[href^="./assets/"]' */
-    assetsHrefSelector = `[href^="${assetsDirWithBase}"]`, 
-    /** '[src^="./assets/"]' */
-    assetsSrcSelector = `[src^="${assetsDirWithBase}"]`, fakeScript = `_vitePluginSinglefileCompression(${Date.now()})`, globalDelete = new Set(), globalDoNotDelete = new Set(), globalRemoveDistFileNames = new Set(), globalAssetsDataURL = {}, globalPublicFilesCache = {}, 
-    /** format: ["assets/index-XXXXXXXX.js"] */
-    bundleAssetsNames = [], 
-    /** format: ["index.html"] */
-    bundleHTMLNames = [];
-    for (const name of Object.keys(bundle)) {
-        if (name.startsWith(assetsDir))
-            bundleAssetsNames.push(name);
-        else if (name.endsWith('.html'))
-            bundleHTMLNames.push(name);
-    }
-    for (const htmlFileName of bundleHTMLNames) {
-        console.log("\n  " + pc.underline(pc.cyan(distURL) + pc.greenBright(bundle[htmlFileName].fileName)));
-        // init
-        const htmlChunk = bundle[htmlFileName], oldHTML = htmlChunk.source, dom = new JSDOM(oldHTML), document = dom.window.document, thisDel = new Set(), newJSCode = [], scriptElement = document.querySelector(`script[type=module]${assetsSrcSelector}`), scriptName = scriptElement ? cutPrefix(scriptElement.src, config.base) : '';
-        let oldSize = oldHTML.length;
-        // fill fake script
-        if (scriptElement) {
-            scriptElement.remove();
-            scriptElement.removeAttribute('src');
-            scriptElement.innerHTML = fakeScript;
-            document.body.appendChild(scriptElement);
-        }
-        else {
-            document.body.insertAdjacentHTML('beforeend', `<script type="module">${fakeScript}</script>`);
-        }
-        // get css tag
-        let allCSS = '';
-        for (const element of document.querySelectorAll(`link[rel=stylesheet]${assetsHrefSelector}`)) {
-            const name = cutPrefix(element.href, config.base);
-            thisDel.add(name);
-            const css = bundle[name];
-            const cssSource = css.source;
-            if (cssSource) {
-                oldSize += cssSource.length;
-                // do not delete not inlined asset
-                for (const name of bundleAssetsNames) {
-                    if (cssSource.includes(name.slice(assetsDir.length)))
-                        globalDoNotDelete.add(name);
-                }
-                // add script for load css
-                allCSS += cssSource.replace(/\n$/, '');
-            }
-            // remove tag
-            element.remove();
-        }
-        newJSCode.push(template.css(allCSS));
-        // inline html assets
-        const assetsDataURL = {};
-        if (options.tryInlineHtmlAssets) {
-            for (const element of document.querySelectorAll(assetsSrcSelector)) {
-                const name = cutPrefix(element.src, assetsDirWithBase);
-                if (name.endsWith('.js'))
-                    continue;
-                if (!Object.prototype.hasOwnProperty.call(assetsDataURL, name)) {
-                    const bundleName = assetsDir + name;
-                    const a = bundle[bundleName];
-                    if (!a)
-                        continue;
-                    thisDel.add(bundleName);
-                    oldSize += a.source.length;
-                    if (!Object.prototype.hasOwnProperty.call(globalAssetsDataURL, name))
-                        globalAssetsDataURL[name] = bufferToDataURL(name, Buffer.from(
-                        //@ts-ignore
-                        a.source));
-                    assetsDataURL[name] = globalAssetsDataURL[name];
-                }
-                element.src = `data:${name}`;
-            }
-        }
-        // inline html icon
-        if (options.tryInlineHtmlPublicIcon) {
-            let needInline = true;
-            let iconName = 'favicon.ico';
-            // replace tag
-            const element = document.querySelector(`link[rel=icon][href^="${config.base}"], link[rel="shortcut icon"][href^="${config.base}"]`);
-            if (element) {
-                iconName = cutPrefix(element.href, config.base);
-                if (bundleAssetsNames.includes(iconName)) {
-                    needInline = false;
-                }
-                else {
-                    element.rel = 'icon';
-                    element.href = 'data:';
-                }
-            }
-            if (needInline) {
-                // inline
-                try {
-                    if (!Object.prototype.hasOwnProperty.call(globalPublicFilesCache, iconName)) {
-                        // dist/favicon.ico
-                        let Path = path.join(config.build.outDir, iconName);
-                        if (fs.existsSync(Path)) {
-                            globalRemoveDistFileNames.add(iconName);
-                        }
-                        else {
-                            // public/favicon.ico
-                            Path = path.join(config.publicDir, iconName);
-                        }
-                        // read
-                        const b = fs.readFileSync(Path);
-                        globalPublicFilesCache[iconName] = {
-                            dataURL: bufferToDataURL(iconName, b),
-                            size: b.length
-                        };
-                    }
-                    const { dataURL, size } = globalPublicFilesCache[iconName];
-                    oldSize += size;
-                    newJSCode.push(template.icon(dataURL));
-                    if (!element) {
-                        // add link icon tag
-                        document.head.insertAdjacentHTML('beforeend', '<link rel="icon" href="data:">');
-                    }
-                }
-                catch (e) {
-                    if (element)
-                        console.error(e);
-                }
-            }
-        }
-        // generate html
-        htmlChunk.source = dom.serialize();
-        // minify html
-        if (options.htmlMinifierTerser)
-            htmlChunk.source = await htmlMinify(htmlChunk.source, options.htmlMinifierTerser);
-        // fill script
-        function inlineHtmlAssets() {
-            if (options.tryInlineHtmlAssets) {
-                // add script for load html assets
-                const assetsJSON = JSON.stringify(assetsDataURL);
-                if (assetsJSON !== '{}')
-                    newJSCode.push(template.assets(assetsJSON));
-            }
-        }
-        if (scriptElement) {
-            thisDel.add(scriptName);
-            let { code } = bundle[scriptName];
-            oldSize += code.length;
-            code = code.replace(/;?\n?$/, '');
-            // do not delete not inlined asset
-            for (const name of bundleAssetsNames) {
-                const assetName = name.slice(assetsDir.length);
-                if (code.includes(assetName)) {
-                    globalDoNotDelete.add(name);
-                    delete assetsDataURL[assetName];
-                }
-            }
-            inlineHtmlAssets();
-            if (options.useImportMetaPolyfill)
-                newJSCode.push(template.importmeta(scriptName));
-            // 此 polyfill 仅在以下选项的值为 true 时需要。
-            // config.build.rollupOptions.output.inlineDynamicImports
-            if (code.includes("__VITE_PRELOAD__"))
-                newJSCode.push("var __VITE_PRELOAD__");
-            newJSCode.push(code);
-        }
-        else {
-            inlineHtmlAssets();
-        }
-        htmlChunk.source = htmlChunk.source.split(fakeScript, 2).join(template.base(newJSCode.join(';'), options.compressFormat, options.useBase128, options.compressor));
-        // log
-        console.log("  " + pc.gray(kB(oldSize) + " -> ") + pc.cyanBright(kB(htmlChunk.source.length)) + '\n');
-        // delete assets
-        for (const name of thisDel) {
-            globalDelete.add(name);
-        }
-    }
-    if (options.removeInlinedAssetFiles) {
-        // delete inlined assets
-        for (const name of globalDelete) {
-            // do not delete not inlined asset
-            if (!globalDoNotDelete.has(name))
-                delete bundle[name];
-        }
-    }
-    if (options.removeInlinedPublicIconFiles) {
-        // delete inlined public files
-        for (const name of globalRemoveDistFileNames) {
-            try {
-                fs.unlinkSync(path.join(config.build.outDir, name));
-            }
-            catch (e) {
-                console.error(e);
-            }
-        }
-    }
-    console.log(pc.green('Finish.') + pc.reset('\n'));
+	console.log(pc.reset("\n\n") + pc.cyan("vite-plugin-singlefile-compression " + version) + " " + (options.enableCompress ? pc.green(options.compressFormat) : pc.red("disable compress")));
+	if (options.rename && options.rename != "index.html" && Object.prototype.hasOwnProperty.call(bundle, "index.html") && !Object.prototype.hasOwnProperty.call(bundle, options.rename)) {
+		bundle[options.rename] = bundle["index.html"];
+		bundle[options.rename].fileName = options.rename;
+		delete bundle["index.html"];
+	}
+	const distURL = pathToFileURL(config.build.outDir).href + "/", assetsDir = path.posix.join(config.build.assetsDir, "/"), assetsDirWithBase = config.base + assetsDir, assetsHrefSelector = `[href^="${assetsDirWithBase}"]`, assetsSrcSelector = `[src^="${assetsDirWithBase}"]`, fakeScript = `_vitePluginSinglefileCompression(${Date.now()})`, globalDelete = /* @__PURE__ */ new Set(), globalDoNotDelete = /* @__PURE__ */ new Set(), globalRemoveDistFileNames = /* @__PURE__ */ new Set(), globalAssetsDataURL = {}, globalPublicFilesCache = {}, bundleAssetsNames = [], bundleHTMLNames = [];
+	for (const name in bundle) if (name.startsWith(assetsDir)) bundleAssetsNames.push(name);
+	else if (/\.html$/i.test(name)) bundleHTMLNames.push(name);
+	for (const htmlFileName of bundleHTMLNames) {
+		console.log("\n  " + pc.underline(pc.cyan(distURL) + pc.greenBright(bundle[htmlFileName].fileName)));
+		const htmlChunk = bundle[htmlFileName], oldHTML = htmlChunk.source, dom = new JSDOM(oldHTML), document = dom.window.document, thisDel = /* @__PURE__ */ new Set(), newJSCode = [], scriptElement = document.querySelector(`script[type=module]${assetsSrcSelector}`), scriptName = scriptElement ? cutPrefix(scriptElement.src, config.base) : "";
+		let oldSize = oldHTML.length;
+		if (scriptElement) {
+			scriptElement.remove();
+			scriptElement.removeAttribute("src");
+			scriptElement.removeAttribute("crossorigin");
+			scriptElement.innerHTML = fakeScript;
+			document.body.appendChild(scriptElement);
+		} else document.body.insertAdjacentHTML("beforeend", `<script type="module">${fakeScript}<\/script>`);
+		let allCSS = "";
+		const linkStylesheet = document.querySelectorAll(`link[rel=stylesheet]${assetsHrefSelector}`);
+		for (const element of linkStylesheet) {
+			const name = cutPrefix(element.href, config.base);
+			thisDel.add(name);
+			const cssSource = bundle[name].source;
+			if (cssSource) {
+				oldSize += cssSource.length;
+				for (const name of bundleAssetsNames) if (cssSource.includes(name.slice(assetsDir.length))) globalDoNotDelete.add(name);
+				allCSS += cssSource.replace(/(\/\*[^*]*\*\/)?\s*$/, "");
+			}
+			if (options.enableCompress) element.remove();
+		}
+		if (allCSS) if (options.enableCompress) newJSCode.push(template.css(allCSS));
+		else {
+			const e = document.createElement("style");
+			e.innerHTML = allCSS;
+			linkStylesheet[0].before(e);
+			for (const e of linkStylesheet) e.remove();
+		}
+		const assetsDataURL = {};
+		if (options.tryInlineHtmlAssets) for (const element of document.querySelectorAll(assetsSrcSelector)) {
+			const name = cutPrefix(element.src, assetsDirWithBase);
+			if (/\.js$/i.test(name)) continue;
+			if (!options.enableCompress || !Object.prototype.hasOwnProperty.call(assetsDataURL, name)) {
+				const bundleName = assetsDir + name;
+				const a = bundle[bundleName];
+				if (!a) continue;
+				thisDel.add(bundleName);
+				oldSize += a.source.length;
+				let dataURL;
+				if (Object.prototype.hasOwnProperty.call(globalAssetsDataURL, name)) dataURL = globalAssetsDataURL[name];
+				else globalAssetsDataURL[name] = dataURL = bufferToDataURL(name, Buffer.from(a.source));
+				if (options.enableCompress) assetsDataURL[name] = dataURL;
+				else element.src = dataURL;
+			}
+			if (options.enableCompress) element.src = `data:${name}`;
+		}
+		if (options.tryInlineHtmlPublicIcon) {
+			let needInline = true;
+			let iconName = "favicon.ico";
+			const element = document.querySelector(`link[rel=icon][href^="${config.base}"], link[rel="shortcut icon"][href^="${config.base}"]`);
+			if (element) {
+				iconName = cutPrefix(element.href, config.base);
+				if (bundleAssetsNames.includes(iconName)) needInline = false;
+				else {
+					element.rel = "icon";
+					element.href = "data:";
+				}
+			}
+			if (needInline) try {
+				if (!Object.prototype.hasOwnProperty.call(globalPublicFilesCache, iconName)) {
+					let Path = path.join(config.build.outDir, iconName);
+					if (fs.existsSync(Path)) globalRemoveDistFileNames.add(iconName);
+					else Path = path.join(config.publicDir, iconName);
+					const b = fs.readFileSync(Path);
+					globalPublicFilesCache[iconName] = {
+						dataURL: bufferToDataURL(iconName, b),
+						size: b.length
+					};
+				}
+				const { dataURL, size } = globalPublicFilesCache[iconName];
+				oldSize += size;
+				if (options.enableCompress) {
+					newJSCode.push(template.icon(dataURL));
+					if (!element) document.head.insertAdjacentHTML("beforeend", "<link rel=\"icon\" href=\"data:\">");
+				} else if (element) element.href = dataURL;
+				else {
+					const e = document.head.appendChild(document.createElement("link"));
+					e.rel = "icon";
+					e.href = dataURL;
+				}
+			} catch (e) {
+				if (element) console.error(e);
+			}
+		}
+		htmlChunk.source = dom.serialize();
+		if (options.htmlMinifierTerser) htmlChunk.source = await minify(htmlChunk.source, options.htmlMinifierTerser);
+		function inlineHtmlAssets() {
+			if (options.tryInlineHtmlAssets) {
+				const assetsJSON = JSON.stringify(assetsDataURL);
+				if (assetsJSON !== "{}") newJSCode.push(template.assets(assetsJSON));
+			}
+		}
+		if (scriptElement) {
+			thisDel.add(scriptName);
+			let { code } = bundle[scriptName];
+			oldSize += code.length;
+			code = code.replace(/;?\n?$/, "");
+			for (const name of bundleAssetsNames) {
+				const assetName = name.slice(assetsDir.length);
+				if (code.includes(assetName)) {
+					globalDoNotDelete.add(name);
+					delete assetsDataURL[assetName];
+				}
+			}
+			inlineHtmlAssets();
+			if (options.useImportMetaPolyfill) newJSCode.push(template.importmeta(scriptName));
+			if (/\b__VITE_PRELOAD__\b/.test(code)) newJSCode.push("var __VITE_PRELOAD__");
+			newJSCode.push(code);
+		} else inlineHtmlAssets();
+		let outputScript = newJSCode.join(";");
+		if (options.enableCompress) outputScript = template.base(outputScript, options.compressFormat, options.useBase128, options.compressor);
+		else outputScript = outputScript.replaceAll("<\/script", "<\\/script");
+		htmlChunk.source = htmlChunk.source.split(fakeScript, 2).join(outputScript);
+		console.log("  " + pc.gray(kB(oldSize) + " -> ") + pc.cyanBright(kB(htmlChunk.source.length)) + "\n");
+		for (const name of thisDel) globalDelete.add(name);
+	}
+	if (options.removeInlinedAssetFiles) {
+		for (const name of globalDelete) if (!globalDoNotDelete.has(name)) delete bundle[name];
+	}
+	if (options.removeInlinedPublicIconFiles) for (const name of globalRemoveDistFileNames) try {
+		fs.unlinkSync(path.join(config.build.outDir, name));
+	} catch (e) {
+		console.error(e);
+	}
+	console.log(pc.green("Finish.") + pc.reset("\n"));
 }
+//#endregion
+export { singleFileCompression as default, singleFileCompression, defaultHtmlMinifierTerserOptions };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-singlefile-compression",
-  "version": "2.0.14",
+  "version": "2.1.0",
   "author": "bddjr",
   "license": "MIT",
   "description": "Compress all assets and embeds them into dist/index.html, making it convenient to share as a single HTML file.",
@@ -11,7 +11,7 @@
   ],
   "type": "module",
   "scripts": {
-    "build": "rimraf dist && tsc && node build.js && es-check es2021 --checkFeatures --module dist/**/*.js && cd test && node --run build",
+    "build": "rimraf dist _dist && tsc && node build.js && cd test && node --run build",
     "prepublishOnly": "node --run build"
   },
   "repository": {
@@ -57,13 +57,14 @@
   },
   "devDependencies": {
     "@types/jsdom": ">=28.0.0",
-    "@types/node": ">=25.5.0",
-    "es-check": ">=9.6.2",
-    "esbuild": ">=0.27.4",
+    "@types/node": "^22.19.15",
+    "esbuild": "^0.27.4",
+    "marked": "^17.0.4",
     "rimraf": ">=6.1.3",
     "rolldown": ">=1.0.0-rc.9",
+    "rolldown-plugin-dts": "^0.22.5",
     "rollup": ">=4.59.0",
     "typescript": ">=5.9.3",
     "vite": ">=8.0.0"
   }
-}
+}

package/dist/compress.d.ts

@@ -1,12 +0,0 @@
-import zlib from 'zlib';
-declare const compressors: {
-    "deflate-raw"(buf: zlib.InputType): Buffer;
-    deflate(buf: zlib.InputType): Buffer;
-    gzip(buf: zlib.InputType): Buffer;
-    brotli: typeof zlib.brotliCompressSync;
-    zstd: (buf: zlib.InputType) => NonSharedBuffer;
-};
-export type compressor = ((buf: zlib.InputType) => (Buffer | Uint8Array));
-export type compressFormat = keyof typeof compressors;
-export declare function compress(format: compressFormat, buf: zlib.InputType, useBase128: boolean, compressor: compressor | undefined): any;
-export {};

package/dist/compress.js

@@ -1,54 +0,0 @@
-import base128 from "base128-ascii";
-import zlib from 'zlib';
-const compressors = {
-    "deflate-raw"(buf) {
-        return zlib.deflateRawSync(buf, {
-            level: zlib.constants.Z_BEST_COMPRESSION,
-        });
-    },
-    deflate(buf) {
-        return zlib.deflateSync(buf, {
-            level: zlib.constants.Z_BEST_COMPRESSION,
-        });
-    },
-    gzip(buf) {
-        return zlib.gzipSync(buf, {
-            level: zlib.constants.Z_BEST_COMPRESSION,
-        });
-    },
-    brotli: zlib.brotliCompressSync,
-    zstd: zlib.zstdCompressSync && function (buf) {
-        return zlib.zstdCompressSync(buf, {
-            params: {
-                [zlib.constants.ZSTD_c_compressionLevel]: 19
-            }
-        });
-    },
-};
-function switchCompressor(format) {
-    if (Object.prototype.hasOwnProperty.call(compressors, format)) {
-        const f = compressors[format];
-        if (f)
-            return f;
-        throw Error(`Could not get compressor: Please upgrade node.js or set your compressor function.`);
-    }
-    let funcName = format + 'CompressSync';
-    if (Object.prototype.hasOwnProperty.call(zlib, funcName)) {
-        const f = zlib[funcName];
-        if (typeof f == 'function')
-            return f;
-    }
-    throw Error(`Could not get compressor: Unknown compress format '${format}', please set your compressor function.`);
-}
-export function compress(format, buf, useBase128, compressor) {
-    if (typeof compressor != 'function')
-        compressor = switchCompressor(format);
-    const outBuf = compressor(buf);
-    if (useBase128)
-        return base128.encode(outBuf).toJSTemplateLiterals();
-    if (outBuf instanceof Buffer)
-        return outBuf.toString('base64');
-    if (typeof outBuf.toBase64 == 'function') // Uint8Array Node25
-        return outBuf.toBase64();
-    return Buffer.from(outBuf).toString('base64');
-}

package/dist/cutPrefix.d.ts

@@ -1 +0,0 @@
-export declare function cutPrefix(str: string, prefix: string): string;

package/dist/cutPrefix.js

@@ -1,5 +0,0 @@
-export function cutPrefix(str, prefix) {
-    return str.startsWith(prefix)
-        ? str.slice(prefix.length)
-        : str;
-}

package/dist/dataurl.d.ts

@@ -1 +0,0 @@
-export declare function bufferToDataURL(name: string, b: Buffer): string;

package/dist/dataurl.js

@@ -1,7 +0,0 @@
-import svgToTinyDataUri from "mini-svg-data-uri";
-import mime from 'mime';
-export function bufferToDataURL(name, b) {
-    return name.endsWith('.svg')
-        ? svgToTinyDataUri(b.toString())
-        : `data:${mime.getType(name)};base64,${b.toString('base64')}`;
-}

package/dist/getTemplate.d.ts

@@ -1,8 +0,0 @@
-import { compressFormat, compressor } from './compress.js';
-export declare const template: {
-    base(script: string, format: compressFormat, useBase128: boolean, compressor: compressor | undefined): string;
-    assets(assetsJSON: string): string;
-    css(cssSource: string): string;
-    icon(dataURL: string): string;
-    importmeta(p: string): string;
-};

package/dist/getTemplate.js

@@ -1,45 +0,0 @@
-import fs from 'fs';
-import { fileURLToPath } from 'url';
-import { compress } from './compress.js';
-function r(name) {
-    return fs.readFileSync(fileURLToPath(new URL(`./template/${name}.js`, import.meta.url))).toString();
-}
-function rt(name, template) {
-    const s = r(name).split(template);
-    if (s.length !== 2)
-        throw Error("s.length!==2");
-    return s;
-}
-const files = {
-    base64: r('base64'),
-    base128: r('base128'),
-    assets: rt('assets', '{"":""}'),
-    css: rt('css', '"<style>"'),
-    icon: rt('icon', '"<icon>"'),
-    importmeta: rt('importmeta', '"<path>"'),
-};
-export const template = {
-    base(script, format, useBase128, compressor) {
-        script = compress(format, script, useBase128, compressor);
-        if (useBase128) {
-            return files.base128
-                .replace("<format>", format)
-                .split('"<script>"', 2).join(script);
-        }
-        return files.base64
-            .replace("<format>", format)
-            .split("<script>", 2).join(script);
-    },
-    assets(assetsJSON) {
-        return files.assets.join(assetsJSON);
-    },
-    css(cssSource) {
-        return files.css.join(JSON.stringify(cssSource));
-    },
-    icon(dataURL) {
-        return files.icon.join(JSON.stringify(dataURL));
-    },
-    importmeta(p) {
-        return files.importmeta.join(JSON.stringify(p));
-    },
-};

package/dist/getVersion.d.ts

@@ -1 +0,0 @@
-export declare const version: string;

package/dist/getVersion.js

@@ -1,3 +0,0 @@
-import fs from 'fs';
-import { fileURLToPath } from 'url';
-export const version = JSON.parse(fs.readFileSync(fileURLToPath(new URL("../package.json", import.meta.url))).toString()).version;

package/dist/kB.d.ts

@@ -1 +0,0 @@
-export declare function kB(size: number): string;

package/dist/kB.js

@@ -1,3 +0,0 @@
-export function kB(size) {
-    return `${size / 1000} kB`;
-}

package/dist/options.d.ts

@@ -1,70 +0,0 @@
-import { Options as htmlMinifierOptions } from 'html-minifier-terser';
-import { compressFormat, compressor } from './compress.js';
-export interface Options {
-    /**
-     * Rename index.html
-     */
-    rename?: string;
-    /**
-     * https://github.com/terser/html-minifier-terser?tab=readme-ov-file#options-quick-reference
-     * @default defaultHtmlMinifierTerserOptions
-     */
-    htmlMinifierTerser?: htmlMinifierOptions | boolean;
-    /**
-     * Try inline html used assets, if inlined or not used in JS.
-     * @default true
-     */
-    tryInlineHtmlAssets?: boolean;
-    /**
-     * Remove inlined asset files.
-     * @default true
-     */
-    removeInlinedAssetFiles?: boolean;
-    /**
-     * Try inline html icon, if icon is in public dir.
-     * @default true
-     */
-    tryInlineHtmlPublicIcon?: boolean;
-    /**
-     * Remove inlined html icon files.
-     * @default true
-     */
-    removeInlinedPublicIconFiles?: boolean;
-    /**
-     * Use Base128 to encode gzipped script.
-     * If false, use Base64.
-     * https://www.npmjs.com/package/base128-ascii
-     * @default true
-     */
-    useBase128?: boolean;
-    /**
-     * Compress format.
-     * https://developer.mozilla.org/en-US/docs/Web/API/DecompressionStream/DecompressionStream
-     * @type "deflate-raw" | "deflate" | "gzip" | "brotli" | "zstd"
-     * @default "deflate-raw"
-     */
-    compressFormat?: compressFormat;
-    /**
-     * Custom compressor.
-     */
-    compressor?: compressor;
-    /**
-     * Use import.meta polyfill.
-     * @default true
-     */
-    useImportMetaPolyfill?: boolean;
-}
-export declare const defaultHtmlMinifierTerserOptions: htmlMinifierOptions;
-export interface innerOptions {
-    rename?: string;
-    htmlMinifierTerser: htmlMinifierOptions | false;
-    tryInlineHtmlAssets: boolean;
-    removeInlinedAssetFiles: boolean;
-    tryInlineHtmlPublicIcon: boolean;
-    removeInlinedPublicIconFiles: boolean;
-    useBase128: boolean;
-    compressFormat: compressFormat;
-    compressor?: compressor;
-    useImportMetaPolyfill: boolean;
-}
-export declare function getInnerOptions(opt?: Options): innerOptions;

package/dist/options.js

@@ -1,25 +0,0 @@
-export const defaultHtmlMinifierTerserOptions = {
-    removeAttributeQuotes: true,
-    removeComments: true,
-    collapseWhitespace: true,
-    removeOptionalTags: true,
-    removeRedundantAttributes: true,
-    minifyJS: false,
-};
-export function getInnerOptions(opt) {
-    opt ||= {};
-    return {
-        rename: opt.rename && opt.rename.replace(/(\.(html?)?)?$/, '.html'),
-        htmlMinifierTerser: opt.htmlMinifierTerser == null || opt.htmlMinifierTerser === true
-            ? defaultHtmlMinifierTerserOptions
-            : opt.htmlMinifierTerser,
-        tryInlineHtmlAssets: opt.tryInlineHtmlAssets ?? true,
-        removeInlinedAssetFiles: opt.removeInlinedAssetFiles ?? true,
-        tryInlineHtmlPublicIcon: opt.tryInlineHtmlPublicIcon ?? true,
-        removeInlinedPublicIconFiles: opt.removeInlinedPublicIconFiles ?? true,
-        useBase128: opt.useBase128 ?? true,
-        compressFormat: opt.compressFormat || "deflate-raw",
-        compressor: typeof opt.compressor == 'function' ? opt.compressor : undefined,
-        useImportMetaPolyfill: opt.useImportMetaPolyfill ?? true,
-    };
-}

package/dist/template/assets.js

@@ -1 +0,0 @@
-{let e={"":""};for(let o in e)for(let s of document.querySelectorAll(`[src="data:${o}"]`))s.src=e[o]}

package/dist/template/base128.js

@@ -1 +0,0 @@
-var a="<script>",i=a.length,r=new Uint8Array(Math.floor(i/8*7)),c=0,o=0,e,t=()=>(e=a.charCodeAt(c++))>127?e=0:e;for(;c<i;)r[o++]=t()<<1|t()>>6,r[o++]=e<<2|t()>>5,r[o++]=e<<3|t()>>4,r[o++]=e<<4|t()>>3,r[o++]=e<<5|t()>>2,r[o++]=e<<6|t()>>1,r[o++]=e<<7|t();new Response(new Blob([r]).stream().pipeThrough(new DecompressionStream("<format>")),{headers:{"Content-Type":"text/javascript"}}).blob().then(n=>import(n=URL.createObjectURL(n)).finally(h=>URL.revokeObjectURL(n)))

package/dist/template/base64.js

@@ -1 +0,0 @@
-fetch("data:;base64,<script>").then(e=>new Response(e.body.pipeThrough(new DecompressionStream("<format>")),{headers:{"Content-Type":"text/javascript"}}).blob()).then(e=>import(e=URL.createObjectURL(e)).finally(t=>URL.revokeObjectURL(e)))

package/dist/template/css.js

@@ -1 +0,0 @@
-document.head.appendChild(document.createElement("style")).innerHTML="<style>"

package/dist/template/icon.js

@@ -1 +0,0 @@
-document.querySelector("link[rel=icon]").href="<icon>"

package/dist/template/importmeta.js

@@ -1 +0,0 @@
-{let e=import.meta,r=e.resolve,l=e.url=new URL("<path>",location).href;e.resolve=function(t){return/^\.{0,2}\//.test(t)?new URL(t,l).href:r.apply(this,arguments)}}