@stacksjs/stx 0.2.94 → 0.2.96

package/dist/dev-server/serve-multi.js

@@ -1,12 +1,77 @@
-// @bun
-import{qf as i}from"../chunk-sjagg9qz.js";import"../chunk-48r3qe0k.js";import"../chunk-w4n8fqp7.js";import"../chunk-mgmyr1b9.js";import"../chunk-vx22he47.js";import"../chunk-jfrn43vh.js";import"../chunk-fs0qezn5.js";import"../chunk-0m9tdm7t.js";import"../chunk-wk07pwtd.js";import"../chunk-26r6zh3t.js";import"../chunk-epj957jf.js";import"../chunk-hjdc99kb.js";import"../chunk-6cr3eeh4.js";import"../chunk-xsqbk4yk.js";import"../chunk-6dqzky7x.js";import"../chunk-h45py5w5.js";import"../chunk-yexjrg9d.js";import"../chunk-y5wazw6j.js";import"../chunk-b3prs7y0.js";import"../chunk-jbejwejg.js";import"../chunk-k8440jxh.js";import"../chunk-yj560gp8.js";import"../chunk-7dy588as.js";import"../chunk-cr3wbrcr.js";import"../chunk-fk51yyrw.js";import"../chunk-5qb761h2.js";import"../chunk-c53hyw5c.js";import"../chunk-qk584whs.js";import"../chunk-e0zytzdh.js";import"../chunk-7a51hkpf.js";import"../chunk-qhdtssn1.js";import"../chunk-a69tvya5.js";import"../chunk-y86m1wr4.js";import"../chunk-bjnjpsgn.js";import"../chunk-2w3302dh.js";import"../chunk-174z0cd0.js";import"../chunk-qfwzdffx.js";import"../chunk-z8cjr9n9.js";import"../chunk-jfm69keq.js";import"../chunk-mqwbpamc.js";import"../chunk-hje9v2zh.js";import"../chunk-ktkmvaa8.js";import"../chunk-v97390pe.js";import"../chunk-asarebzq.js";import"../chunk-0b9w2w1y.js";import"../chunk-d77yxcds.js";import"../chunk-5xvbq2gs.js";import"../chunk-z37xq5rx.js";import"../chunk-bn08k7yy.js";import"../chunk-9tmbrwwx.js";import"../chunk-hjv76kcw.js";import"../chunk-qm4yppj5.js";import"../chunk-eqeyaq6g.js";import"../chunk-mv4fb50w.js";import"../chunk-tmgz5t2g.js";import"../chunk-7sqdeqsw.js";import"../chunk-sn07azv3.js";import"../chunk-5q87fgkk.js";import"../chunk-gqpkp459.js";import"../chunk-1z2yq9em.js";import"../chunk-5ggw1dyv.js";import"../chunk-cn409b69.js";import"../chunk-xhnpsngj.js";import"../chunk-0wdar532.js";import"../chunk-9agvhp1x.js";import"../chunk-znxp3zha.js";import"../chunk-bk8ew8ze.js";import"../chunk-jt44av4j.js";import"../chunk-7sm05m0j.js";import"../chunk-3bjtemm6.js";import"../chunk-y4md9hp0.js";import"../chunk-svahbw0w.js";import"../chunk-vp2395eb.js";import"../chunk-zt2yag10.js";import"../chunk-qxs6et76.js";import"../chunk-6y4gqs1q.js";import"../chunk-qgxwmagw.js";import"../chunk-n944baxp.js";import"../chunk-kfd2hf6f.js";import"../chunk-647849kf.js";import"../chunk-cygfdk1n.js";import"../chunk-kkp6rs2n.js";import"../chunk-50vqeesm.js";import"../chunk-xcb0pbr6.js";import"../chunk-b3kkjcdh.js";import"../chunk-e53h9qhd.js";import"../chunk-vpe6napb.js";import"../chunk-eh8hact1.js";import"../chunk-xhkjhxsp.js";import"../chunk-qwyd9a1d.js";import"../chunk-4aj7ftqb.js";import"../chunk-ca6qd1dx.js";import"../chunk-cdbwprfv.js";import{ko as f}from"../chunk-mv03qb75.js";import{no as T,oo as y,po as d,qo as P}from"../chunk-57p201gb.js";import{wo as m}from"../chunk-cpcc11vp.js";import"../chunk-tx6br9r4.js";import"../chunk-hepg894w.js";import"../chunk-m59y310j.js";import{vp as b}from"../chunk-x4fze3q2.js";import"../chunk-0jkwrcwj.js";import"../chunk-6w03t7h6.js";import"../chunk-w959hm8j.js";import"../chunk-haecq01c.js";import"../chunk-y4c744dk.js";import"../chunk-bgec9r1v.js";import"../chunk-5ppkfyn2.js";import"../chunk-bwxda6n1.js";import"../chunk-cyp4m0vh.js";import"../chunk-3ngm57nt.js";import"../chunk-vdfwv0fp.js";import"../chunk-ncnfa8ae.js";import"../chunk-6djgb0hr.js";import"../chunk-ganag9dm.js";import"../chunk-xygc53vr.js";import{Tr as M,Ws as R,Zr as x,qs as C}from"../chunk-w01y57f5.js";import"../chunk-x1hjv24z.js";import"../chunk-0g4gece6.js";import"../chunk-nap11ntr.js";import"../chunk-03c26pjz.js";import"../chunk-13yz561y.js";import"../chunk-nanw7yhz.js";import"../chunk-ghrx0hn1.js";import"../chunk-82t27pvd.js";import"../chunk-fhawx87n.js";import"../chunk-gc84b1d2.js";import"../chunk-yr1gdceh.js";import"../chunk-baa7h4yz.js";import"../chunk-kdxa9epn.js";import"../chunk-g2hekckm.js";import"../chunk-x39sfpvm.js";import"../chunk-tr0z0e1g.js";import"../chunk-4j188175.js";import"../chunk-eds0f8f1.js";import"../chunk-dyjnn5k8.js";import"../chunk-8fgwhhb8.js";import"../chunk-tj6zfxeb.js";import"../chunk-7xcfy2fn.js";import"../chunk-9yz5d003.js";import"../chunk-fms20x0n.js";import"../chunk-fe7r1mq1.js";import"../chunk-rb1e4cnb.js";import"../chunk-j4s5qwd7.js";import"../chunk-b0cyc09a.js";import"../chunk-0tatqxj2.js";import"../chunk-bykjk6vj.js";import"../chunk-7b0xdy5h.js";import"../chunk-ywkrxp2h.js";import"../chunk-y25pr13j.js";import{Sw as S}from"../chunk-q6h6yvzb.js";import{Tw as z}from"../chunk-qdc3aav1.js";import"../chunk-6wn85hn6.js";import"../chunk-qd5461tt.js";import"../chunk-77tga15w.js";import"../chunk-rv002yn0.js";import"../chunk-hke99a0v.js";import"../chunk-mwbng54r.js";import"../chunk-wxvyj65q.js";import"../chunk-yw2fzq86.js";import"../chunk-mrehzhxv.js";import"../chunk-1zgsgk4b.js";import"../chunk-48cw2nde.js";import"../chunk-jjvp4t5w.js";import"../chunk-94g3cahw.js";import"../chunk-ht4j68cs.js";import"../chunk-fch9tk1k.js";import"../chunk-cz25azze.js";import"../chunk-q60knhjf.js";import"../chunk-hrampcrj.js";import"../chunk-t37dp99j.js";import"../chunk-5kt3ay7x.js";import"../chunk-95w08s8v.js";import"../chunk-ceg2c2q2.js";import"../chunk-04mvcmcr.js";import"../chunk-n46a5g1g.js";import"../chunk-vv9wfz1c.js";import"../chunk-dzw95th7.js";import"../chunk-46mkpbkk.js";import"../chunk-3rh7va1z.js";import"../chunk-2xen423s.js";import"../chunk-cp3kwv17.js";import"../chunk-hpqr9e3x.js";import"../chunk-adqh2m9z.js";import"../chunk-8qbax8xn.js";import"../chunk-x64kb787.js";import"../chunk-gcf5v18y.js";import"../chunk-pc31m5x5.js";import"../chunk-3jm3snz8.js";var{serve:p}=globalThis.Bun;import O from"fs";import X from"path";function u(L){if(L.length===0)return"";if(L.length===1)return L[0];let B=L.map((N)=>N.split(X.sep)),j=[];for(let N=0;N<B[0].length;N++){let A=B[0][N];if(B.every((F)=>F[N]===A))j.push(A);else break}return j.join(X.sep)}async function Jz(L,B={}){let j=B.port||3000,N=B.watch!==!1;for(let G of L){let J=X.resolve(G);if(!O.existsSync(J))return console.error(`${z.red}Error: File not found: ${z.bright}${J}${z.reset}`),!1;if(!J.endsWith(".stx")&&!J.endsWith(".md"))return console.error(`${z.red}Error: Unsupported file type: ${z.bright}${J}${z.reset}. Only .stx and .md files are supported.`),!1}let A=X.join(process.cwd(),".stx/output");O.mkdirSync(A,{recursive:!0});let F=u(L.map((G)=>X.dirname(X.resolve(G))));console.log(`${z.blue}Processing ${z.bright}${L.length}${z.reset} files...`);let K={},v=[],g=async()=>{try{for(let G of L){let J=X.resolve(G);if(J.endsWith(".md"))try{let{content:Y,data:$}=await x(J,{markdown:{syntaxHighlighting:{serverSide:!0,enabled:!0,defaultTheme:M.markdown?.syntaxHighlighting?.defaultTheme||"github-dark",highlightUnknownLanguages:!0}}}),Q=B.markdown?.syntaxHighlighting||M.markdown?.syntaxHighlighting,U=Q?.defaultTheme||"github-dark",E=["github-dark"],V=Q?.additionalThemes||[],Z=[...new Set([...E,...V])].map((q)=>`<option value="${q}"${q===U?" selected":""}>${q}</option>`).join(`
-      `),k=`
+import { serve } from "bun";
+import fs from "node:fs";
+import path from "node:path";
+import { readMarkdownFile } from "../assets.js";
+import { stxClientHelpers } from "../client-helpers.js";
+import { config } from "../config.js";
+import { partialsCache } from "../includes.js";
+import { plugin as stxPlugin } from "../plugin.js";
+import { clearComponentCache } from "../utils.js";
+import {
+  colors,
+  findAvailablePort,
+  getFrontmatterHtml,
+  getThemeSelectorHtml,
+  getThemeSelectorScript,
+  getThemeSelectorStyles,
+  injectCrosswindCSS,
+  setupKeyboardShortcuts
+} from "./index.js";
+export function findCommonDir(paths) {
+  if (paths.length === 0)
+    return "";
+  if (paths.length === 1)
+    return paths[0];
+  const parts = paths.map((p) => p.split(path.sep)), commonParts = [];
+  for (let i = 0;i < parts[0].length; i++) {
+    const part = parts[0][i];
+    if (parts.every((p) => p[i] === part))
+      commonParts.push(part);
+    else
+      break;
+  }
+  return commonParts.join(path.sep);
+}
+export async function serveMultipleStxFiles(filePaths, options = {}) {
+  const port = options.port || 3000, watch = options.watch !== !1;
+  for (const filePath of filePaths) {
+    const absolutePath = path.resolve(filePath);
+    if (!fs.existsSync(absolutePath)) {
+      console.error(`${colors.red}Error: File not found: ${colors.bright}${absolutePath}${colors.reset}`);
+      return !1;
+    }
+    if (!absolutePath.endsWith(".stx") && !absolutePath.endsWith(".md")) {
+      console.error(`${colors.red}Error: Unsupported file type: ${colors.bright}${absolutePath}${colors.reset}. Only .stx and .md files are supported.`);
+      return !1;
+    }
+  }
+  const outputDir = path.join(process.cwd(), ".stx/output");
+  fs.mkdirSync(outputDir, { recursive: !0 });
+  const commonDir = findCommonDir(filePaths.map((f) => path.dirname(path.resolve(f))));
+  console.log(`${colors.blue}Processing ${colors.bright}${filePaths.length}${colors.reset} files...`);
+  const routes = {}, dynamicRoutes = [], buildFiles = async () => {
+    try {
+      for (const filePath of filePaths) {
+        const absolutePath = path.resolve(filePath);
+        if (absolutePath.endsWith(".md"))
+          try {
+            const { content, data } = await readMarkdownFile(absolutePath, {
+              markdown: {
+                syntaxHighlighting: {
+                  serverSide: !0,
+                  enabled: !0,
+                  defaultTheme: config.markdown?.syntaxHighlighting?.defaultTheme || "github-dark",
+                  highlightUnknownLanguages: !0
+                }
+              }
+            }), markdownConfig = options.markdown?.syntaxHighlighting || config.markdown?.syntaxHighlighting, defaultTheme = markdownConfig?.defaultTheme || "github-dark", baseThemes = ["github-dark"], configThemes = markdownConfig?.additionalThemes || [], themeOptions = [...new Set([...baseThemes, ...configThemes])].map((theme) => `<option value="${theme}"${theme === defaultTheme ? " selected" : ""}>${theme}</option>`).join(`
+      `), htmlContent = `
 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>${$.title||X.basename(J)}</title>
+  <title>${data.title || path.basename(absolutePath)}</title>
   <!-- Syntax highlighting styles -->
   <style id="syntax-theme">
     :root {
@@ -148,25 +213,367 @@ import{qf as i}from"../chunk-sjagg9qz.js";import"../chunk-48r3qe0k.js";import"..
       min-width: 100px;
       color: #555;
     }
-    ${T()}
+    ${getThemeSelectorStyles()}
   </style>
 </head>
 <body>
-  ${P($)}
-  ${y(Z)}
+  ${getFrontmatterHtml(data)}
+  ${getThemeSelectorHtml(themeOptions)}
 
-  ${Y}
+  ${content}
 
   <script>
-    ${d()}
+    ${getThemeSelectorScript()}
   </script>
 </body>
 </html>
-            `,w=`/${X.relative(F,J).replace(/\.md$/,"")}`;if(w.endsWith("/index"))w=w.slice(0,-6)||"/";K[w||"/"]={filePath:J,content:k,fileType:"md"}}catch(Y){console.error(`${z.red}Error processing Markdown file ${z.bright}${G}${z.reset}:`,Y);continue}else{let Y={name:"public-assets",setup(W){W.onResolve({filter:/^\/(images|fonts|assets|public)\//},(Z)=>{return{path:Z.path,external:!0}})}},$=await Bun.build({entrypoints:[J],outdir:A,plugins:[Y,i],define:{"process.env.NODE_ENV":'"development"'},...B.stxOptions});if(!$.success){console.error(`${z.red}Build failed for ${z.bright}${G}${z.reset}:`,$.logs);continue}let Q=$.outputs.find((W)=>W.path.endsWith(".html"));if(!Q){console.error(`${z.red}No HTML output found for ${z.bright}${G}${z.reset}`);continue}let U=await Bun.file(Q.path).text(),V=`/${X.relative(F,J).replace(/\.stx$/,"")}`;if(V.endsWith("/index"))V=V.slice(0,-6)||"/";if(V.includes("[")){let W=[...V.matchAll(/\[([^\]]+)\]/g)].map((k)=>k[1]),Z=V.replace(/\[([^\]]+)\]/g,"([^/]+)");v.push({pattern:new RegExp(`^${Z}$`),paramNames:W,filePath:J,routeTemplate:V,fileType:"stx"}),K[V]={filePath:J,content:U,fileType:"stx"}}else K[V||"/"]={filePath:J,content:U,fileType:"stx"}}}if(Object.keys(K).length===0)return console.error(`${z.red}No files were successfully processed${z.reset}`),!1;return!0}catch(G){return console.error(`${z.red}Error processing files:${z.reset}`,G),!1}};if(!await g())return!1;let H=j;try{if(H=await f(j),H!==j)console.log(`${z.yellow}Port ${j} is busy, using port ${H} instead${z.reset}`)}catch{return console.error(`${z.red}Could not find an available port${z.reset}`),!1}console.log(`${z.blue}Starting server on ${z.cyan}http://localhost:${H}/${z.reset}...`);let D=p({port:H,async fetch(G){let J=new URL(G.url),_=X.join(process.cwd(),"public",J.pathname);if(O.existsSync(_)&&O.statSync(_).isFile()){let Q=Bun.file(_),U=X.extname(_).toLowerCase(),E="application/octet-stream";if(U===".ts"||U===".tsx"){let V=new Bun.Transpiler({loader:U===".tsx"?"tsx":"ts"}),W=await Q.text(),Z=V.transformSync(W);return new Response(Z,{headers:{"Content-Type":"application/javascript","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}switch(U){case".html":E="text/html";break;case".css":E="text/css";break;case".js":E="text/javascript";break;case".json":E="application/json";break;case".png":E="image/png";break;case".jpg":case".jpeg":E="image/jpeg";break;case".gif":E="image/gif";break;case".svg":E="image/svg+xml";break;case".ico":E="image/x-icon";break;case".woff":E="font/woff";break;case".woff2":E="font/woff2";break;case".ttf":E="font/ttf";break;case".otf":E="font/otf";break;case".eot":E="application/vnd.ms-fontobject";break}return new Response(Q,{headers:{"Content-Type":E}})}let Y=K[J.pathname];if(!Y&&!J.pathname.endsWith("/"))Y=K[`${J.pathname}/`];if(!Y)for(let Q of v){let U=J.pathname.match(Q.pattern);if(U){let E=K[Q.routeTemplate];if(E){let V={};for(let k=0;k<Q.paramNames.length;k++)V[Q.paramNames[k]]=decodeURIComponent(U[k+1]);let W=E.content,Z=`<script>window.__routeParams = ${JSON.stringify(V)};</script>`;if(W.includes("</head>"))W=W.replace("</head>",`${Z}
-</head>`);else W=Z+W;Y={...E,content:W}}break}}if(Y)return S(Y.content).then((Q)=>{if(Q.includes("</head>"))Q=Q.replace("</head>",`${b}
-</head>`);return new Response(Q,{headers:{"Content-Type":"text/html","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})});let $=X.join(A,J.pathname);if(O.existsSync($)&&O.statSync($).isFile()){let Q=Bun.file($),U=X.extname($).toLowerCase(),E="text/plain";if(U===".ts"||U===".tsx"){let V=new Bun.Transpiler({loader:U===".tsx"?"tsx":"ts"}),W=await Q.text(),Z=V.transformSync(W);return new Response(Z,{headers:{"Content-Type":"application/javascript","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}switch(U){case".html":E="text/html";break;case".css":E="text/css";break;case".js":E="text/javascript";break;case".json":E="application/json";break;case".png":E="image/png";break;case".jpg":case".jpeg":E="image/jpeg";break;case".gif":E="image/gif";break;case".svg":E="image/svg+xml";break;case".ico":E="image/x-icon";break;case".woff":E="font/woff";break;case".woff2":E="font/woff2";break;case".ttf":E="font/ttf";break;case".otf":E="font/otf";break;case".eot":E="application/vnd.ms-fontobject";break}return new Response(Q,{headers:{"Content-Type":E}})}if(J.pathname!=="/"&&K["/"]){let Q=G.headers.get("X-STX-Router")==="true";return S(K["/"].content).then((U)=>{if(Q){let E=U.match(/<main[^>]*>([\s\S]*?)<\/main>/i);if(E){let V=U.match(/<title[^>]*>([\s\S]*?)<\/title>/i),Z=`<!DOCTYPE html><html><head><title>${V?V[1]:""}</title></head><body><main>${E[1]}</main></body></html>`;return new Response(Z,{headers:{"Content-Type":"text/html","X-STX-Partial":"true","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}}return new Response(U,{headers:{"Content-Type":"text/html","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})})}return new Response("Not Found",{status:404})},error(G){return new Response(`<pre>${G}
-${G.stack}</pre>`,{headers:{"Content-Type":"text/html"}})}});console.clear(),console.log(`
-${z.blue}stx${z.reset}  ${z.green}${process.env.stx_VERSION||"v0.0.10"}${z.reset}  ${z.dim}ready in  ${Math.random()*10+5|0}.${Math.random()*90+10|0}  ms${z.reset}`),console.log(`
-${z.bright}\u2192  ${z.cyan}http://localhost:${H}/${z.reset}`),console.log(`
-${z.yellow}Routes:${z.reset}`);let h=new Set(v.map((G)=>G.routeTemplate)),I=Object.entries(K).filter(([G])=>!h.has(G)).sort(([G],[J])=>G.localeCompare(J)).map(([G,J])=>({route:G==="/"?"/":G,filePath:X.relative(process.cwd(),J.filePath),fileType:J.fileType}));for(let G of v){let J=G.routeTemplate.replace(/\[([^\]]+)\]/g,":$1");I.push({route:J,filePath:X.relative(process.cwd(),G.filePath),fileType:"stx"})}if(I.sort((G,J)=>G.route.localeCompare(J.route)),I.forEach((G,J)=>{let Y=J===I.length-1?"\u2514\u2500 ":"\u251C\u2500 ",$=G.fileType==="md"?`${z.magenta}(markdown)${z.reset}`:"";console.log(`  ${z.green}${Y}${G.route}${z.reset} \u2192 ${z.bright}${G.filePath}${z.reset} ${$}`)}),console.log(`
-Press ${z.cyan}h${z.reset} + ${z.cyan}Enter${z.reset} to show shortcuts`),m(D.url.toString(),()=>{if(N)O.watch(F,{recursive:!0}).close();D.stop()}),N){console.log(`${z.blue}Watching for changes...${z.reset}`);let G=O.watch(F,{recursive:!0},async(J,_)=>{if(!_)return;if(_.endsWith(".stx")||_.endsWith(".js")||_.endsWith(".ts")||_.endsWith(".md"))console.log(`${z.yellow}File ${z.bright}${_}${z.yellow} changed, rebuilding...${z.reset}`),C.clear(),R(),await g()});process.on("SIGINT",()=>{G.close(),D.stop(),process.exit(0)})}return!0}export{Jz as serveMultipleStxFiles,u as findCommonDir};
+            `;
+            let routePath = `/${path.relative(commonDir, absolutePath).replace(/\.md$/, "")}`;
+            if (routePath.endsWith("/index"))
+              routePath = routePath.slice(0, -6) || "/";
+            routes[routePath || "/"] = {
+              filePath: absolutePath,
+              content: htmlContent,
+              fileType: "md"
+            };
+          } catch (error) {
+            console.error(`${colors.red}Error processing Markdown file ${colors.bright}${filePath}${colors.reset}:`, error);
+            continue;
+          }
+        else {
+          const publicAssetsPlugin = {
+            name: "public-assets",
+            setup(build) {
+              build.onResolve({ filter: /^\/(images|fonts|assets|public)\// }, (args) => {
+                return {
+                  path: args.path,
+                  external: !0
+                };
+              });
+            }
+          }, result = await Bun.build({
+            entrypoints: [absolutePath],
+            outdir: outputDir,
+            plugins: [publicAssetsPlugin, stxPlugin],
+            define: {
+              "process.env.NODE_ENV": '"development"'
+            },
+            ...options.stxOptions
+          });
+          if (!result.success) {
+            console.error(`${colors.red}Build failed for ${colors.bright}${filePath}${colors.reset}:`, result.logs);
+            continue;
+          }
+          const htmlOutput = result.outputs.find((o) => o.path.endsWith(".html"));
+          if (!htmlOutput) {
+            console.error(`${colors.red}No HTML output found for ${colors.bright}${filePath}${colors.reset}`);
+            continue;
+          }
+          const htmlContent = await Bun.file(htmlOutput.path).text();
+          let routePath = `/${path.relative(commonDir, absolutePath).replace(/\.stx$/, "")}`;
+          if (routePath.endsWith("/index"))
+            routePath = routePath.slice(0, -6) || "/";
+          if (routePath.includes("[")) {
+            const paramNames = [...routePath.matchAll(/\[([^\]]+)\]/g)].map((m) => m[1]), regexStr = routePath.replace(/\[([^\]]+)\]/g, "([^/]+)");
+            dynamicRoutes.push({
+              pattern: new RegExp(`^${regexStr}$`),
+              paramNames,
+              filePath: absolutePath,
+              routeTemplate: routePath,
+              fileType: "stx"
+            });
+            routes[routePath] = {
+              filePath: absolutePath,
+              content: htmlContent,
+              fileType: "stx"
+            };
+          } else
+            routes[routePath || "/"] = {
+              filePath: absolutePath,
+              content: htmlContent,
+              fileType: "stx"
+            };
+        }
+      }
+      if (Object.keys(routes).length === 0) {
+        console.error(`${colors.red}No files were successfully processed${colors.reset}`);
+        return !1;
+      }
+      return !0;
+    } catch (error) {
+      console.error(`${colors.red}Error processing files:${colors.reset}`, error);
+      return !1;
+    }
+  };
+  if (!await buildFiles())
+    return !1;
+  let actualPort = port;
+  try {
+    actualPort = await findAvailablePort(port);
+    if (actualPort !== port)
+      console.log(`${colors.yellow}Port ${port} is busy, using port ${actualPort} instead${colors.reset}`);
+  } catch {
+    console.error(`${colors.red}Could not find an available port${colors.reset}`);
+    return !1;
+  }
+  console.log(`${colors.blue}Starting server on ${colors.cyan}http://localhost:${actualPort}/${colors.reset}...`);
+  const server = serve({
+    port: actualPort,
+    async fetch(request) {
+      const url = new URL(request.url), publicPath = path.join(process.cwd(), "public", url.pathname);
+      if (fs.existsSync(publicPath) && fs.statSync(publicPath).isFile()) {
+        const file = Bun.file(publicPath), ext = path.extname(publicPath).toLowerCase();
+        let contentType = "application/octet-stream";
+        if (ext === ".ts" || ext === ".tsx") {
+          const transpiler = new Bun.Transpiler({ loader: ext === ".tsx" ? "tsx" : "ts" }), code = await file.text(), js = transpiler.transformSync(code);
+          return new Response(js, {
+            headers: {
+              "Content-Type": "application/javascript",
+              "Cache-Control": "no-store, no-cache, must-revalidate",
+              Pragma: "no-cache",
+              Expires: "0"
+            }
+          });
+        }
+        switch (ext) {
+          case ".html":
+            contentType = "text/html";
+            break;
+          case ".css":
+            contentType = "text/css";
+            break;
+          case ".js":
+            contentType = "text/javascript";
+            break;
+          case ".json":
+            contentType = "application/json";
+            break;
+          case ".png":
+            contentType = "image/png";
+            break;
+          case ".jpg":
+          case ".jpeg":
+            contentType = "image/jpeg";
+            break;
+          case ".gif":
+            contentType = "image/gif";
+            break;
+          case ".svg":
+            contentType = "image/svg+xml";
+            break;
+          case ".ico":
+            contentType = "image/x-icon";
+            break;
+          case ".woff":
+            contentType = "font/woff";
+            break;
+          case ".woff2":
+            contentType = "font/woff2";
+            break;
+          case ".ttf":
+            contentType = "font/ttf";
+            break;
+          case ".otf":
+            contentType = "font/otf";
+            break;
+          case ".eot":
+            contentType = "application/vnd.ms-fontobject";
+            break;
+        }
+        return new Response(file, {
+          headers: { "Content-Type": contentType }
+        });
+      }
+      let routeMatched = routes[url.pathname];
+      if (!routeMatched && !url.pathname.endsWith("/"))
+        routeMatched = routes[`${url.pathname}/`];
+      if (!routeMatched)
+        for (const dynRoute of dynamicRoutes) {
+          const match = url.pathname.match(dynRoute.pattern);
+          if (match) {
+            const templateRoute = routes[dynRoute.routeTemplate];
+            if (templateRoute) {
+              const params = {};
+              for (let i = 0;i < dynRoute.paramNames.length; i++)
+                params[dynRoute.paramNames[i]] = decodeURIComponent(match[i + 1]);
+              let content = templateRoute.content;
+              const paramScript = `<script>window.__routeParams = ${JSON.stringify(params)};</script>`;
+              if (content.includes("</head>"))
+                content = content.replace("</head>", `${paramScript}
+</head>`);
+              else
+                content = paramScript + content;
+              routeMatched = { ...templateRoute, content };
+            }
+            break;
+          }
+        }
+      if (routeMatched)
+        return injectCrosswindCSS(routeMatched.content).then((content) => {
+          if (content.includes("</head>"))
+            content = content.replace("</head>", `${stxClientHelpers}
+</head>`);
+          return new Response(content, {
+            headers: {
+              "Content-Type": "text/html",
+              "Cache-Control": "no-store, no-cache, must-revalidate",
+              Pragma: "no-cache",
+              Expires: "0"
+            }
+          });
+        });
+      const requestedPath = path.join(outputDir, url.pathname);
+      if (fs.existsSync(requestedPath) && fs.statSync(requestedPath).isFile()) {
+        const file = Bun.file(requestedPath), ext = path.extname(requestedPath).toLowerCase();
+        let contentType = "text/plain";
+        if (ext === ".ts" || ext === ".tsx") {
+          const transpiler = new Bun.Transpiler({ loader: ext === ".tsx" ? "tsx" : "ts" }), code = await file.text(), js = transpiler.transformSync(code);
+          return new Response(js, {
+            headers: {
+              "Content-Type": "application/javascript",
+              "Cache-Control": "no-store, no-cache, must-revalidate",
+              Pragma: "no-cache",
+              Expires: "0"
+            }
+          });
+        }
+        switch (ext) {
+          case ".html":
+            contentType = "text/html";
+            break;
+          case ".css":
+            contentType = "text/css";
+            break;
+          case ".js":
+            contentType = "text/javascript";
+            break;
+          case ".json":
+            contentType = "application/json";
+            break;
+          case ".png":
+            contentType = "image/png";
+            break;
+          case ".jpg":
+          case ".jpeg":
+            contentType = "image/jpeg";
+            break;
+          case ".gif":
+            contentType = "image/gif";
+            break;
+          case ".svg":
+            contentType = "image/svg+xml";
+            break;
+          case ".ico":
+            contentType = "image/x-icon";
+            break;
+          case ".woff":
+            contentType = "font/woff";
+            break;
+          case ".woff2":
+            contentType = "font/woff2";
+            break;
+          case ".ttf":
+            contentType = "font/ttf";
+            break;
+          case ".otf":
+            contentType = "font/otf";
+            break;
+          case ".eot":
+            contentType = "application/vnd.ms-fontobject";
+            break;
+        }
+        return new Response(file, {
+          headers: { "Content-Type": contentType }
+        });
+      }
+      if (url.pathname !== "/" && routes["/"]) {
+        const isRouterRequest = request.headers.get("X-STX-Router") === "true";
+        return injectCrosswindCSS(routes["/"].content).then((content) => {
+          if (isRouterRequest) {
+            const mainMatch = content.match(/<main[^>]*>([\s\S]*?)<\/main>/i);
+            if (mainMatch) {
+              const titleMatch = content.match(/<title[^>]*>([\s\S]*?)<\/title>/i), partialHtml = `<!DOCTYPE html><html><head><title>${titleMatch ? titleMatch[1] : ""}</title></head><body><main>${mainMatch[1]}</main></body></html>`;
+              return new Response(partialHtml, {
+                headers: {
+                  "Content-Type": "text/html",
+                  "X-STX-Partial": "true",
+                  "Cache-Control": "no-store, no-cache, must-revalidate",
+                  Pragma: "no-cache",
+                  Expires: "0"
+                }
+              });
+            }
+          }
+          return new Response(content, {
+            headers: {
+              "Content-Type": "text/html",
+              "Cache-Control": "no-store, no-cache, must-revalidate",
+              Pragma: "no-cache",
+              Expires: "0"
+            }
+          });
+        });
+      }
+      return new Response("Not Found", { status: 404 });
+    },
+    error(error) {
+      return new Response(`<pre>${error}
+${error.stack}</pre>`, {
+        headers: {
+          "Content-Type": "text/html"
+        }
+      });
+    }
+  });
+  console.clear();
+  console.log(`
+${colors.blue}stx${colors.reset}  ${colors.green}${process.env.stx_VERSION || "v0.0.10"}${colors.reset}  ${colors.dim}ready in  ${Math.random() * 10 + 5 | 0}.${Math.random() * 90 + 10 | 0}  ms${colors.reset}`);
+  console.log(`
+${colors.bright}\u2192  ${colors.cyan}http://localhost:${actualPort}/${colors.reset}`);
+  console.log(`
+${colors.yellow}Routes:${colors.reset}`);
+  const dynamicTemplates = new Set(dynamicRoutes.map((d) => d.routeTemplate)), sortedRoutes = Object.entries(routes).filter(([route]) => !dynamicTemplates.has(route)).sort(([pathA], [pathB]) => pathA.localeCompare(pathB)).map(([route, info]) => ({
+    route: route === "/" ? "/" : route,
+    filePath: path.relative(process.cwd(), info.filePath),
+    fileType: info.fileType
+  }));
+  for (const dynRoute of dynamicRoutes) {
+    const displayRoute = dynRoute.routeTemplate.replace(/\[([^\]]+)\]/g, ":$1");
+    sortedRoutes.push({
+      route: displayRoute,
+      filePath: path.relative(process.cwd(), dynRoute.filePath),
+      fileType: "stx"
+    });
+  }
+  sortedRoutes.sort((a, b) => a.route.localeCompare(b.route));
+  sortedRoutes.forEach((routeInfo, index) => {
+    const prefix = index === sortedRoutes.length - 1 ? "\u2514\u2500 " : "\u251C\u2500 ", fileTypeLabel = routeInfo.fileType === "md" ? `${colors.magenta}(markdown)${colors.reset}` : "";
+    console.log(`  ${colors.green}${prefix}${routeInfo.route}${colors.reset} \u2192 ${colors.bright}${routeInfo.filePath}${colors.reset} ${fileTypeLabel}`);
+  });
+  console.log(`
+Press ${colors.cyan}h${colors.reset} + ${colors.cyan}Enter${colors.reset} to show shortcuts`);
+  setupKeyboardShortcuts(server.url.toString(), () => {
+    if (watch)
+      fs.watch(commonDir, { recursive: !0 }).close();
+    server.stop();
+  });
+  if (watch) {
+    console.log(`${colors.blue}Watching for changes...${colors.reset}`);
+    const watcher = fs.watch(commonDir, { recursive: !0 }, async (eventType, filename) => {
+      if (!filename)
+        return;
+      if (filename.endsWith(".stx") || filename.endsWith(".js") || filename.endsWith(".ts") || filename.endsWith(".md")) {
+        console.log(`${colors.yellow}File ${colors.bright}${filename}${colors.yellow} changed, rebuilding...${colors.reset}`);
+        partialsCache.clear();
+        clearComponentCache();
+        await buildFiles();
+      }
+    });
+    process.on("SIGINT", () => {
+      watcher.close();
+      server.stop();
+      process.exit(0);
+    });
+  }
+  return !0;
+}

