vite-plugin-html-elements 0.1.1 → 0.1.3

package/README.md

@@ -194,9 +194,9 @@ htmlElements({
 });
 ```
 
-### Non-Opinionated Mode
+### Custom Vite Configuration
 
-Take full control over your Vite configuration:
+Take full control over your Vite configuration by disabling opinionated defaults:
 
 ```javascript
 export default defineConfig({
@@ -205,7 +205,7 @@ export default defineConfig({
   build: { outDir: 'build' },
   plugins: [
     htmlElements({
-      defaults: false, // Disable opinionated defaults
+      defaults: false, // Disable opinionated defaults, use your Vite config
       srcDir: 'pages',
     }),
   ],
@@ -252,7 +252,7 @@ dist/
 
 ### Default Structure (Opinionated)
 
-When using `defaults: true` (the default):
+By default, the plugin uses an opinionated structure:
 
 ```
 project/
@@ -435,7 +435,7 @@ Yes! Fully compatible with Tailwind and other CSS frameworks.
 Yes! Use `basePath: '/repo-name'` to match your repository name.
 
 **What's the difference between `defaults: true` and `defaults: false`?**  
-`defaults: true` applies opinionated structure (`src/` as root, `public/`, `dist/`). Set to `false` to fully control your Vite config.
+`defaults: true` (default) applies opinionated structure (`src/` as root, `public/`, `dist/`). Set to `false` to fully control your Vite config.
 
 **Can elements include JavaScript?**  
 Yes! Elements are just HTML. Include `<script>` tags as needed.

package/dist/index.js

@@ -62,22 +62,20 @@ function getRoutesEntries(routes, srcDir, debug) {
             console.error(`❌ Route source not found: ${route.source} for path ${route.path}`);
             return;
         }
+        // Normalize path: remove trailing slash (except for root)
+        const normalizedPath = route.path === '/' ? '/' : route.path.replace(/\/$/, '');
         // Convert route path to entry name
-        // '/' -> 'index'
-        // '/blog' -> 'blog/index'
-        // '/blog/today-is-nice' -> 'blog/today-is-nice/index'
         let entryName;
-        if (route.path === '/') {
+        if (normalizedPath === '/') {
             entryName = 'index';
         }
         else {
-            // Remove leading slash and add /index for directory structure
-            const cleanPath = route.path.replace(/^\//, '');
+            const cleanPath = normalizedPath.replace(/^\//, '');
             entryName = `${cleanPath}/index`;
         }
         entries[entryName] = sourcePath;
         if (debug) {
-            console.log(`🗺️  Route: ${route.path} -> ${route.source} (output: ${entryName}.html)`);
+            console.log(`🗺️  Route: ${normalizedPath} -> ${route.source} (output: ${entryName}.html)`);
         }
     });
     return entries;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-html-elements",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Modular HTML without the JavaScript",
   "author": "Vincent Medina",
   "license": "MIT",