vite-plugin-singlefile-compression 1.2.4 → 1.2.6

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,20 @@ export default defineConfig({
     // Add singleFileCompression
     singleFileCompression(),
   ],
-  esbuild: {
-    // Remove license comments
-    legalComments: "none"
-  },
+
   build: {
-    terserOptions: {
-      format: {
-        // Remove license comments
-        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 +46,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,19 +91,19 @@ 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.4 building...
+vite-plugin-singlefile-compression 1.2.6 building...
 
   file:///D:/bddjr/Desktop/code/js/vite-plugin-singlefile-compression/test/dist/index.html
-  101.02 KiB -> 46.52 KiB
+  101.56 KiB -> 46.84 KiB
 
 Finish.
 
-dist/index.html  47.64 kB
-✓ built in 690ms
+dist/index.html  47.96 kB
+✓ built in 686ms
 ```
 
 ## Clone
@@ -128,3 +121,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
@@ -232,9 +240,9 @@ async function generateBundle(bundle, config, options) {
         if (options.htmlMinifierTerser)
             newHtml = await htmlMinify(newHtml, options.htmlMinifierTerser);
         // fill script
-        newHtml = newHtml.split('self.__vitePluginSinglefileCompression=1', 2).join(options.useBase128
+        newHtml = newHtml.split('self.__vitePluginSinglefileCompression=1', 2).join('\n//vite-plugin-singlefile-compression\n' + (options.useBase128
             ? templateBase128.join(gzipToBase128(newJSCode.toString()))
-            : template.join(gzipToBase64(newJSCode.toString())));
+            : template.join(gzipToBase64(newJSCode.toString()))));
         // finish
         htmlChunk.source = newHtml;
         console.log("\n"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-singlefile-compression",
-  "version": "1.2.4",
+  "version": "1.2.6",
   "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.3",
     "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"
   }
 }