vite-plugin-singlefile-compression 2.0.5 → 2.0.6

package/README.md

@@ -49,54 +49,60 @@ More info see [src/options.ts](src/options.ts)
 
 ```ts
 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.
-	 * @default "deflate-raw"
-	 */
-	compressFormat?: compressFormat;
+    /**
+     * 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
+     * @default "deflate-raw"
+     */
+    compressFormat?: compressFormat
+
+    /**
+     * Custom compressor.
+     */
+    compressor?: compressor
 }
 ```
 
@@ -105,19 +111,19 @@ export interface Options {
 https://bddjr.github.io/vite-plugin-singlefile-compression/
 
 ```
-vite v6.2.6 building for production...
-✓ 45 modules transformed.
+vite v7.3.1 building client environment for production...
+✓ 46 modules transformed.
 rendering chunks (1)...
 
-vite-plugin-singlefile-compression 2.0.5 building...
+vite-plugin-singlefile-compression 2.0.6 building...
 
   file:///D:/code/js/vite-plugin-singlefile-compression/test/dist/index.html
-  101.63 KiB -> 46.42 KiB
+  107.124 kB -> 48.342 kB
 
 Finish.
 
-dist/index.html  47.53 kB
-✓ built in 770ms
+dist/index.html  48.34 kB
+✓ built in 783ms
 ```
 
 ![](effect.jpg)
@@ -131,5 +137,5 @@ npm i
 cd test
 npm i
 cd ..
-npm run build
+node --run build
 ```

package/dist/compress.d.ts

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

package/dist/compress.js

@@ -1,24 +1,33 @@
 import base128 from "base128-ascii";
 import zlib from 'zlib';
-export function compress(format, buf, useBase128) {
-    const options = {
-        level: zlib.constants.Z_BEST_COMPRESSION,
-    };
-    let outBuf;
-    switch (format) {
-        case "deflate":
-            outBuf = zlib.deflateSync(buf, options);
-            break;
-        case "deflate-raw":
-            outBuf = zlib.deflateRawSync(buf, options);
-            break;
-        case "gzip":
-            outBuf = zlib.gzipSync(buf, options);
-            break;
-        default:
-            throw `unknown compress format ${format}`;
+const zlibDefaultOptions = {
+    level: zlib.constants.Z_BEST_COMPRESSION,
+};
+const compressors = {
+    "deflate-raw"(buf) {
+        return zlib.deflateRawSync(buf, zlibDefaultOptions);
+    },
+    deflate(buf) {
+        return zlib.deflateSync(buf, zlibDefaultOptions);
+    },
+    gzip(buf) {
+        return zlib.gzipSync(buf, zlibDefaultOptions);
+    },
+    brotli: zlib.brotliCompressSync,
+    zstd: zlib.zstdCompressSync,
+};
+function switchCompressor(format) {
+    const f = compressors[format] || zlib[format + 'CompressSync'];
+    if (!f) {
+        if (Object.prototype.hasOwnProperty.call(compressors, format))
+            throw Error(`Could not get compressor: Please upgrade node.js or set your compressor function.`);
+        throw Error(`Could not get compressor: Unknown compress format '${format}', please set your compressor function.`);
     }
+    return f;
+}
+export function compress(format, buf, useBase128, compressor) {
+    const outBuf = compressor ? compressor(buf) : switchCompressor(format)(buf);
     return useBase128
-        ? base128.encode(Uint8Array.from(outBuf)).toJSTemplateLiterals()
+        ? base128.encode(outBuf).toJSTemplateLiterals()
         : outBuf.toString('base64');
 }

package/dist/getTemplate.d.ts

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

package/dist/getTemplate.js

@@ -5,9 +5,9 @@ function r(name) {
     return fs.readFileSync(fileURLToPath(import.meta.resolve(`./template/${name}.js`))).toString();
 }
 function rt(name, template) {
-    const s = r(name).split(template, 2);
+    const s = r(name).split(template);
     if (s.length !== 2)
-        throw "s.length!==2";
+        throw Error("s.length!==2");
     return s;
 }
 const files = {
@@ -19,8 +19,8 @@ const files = {
     importmeta: rt('importmeta', '"<path>"'),
 };
 export const template = {
-    base(script, format, useBase128) {
-        script = compress(format, script, useBase128);
+    base(script, format, useBase128, compressor) {
+        script = compress(format, script, useBase128, compressor);
         if (useBase128) {
             return files.base128
                 .replace("<format>", format)

package/dist/index.js

@@ -7,7 +7,7 @@ import { pathToFileURL } from "url";
 import { version } from './getVersion.js';
 import { template } from './getTemplate.js';
 import { bufferToDataURL } from "./dataurl.js";
-import { KiB } from "./KiB.js";
+import { kB } from "./kB.js";
 import { getInnerOptions } from "./options.js";
 import { cutPrefix } from "./cutPrefix.js";
 export function singleFileCompression(opt) {
@@ -22,16 +22,17 @@ export function singleFileCompression(opt) {
 }
 export default singleFileCompression;
 function setConfig(config) {
-    config.base ??= './';
-    config.build ??= {};
-    config.build.cssCodeSplit ??= false;
-    config.build.assetsInlineLimit ??= () => true;
-    config.build.chunkSizeWarningLimit ??= Number.MAX_SAFE_INTEGER;
-    config.build.modulePreload ??= { polyfill: false };
-    config.build.reportCompressedSize ??= false;
-    config.build.rollupOptions ??= {};
-    for (const output of [config.build.rollupOptions.output ??= {}].flat(1)) {
-        output.inlineDynamicImports ??= true;
+    var _a, _b, _c, _d, _e, _f, _g;
+    config.base ?? (config.base = './');
+    config.build ?? (config.build = {});
+    (_a = config.build).cssCodeSplit ?? (_a.cssCodeSplit = false);
+    (_b = config.build).assetsInlineLimit ?? (_b.assetsInlineLimit = () => true);
+    (_c = config.build).chunkSizeWarningLimit ?? (_c.chunkSizeWarningLimit = Number.MAX_SAFE_INTEGER);
+    (_d = config.build).modulePreload ?? (_d.modulePreload = { polyfill: false });
+    (_e = config.build).reportCompressedSize ?? (_e.reportCompressedSize = false);
+    (_f = config.build).rollupOptions ?? (_f.rollupOptions = {});
+    for (const output of [(_g = config.build.rollupOptions).output ?? (_g.output = {})].flat(1)) {
+        output.inlineDynamicImports ?? (output.inlineDynamicImports = true);
     }
 }
 async function generateBundle(bundle, config, options) {
@@ -107,14 +108,14 @@ async function generateBundle(bundle, config, options) {
                 const name = cutPrefix(element.src, assetsDirWithBase);
                 if (name.endsWith('.js'))
                     continue;
-                if (!Object.hasOwn(assetsDataURL, name)) {
+                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.hasOwn(globalAssetsDataURL, name))
+                    if (!Object.prototype.hasOwnProperty.call(globalAssetsDataURL, name))
                         globalAssetsDataURL[name] = bufferToDataURL(name, Buffer.from(
                         //@ts-ignore
                         a.source));
@@ -142,7 +143,7 @@ async function generateBundle(bundle, config, options) {
             if (needInline) {
                 // inline
                 try {
-                    if (!Object.hasOwn(globalPublicFilesCache, iconName)) {
+                    if (!Object.prototype.hasOwnProperty.call(globalPublicFilesCache, iconName)) {
                         // dist/favicon.ico
                         let Path = path.join(config.build.outDir, iconName);
                         if (fs.existsSync(Path)) {
@@ -211,9 +212,9 @@ async function generateBundle(bundle, config, options) {
         else {
             inlineHtmlAssets();
         }
-        htmlChunk.source = htmlChunk.source.split(fakeScript, 2).join(template.base(newJSCode.join(';'), options.compressFormat, options.useBase128));
+        htmlChunk.source = htmlChunk.source.split(fakeScript, 2).join(template.base(newJSCode.join(';'), options.compressFormat, options.useBase128, options.compressor));
         // log
-        console.log("  " + pc.gray(KiB(oldSize) + " -> ") + pc.cyanBright(KiB(htmlChunk.source.length)) + '\n');
+        console.log("  " + pc.gray(kB(oldSize) + " -> ") + pc.cyanBright(kB(htmlChunk.source.length)) + '\n');
         // delete assets
         for (const name of thisDel) {
             globalDelete.add(name);

package/dist/kB.d.ts

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

package/dist/kB.js

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

package/dist/options.d.ts

@@ -1,5 +1,5 @@
 import { Options as htmlMinifierOptions } from 'html-minifier-terser';
-import { compressFormat } from './compress.js';
+import { compressFormat, compressor } from './compress.js';
 export interface Options {
     /**
      * Rename index.html
@@ -39,9 +39,14 @@ export interface Options {
     useBase128?: boolean;
     /**
      * Compress format.
+     * https://developer.mozilla.org/en-US/docs/Web/API/DecompressionStream/DecompressionStream
      * @default "deflate-raw"
      */
     compressFormat?: compressFormat;
+    /**
+     * Custom compressor.
+     */
+    compressor?: compressor;
 }
 export declare const defaultHtmlMinifierTerserOptions: htmlMinifierOptions;
 export interface innerOptions {
@@ -53,5 +58,6 @@ export interface innerOptions {
     removeInlinedPublicIconFiles: boolean;
     useBase128: boolean;
     compressFormat: compressFormat;
+    compressor?: compressor;
 }
 export declare function getInnerOptions(opt?: Options): innerOptions;

package/dist/options.js

@@ -7,7 +7,7 @@ export const defaultHtmlMinifierTerserOptions = {
     minifyJS: false,
 };
 export function getInnerOptions(opt) {
-    opt ||= {};
+    opt || (opt = {});
     return {
         rename: opt.rename && opt.rename.replace(/(\.(html?)?)?$/, '.html'),
         htmlMinifierTerser: opt.htmlMinifierTerser == null || opt.htmlMinifierTerser === true
@@ -18,8 +18,7 @@ export function getInnerOptions(opt) {
         tryInlineHtmlPublicIcon: opt.tryInlineHtmlPublicIcon ?? true,
         removeInlinedPublicIconFiles: opt.removeInlinedPublicIconFiles ?? true,
         useBase128: opt.useBase128 ?? true,
-        compressFormat: ["deflate-raw", "deflate", "gzip"].includes(opt.compressFormat)
-            ? opt.compressFormat
-            : "deflate-raw",
+        compressFormat: opt.compressFormat || "deflate-raw",
+        compressor: typeof opt.compressor == 'function' ? opt.compressor : undefined,
     };
 }

package/dist/template/base128.js

@@ -1 +1 @@
-function l(e){let t=new Uint8Array(Math.floor(e.length/8*7)),a=0,c=0,r,o=()=>(r=e.charCodeAt(a++))>>7?r=0:r;for(;a<e.length;)t[c++]=o()<<1|o()>>6,t[c++]=r<<2|o()>>5,t[c++]=r<<3|o()>>4,t[c++]=r<<4|o()>>3,t[c++]=r<<5|o()>>2,t[c++]=r<<6|o()>>1,t[c++]=r<<7|o();return t}new Response(new ReadableStream({start(e){e.enqueue(l("<script>")),e.close()}}).pipeThrough(new DecompressionStream("<format>")),{headers:{"Content-Type":"text/javascript"}}).blob().then(e=>import(e=URL.createObjectURL(e)).finally(()=>URL.revokeObjectURL(e)))
+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 +1 @@
-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(()=>URL.revokeObjectURL(e)))
+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/package.json

@@ -1,23 +1,27 @@
 {
   "name": "vite-plugin-singlefile-compression",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "author": "bddjr",
   "license": "MIT",
   "description": "",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "browser": "null.js",
   "files": [
     "dist"
   ],
   "type": "module",
   "scripts": {
-    "build": "rimraf dist && tsc && node build.js && cd test && npm run build",
-    "prepublishOnly": "npm run build"
+    "build": "rimraf dist && tsc && node build.js && cd test && node --run build",
+    "prepublishOnly": "node --run build"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bddjr/vite-plugin-singlefile-compression.git"
   },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
   "keywords": [
     "vite-plugin",
     "vite",
@@ -54,4 +58,4 @@
     "esbuild": ">=0.25.0",
     "typescript": ">=5.7.2"
   }
-}
+}

package/dist/KiB.d.ts

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

package/dist/KiB.js

@@ -1,3 +0,0 @@
-export function KiB(size) {
-    return `${Math.ceil(size / 10.24) / 100} KiB`;
-}