package/dist/dev-server/terminal-colors.js

@@ -1,2 +1,45 @@
-// @bun
-import{Tw as a,Uw as b,Vw as c,Ww as d,Xw as e,Yw as f,Zw as g}from"../chunk-qdc3aav1.js";import"../chunk-3jm3snz8.js";export{d as warning,c as success,f as info,e as error,g as dim,a as colors,b as colorize};
+export const colors = {
+  reset: "\x1B[0m",
+  bright: "\x1B[1m",
+  dim: "\x1B[2m",
+  underscore: "\x1B[4m",
+  blink: "\x1B[5m",
+  reverse: "\x1B[7m",
+  hidden: "\x1B[8m",
+  black: "\x1B[30m",
+  red: "\x1B[31m",
+  green: "\x1B[32m",
+  yellow: "\x1B[33m",
+  blue: "\x1B[34m",
+  magenta: "\x1B[35m",
+  cyan: "\x1B[36m",
+  white: "\x1B[37m",
+  gray: "\x1B[90m",
+  bgBlack: "\x1B[40m",
+  bgRed: "\x1B[41m",
+  bgGreen: "\x1B[42m",
+  bgYellow: "\x1B[43m",
+  bgBlue: "\x1B[44m",
+  bgMagenta: "\x1B[45m",
+  bgCyan: "\x1B[46m",
+  bgWhite: "\x1B[47m",
+  bgGray: "\x1B[100m"
+};
+export function colorize(text, color) {
+  return `${colors[color]}${text}${colors.reset}`;
+}
+export function success(text) {
+  return colorize(text, "green");
+}
+export function warning(text) {
+  return colorize(text, "yellow");
+}
+export function error(text) {
+  return colorize(text, "red");
+}
+export function info(text) {
+  return colorize(text, "cyan");
+}
+export function dim(text) {
+  return colorize(text, "gray");
+}

