vite-plugin-singlefile-compression 1.1.4 → 1.2.1

package/LICENSE.txt

@@ -1,5 +1,5 @@
 The MIT License (MIT)
-Copyright © 2024 bddjr
+Copyright © 2024-2025 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

@@ -6,14 +6,7 @@ The recipient can open it directly in the browser without manually unzipping the
 
 Adapted from [vite-plugin-singlefile](https://www.npmjs.com/package/vite-plugin-singlefile)
 
-### README Language
-
-> English  
-> [简体中文](README-zh-CN.md)
-
-## Install
-
-Using `npm` to install
+## Setup
 
 ```
 npm i vite-plugin-singlefile-compression
@@ -60,35 +53,42 @@ const router = createRouter({
 
 ```ts
 export interface Options {
-	/**
-	 * 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;
+    /**
+     * 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.
+     * @default true
+     */
+    useBase128?: boolean
 }
 ```
 
@@ -101,15 +101,15 @@ vite v6.0.6 building for production...
 ✓ 45 modules transformed.
 rendering chunks (1)...
 
-vite-plugin-singlefile-compression 1.1.3 building...
+vite-plugin-singlefile-compression 1.2.0 building...
 
   file:///D:/bddjr/Desktop/code/js/vite-plugin-singlefile-compression/test/dist/index.html
-  101.02 KiB -> 52.1 KiB
+  101.02 KiB -> 46.81 KiB
 
 Finish.
 
-dist/index.html  53.35 kB
-✓ built in 734ms
+dist/index.html  47.93 kB
+✓ built in 687ms
 ```
 
 ## Clone

package/dist/index.d.ts

@@ -26,6 +26,12 @@ export interface Options {
      * @default true
      */
     removeInlinedPublicIconFiles?: boolean;
+    /**
+     * Use Base128 to encode gzipped script.
+     * If false, use Base64.
+     * @default true
+     */
+    useBase128?: boolean;
 }
 export declare const defaultHtmlMinifierTerserOptions: htmlMinifierOptions;
 export declare function singleFileCompression(opt?: Options): PluginOption;

package/dist/index.js

@@ -2,6 +2,7 @@ import mime from 'mime';
 import pc from "picocolors";
 import svgToTinyDataUri from "mini-svg-data-uri";
 import { minify as htmlMinify } from 'html-minifier-terser';
+import base128 from "base128-ascii";
 import zlib from 'zlib';
 import path from 'path';
 import fs from 'fs';
@@ -20,18 +21,11 @@ export function singleFileCompression(opt) {
         htmlMinifierTerser: opt.htmlMinifierTerser == null || opt.htmlMinifierTerser === true
             ? defaultHtmlMinifierTerserOptions
             : opt.htmlMinifierTerser,
-        tryInlineHtmlAssets: opt.tryInlineHtmlAssets == null
-            ? true
-            : opt.tryInlineHtmlAssets,
-        removeInlinedAssetFiles: opt.removeInlinedAssetFiles == null
-            ? true
-            : opt.removeInlinedAssetFiles,
-        tryInlineHtmlPublicIcon: opt.tryInlineHtmlPublicIcon == null
-            ? true
-            : opt.tryInlineHtmlPublicIcon,
-        removeInlinedPublicIconFiles: opt.removeInlinedPublicIconFiles == null
-            ? true
-            : opt.removeInlinedPublicIconFiles
+        tryInlineHtmlAssets: opt.tryInlineHtmlAssets ?? true,
+        removeInlinedAssetFiles: opt.removeInlinedAssetFiles ?? true,
+        tryInlineHtmlPublicIcon: opt.tryInlineHtmlPublicIcon ?? true,
+        removeInlinedPublicIconFiles: opt.removeInlinedPublicIconFiles ?? true,
+        useBase128: opt.useBase128 ?? true,
     };
     let conf;
     return {
@@ -44,6 +38,7 @@ export function singleFileCompression(opt) {
 }
 export default singleFileCompression;
 const template = fs.readFileSync(path.join(import.meta.dirname, "template.js")).toString().split('{<script>}', 2);
+const templateBase128 = fs.readFileSync(path.join(import.meta.dirname, "template-base128.js")).toString().split('"<script>"', 2);
 const templateAssets = fs.readFileSync(path.join(import.meta.dirname, "template-assets.js")).toString().split('{"":""}', 2);
 const { version } = JSON.parse(fs.readFileSync(path.join(import.meta.dirname, "../package.json")).toString());
 function bufferToDataURL(name, b) {
@@ -51,10 +46,16 @@ function bufferToDataURL(name, b) {
         ? svgToTinyDataUri(b.toString())
         : `data:${mime.getType(name)};base64,${b.toString('base64')}`;
 }
-function gzipToBase64(buf) {
+function gzip(buf) {
     return zlib.gzipSync(buf, {
         level: zlib.constants.Z_BEST_COMPRESSION,
-    }).toString('base64');
+    });
+}
+function gzipToBase64(buf) {
+    return gzip(buf).toString('base64');
+}
+function gzipToBase128(buf) {
+    return base128.encode(Uint8Array.from(gzip(buf))).toJSTemplateLiterals();
 }
 function KiB(size) {
     return `${Math.ceil(size / 10.24) / 100} KiB`;
@@ -222,16 +223,18 @@ async function generateBundle(bundle, config, options) {
             }
             // add script
             newJSCode.push(js.code.replace(/;?\n?$/, ''));
-            // gzip
-            return '<script type="module">'
-                + template.join(gzipToBase64(newJSCode.toString()))
-                + '</script>';
+            // fill fake script
+            return '<script type="module">self.__vitePluginSinglefileCompression=1</script>';
         });
         if (!ok)
             continue;
         // minify html
         if (options.htmlMinifierTerser)
             newHtml = await htmlMinify(newHtml, options.htmlMinifierTerser);
+        // fill script
+        newHtml = newHtml.split('self.__vitePluginSinglefileCompression=1', 2).join(options.useBase128
+            ? templateBase128.join(gzipToBase128(newJSCode.toString()))
+            : template.join(gzipToBase64(newJSCode.toString())));
         // finish
         htmlChunk.source = newHtml;
         console.log("\n"

package/dist/template-base128.js

@@ -0,0 +1 @@
+function l(i){let n=new TextEncoder().encode(i),t=new Uint8Array(Math.ceil((n.length-1)/8)*7);for(let r=1,o=0;r<n.length;){let e=BigInt(n[r++]||0)<<49n;e|=BigInt(n[r++]||0)<<42n,e|=BigInt(n[r++]||0)<<35n,e|=BigInt(n[r++]||0)<<28n,e|=BigInt(n[r++]||0)<<21n,e|=BigInt(n[r++]||0)<<14n,e|=BigInt(n[r++]||0)<<7n,e|=BigInt(n[r++]||0),t[o++]=Number(e>>48n),t[o++]=Number(e>>40n&255n),t[o++]=Number(e>>32n&255n),t[o++]=Number(e>>24n&255n),t[o++]=Number(e>>16n&255n),t[o++]=Number(e>>8n&255n),t[o++]=Number(e&255n)}let u=n[0]-48;return u?t.slice(0,u-7):t}new Response(new ReadableStream({start(i){i.enqueue(l("<script>")),i.close()}}).pipeThrough(new DecompressionStream("gzip")),{headers:{"Content-Type":"text/javascript"}}).blob().then(i=>import(i=URL.createObjectURL(i)).finally(()=>URL.revokeObjectURL(i)))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-singlefile-compression",
-  "version": "1.1.4",
+  "version": "1.2.1",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "files": [
@@ -42,6 +42,7 @@
   "dependencies": {
     "@types/html-minifier-terser": "^7.0.2",
     "@types/node": "^22.9.3",
+    "base128-ascii": "^1.0.0",
     "esbuild": "^0.24.0",
     "html-minifier-terser": "^7.2.0",
     "mime": "^4.0.4",