vite-plugin-singlefile-compression 1.2.3 → 1.2.5

package/README.md

@@ -4,7 +4,7 @@ Compress all assets and embeds them into `dist/index.html`, making it convenient
 
 The recipient can open it directly in the browser without manually unzipping the file.
 
-Adapted from [vite-plugin-singlefile](https://www.npmjs.com/package/vite-plugin-singlefile)
+Using [DecompressionStream](https://developer.mozilla.org/docs/Web/API/DecompressionStream) + [base128-ascii](https://www.npmjs.com/package/base128-ascii).
 
 ## Setup
 
@@ -12,13 +12,12 @@ Adapted from [vite-plugin-singlefile](https://www.npmjs.com/package/vite-plugin-
 npm i vite-plugin-singlefile-compression
 ```
 
-Then modify [vite.config.ts](test/vite.config.ts#L14)
+Then modify `vite.config.ts`, see [test/vite.config.ts](test/vite.config.ts)
 
 ```ts
 // Import singleFileCompression
 import singleFileCompression from 'vite-plugin-singlefile-compression'
 
-// https://vite.dev/config/
 export default defineConfig({
   plugins: [
     vue(),
@@ -26,26 +25,31 @@ export default defineConfig({
     // Add singleFileCompression
     singleFileCompression(),
   ],
+
+  // Not required options:
   esbuild: {
-    // Remove license comments
+    // Remove license comments, make file smaller.
     legalComments: "none"
   },
   build: {
     terserOptions: {
       format: {
-        // Remove license comments
+        // Remove license comments, make file smaller.
         comments: false
       }
     },
+    // Not use old syntax, make file smaller.
     target: 'esnext',
+    // Disable reporting compressed chunk sizes, slightly improve build speed.
     reportCompressedSize: false
   },
 ```
 
-Then modify [src/router/index.ts](test/src/router/index.ts#L5) , change `createWebHistory` to `createWebHashHistory`
+Then modify [src/router/index.ts](test/src/router/index.ts#L5)
 
 ```ts
 const router = createRouter({
+  // Use Hash History
   history: createWebHashHistory(),
 ```
 
@@ -53,43 +57,43 @@ 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;
-
-    /**
-     * Use Base128 to encode gzipped script.
-     * If false, use Base64.
-     * https://www.npmjs.com/package/base128-ascii
-     * @default true
-     */
-    useBase128?: 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.
+	 * https://www.npmjs.com/package/base128-ascii
+	 * @default true
+	 */
+	useBase128?: boolean;
 }
 ```
 
@@ -98,11 +102,11 @@ export interface Options {
 https://bddjr.github.io/vite-plugin-singlefile-compression/
 
 ```
-vite v6.0.6 building for production...
+vite v6.0.7 building for production...
 ✓ 45 modules transformed.
 rendering chunks (1)...
 
-vite-plugin-singlefile-compression 1.2.3 building...
+vite-plugin-singlefile-compression 1.2.5 building...
 
   file:///D:/bddjr/Desktop/code/js/vite-plugin-singlefile-compression/test/dist/index.html
   101.02 KiB -> 46.52 KiB
@@ -110,7 +114,7 @@ vite-plugin-singlefile-compression 1.2.3 building...
 Finish.
 
 dist/index.html  47.64 kB
-✓ built in 687ms
+✓ built in 716ms
 ```
 
 ## Clone
@@ -128,3 +132,5 @@ npm run build
 ## License
 
 [MIT](LICENSE.txt)
+
+Adapted from [vite-plugin-singlefile](https://www.npmjs.com/package/vite-plugin-singlefile).

package/dist/index.js

@@ -62,16 +62,22 @@ function KiB(size) {
 }
 function setConfig(config) {
     config.base = './';
-    if (!config.build)
-        config.build = {};
+    config.build ??= {};
     config.build.assetsInlineLimit = () => true;
     config.build.chunkSizeWarningLimit = Infinity;
     config.build.cssCodeSplit = false;
     config.build.assetsDir = 'assets';
     config.build.modulePreload = { polyfill: false };
-    if (!config.build.rollupOptions)
-        config.build.rollupOptions = {};
-    config.build.rollupOptions.output = { inlineDynamicImports: true };
+    config.build.rollupOptions ??= {};
+    config.build.rollupOptions.output ??= {};
+    if (Array.isArray(config.build.rollupOptions.output)) {
+        for (const output of config.build.rollupOptions.output) {
+            output.inlineDynamicImports = true;
+        }
+    }
+    else {
+        config.build.rollupOptions.output.inlineDynamicImports = true;
+    }
 }
 async function generateBundle(bundle, config, options) {
     console.log(pc.cyan('\n\nvite-plugin-singlefile-compression ' + version) + pc.green(' building...'));
@@ -79,7 +85,7 @@ async function generateBundle(bundle, config, options) {
         return console.error("error: config.base has been changed!");
     if (config.build.assetsDir !== 'assets')
         return console.error("error: config.build.assetsDir has been changed!");
-    const distURL = (u => u.endsWith('/') ? u : u + '/')(pathToFileURL(path.resolve(config.build.outDir)).href);
+    const distURL = pathToFileURL(path.resolve(config.build.outDir)).href + '/';
     const globalDelete = new Set();
     const globalDoNotDelete = new Set();
     const globalRemoveDistFileNames = new Set();
@@ -103,7 +109,9 @@ async function generateBundle(bundle, config, options) {
         const thisDel = new Set();
         // Fix async import
         const newJSCode = ["self.__VITE_PRELOAD__=void 0"];
-        newJSCode.toString = () => newJSCode.join(';');
+        newJSCode.toString = function () {
+            return this.join(';');
+        };
         // remove html comments
         newHtml = newHtml.replaceAll(/<!--[\d\D]*?-->/g, '');
         // get css tag

package/dist/template-assets.js

@@ -1 +1 @@
-{const a={"":""};for(const n in a){for(const e of document.querySelectorAll(`[src="data:${n}"]`))e.src=a[n];for(const e of document.querySelectorAll(`[href="data:${n}"]`))e.href=a[n]}}
+{let e={"":""};for(let o in e){for(let r of document.querySelectorAll(`[src="data:${o}"]`))r.src=e[o];for(let r of document.querySelectorAll(`[href="data:${o}"]`))r.href=e[o]}}

package/dist/template.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-singlefile-compression",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "files": [
@@ -42,7 +42,7 @@
   "dependencies": {
     "@types/html-minifier-terser": "^7.0.2",
     "@types/node": "^22.9.3",
-    "base128-ascii": "^2.0.1",
+    "base128-ascii": "^2.0.2",
     "esbuild": "^0.24.0",
     "html-minifier-terser": "^7.2.0",
     "mime": "^4.0.4",
@@ -50,6 +50,6 @@
     "picocolors": "^1.1.1",
     "rimraf": "^6.0.1",
     "typescript": "^5.7.2",
-    "vite": "^6.0.6"
+    "vite": "^6.0.7"
   }
 }