package/dist/dev-server/theme-selector.js

@@ -1,2 +1,111 @@
-// @bun
-import{no as a,oo as b,po as c,qo as d,ro as e,so as f}from"../chunk-57p201gb.js";import"../chunk-3jm3snz8.js";export{f as isDarkTheme,a as getThemeSelectorStyles,c as getThemeSelectorScript,b as getThemeSelectorHtml,d as getFrontmatterHtml,e as DARK_THEME_KEYWORDS};
+export function getThemeSelectorStyles() {
+  return `
+    /* Theme selector for code blocks */
+    .theme-selector {
+      margin: 1rem 0;
+      padding: 0.5rem;
+      background: #f8f8f8;
+      border-radius: 4px;
+      text-align: right;
+    }
+    select {
+      padding: 0.25rem 0.5rem;
+      border-radius: 3px;
+      border: 1px solid #ddd;
+    }
+
+    /* Dark mode body styles */
+    body.dark-mode {
+      background-color: #121212;
+      color: #e1e4e8;
+    }
+
+    body.dark-mode h1,
+    body.dark-mode h2,
+    body.dark-mode h3 {
+      color: #e1e4e8;
+      border-color: #2f363d;
+    }
+
+    body.dark-mode .theme-selector {
+      background: #2f363d;
+      color: #e1e4e8;
+    }
+
+    body.dark-mode select {
+      background: #24292e;
+      color: #e1e4e8;
+      border-color: #444;
+    }
+
+    body.dark-mode blockquote {
+      background: #24292e;
+      color: #e1e4e8;
+    }
+
+    body.dark-mode .frontmatter {
+      background: #24292e;
+    }
+
+    body.dark-mode a {
+      color: #58a6ff;
+    }`;
+}
+export function getThemeSelectorHtml(themeOptions) {
+  return `
+  <div class="theme-selector">
+    Theme:
+    <select id="themeSelector" onchange="changeTheme()">
+      ${themeOptions}
+    </select>
+  </div>`;
+}
+export function getThemeSelectorScript() {
+  return `
+    function changeTheme() {
+      const theme = document.getElementById('themeSelector').value;
+
+      // Toggle dark mode class based on theme
+      // Dark themes typically include these keywords in their names
+      if (theme.includes('dark') || theme.includes('night') || theme.includes('monokai') ||
+          theme.includes('dracula') || theme.includes('nord') || theme.includes('material')) {
+        document.body.classList.add('dark-mode');
+      }
+else {
+        document.body.classList.remove('dark-mode');
+      }
+    }
+
+    // Initialize theme on page load
+    document.addEventListener('DOMContentLoaded', changeTheme);`;
+}
+export function getFrontmatterHtml(data) {
+  if (Object.keys(data).length === 0)
+    return "";
+  return `
+  <div class="frontmatter">
+    <h3>Frontmatter</h3>
+    ${Object.entries(data).map(([key, value]) => `
+    <div class="frontmatter-item">
+      <span class="frontmatter-label">${key}:</span>
+      <span>${Array.isArray(value) ? value.join(", ") : String(value)}</span>
+    </div>`).join("")}
+  </div>`;
+}
+export const DARK_THEME_KEYWORDS = [
+  "dark",
+  "night",
+  "monokai",
+  "dracula",
+  "nord",
+  "material",
+  "ayu",
+  "one-dark",
+  "tokyo",
+  "gruvbox",
+  "solarized-dark"
+];
+export function isDarkTheme(themeName) {
+  const lowerName = themeName.toLowerCase();
+  return DARK_THEME_KEYWORDS.some((keyword) => lowerName.includes(keyword));
+}