vite-plugin-html-elements 0.1.3 → 0.1.4

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAyC,MAAM,MAAM,CAAC;AAI1E,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,MAAM,CAiEtE;AAyHD,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EACd,KAAK,GAAE,OAAe,GACrB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA4BxB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAyC,MAAM,MAAM,CAAC;AAI1E,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IAEvB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,MAAM,CAiEtE;AAyHD,wBAAgB,cAAc,CAC5B,MAAM,EAAE,MAAM,EACd,KAAK,GAAE,OAAe,GACrB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA2DxB"}

package/dist/index.js

@@ -62,20 +62,22 @@ 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 (normalizedPath === '/') {
+        if (route.path === '/') {
             entryName = 'index';
         }
         else {
-            const cleanPath = normalizedPath.replace(/^\//, '');
+            // Remove leading slash and add /index for directory structure
+            const cleanPath = route.path.replace(/^\//, '');
             entryName = `${cleanPath}/index`;
         }
         entries[entryName] = sourcePath;
         if (debug) {
-            console.log(`🗺️  Route: ${normalizedPath} -> ${route.source} (output: ${entryName}.html)`);
+            console.log(`🗺️  Route: ${route.path} -> ${route.source} (output: ${entryName}.html)`);
         }
     });
     return entries;
@@ -134,24 +136,56 @@ function parseAttributes(attrString) {
     return attrs;
 }
 export function getHtmlEntries(srcDir, debug = false) {
-    try {
-        const htmlFiles = readdirSync(srcDir).filter((file) => file.endsWith('.html'));
-        const entries = {};
-        htmlFiles.forEach((file) => {
-            const name = file.replace('.html', '');
-            entries[name] = resolve(srcDir, file);
-        });
-        if (debug) {
-            console.log(`📄 Auto-discovered HTML files: ${Object.keys(entries).join(', ')}`);
+    const entries = {};
+    function scanDirectory(dir, basePath = '') {
+        try {
+            const items = readdirSync(dir, { withFileTypes: true });
+            for (const item of items) {
+                const fullPath = resolve(dir, item.name);
+                const relativePath = basePath ? `${basePath}/${item.name}` : item.name;
+                if (item.isDirectory()) {
+                    // Skip elements directory
+                    if (item.name === 'elements') {
+                        continue;
+                    }
+                    // Recursively scan subdirectories
+                    scanDirectory(fullPath, relativePath);
+                }
+                else if (item.isFile() && item.name.endsWith('.html')) {
+                    // Generate entry name from file path
+                    let entryName;
+                    if (item.name === 'index.html') {
+                        // index.html in root -> 'index'
+                        // index.html in blog/ -> 'blog/index'
+                        entryName = basePath ? `${basePath}/index` : 'index';
+                    }
+                    else {
+                        // about.html -> 'about/index'
+                        // blog/post.html -> 'blog/post/index'
+                        const nameWithoutExt = item.name.replace('.html', '');
+                        entryName = basePath
+                            ? `${basePath}/${nameWithoutExt}/index`
+                            : `${nameWithoutExt}/index`;
+                    }
+                    entries[entryName] = fullPath;
+                }
+            }
         }
-        return entries;
-    }
-    catch (error) {
-        const errorMessage = error instanceof Error ? error.message : 'Unknown error';
-        console.warn(`⚠️  Could not read directory: ${srcDir}`);
-        if (debug) {
-            console.error(`   ${errorMessage}`);
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
+            console.warn(`⚠️  Could not read directory: ${dir}`);
+            if (debug) {
+                console.error(`   ${errorMessage}`);
+            }
         }
-        return {};
     }
+    scanDirectory(srcDir);
+    if (debug) {
+        console.log(`📄 Auto-discovered routes:`);
+        Object.keys(entries).forEach((key) => {
+            const url = key === 'index' ? '/' : `/${key.replace('/index', '')}`;
+            console.log(`   ${url} -> ${entries[key].replace(srcDir + '/', '')}`);
+        });
+    }
+    return entries;
 }

package/package.json

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