httpath 1.0.0 → 1.2.0

package/dist/index.cjs

@@ -1,532 +1,137 @@
 #!/usr/bin/env node
-let e=require(`node:util`),t=require(`node:path`),n=require(`node:http`),r=require(`node:fs/promises`),i=require(`node:fs`),a=require(`node:child_process`),o=require(`node:events`);const s=e=>({success:!0,data:e}),c=e=>({success:!1,error:e}),l=e=>e.success===!0,u=(e,t)=>{try{return s(e())}catch(e){return c(t?t(e):e)}},d=async(e,t)=>{try{return s(await e())}catch(e){return c(t?t(e):e)}};var f=class extends Error{constructor(e,t,n,r){super(e),this.code=t,this.statusCode=n,this.path=r,this.name=`HTTPathError`}},p=class extends f{constructor(e,t){super(e,`FS_ERROR`,500,t),this.name=`FileSystemError`}},m=class extends f{constructor(e,t){super(e,`SECURITY_ERROR`,403,t),this.name=`SecurityError`}},h=class extends f{constructor(e){super(e,`CONFIG_ERROR`,500),this.name=`ConfigurationError`}},g=class extends f{constructor(e){super(e,`NETWORK_ERROR`,500),this.name=`NetworkError`}};const _=e=>(t,...n)=>t instanceof e?t:new e(t instanceof Error?t.message:String(t),...n),v=_(p),y=_(m),ee=_(h),b=_(g);globalThis.success=s,globalThis.failure=c,globalThis.isSuccess=l;const x={port:8080,rootPath:process.cwd(),reload:!1,ignorePatterns:[`node_modules`,`.git`,`.DS_Store`],enableDirectoryListing:!0,restartOnChange:!1,logLevel:`info`,debounceMs:500},te={port:{type:`string`,short:`p`,default:x.port.toString()},path:{type:`string`,short:`d`,default:x.rootPath},reload:{type:`boolean`,short:`r`,default:x.reload},ignore:{type:`string`,short:`i`,default:(x.ignorePatterns||[]).join(`,`)},"no-listing":{type:`boolean`,default:!x.enableDirectoryListing},"restart-on-change":{type:`boolean`,default:x.restartOnChange},log:{type:`string`,default:x.logLevel},help:{type:`boolean`,short:`h`,default:!1},version:{type:`boolean`,short:`v`,default:!1}},S=`
-HTTPath - A minimalist Node.js file server with hot-reload capabilities
+let e=require(`node:util`),t=require(`node:path`),n=require(`node:http`),r=require(`node:fs`),i=require(`node:fs/promises`),a=require(`node:url`),o=require(`node:child_process`);const s=(0,t.dirname)((0,a.fileURLToPath)(require(`url`).pathToFileURL(__filename).href)),c={html:`text/html`,css:`text/css`,js:`text/javascript`,mjs:`text/javascript`,json:`application/json`,png:`image/png`,jpg:`image/jpeg`,jpeg:`image/jpeg`,gif:`image/gif`,svg:`image/svg+xml`,ico:`image/x-icon`,txt:`text/plain`,md:`text/markdown`,ts:`video/mp2t`},l={directory:s,port:8080,ignorePatterns:[`.git`,`node_modules`,`.DS_Store`],enableDirectoryListing:!0,logLevel:`info`,enableLiveReload:!0,restartOnChange:!1};let u=null,d=!1;const f=new Set,p=n=>{let{values:r}=(0,e.parseArgs)({args:n,options:{dir:{type:`string`,short:`d`,default:l.directory},port:{type:`string`,short:`p`,default:l.port.toString()},ignore:{type:`string`,short:`i`,default:l.ignorePatterns.join(`,`)},"no-listing":{type:`boolean`,default:!1},"no-live-reload":{type:`boolean`,default:!1},"restart-on-change":{type:`boolean`,short:`r`,default:!1},log:{type:`string`,default:l.logLevel},help:{type:`boolean`,short:`h`,default:!1}},allowPositionals:!0});r.help&&(console.log(`
+Static File Server with Auto-Reload (Node.js)
 
-Usage: httpath [options]
+Usage: httpreload [OPTIONS]
 
 Options:
