@stacksjs/stx 0.2.94 → 0.2.96

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

@@ -1,7 +1,439 @@
-// @bun
-import{pf as s}from"../chunk-25s7bckb.js";import{qf as c}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{gm as y,hm as P,im as d,jm as f,km as h,lm as u}from"../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{go as p,io as a}from"../chunk-cdbwprfv.js";import{ko as i}from"../chunk-mv03qb75.js";import"../chunk-57p201gb.js";import{wo as l}from"../chunk-cpcc11vp.js";import"../chunk-tx6br9r4.js";import"../chunk-hepg894w.js";import"../chunk-m59y310j.js";import"../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{Ws as T,qs as m}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{Nw as g,Ow as C,Sw as b}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{rB as S}from"../chunk-3jm3snz8.js";var{serve:r}=globalThis.Bun;import $ from"fs";import V from"path";async function Vz(w,_={}){let M=_.port||3000,O=_.watch!==!1,N=_.hotReload!==!1&&O,B=null,F=_.hmrPort||M+1,X=V.resolve(w);if(!$.existsSync(X))return console.error(`${z.red}Error: File not found: ${z.bright}${X}${z.reset}`),!1;if(X.endsWith(".md"))return s(X,_);else if(!X.endsWith(".stx"))return console.error(`${z.red}Error: Unsupported file type: ${z.bright}${X}${z.reset}. Only .stx and .md files are supported.`),!1;let H=V.join(process.cwd(),".stx/output");$.mkdirSync(H,{recursive:!0}),console.log(`${z.blue}Building ${z.bright}${w}${z.reset}...`);let R=null,x=async()=>{try{let L={name:"public-assets",setup(Z){Z.onResolve({filter:/^\/(images|fonts|assets|public)\//},(K)=>{return{path:K.path,external:!0}})}},J=await Bun.build({entrypoints:[X],outdir:H,plugins:[L,c],publicPath:"/",define:{"process.env.NODE_ENV":'"development"'},..._.stxOptions});if(!J.success)return console.error(`${z.red}Build failed:${z.reset}`,J.logs),!1;let U=J.outputs.find((Z)=>Z.path.endsWith(".html"));if(!U)return console.error(`${z.red}No HTML output found${z.reset}`),!1;return R=await Bun.file(U.path).text(),!0}catch(L){return console.error(`${z.red}Error building stx file:${z.reset}`,L),!1}};if(!await x())return!1;let v=V.dirname(X);await g(v);let I=M;try{if(I=await i(M),I!==M)console.log(`${z.yellow}Port ${M} is busy, using port ${I} instead${z.reset}`)}catch{return console.error(`${z.red}Could not find an available port${z.reset}`),!1}if(N){let L=_.hmrPort||I+1;B=h({wsPort:L,verbose:!1}),F=B.start(L)}let D={},q=null;try{let{loadStxConfig:L}=await import("../index.js"),J=await L();if(J?.apiRouter)q=J?.apiRouter,console.log(`${z.blue}Using custom router for API handling${z.reset}`);if(J?.apiRoutes){D=J.apiRoutes;let U=Object.keys(D).length;if(U>0)console.log(`${z.blue}Loaded ${z.bright}${U} API route${U>1?"s":""}${z.reset}`)}if(J?.broadcasting?.enabled)try{let{startBroadcasting:U,loadChannels:Y}=await import("../broadcasting.js"),Z=J.broadcasting;await U(Z);let K=Z.port??6001;console.log(`${z.magenta}Broadcasting on ${z.cyan}ws://localhost:${K}/ws${z.reset}`);let Q=V.join(process.cwd(),"channels.ts");if($.existsSync(Q))try{let G=await Y(Q);console.log(`${z.blue}Loaded ${z.bright}${G} broadcast channel${G!==1?"s":""}${z.blue} from channels.ts${z.reset}`)}catch(G){console.warn(`${z.yellow}Failed to load channels.ts: ${G.message}${z.reset}`)}}catch(U){console.warn(`${z.yellow}Broadcasting failed to start: ${U.message}${z.reset}`)}}catch{}if(console.log(`${z.blue}Starting server on ${z.cyan}http://localhost:${I}/${z.reset}...`),N)console.log(`${z.magenta}Hot reload enabled on ws://localhost:${F}${z.reset}`);let j=r({port:I,async fetch(L){let J=new URL(L.url);if(q)try{let Q=await q.handleRequest(L);if(Q.status!==404)return Q}catch{}if(D[J.pathname])try{return await D[J.pathname](L)}catch(Q){return new Response(JSON.stringify({error:Q.message}),{status:500,headers:{"Content-Type":"application/json"}})}if(J.pathname==="/")return(async()=>{let G=await b(R||"");if(N)G=y(G,F);if(_.native)if(G.includes("<head>"))G=G.replace("<head>","<head><style>[data-stx-sidebar],.stx-sidebar{display:none!important}</style><script>window.__craftNativeSidebar=true;document.documentElement.classList.add('has-native-sidebar')</script>");else if(G.includes("<html"))G=G.replace(/(<html[^>]*>)/,"$1<head><style>[data-stx-sidebar],.stx-sidebar{display:none!important}</style><script>window.__craftNativeSidebar=true;document.documentElement.classList.add('has-native-sidebar')</script></head>");else G="<head><style>[data-stx-sidebar],.stx-sidebar{display:none!important}</style><script>window.__craftNativeSidebar=true;document.documentElement.classList.add('has-native-sidebar')</script></head>"+G;if(_.titlebarHidden)if(G.includes("<head>"))G=G.replace("<head>","<head><style>html.stx-titlebar-hidden .stx-traffic-lights-dot{visibility:hidden}</style><script>document.documentElement.classList.add('stx-titlebar-hidden')</script>");else if(G.includes("<html"))G=G.replace(/(<html[^>]*>)/,"$1<head><style>html.stx-titlebar-hidden .stx-traffic-lights-dot{visibility:hidden}</style><script>document.documentElement.classList.add('stx-titlebar-hidden')</script></head>");else G=`<head><style>html.stx-titlebar-hidden .stx-traffic-lights-dot{visibility:hidden}</style><script>document.documentElement.classList.add('stx-titlebar-hidden')</script></head>${G}`;return G})().then((G)=>new Response(G,{headers:{"Content-Type":"text/html","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}}));let U=V.join(H,J.pathname);if($.existsSync(U)&&$.statSync(U).isFile()){let Q=Bun.file(U),G=V.extname(U).toLowerCase(),E="text/plain";if(G===".ts"||G===".tsx"){let k=new Bun.Transpiler({loader:G===".tsx"?"tsx":"ts"}),A=await Q.text(),W=k.transformSync(A);return new Response(W,{headers:{"Content-Type":"application/javascript","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}switch(G){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".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=V.dirname(X),Z=V.join(Y,J.pathname);if($.existsSync(Z)&&$.statSync(Z).isFile()){let Q=Bun.file(Z),G=V.extname(Z).toLowerCase(),E="text/plain";if(G===".ts"||G===".tsx"){let k=new Bun.Transpiler({loader:G===".tsx"?"tsx":"ts"}),A=await Q.text(),W=k.transformSync(A);return new Response(W,{headers:{"Content-Type":"application/javascript","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}switch(G){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 K=V.join(process.cwd(),"public",J.pathname);if($.existsSync(K)&&$.statSync(K).isFile()){let Q=Bun.file(K),G=V.extname(K).toLowerCase(),E="application/octet-stream";if(G===".ts"||G===".tsx"){let k=new Bun.Transpiler({loader:G===".tsx"?"tsx":"ts"}),A=await Q.text(),W=k.transformSync(A);return new Response(W,{headers:{"Content-Type":"application/javascript","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}switch(G){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}})}return new Response("Not Found",{status:404})},error(L){return new Response(`<pre>${L}
-${L.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:${I}/${z.reset}`),console.log(`
-${z.yellow}Routes:${z.reset}`);let n=V.relative(process.cwd(),X);if(console.log(`  ${z.green}\u2514\u2500 /${z.reset} \u2192 ${z.bright}${n}${z.reset}`),console.log(`
-Press ${z.cyan}h${z.reset} + ${z.cyan}Enter${z.reset} to show shortcuts`),l(j.url.toString(),()=>{if(O)$.watch(V.dirname(X),{recursive:!0}).close();j.stop()}),_.native){let L=await Bun.file(X).text(),J=a(L);await p(I,{title:V.basename(X,".stx"),titlebarHidden:_.titlebarHidden===!0,nativeSidebar:!!J,sidebarConfig:J})}if(O){let L=V.dirname(X);console.log(`${z.blue}Watching ${z.bright}${L}${z.reset} for changes...`);let J=$.watch(L,{recursive:!0},async(U,Y)=>{if(!Y||f(Y))return;if(d(Y)){console.log(`${z.yellow}File ${z.bright}${Y}${z.yellow} changed, rebuilding...${z.reset}`),m.clear(),T();let Z=await x();if(await C(v),N&&B)if(Z)B.reload(Y);else B.error("Build failed - check console for details")}else if(P(Y)){if(console.log(`${z.cyan}CSS ${z.bright}${Y}${z.cyan} changed${z.reset}`),N&&B)B.updateCss(Y)}});process.on("SIGINT",()=>{if(J.close(),B)u();j.stop(),process.exit(0)})}return!0}export{Vz as serveStxFile};
+import { serve } from "bun";
+import fs from "node:fs";
+import path from "node:path";
+import {
+  getHmrServer,
+  injectHotReload,
+  isCssOnlyChange,
+  shouldIgnoreFile,
+  shouldReloadOnChange,
+  stopHmrServer
+} from "../hot-reload.js";
+import { partialsCache } from "../includes.js";
+import { plugin as stxPlugin } from "../plugin.js";
+import { clearComponentCache } from "../utils.js";
+import {
+  buildCrosswindCSS,
+  colors,
+  extractSidebarConfig,
+  findAvailablePort,
+  injectCrosswindCSS,
+  openNativeWindow,
+  rebuildCrosswindCSS,
+  setupKeyboardShortcuts
+} from "./index.js";
+import { serveMarkdownFile } from "./serve-markdown.js";
+export async function serveStxFile(filePath, options = {}) {
+  const port = options.port || 3000, watch = options.watch !== !1, hotReload = options.hotReload !== !1 && watch;
+  let hmrServer = null, actualHmrPort = options.hmrPort || port + 1;
+  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(".md"))
+    return serveMarkdownFile(absolutePath, options);
+  else if (!absolutePath.endsWith(".stx")) {
+    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 });
+  console.log(`${colors.blue}Building ${colors.bright}${filePath}${colors.reset}...`);
+  let htmlContent = null;
+  const buildFile = async () => {
+    try {
+      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],
+        publicPath: "/",
+        define: {
+          "process.env.NODE_ENV": '"development"'
+        },
+        ...options.stxOptions
+      });
+      if (!result.success) {
+        console.error(`${colors.red}Build failed:${colors.reset}`, result.logs);
+        return !1;
+      }
+      const htmlOutput = result.outputs.find((o) => o.path.endsWith(".html"));
+      if (!htmlOutput) {
+        console.error(`${colors.red}No HTML output found${colors.reset}`);
+        return !1;
+      }
+      htmlContent = await Bun.file(htmlOutput.path).text();
+      return !0;
+    } catch (error) {
+      console.error(`${colors.red}Error building stx file:${colors.reset}`, error);
+      return !1;
+    }
+  };
+  if (!await buildFile())
+    return !1;
+  const cwd = path.dirname(absolutePath);
+  await buildCrosswindCSS(cwd);
+  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;
+  }
+  if (hotReload) {
+    const desiredHmrPort = options.hmrPort || actualPort + 1;
+    hmrServer = getHmrServer({ wsPort: desiredHmrPort, verbose: !1 });
+    actualHmrPort = hmrServer.start(desiredHmrPort);
+  }
+  let apiRoutes = {}, customRouter = null;
+  try {
+    const { loadStxConfig } = await import("../index.js"), projectConfig = await loadStxConfig();
+    if (projectConfig?.apiRouter) {
+      customRouter = projectConfig?.apiRouter;
+      console.log(`${colors.blue}Using custom router for API handling${colors.reset}`);
+    }
+    if (projectConfig?.apiRoutes) {
+      apiRoutes = projectConfig.apiRoutes;
+      const routeCount = Object.keys(apiRoutes).length;
+      if (routeCount > 0)
+        console.log(`${colors.blue}Loaded ${colors.bright}${routeCount} API route${routeCount > 1 ? "s" : ""}${colors.reset}`);
+    }
+    if (projectConfig?.broadcasting?.enabled)
+      try {
+        const { startBroadcasting, loadChannels } = await import("../broadcasting.js"), bcConfig = projectConfig.broadcasting;
+        await startBroadcasting(bcConfig);
+        const bcPort = bcConfig.port ?? 6001;
+        console.log(`${colors.magenta}Broadcasting on ${colors.cyan}ws://localhost:${bcPort}/ws${colors.reset}`);
+        const channelsFile = path.join(process.cwd(), "channels.ts");
+        if (fs.existsSync(channelsFile))
+          try {
+            const count = await loadChannels(channelsFile);
+            console.log(`${colors.blue}Loaded ${colors.bright}${count} broadcast channel${count !== 1 ? "s" : ""}${colors.blue} from channels.ts${colors.reset}`);
+          } catch (err) {
+            console.warn(`${colors.yellow}Failed to load channels.ts: ${err.message}${colors.reset}`);
+          }
+      } catch (err) {
+        console.warn(`${colors.yellow}Broadcasting failed to start: ${err.message}${colors.reset}`);
+      }
+  } catch {}
+  console.log(`${colors.blue}Starting server on ${colors.cyan}http://localhost:${actualPort}/${colors.reset}...`);
+  if (hotReload)
+    console.log(`${colors.magenta}Hot reload enabled on ws://localhost:${actualHmrPort}${colors.reset}`);
+  const server = serve({
+    port: actualPort,
+    async fetch(request) {
+      const url = new URL(request.url);
+      if (customRouter)
+        try {
+          const routerResponse = await customRouter.handleRequest(request);
+          if (routerResponse.status !== 404)
+            return routerResponse;
+        } catch {}
+      if (apiRoutes[url.pathname])
+        try {
+          return await apiRoutes[url.pathname](request);
+        } catch (err) {
+          return new Response(JSON.stringify({ error: err.message }), {
+            status: 500,
+            headers: { "Content-Type": "application/json" }
+          });
+        }
+      if (url.pathname === "/")
+        return (async () => {
+          let content = await injectCrosswindCSS(htmlContent || "");
+          if (hotReload)
+            content = injectHotReload(content, actualHmrPort);
+          if (options.native) {
+            const nativeSidebarInjection = "<style>[data-stx-sidebar],.stx-sidebar{display:none!important}</style><script>window.__craftNativeSidebar=true;document.documentElement.classList.add('has-native-sidebar')</script>";
+            if (content.includes("<head>"))
+              content = content.replace("<head>", `<head>${nativeSidebarInjection}`);
+            else if (content.includes("<html"))
+              content = content.replace(/(<html[^>]*>)/, `$1<head>${nativeSidebarInjection}</head>`);
+            else
+              content = `<head>${nativeSidebarInjection}</head>` + content;
+          }
+          if (options.titlebarHidden) {
+            const tbInjection = "<style>html.stx-titlebar-hidden .stx-traffic-lights-dot{visibility:hidden}</style><script>document.documentElement.classList.add('stx-titlebar-hidden')</script>";
+            if (content.includes("<head>"))
+              content = content.replace("<head>", `<head>${tbInjection}`);
+            else if (content.includes("<html"))
+              content = content.replace(/(<html[^>]*>)/, `$1<head>${tbInjection}</head>`);
+            else
+              content = `<head>${tbInjection}</head>${content}`;
+          }
+          return content;
+        })().then((content) => 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 ".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 }
+        });
+      }
+      const sourceDir = path.dirname(absolutePath), sourcePath = path.join(sourceDir, url.pathname);
+      if (fs.existsSync(sourcePath) && fs.statSync(sourcePath).isFile()) {
+        const file = Bun.file(sourcePath), ext = path.extname(sourcePath).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 }
+        });
+      }
+      const 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 }
+        });
+      }
+      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 relativeFilePath = path.relative(process.cwd(), absolutePath);
+  console.log(`  ${colors.green}\u2514\u2500 /${colors.reset} \u2192 ${colors.bright}${relativeFilePath}${colors.reset}`);
+  console.log(`
+Press ${colors.cyan}h${colors.reset} + ${colors.cyan}Enter${colors.reset} to show shortcuts`);
+  setupKeyboardShortcuts(server.url.toString(), () => {
+    if (watch)
+      fs.watch(path.dirname(absolutePath), { recursive: !0 }).close();
+    server.stop();
+  });
+  if (options.native) {
+    const templateContent = await Bun.file(absolutePath).text(), sidebarConfig = extractSidebarConfig(templateContent);
+    await openNativeWindow(actualPort, {
+      title: path.basename(absolutePath, ".stx"),
+      titlebarHidden: options.titlebarHidden === !0,
+      nativeSidebar: !!sidebarConfig,
+      sidebarConfig
+    });
+  }
+  if (watch) {
+    const dirToWatch = path.dirname(absolutePath);
+    console.log(`${colors.blue}Watching ${colors.bright}${dirToWatch}${colors.reset} for changes...`);
+    const watcher = fs.watch(dirToWatch, { recursive: !0 }, async (eventType, filename) => {
+      if (!filename || shouldIgnoreFile(filename))
+        return;
+      if (shouldReloadOnChange(filename)) {
+        console.log(`${colors.yellow}File ${colors.bright}${filename}${colors.yellow} changed, rebuilding...${colors.reset}`);
+        partialsCache.clear();
+        clearComponentCache();
+        const success = await buildFile();
+        await rebuildCrosswindCSS(cwd);
+        if (hotReload && hmrServer)
+          if (success)
+            hmrServer.reload(filename);
+          else
+            hmrServer.error("Build failed - check console for details");
+      } else if (isCssOnlyChange(filename)) {
+        console.log(`${colors.cyan}CSS ${colors.bright}${filename}${colors.cyan} changed${colors.reset}`);
+        if (hotReload && hmrServer)
+          hmrServer.updateCss(filename);
+      }
+    });
+    process.on("SIGINT", () => {
+      watcher.close();
+      if (hmrServer)
+        stopHmrServer();
+      server.stop();
+      process.exit(0);
+    });
+  }
+  return !0;
+}