vite-plugin-inline-multipage 1.0.15 → 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,7 +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 { buildDir = 'build', cleanUp = false, remap = {} } = options || {};
     return {
         name: 'inline-everything',
         apply: 'build',
@@ -23,15 +23,15 @@ export default function inlineEverythingPlugin(options) {
             });
             for (const htmlFile of htmlFiles) {
                 let html = fs.readFileSync(htmlFile, 'utf8');
-                const $ = cheerio.load(html);
-                $('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);
@@ -39,14 +39,14 @@ export default function inlineEverythingPlugin(options) {
                         }
                     }
                 });
-                $('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);
@@ -54,29 +54,19 @@ export default function inlineEverythingPlugin(options) {
                         }
                     }
                 });
-                $('link[rel="modulepreload"]').remove();
-                $('link[rel="preload"]').remove();
-                $('script[data-sveltekit-hydrate]').remove();
-                // Determine relative path and parts
-                const relativePath = path.relative(resolvedBuildDir, htmlFile);
-                const pathParts = relativePath.split(path.sep);
+                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');
-                // Apply remap ONLY for index.html inside one-level subfolders (routes)
-                const isIndexInSubfolder = pathParts.length === 2 && originalName === 'index';
-                if (isIndexInSubfolder) {
-                    const routeName = pathParts[0]; // e.g. 'main'
-                    if (remap.hasOwnProperty(routeName)) {
-                        const remappedName = remap[routeName];
-                        const remappedPath = path.join(path.dirname(htmlFile), remappedName);
-                        fs.writeFileSync(remappedPath, $.html());
-                        if (remappedPath !== htmlFile) {
-                            fs.unlinkSync(htmlFile);
-                        }
-                        continue; // skip writing original file below
-                    }
+                const targetName = remap[originalName];
+                if (targetName) {
+                    const newPath = path.join(path.dirname(htmlFile), targetName);
+                    fs.writeFileSync(newPath, load_html.html());
+                    fs.rmSync(htmlFile);
+                }
+                else {
+                    fs.writeFileSync(htmlFile, load_html.html());
                 }
-                // Write processed html back for all other files
-                fs.writeFileSync(htmlFile, $.html());
             }
             if (cleanUp) {
                 try {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-inline-multipage",
-  "version": "1.0.15",
+  "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",