-  -p, --port <number>     Port number to listen on (default: 8080)
-  -d, --path <directory>  Directory to serve files from (default: current directory)
-  -r, --reload            Enable hot-reload functionality (default: false)
-  -i, --ignore <patterns>  Comma-separated patterns to ignore (default: node_modules,.git,.DS_Store)
-  --no-listing            Disable directory listing (default: false)
-  --restart-on-change     Restart server process on file changes (default: false)
-  --log <level>           Log level: debug, info, warn, error (default: info)
-  -h, --help              Show this help message
-  -v, --version           Show version number
-
-Examples:
-  httpath                           # Start server on port 8080 in current directory
-  httpath --port 3000               # Start server on port 3000
-  httpath --path ./public           # Serve files from ./public directory
-  httpath --reload                  # Enable hot-reload for development
-  httpath -p 3000 -d ./dist -r      # Combined options
-
-Documentation: https://github.com/MetalbolicX/httpath
-`,C={name:`HTTPath`,version:`0.1.0`,description:`A minimalist Node.js file server with hot-reload capabilities`,author:`José Martínez Santana`,license:`MIT`},w=(n=process.argv.slice(2))=>{let r=u(()=>{let{values:r}=(0,e.parseArgs)({args:n,options:te,allowPositionals:!0});r.help&&(console.log(S),process.exit(0)),r.version&&(console.log(`${C.name} v${C.version}\n${C.description}`),process.exit(0));let i=parseInt(r.port,10);if(isNaN(i)||i<1||i>65535)throw Error(`Invalid port number: ${r.port}. Port must be between 1 and 65535.`);let a=(0,t.resolve)(r.path),o=r.ignore?r.ignore.split(`,`).map(e=>e.trim()).filter(Boolean):x.ignorePatterns;return{port:i,rootPath:a,reload:!!r.reload,ignorePatterns:o,enableDirectoryListing:!r[`no-listing`],restartOnChange:!!r[`restart-on-change`],logLevel:r.log||x.logLevel}},ee);return r.success||(console.error(`❌ Error parsing arguments: ${r.error.message}`),console.log(S),process.exit(1)),r},T=e=>!Number.isInteger(e.port)||e.port<1||e.port>65535?(console.error(`❌ Invalid port: ${e.port}. Port must be between 1 and 65535.`),!1):typeof e.rootPath!=`string`||e.rootPath.length===0?(console.error(`❌ Invalid root path: ${e.rootPath}`),!1):typeof e.reload==`boolean`?!0:(console.error(`❌ Invalid reload flag: ${e.reload}. Must be boolean.`),!1),E={allowDotFiles:!1,maxPathLength:1e3,blockedPatterns:`../,..\\,%2e%2e%2f,%2e%2e%5c,..%2f,..%5c,\0,%00,\r,
-,	,CON,PRN,AUX,NUL,COM1,COM2,COM3,COM4,COM5,COM6,COM7,COM8,COM9,LPT1,LPT2,LPT3,LPT4,LPT5,LPT6,LPT7,LPT8,LPT9`.split(`,`)},D=new Set([`windows`,`system32`,`program files`,`program files (x86)`,`users`,`documents and settings`,`boot`,`etc`,`bin`,`sbin`,`usr`,`var`,`proc`,`sys`,`dev`,`root`,`home`]),ne=(e,n,r={})=>{let i={...E,...r};if(!e||typeof e!=`string`)return failure(y(Error({isValid:!1,resolvedPath:``,error:`Invalid path: path must be a non-empty string`}.error)));if(!n||typeof n!=`string`)return failure(y(Error({isValid:!1,resolvedPath:``,error:`Invalid root path: root path must be a non-empty string`}.error)));if(e.length>i.maxPathLength){let e={isValid:!1,resolvedPath:``,error:`Path too long: exceeds ${i.maxPathLength} characters`};return failure(y(Error(e.error)))}let a=u(()=>decodeURIComponent(e),()=>y(Error(`Invalid URL encoding in path`)));if(!a.success)return failure(a.error);let o=a.data,s=o.toLowerCase();for(let e of i.blockedPatterns)if(s.includes(e.toLowerCase())){let t={isValid:!1,resolvedPath:``,error:`Blocked pattern detected: ${e}`};return failure(y(Error(t.error)))}let c=o.replace(/\\/g,`/`),l=u(()=>(0,t.resolve)(n,c.startsWith(`/`)?c.slice(1):c),y);if(!l.success)return failure(l.error);let d=l.data,f=(0,t.normalize)(n),p=(0,t.normalize)(d);if(!p.startsWith(f+t.sep)&&p!==f)return failure(y(Error({isValid:!1,resolvedPath:``,error:`Path traversal detected: path is outside root directory`}.error)));if(!i.allowDotFiles){let e=c.split(`/`);for(let t of e)if(t.startsWith(`.`)&&t!==`.`&&t!==`..`)return failure(y(Error({isValid:!1,resolvedPath:``,error:`Dot files not allowed`}.error)))}let m=p.toLowerCase().split(t.sep);for(let e of m)if(D.has(e)){let t={isValid:!1,resolvedPath:``,error:`Access to protected directory denied: ${e}`};return failure(y(Error(t.error)))}let h={isValid:!0,resolvedPath:p};return success(h)},re={".html":`text/html`,".htm":`text/html`,".css":`text/css`,".js":`text/javascript`,".mjs":`text/javascript`,".ts":`text/typescript`,".jsx":`text/jsx`,".tsx":`text/tsx`,".json":`application/json`,".xml":`application/xml`,".rss":`application/rss+xml`,".atom":`application/atom+xml`,".png":`image/png`,".jpg":`image/jpeg`,".jpeg":`image/jpeg`,".gif":`image/gif`,".svg":`image/svg+xml`,".ico":`image/x-icon`,".webp":`image/webp`,".bmp":`image/bmp`,".tiff":`image/tiff`,".tif":`image/tiff`,".woff":`font/woff`,".woff2":`font/woff2`,".ttf":`font/ttf`,".otf":`font/otf`,".eot":`application/vnd.ms-fontobject`,".pdf":`application/pdf`,".doc":`application/msword`,".docx":`application/vnd.openxmlformats-officedocument.wordprocessingml.document`,".xls":`application/vnd.ms-excel`,".xlsx":`application/vnd.openxmlformats-officedocument.spreadsheetml.sheet`,".ppt":`application/vnd.ms-powerpoint`,".pptx":`application/vnd.openxmlformats-officedocument.presentationml.presentation`,".txt":`text/plain`,".md":`text/markdown`,".csv":`text/csv`,".log":`text/plain`,".yaml":`text/yaml`,".yml":`text/yaml`,".toml":`text/plain`,".ini":`text/plain`,".conf":`text/plain`,".cfg":`text/plain`,".zip":`application/zip`,".rar":`application/vnd.rar`,".7z":`application/x-7z-compressed`,".tar":`application/x-tar`,".gz":`application/gzip`,".bz2":`application/x-bzip2`,".mp3":`audio/mpeg`,".wav":`audio/wav`,".ogg":`audio/ogg`,".m4a":`audio/mp4`,".aac":`audio/aac`,".flac":`audio/flac`,".mp4":`video/mp4`,".avi":`video/x-msvideo`,".mov":`video/quicktime`,".wmv":`video/x-ms-wmv`,".flv":`video/x-flv`,".webm":`video/webm`,".mkv":`video/x-matroska`,".exe":`application/octet-stream`,".msi":`application/x-msdownload`,".deb":`application/vnd.debian.binary-package`,".rpm":`application/x-rpm`,".dmg":`application/x-apple-diskimage`,".iso":`application/x-iso9660-image`,".map":`application/json`,".lock":`text/plain`,".gitignore":`text/plain`,".env":`text/plain`,".dockerfile":`text/plain`,".makefile":`text/plain`},ie=new Set([`text/html`,`text/css`,`text/javascript`,`text/plain`,`text/markdown`,`text/xml`,`application/json`,`application/xml`,`image/svg+xml`]),ae=(e,t={})=>{let{defaultType:n=`application/octet-stream`,customMappings:r={}}=t,i=e.startsWith(`.`)?e.toLowerCase():`.${e.toLowerCase()}`;return r[i]||re[i]||n},oe=e=>ie.has(e)||e.startsWith(`text/`),se=e=>{let t=e.lastIndexOf(`.`);return t===-1||t===0?``:e.slice(t).toLowerCase()},O=(e,t={})=>ae(se(e),t),k={showHidden:!1,sortBy:`name`,sortOrder:`asc`},ce={customCSS:``,customJS:``,favicon:`data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y=".9em" font-size="90">📁</text></svg>`,theme:`auto`},le=async(e,n={})=>{let i={...k,...n},a=await d(()=>(0,r.readdir)(e),v);if(!a.success)return c(a.error);let o=[];for(let n of a.data){if(!i.showHidden&&n.startsWith(`.`))continue;let a=(0,t.join)(e,n),s=await d(()=>(0,r.stat)(a),v);s.success?o=[...o,{name:n,isDir:s.data.isDirectory(),size:s.data.size,lastModified:s.data.mtime}]:console.warn(`Warning: Cannot access file ${n}:`,s.error)}return o.sort((e,t)=>{if(e.isDir&&!t.isDir)return-1;if(!e.isDir&&t.isDir)return 1;let n=0;switch(i.sortBy){case`size`:n=(e.size||0)-(t.size||0);break;case`date`:n=(e.lastModified?.getTime()||0)-(t.lastModified?.getTime()||0);break;default:n=e.name.localeCompare(t.name);break}return i.sortOrder===`desc`?-n:n}),s(o)},A=async(e,t,n={})=>{let r={...k,...n},i={...ce,...n},a=await le(e,r);return a.success?s(F({title:`Directory listing for ${t}`,path:t,files:a.data,parentPath:t===`/`?void 0:j(t),serverInfo:{name:`HTTPath`,version:`0.1.0`,uptime:process.uptime()}},i)):s(I(`Error reading directory`,a.error.message))},j=e=>{let t=e.split(`/`).filter(e=>e);return t.pop(),t.length>0?`/`+t.join(`/`):`/`},M=e=>{if(e===0)return`0 B`;let t=[`B`,`KB`,`MB`,`GB`,`TB`],n=Math.floor(Math.log(e)/Math.log(1024));return`${(e/1024**n).toFixed(n===0?0:1)} ${t[n]}`},N=e=>e.toLocaleString(`en-US`,{year:`numeric`,month:`short`,day:`2-digit`,hour:`2-digit`,minute:`2-digit`}),P=e=>{if(e.isDir)return`📁`;let n=(0,t.extname)(e.name).toLowerCase();return{".html":`🌐`,".htm":`🌐`,".css":`🎨`,".js":`⚡`,".mjs":`⚡`,".ts":`📘`,".jsx":`⚛️`,".tsx":`⚛️`,".json":`📋`,".xml":`📋`,".txt":`📄`,".md":`📝`,".pdf":`📕`,".doc":`📘`,".docx":`📘`,".xls":`📗`,".xlsx":`📗`,".png":`🖼️`,".jpg":`🖼️`,".jpeg":`🖼️`,".gif":`🖼️`,".svg":`🎨`,".mp3":`🎵`,".wav":`🎵`,".mp4":`🎬`,".avi":`🎬`,".zip":`📦`,".tar":`📦`,".gz":`📦`}[n]||`📄`},F=(e,n)=>{let{title:r,path:i,files:a,parentPath:o}=e,s=o?`<tr><td><a href="${o}" class="parent-link">📁 ..</a></td><td>-</td><td>-</td></tr>`:``,c=a.map(e=>{let n=(0,t.join)(i,e.name).replace(/\\/g,`/`),r=e.isDir?`${e.name}/`:e.name,a=P(e),o=e.isDir?`-`:M(e.size||0),s=e.lastModified?N(e.lastModified):`-`;return`
-      <tr>
-        <td><a href="${n}" class="${e.isDir?`directory`:`file`}">${a} ${r}</a></td>
-        <td>${o}</td>
-        <td>${s}</td>
-      </tr>`}).join(``);return`
-<!DOCTYPE html>
-<html lang="en" class="${n.theme===`dark`?`theme-dark`:n.theme===`light`?`theme-light`:``}">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>${r}</title>
-    <link rel="icon" href="${n.favicon}">
-    <style>
-        :root {
-            --bg-color: #ffffff;
-            --text-color: #333333;
-            --border-color: #e1e5e9;
-            --hover-color: #f8f9fa;
-            --link-color: #0066cc;
-            --header-bg: #f8f9fa;
-        }
-
-        .theme-dark {
-            --bg-color: #1a1a1a;
-            --text-color: #e1e1e1;
-            --border-color: #333333;
-            --hover-color: #2a2a2a;
-            --link-color: #4da6ff;
-            --header-bg: #2a2a2a;
-        }
-
-        @media (prefers-color-scheme: dark) {
-            :root {
-                --bg-color: #1a1a1a;
-                --text-color: #e1e1e1;
-                --border-color: #333333;
-                --hover-color: #2a2a2a;
-                --link-color: #4da6ff;
-                --header-bg: #2a2a2a;
-            }
-        }
-
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            line-height: 1.6;
-            margin: 0;
-            padding: 20px;
-            background-color: var(--bg-color);
-            color: var(--text-color);
-        }
-
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-        }
-
-        h1 {
-            border-bottom: 2px solid var(--border-color);
-            padding-bottom: 10px;
-            margin-bottom: 20px;
-            display: flex;
-            align-items: center;
-            gap: 10px;
-        }
-
-        .breadcrumb {
-            font-size: 0.9em;
-            color: var(--link-color);
-            margin-bottom: 15px;
-        }
-
-        .breadcrumb a {
-            color: var(--link-color);
-            text-decoration: none;
-        }
-
-        .breadcrumb a:hover {
-            text-decoration: underline;
-        }
-
-        table {
-            width: 100%;
-            border-collapse: collapse;
-            margin-bottom: 20px;
-            background: var(--bg-color);
-            border-radius: 8px;
-            overflow: hidden;
-            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-        }
-
-        th {
-            background-color: var(--header-bg);
-            padding: 12px 15px;
-            text-align: left;
-            font-weight: 600;
-            border-bottom: 1px solid var(--border-color);
-        }
-
-        td {
-            padding: 10px 15px;
-            border-bottom: 1px solid var(--border-color);
-        }
-
-        tr:hover {
-            background-color: var(--hover-color);
-        }
-
-        tr:last-child td {
-            border-bottom: none;
-        }
-
-        a {
-            color: var(--link-color);
-            text-decoration: none;
-            display: flex;
-            align-items: center;
-            gap: 8px;
-        }
-
-        a:hover {
-            text-decoration: underline;
-        }
-
-        .parent-link {
-            font-weight: 600;
-            opacity: 0.8;
-        }
-
-        .directory {
-            font-weight: 500;
-        }
-
-        .footer {
-            margin-top: 30px;
-            padding-top: 20px;
-            border-top: 1px solid var(--border-color);
-            text-align: center;
-            color: var(--text-color);
-            opacity: 0.7;
-            font-size: 0.9em;
-        }
-
-        .stats {
-            display: flex;
-            justify-content: space-between;
-            margin-bottom: 20px;
-            font-size: 0.9em;
-            color: var(--text-color);
-            opacity: 0.8;
-        }
-
-        @media (max-width: 768px) {
-            body {
-                padding: 10px;
-            }
-
-            table {
-                font-size: 0.9em;
-            }
-
-            .stats {
-                flex-direction: column;
-                gap: 5px;
-            }
-        }
-
-        ${n.customCSS}
-    </style>
-</head>
-<body>
-    <div class="container">
-        <h1>📁 Directory listing for ${i}</h1>
-
-        <div class="stats">
-            <span>${a.length} items</span>
-            <span>Served by HTTPath v${e.serverInfo?.version}</span>
-        </div>
-
-        <table>
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Size</th>
-                    <th>Modified</th>
-                </tr>
-            </thead>
-            <tbody>
-                ${s}
-                ${c}
-            </tbody>
-        </table>
-
-        <div class="footer">
-            <p>HTTPath - A minimalist Node.js file server</p>
-        </div>
-    </div>
-
-    ${n.customJS?`<script>${n.customJS}<\/script>`:``}
-</body>
-</html>`},I=(e,t)=>`
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Error - HTTPath</title>
-    <style>
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            min-height: 100vh;
-            margin: 0;
-            background-color: #f8f9fa;
-            color: #333;
-        }
-        .error-container {
-            text-align: center;
-            padding: 40px;
-            background: white;
-            border-radius: 8px;
-            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-        }
-        .error-icon {
-            font-size: 4em;
-            margin-bottom: 20px;
-        }
-        h1 {
-            color: #dc3545;
-            margin-bottom: 10px;
-        }
-        p {
-            color: #666;
-            line-height: 1.6;
-        }
-    </style>
-</head>
-<body>
-    <div class="error-container">
-        <div class="error-icon">❌</div>
-        <h1>${e}</h1>
-        <p>${t}</p>
-    </div>
-</body>
-</html>`,L=async e=>s((await d(()=>(0,r.access)(e),v)).success),R=async e=>await d(()=>(0,r.stat)(e),v),z=async e=>await d(()=>(0,r.readFile)(e,`utf8`),v),B=e=>(0,i.createReadStream)(e),V=e=>oe(O(e))?`buffer`:`stream`,H={watchPath:process.cwd(),ignored:[`node_modules`,`.git`,`.vscode`,`.idea`,`dist`,`build`,`.next`,`.nuxt`,`coverage`,`.nyc_output`,`*.log`,`.DS_Store`,`Thumbs.db`],debounceMs:500,restartOnChange:!1},U=`
+  -d, --dir <directory>      Directory to serve (default: current directory)
+  -p, --port <port>          Port to listen on (default: 8080)
+  -i, --ignore <patterns>    Comma-separated patterns to ignore
+  --no-listing               Disable directory listing
+  --no-live-reload           Disable live reload feature
+  -r  --restart-on-change        Restart server process on file changes
+  --log <level>              Log level: info, debug, error
+  -h, --help                 Show this help message
+`),process.exit(0));let i=parseInt(r.port||`8080`,10);if(isNaN(i)||i<1||i>65535)throw Error(`Port must be a valid number between 1 and 65535`);return{directory:(0,t.resolve)(r.dir||`.`),port:i,ignorePatterns:(r.ignore||``).split(`,`).map(e=>e.trim()).filter(Boolean),enableDirectoryListing:!r[`no-listing`],logLevel:r.log||l.logLevel,enableLiveReload:!r[`no-live-reload`],restartOnChange:!!r[`restart-on-change`]}},m=(e,t=`info`)=>{let n=new Date().toISOString(),r=t.toUpperCase().padEnd(5);console.log(`[${n}] ${r} ${e}`)},h=(e,t)=>t.some(t=>e.includes(t)||e.endsWith(t)),g=e=>new Promise(t=>{u&&clearTimeout(u),u=setTimeout(()=>{u=null,t()},e)}),_=e=>c[(0,t.extname)(e).slice(1).toLowerCase()]||`application/octet-stream`,v=e=>`
 <script>
