vite-plugin-inline-multipage 1.0.14 → 1.0.16

package/dist/index.d.ts

@@ -1,6 +1,12 @@
 import { type Plugin } from 'vite';
 export interface InlineEverythingOptions {
+    /**
+     * Dir where the build files are located (default: 'build')
+     */
     buildDir?: string;
+    /**
+     * If the plugin should remove the _app directory after inlining (default: true)
+     */
     cleanUp?: boolean;
     remap?: Record<string, string>;
 }

package/dist/index.js

@@ -3,8 +3,7 @@ import path from 'path';
 import fs from 'fs';
 import * as cheerio from 'cheerio';
 export default function inlineEverythingPlugin(options) {
-    const { buildDir = 'build', cleanUp = false, remap = {}, } = options || {};
-    const remapKeys = new Set(Object.keys(remap));
+    const { buildDir = 'build', cleanUp = false, remap = {} } = options || {};
     return {
         name: 'inline-everything',
         apply: 'build',
@@ -24,16 +23,15 @@ export default function inlineEverythingPlugin(options) {
             });
             for (const htmlFile of htmlFiles) {
                 let html = fs.readFileSync(htmlFile, 'utf8');
-                const $ = cheerio.load(html);
-                // Inline CSS
-                $('link[rel="stylesheet"]').each((_, el) => {
-                    const href = $(el).attr('href');
+                const load_html = cheerio.load(html);
+                load_html('link[rel="stylesheet"]').each((_, el) => {
+                    const href = load_html(el).attr('href');
                     if (href) {
                         const filename = path.basename(href);
                         if (assetMap.has(filename)) {
                             try {
-                                const css = fs.readFileSync(assetMap.get(filename), 'utf8');
-                                $(el).replaceWith(`<style>${css}</style>`);
+                                const cssContent = fs.readFileSync(assetMap.get(filename), 'utf8');
+                                load_html(el).replaceWith(`<style>${cssContent}</style>`);
                             }
                             catch (e) {
                                 console.warn(`Failed to inline CSS ${filename}:`, e.message);
@@ -41,15 +39,14 @@ export default function inlineEverythingPlugin(options) {
                         }
                     }
                 });
-                // Inline JS
-                $('script[type="module"][src]').each((_, el) => {
-                    const src = $(el).attr('src');
+                load_html('script[type="module"][src]').each((_, el) => {
+                    const src = load_html(el).attr('src');
                     if (src) {
                         const filename = path.basename(src);
                         if (assetMap.has(filename)) {
                             try {
-                                const js = fs.readFileSync(assetMap.get(filename), 'utf8');
-                                $(el).replaceWith(`<script type="module">${js}</script>`);
+                                const jsContent = fs.readFileSync(assetMap.get(filename), 'utf8');
+                                load_html(el).replaceWith(`<script type="module">${jsContent}</script>`);
                             }
                             catch (e) {
                                 console.warn(`Failed to inline JS ${filename}:`, e.message);
@@ -57,33 +54,18 @@ export default function inlineEverythingPlugin(options) {
                         }
                     }
                 });
-                // Remove preload and hydration scripts
-                $('link[rel="modulepreload"]').remove();
-                $('link[rel="preload"]').remove();
-                $('script[data-sveltekit-hydrate]').remove();
-                // Determine remap key based on folder or filename
-                const filename = path.basename(htmlFile);
-                let remapKey;
-                if (filename === 'index.html') {
-                    // Use the relative folder path as the key for remap
-                    remapKey = path.relative(resolvedBuildDir, path.dirname(htmlFile)).replace(/\\/g, '/'); // normalize slashes
+                load_html('link[rel="modulepreload"]').remove();
+                load_html('link[rel="preload"]').remove();
+                load_html('script[data-sveltekit-hydrate]').remove();
+                const originalName = path.basename(htmlFile, '.html');
+                const targetName = remap[originalName];
+                if (targetName) {
+                    const newPath = path.join(path.dirname(htmlFile), targetName);
+                    fs.writeFileSync(newPath, load_html.html());
+                    fs.rmSync(htmlFile);
                 }
                 else {
-                    // Use the basename without extension as key
-                    remapKey = path.basename(htmlFile, '.html');
-                }
-                if (remapKeys.has(remapKey)) {
-                    const remappedName = remap[remapKey];
-                    const newPath = path.join(path.dirname(htmlFile), remappedName);
-                    fs.writeFileSync(newPath, $.html());
-                    // Remove old file if different path
-                    if (newPath !== htmlFile) {
-                        fs.unlinkSync(htmlFile);
-                    }
-                }
-                else {
-                    // No remap - write original file
-                    fs.writeFileSync(htmlFile, $.html());
+                    fs.writeFileSync(htmlFile, load_html.html());
                 }
             }
             if (cleanUp) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-inline-multipage",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "description": "A Vite plugin that inlines multi-paged applications (like in svelte) to multiple html files",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",