-(function() {
-  'use strict';
-
-  let eventSource;
-  let reconnectAttempts = 0;
-  const maxReconnectAttempts = 10;
-  const baseReconnectDelay = 1000;
+(() => {
+  const sseUrl = '/livereload';
+  let source;
 
-  function connect() {
-    console.log('[HTTPath] Connecting to hot-reload server...');
+  const connect = () => {
+    console.log('[Live Reload] Connecting...');
+    source = new EventSource(sseUrl);
 
-    eventSource = new EventSource('/__reload__');
-
-    eventSource.onopen = function() {
-      console.log('[HTTPath] Hot-reload connected');
-      reconnectAttempts = 0;
-
-      // Show connection indicator
-      showConnectionStatus('connected');
+    source.onopen = () => {
+      console.log('[Live Reload] Connected');
     };
 
-    eventSource.onmessage = function(event) {
-      const data = event.data;
-      console.log('[HTTPath] Received reload signal:', data);
-
-      if (data === 'reload') {
-        console.log('[HTTPath] Reloading page...');
-        showReloadNotification();
-
-        // Small delay to show notification
-        setTimeout(() => {
-          window.location.reload();
-        }, 200);
+    source.onmessage = (event) => {
+      if (event.data === 'reload') {
+        console.log('[Live Reload] Reloading page...');
+        window.location.reload();
       }
     };
 
-    eventSource.onerror = function() {
-      console.warn('[HTTPath] Hot-reload connection lost');
-      eventSource.close();
-
-      showConnectionStatus('disconnected');
-
-      if (reconnectAttempts < maxReconnectAttempts) {
-        reconnectAttempts++;
-        const delay = baseReconnectDelay * Math.pow(1.5, reconnectAttempts - 1);
-
-        console.log(\`[HTTPath] Reconnecting in \${delay}ms... (attempt \${reconnectAttempts})\`);
-
-        setTimeout(connect, delay);
-      } else {
-        console.error('[HTTPath] Max reconnection attempts reached. Please refresh the page.');
-        showConnectionStatus('failed');
-      }
+    source.onerror = () => {
+      console.log('[Live Reload] Connection error, reconnecting...');
+      source.close();
+      setTimeout(connect, 1000);
     };
-  }
-
-  function showConnectionStatus(status) {
-    const indicator = getOrCreateIndicator();
-
-    switch (status) {
-      case 'connected':
-        indicator.style.background = '#28a745';
-        indicator.title = 'Hot-reload connected';
-        indicator.textContent = '🔄';
-        break;
-      case 'disconnected':
-        indicator.style.background = '#ffc107';
-        indicator.title = 'Hot-reload disconnected - attempting to reconnect...';
-        indicator.textContent = '⏳';
-        break;
-      case 'failed':
-        indicator.style.background = '#dc3545';
-        indicator.title = 'Hot-reload failed - refresh page to reconnect';
-        indicator.textContent = '❌';
-        break;
-    }
-  }
-
-  function showReloadNotification() {
-    const notification = document.createElement('div');
-    notification.style.cssText = \`
-      position: fixed;
-      top: 20px;
-      right: 20px;
-      background: #007bff;
-      color: white;
-      padding: 12px 20px;
-      border-radius: 6px;
-      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-      font-size: 14px;
-      font-weight: 500;
-      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-      z-index: 10000;
-      animation: slideIn 0.3s ease-out;
-    \`;
+  };
 
-    notification.textContent = '🔄 Reloading...';
-
-    const style = document.createElement('style');
-    style.textContent = \`
-      @keyframes slideIn {
-        from { transform: translateX(100%); opacity: 0; }
-        to { transform: translateX(0); opacity: 1; }
-      }
-    \`;
-
-    document.head.appendChild(style);
-    document.body.appendChild(notification);
-  }
-
-  function getOrCreateIndicator() {
-    let indicator = document.getElementById('httpath-reload-indicator');
-
-    if (!indicator) {
-      indicator = document.createElement('div');
-      indicator.id = 'httpath-reload-indicator';
-      indicator.style.cssText = \`
-        position: fixed;
-        bottom: 20px;
-        right: 20px;
-        width: 40px;
-        height: 40px;
-        border-radius: 50%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        font-size: 16px;
-        color: white;
-        font-weight: bold;
-        cursor: pointer;
-        box-shadow: 0 2px 8px rgba(0,0,0,0.2);
-        z-index: 9999;
-        transition: all 0.3s ease;
-        user-select: none;
-      \`;
-
-      indicator.addEventListener('click', () => {
-        if (eventSource && eventSource.readyState === EventSource.OPEN) {
-          window.location.reload();
-        } else {
-          connect();
-        }
-      });
-
-      document.body.appendChild(indicator);
-    }
-
-    return indicator;
-  }
-
-  // Start connection when DOM is ready
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', connect);
-  } else {
-    connect();
-  }
-
-  // Cleanup on page unload
-  window.addEventListener('beforeunload', () => {
-    if (eventSource) {
-      eventSource.close();
-    }
-  });
+  connect();
 })();
-<\/script>`;var W=class extends o.EventEmitter{constructor(e={}){super(),this.watcher=null,this.clients=new Map,this.debounceTimer=null,this.options={...H,...e}}start(){this.watcher&&this.stop();let e=u(()=>{this.watcher=(0,i.watch)(this.options.watchPath,{recursive:!0},(e,t)=>{t&&this.handleFileChange(e,t)}),console.log(`🔄 Hot-reload watching: ${this.options.watchPath}`),process.on(`SIGINT`,()=>this.stop()),process.on(`SIGTERM`,()=>this.stop())},v);return e.success?s(void 0):(console.warn(`File watching not supported on this system:`,e.error),c(e.error))}stop(){this.watcher&&=(this.watcher.close(),null);for(let e of this.clients.values())this.removeClient(e.id);this.debounceTimer&&=(clearTimeout(this.debounceTimer),null),console.log(`🔄 Hot-reload stopped`)}handleSSEConnection(e,t){let n=this.generateClientId();t.writeHead(200,{"Content-Type":`text/event-stream`,"Cache-Control":`no-cache`,Connection:`keep-alive`,"Access-Control-Allow-Origin":`*`,"Access-Control-Allow-Headers":`Cache-Control`,"Access-Control-Allow-Methods":`GET, OPTIONS`}),t.write(`data: connected
-
-`);let r={response:t,id:n,connectedAt:new Date};this.clients.set(n,r),e.on(`close`,()=>{this.removeClient(n)}),e.on(`aborted`,()=>{this.removeClient(n)}),t.on(`error`,e=>{console.warn(`SSE client error for ${n}:`,e.message),this.removeClient(n)}),console.log(`🔗 Hot-reload client connected: ${n} (${this.clients.size} total)`),this.emit(`client-connected`,n)}broadcastReload(e){if(this.clients.size===0)return;let t=[];for(let[e,n]of this.clients)try{n.response.write(`data: reload
-
-`)}catch(n){console.warn(`Failed to send reload signal to client ${e}:`,n),t=[...t,e]}for(let e of t)this.removeClient(e);console.log(`📡 Reload signal sent to ${this.clients.size} clients`),e&&this.emit(`reload-triggered`,e)}injectScript(e){return e.includes(`</body>`)?e.replace(`</body>`,`${U}</body>`):e.includes(`</html>`)?e.replace(`</html>`,`${U}</html>`):e+U}getClientCount(){return this.clients.size}getClientInfo(){return Array.from(this.clients.values()).map(e=>({id:e.id,connectedAt:e.connectedAt}))}handleFileChange(e,t){this.shouldIgnoreFile(t)||(this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout(()=>{console.log(`📝 File changed: ${t}`);let n={type:this.getEventType(e),path:t,timestamp:new Date},r=this.shouldRestartServer([t]),i=this.shouldTriggerBrowserReload([t]);if(this.options.restartOnChange||r){console.log(`🔁 Restart requested due to change: ${t}`);try{this.restartProcess()}catch(e){console.warn(`Failed to restart process:`,e)}return}i&&this.broadcastReload(n),this.emit(`file-changed`,n)},this.options.debounceMs))}shouldIgnoreFile(e){return this.options.ignored.some(t=>t.includes(`*`)?new RegExp(t.replace(/\*/g,`.*`),`i`).test(e):e.includes(t))}getEventType(e){switch(e){case`change`:return`file-changed`;case`rename`:return`file-added`;default:return`file-changed`}}shouldRestartServer(e){let t=[/\.ts$/i,/\.js$/i,/\.mjs$/i,/\.json$/i,/\.toml$/i,/\.ya?ml$/i,/deno\.json/i,/deno\.lock/i,/package\.json/i];return e.some(e=>t.some(t=>t.test(e)))}shouldTriggerBrowserReload(e){let t=[/\.html?$/i,/\.css$/i,/\.s[ac]ss$/i,/\.less$/i,/\.js$/i,/\.jsx$/i,/\.ts$/i,/\.tsx$/i,/\.vue$/i,/\.svelte$/i,/\.md$/i,/\.(png|jpe?g|gif|svg|webp|ico)$/i,/\.(woff2?|ttf|eot)$/i,/\.json$/i];return e.some(e=>t.some(t=>t.test(e)))}restartProcess(){let e=process.argv.slice(1);(0,a.spawn)(process.execPath,e,{detached:!0,stdio:`inherit`}).unref(),console.log(`🔁 Spawned replacement process, exiting current process...`),process.exit(0)}generateClientId(){return`client_${Date.now()}_${Math.random().toString(36).substr(2,9)}`}removeClient(e){let t=this.clients.get(e);t&&(u(()=>t.response.end(),()=>Error(`Error closing connection`)),this.clients.delete(e),console.log(`🔗 Hot-reload client disconnected: ${e} (${this.clients.size} remaining)`),this.emit(`client-disconnected`,e))}};const ue=e=>new W(e),de={level:`info`,format:`simple`,includeTimestamp:!0,colorize:!0},G={reset:`\x1B[0m`,bright:`\x1B[1m`,dim:`\x1B[2m`,red:`\x1B[31m`,green:`\x1B[32m`,yellow:`\x1B[33m`,blue:`\x1B[34m`,magenta:`\x1B[35m`,cyan:`\x1B[36m`,white:`\x1B[37m`,gray:`\x1B[90m`},K={debug:0,info:1,warn:2,error:3},fe={debug:G.gray,info:G.blue,warn:G.yellow,error:G.red};var pe=class{constructor(e={}){this.options={...de,...e},this.startTime=Date.now()}debug(e,...t){this.log(`debug`,e,...t)}info(e,...t){this.log(`info`,e,...t)}warn(e,...t){this.log(`warn`,e,...t)}error(e,...t){this.log(`error`,e,...t)}logRequest(e,t,n){let r=this.formatTimestamp(),i=`${this.colorize(e,G.cyan)} ${this.colorize(t,G.white)}`;this.options.format===`detailed`&&n&&(i+=this.colorize(` - ${n}`,G.gray)),this.writeLog(`info`,i,r)}logResponse(e,t){let n=this.formatTimestamp(),r=this.getStatusColor(e),i=`Response: ${this.colorize(e.toString(),r)}`;if(t!==void 0){let e=t>1e3?G.yellow:t>500?G.cyan:G.green,n=this.colorize(`${t}ms`,e);i+=` in ${n}`}this.writeLog(`info`,i,n)}createLogEntry(e,t,n){return{level:e,message:t,timestamp:new Date,...n}}setLevel(e){this.options.level=e}getLevel(){return this.options.level}shouldLog(e){return K[e]>=K[this.options.level]}getUptime(){return Date.now()-this.startTime}formatUptime(){let e=this.getUptime(),t=Math.floor(e/1e3)%60,n=Math.floor(e/(1e3*60))%60,r=Math.floor(e/(1e3*60*60));return r>0?`${r}h ${n}m ${t}s`:n>0?`${n}m ${t}s`:`${t}s`}log(e,t,...n){if(!this.shouldLog(e))return;let r=this.formatTimestamp(),i=this.formatMessage(t,n);this.writeLog(e,i,r)}writeLog(e,t,n){let r=``;if(this.options.includeTimestamp&&n&&(r+=this.colorize(`[${n}] `,G.gray)),this.options.format!==`simple`){let t=e.toUpperCase().padEnd(5);r+=this.colorize(`${t} `,fe[e])}r+=t,(e===`error`?process.stderr:process.stdout).write(r+`
-`)}formatMessage(e,t){if(t.length===0)return e;let n=e;for(let e of t)typeof e==`object`?n+=` `+JSON.stringify(e,null,2):n+=` `+String(e);return n}formatTimestamp(){let e=new Date;return this.options.format===`json`?e.toISOString():e.toLocaleTimeString(`en-US`,{hour12:!1})}colorize(e,t){return!this.options.colorize||!process.stdout.isTTY?e:t+e+G.reset}getStatusColor(e){return e>=200&&e<300?G.green:e>=300&&e<400?G.cyan:e>=400&&e<500?G.yellow:e>=500?G.red:G.white}};const q=e=>new pe(e);q();const me={startPort:8080,endPort:8180,timeout:2e3},he=(e,t=2e3)=>new Promise(r=>{let i=(0,n.createServer)(),a=!1,o=setTimeout(()=>{a||(a=!0,i.close(),r(s(!1)))},t);i.once(`error`,e=>{a||(a=!0,clearTimeout(o),i.close(),e.code===`EADDRINUSE`?r(s(!1)):r(c(b(e))))}),i.once(`listening`,()=>{a||(a=!0,clearTimeout(o),i.close(()=>{r(s(!0))}))}),i.listen(e)}),J=async(e={})=>{let t={...me,...e};if(t.startPort<1||t.startPort>65535)return c(b(Error(`Invalid start port: ${t.startPort}. Must be between 1 and 65535.`)));if(t.endPort<t.startPort||t.endPort>65535)return c(b(Error(`Invalid end port: ${t.endPort}. Must be between ${t.startPort} and 65535.`)));for(let e=t.startPort;e<=t.endPort;e++){let n=await he(e,t.timeout);if(l(n)&&n.data)return s(e)}return c(b(Error(`No available ports found in range ${t.startPort}-${t.endPort}`)))};var ge=class{constructor(e){this.server=null,this.hotReload=null,this.logger=q(),this.isRunning=!1,this.config=e,e.reload&&(this.hotReload=new W({watchPath:e.rootPath,ignored:e.ignorePatterns||void 0,debounceMs:e.debounceMs||void 0,restartOnChange:e.restartOnChange||!1}))}async start(){if(this.isRunning)throw Error(`Server is already running`);let e=await J({startPort:this.config.port});if(!l(e))throw Error(`Failed to find available port: ${e.error.message}`);let t=e.data;if(this.server=(0,n.createServer)((e,t)=>{this.handleRequest(e,t)}),this.hotReload){let e=this.hotReload.start();l(e)?this.logger.info(`🔄 Hot-reload enabled`):this.logger.warn(`Hot-reload failed to start:`,e.error)}return new Promise((e,n)=>{this.server.listen(t,()=>{this.isRunning=!0,this.logger.info(`🚀 Server running at http://localhost:${t}`),this.logger.info(`📁 Serving files from: ${this.config.rootPath}`),this.logger.info(`
-Press Ctrl+C to stop the server
-`),e({port:t,server:this.server,config:this.config,stop:()=>this.stop()})}),this.server.on(`error`,e=>{e.code===`EADDRINUSE`?n(Error(`Port ${t} is already in use`)):n(e)})})}async stop(){if(!(!this.isRunning||!this.server))return this.logger.info(`
-
-👋 Shutting down gracefully...`),this.hotReload&&this.hotReload.stop(),new Promise(e=>{this.server.close(()=>{this.isRunning=!1,this.logger.info(`✅ Server stopped`),e()})})}async handleRequest(e,t){let n=Date.now(),r=e.url||`/`,i=e.method||`GET`,a=500;try{if(this.logger.logRequest(i,r),r===`/__reload__`&&this.hotReload){this.hotReload.handleSSEConnection(e,t),a=200;return}if(i!==`GET`){this.sendError(t,405,`Method Not Allowed`),a=405;return}let n=ne(r,this.config.rootPath);if(!l(n)){this.logger.warn(`Security violation: ${n.error.message} - ${r}`),this.sendError(t,403,`Forbidden - Access denied`),a=403;return}let o=n.data;if(!o.isValid){this.logger.warn(`Security violation: ${o.error} - ${r}`),this.sendError(t,403,`Forbidden - Access denied`),a=403;return}let s=o.resolvedPath,c=await L(s);if(!l(c)||!c.data){this.sendError(t,404,`Not Found`),a=404;return}let u=await R(s);if(!l(u)){this.sendError(t,500,`Internal Server Error`),a=500;return}u.data.isDirectory()?await this.handleDirectoryRequest(s,r,t):await this.handleFileRequest(s,t),a=200}catch(e){let n=e;n instanceof Error?this.logger.error(`Unhandled exception during request handling:`,n.message,n.stack):this.logger.error(`Unhandled exception during request handling:`,n),t.headersSent||this.sendError(t,500,`Internal Server Error`),a=500}finally{let e=Date.now()-n;this.logger.logResponse(a,e)}}async handleDirectoryRequest(e,n,r){let i=(0,t.join)(e,`index.html`),a=await L(i);if(l(a)&&a.data){await this.handleFileRequest(i,r);return}if(this.config&&this.config.enableDirectoryListing===!1){this.sendError(r,403,`Directory listing disabled`);return}let o=await A(e,n);if(!l(o)){this.sendError(r,500,`Error generating directory listing`);return}let s=o.data;this.hotReload&&(s=this.hotReload.injectScript(s)),r.writeHead(200,{"Content-Type":`text/html; charset=utf-8`,"Content-Length":Buffer.byteLength(s,`utf8`).toString()}),r.end(s)}async handleFileRequest(e,n){let r=await R(e);if(!l(r)){this.sendError(n,500,`Internal Server Error`);return}let i=r.data,a=(0,t.extname)(e).toLowerCase(),o=O(e),s=V(e),c={"Content-Type":o,"Content-Length":i.size.toString(),"Last-Modified":i.mtime.toUTCString(),"Cache-Control":`public, max-age=0`};if(s===`buffer`&&(a===`.html`||a===`.htm`)&&this.hotReload){let t=await z(e);if(l(t)){let e=this.hotReload.injectScript(t.data);c[`Content-Length`]=Buffer.byteLength(e,`utf8`).toString(),n.writeHead(200,c),n.end(e);return}else this.logger.warn(`Failed to read HTML file for script injection, falling back to streaming`)}n.writeHead(200,c);let u=B(e);u.pipe(n),u.on(`error`,e=>{this.logger.error(`File stream error:`,e),n.headersSent||this.sendError(n,500,`Internal Server Error`)}),n.on(`error`,e=>{this.logger.error(`Response error:`,e)})}sendError(e,t,n){if(e.headersSent)return;let r=this.generateErrorPage(t,n);e.writeHead(t,{"Content-Type":`text/html; charset=utf-8`,"Content-Length":Buffer.byteLength(r,`utf8`).toString()}),e.end(r)}generateErrorPage(e,t){return`
-<!DOCTYPE html>
+<\/script>`,y=(e,t)=>{let n=v(t);return e.includes(`</body>`)?e.replace(`</body>`,`${n}\n</body>`):e.includes(`</html>`)?e.replace(`</html>`,`${n}\n</html>`):e+n},b=async(e,t)=>{t.writeHead(200,{"Content-Type":`text/event-stream`,"Cache-Control":`no-cache`,Connection:`keep-alive`}),t.write(`data: connected
+
+`),f.add(t),e.on(`close`,()=>{f.delete(t)})},x=async(e=`change`)=>{if(f.size!==0){m(`Reloading ${f.size} clients (${e})`,`debug`);for(let e of f)try{e.write(`data: reload
+
+`)}catch{}}},S=()=>`
+:root{
+  --bg: #f6f8fa;
+  --card: #ffffff;
+  --muted: #6b7280;
+  --accent: #2563eb;
+  --text: #0f172a;
+  --elev: 0 6px 18px rgba(15,23,42,0.06);
+  --btn-border: rgba(15,23,42,0.06);
+}
+/* Respect user's system preference */
+@media (prefers-color-scheme: dark){
+  :root{
+    --bg: #0b1220;
+    --card: #0f1724;
+    --muted: #9ca3af;
+    --accent: #60a5fa;
+    --text: #e6eef8;
+    --elev: 0 6px 22px rgba(2,6,23,0.6);
+    --btn-border: rgba(255,255,255,0.08);
+  }
+}
+/* Toggle using hidden checkbox (works without :has()) */
+#dark-toggle:checked ~ .container{
+  --bg: #0b1220;
+  --card: #0f1724;
+  --muted: #9ca3af;
+  --accent: #60a5fa;
+  --text: #e6eef8;
+  --elev: 0 6px 22px rgba(2,6,23,0.6);
+}
+
+.box-sizing{box-sizing:border-box}
+*{box-sizing:border-box}
+html{color-scheme: light dark; background-color:var(--bg)}
+body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial,sans-serif;font-size:14px;background:var(--bg);color:var(--text)}
+.container{max-width:980px;margin:28px auto;padding:20px}
+.card{background:var(--card);border-radius:10px;padding:18px;box-shadow:var(--elev)}
+.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:12px}
+.title{font-size:18px;font-weight:600;color:var(--text);margin:0}
+.path{font-size:12px;color:var(--muted)}
+.controls{display:flex;align-items:center;gap:8px}
+.toggle-btn{background:transparent;border:1px solid var(--btn-border);padding:6px 8px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text);backdrop-filter: blur(4px);transition:all 180ms ease}
+.toggle-btn:hover{opacity:0.95}
+
+/* Visible active state when dark mode is enabled */
+#dark-toggle:checked ~ .container .toggle-btn{background:var(--accent);color:#fff;border-color:transparent;transform:translateY(-1px)}
+.file-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
+.file{display:flex;align-items:center;padding:10px;border-radius:8px;border:1px solid rgba(15,23,42,0.04);background:linear-gradient(180deg,rgba(0,0,0,0.01),transparent)}
+.file a{display:flex;align-items:center;gap:12px;width:100%;color:inherit;text-decoration:none}
+.icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(37,99,235,0.08);font-size:20px}
+.name{font-weight:500}
+.meta{margin-left:auto;font-size:12px;color:var(--muted)}
+.parent{grid-column:1/-1;padding:0 4px}
+.empty{padding:18px;text-align:center;color:var(--muted)}
+@media (max-width:600px){.file-list{grid-template-columns:1fr}}
+`,C=(e,n)=>{let r=n===`/`?null:{name:`..`,url:(0,t.join)(n,`../`).replace(/\\/g,`/`),isDirectory:!0},i=e.slice().sort((e,t)=>e.isDirectory===t.isDirectory?e.name.toLowerCase().localeCompare(t.name.toLowerCase()):e.isDirectory?-1:1).map(e=>{let t=e.isDirectory?`📁`:`📄`;return`<li class="file"><a href="${e.url}"><span class="icon">${t}</span><span class="name">${e.name}</span><span class="meta">${e.isDirectory?`Dir`:`File`}</span></a></li>`}).join(`
+`),a=r?`<li class="file parent"><a href="../"><span class="icon">⬆️</span><span class="name">..</span><span class="meta">Parent</span></a></li>`:``,o=i||`<div class="empty">This folder is empty</div>`;return`
+<!doctype html>
 <html lang="en">
 <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>${e} ${t} - HTTPath</title>
-    <style>
-        body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            display: flex;
-            justify-content: center;
-            align-items: center;
-            min-height: 100vh;
-            margin: 0;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            color: white;
-        }
-        .error-container {
-            text-align: center;
-            padding: 60px 40px;
-            background: rgba(255, 255, 255, 0.1);
-            backdrop-filter: blur(10px);
-            border-radius: 16px;
-            border: 1px solid rgba(255, 255, 255, 0.2);
-            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
-            max-width: 500px;
-        }
-        .error-code {
-            font-size: 6rem;
-            font-weight: 700;
-            margin-bottom: 20px;
-            text-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
-        }
-        .error-title {
-            font-size: 2rem;
-            margin-bottom: 16px;
-            font-weight: 600;
-        }
-        .error-message {
-            font-size: 1.1rem;
-            margin-bottom: 30px;
-            opacity: 0.9;
-            line-height: 1.6;
-        }
-        .error-footer {
-            font-size: 0.9rem;
-            opacity: 0.7;
-            border-top: 1px solid rgba(255, 255, 255, 0.2);
-            padding-top: 20px;
-            margin-top: 30px;
-        }
-        .back-link {
-            display: inline-block;
-            margin-top: 20px;
-            padding: 12px 24px;
-            background: rgba(255, 255, 255, 0.2);
-            border: 1px solid rgba(255, 255, 255, 0.3);
-            border-radius: 8px;
-            color: white;
-            text-decoration: none;
-            font-weight: 500;
-            transition: all 0.3s ease;
-        }
-        .back-link:hover {
-            background: rgba(255, 255, 255, 0.3);
-            transform: translateY(-2px);
-        }
-    </style>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <title>Listing of ${n}</title>
+  <style>${S()}</style>
+  <style>/* small reset for injected scripts */ body > script{display:none}</style>
 </head>
 <body>
-    <div class="error-container">
-        <div class="error-code">${e}</div>
-        <h1 class="error-title">${t}</h1>
-        <p class="error-message">${{403:`You do not have permission to access this resource.`,404:`The requested file or directory was not found.`,405:`The requested method is not allowed for this resource.`,500:`An internal server error occurred.`}[e]||`An error occurred.`}</p>
-        <a href="/" class="back-link">← Go Home</a>
-        <div class="error-footer">
-            HTTPath Server
+  <input type="checkbox" id="dark-toggle" aria-hidden style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;border:0;padding:0;margin:0" />
+  <div class="container">
+    <div class="card">
+      <div class="header">
+        <div>
+          <h1 class="title">Listing of ${n}</h1>
+          <div class="path">${n}</div>
+        </div>
+        <div class="controls">
+          <label for="dark-toggle" class="toggle-btn" title="Toggle dark mode">🌓</label>
         </div>
+      </div>
+      <ul class="file-list">
+        ${a}
+        ${o}
+      </ul>
     </div>
+  </div>
 </body>
-</html>`}};const Y=e=>new ge(e),X=q({level:`info`,format:`simple`,colorize:!0});let Z=null;const Q=async()=>{$();let e=w();l(e)||(X.error(`❌ Failed to parse CLI arguments:`,e.error.message),process.exit(1));let t=e.data;T(t)||process.exit(1);try{Z=await Y(t).start(),_e()}catch(e){X.error(`❌ Failed to start server:`,e instanceof Error?e.message:String(e)),process.exit(1)}},$=()=>{console.log(`
-🚀 ${C.name} v${C.version}
-${C.description}
-`)},_e=()=>{for(let e of[`SIGINT`,`SIGTERM`])process.on(e,async()=>{if(X.info(`\n\n👋 Received ${e}, shutting down gracefully...`),Z)try{await Z.stop(),X.info(`✅ Server stopped successfully`),process.exit(0)}catch(e){X.error(`❌ Error stopping server:`,e),process.exit(1)}else process.exit(0)});process.on(`uncaughtException`,e=>{X.error(`💥 Uncaught Exception:`,e),Z?Z.stop().finally(()=>process.exit(1)):process.exit(1)}),process.on(`unhandledRejection`,(e,t)=>{X.error(`💥 Unhandled Promise Rejection:`,e),X.debug(`Promise:`,t),Z?Z.stop().finally(()=>process.exit(1)):process.exit(1)})};process.argv[1]&&(process.argv[1].endsWith(`/index.mjs`)||process.argv[1].endsWith(`\\index.mjs`)||process.argv[1].includes(`dist`))&&Q().catch(e=>{X.error(`💥 Application crashed:`,e),process.exit(1)}),exports.VERSION_INFO=C,exports.createHTTPServer=Y,exports.createHotReloadService=ue,exports.createLogger=q,exports.findAvailablePort=J,exports.main=Q,exports.parseCliArgs=w,exports.validateConfig=T;
+</html>`},w=async(e,t,n)=>{let a=_(e);if(n.enableLiveReload&&a.includes(`text/html`))try{let r=await(0,i.open)(e);try{let e=y(await r.readFile({encoding:`utf-8`}),n.port);t.writeHead(200,{"Content-Type":a}),t.end(e);return}finally{await r.close()}}catch{}t.writeHead(200,{"Content-Type":a});let o=(0,r.createReadStream)(e);o.pipe(t),o.on(`error`,e=>{t.writeHead(500),t.end(e.message)})},T=async(e,n,r,a)=>{try{let o=C((await(0,i.readdir)(e,{withFileTypes:!0})).filter(e=>!h(e.name,a.ignorePatterns)).map(e=>({name:e.name,isDirectory:e.isDirectory(),url:(0,t.join)(n,e.name).replace(/\\/g,`/`)})),n);a.enableLiveReload&&(o=y(o,a.port)),r.writeHead(200,{"Content-Type":`text/html`}),r.end(o)}catch{r.writeHead(500),r.end(`Error reading directory`)}},E=e=>async(n,r)=>{let a=n.headers.host||`localhost:${e.port}`,o=new URL(n.url||`/`,`http://${a}`),s=decodeURIComponent(o.pathname);if(e.enableLiveReload&&s===`/livereload`)return b(n,r);let c=(0,t.resolve)(e.directory,`.${s}`);if(!c.startsWith(e.directory))return r.writeHead(403),r.end(`Forbidden`);try{let n=await(0,i.stat)(c);if(n.isFile())return await w(c,r,e);if(n.isDirectory()){if(e.enableDirectoryListing)return await T(c,s,r,e);{let n=(0,t.join)(c,`index.html`);try{return await(0,i.stat)(n),await w(n,r,e)}catch{return r.writeHead(403),r.end(`Listing disabled`)}}}else return r.writeHead(404),r.end(`Not Found`)}catch(e){if(e&&e.code===`ENOENT`)return r.writeHead(404),r.end(`Not Found`);r.writeHead(500),r.end(e?.message||`Server error`)}},D=()=>{m(`Reloading server process...`),(0,o.spawn)(process.argv[0],process.argv.slice(1),{stdio:`inherit`,detached:!0}).unref(),process.exit(0)},O=async e=>{m(`Watching: ${e.directory}`);try{(0,r.watch)(e.directory,{recursive:!0},async(t,n)=>{if(!n||h(n,e.ignorePatterns)||d)return;d=!0,m(`Change detected: ${n} (${t})`),await g(500);let r=/\.(json|js|mjs|ts)$/.test(n),i=/\.(html|css|png|jpg|jpeg|gif|svg)$/.test(n);e.restartOnChange||r?(e.enableLiveReload&&x(`restart`),D()):e.enableLiveReload&&i&&x(`asset change`),setTimeout(()=>{d=!1},1e3)})}catch(e){m(`Watcher error: ${e?.message}`,`error`)}};(()=>{try{let e=p(process.argv.slice(2));(0,n.createServer)(E(e)).listen(e.port,()=>{m(`Server running at http://localhost:${e.port}`),m(`Root: ${e.directory}`),O(e)}),[`SIGINT`,`SIGTERM`].forEach(e=>{process.on(e,()=>{m(`Shutting down...`),process.exit(0)})})}catch(e){m(`Startup Error: ${e?.message}`,`error`),process.exit(1)}})();