@stacksjs/stx 0.2.94 → 0.2.96

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

@@ -1,7 +1,682 @@
-// @bun
-import{qf as lG}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{mh as AG,oh as vG,ph as xG,uh as DG,wh as SG,zh as RG}from"../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{Di as WG,Fi as CG,Gi as bG,Ji as FG}from"../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 m,hm as PG,im as fG,jm as gG,km as hG,lm as qG}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 iG,io as sG}from"../chunk-cdbwprfv.js";import{ko as uG}from"../chunk-mv03qb75.js";import"../chunk-57p201gb.js";import{wo as nG}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{Jq as mG,Kq as EG,Lq as JG,Mq as QG,Nq as dG,Oq as pG,Pq as cG}from"../chunk-ncnfa8ae.js";import"../chunk-6djgb0hr.js";import"../chunk-ganag9dm.js";import"../chunk-xygc53vr.js";import{Ws as TG,qs as BG}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{bw as wG}from"../chunk-bykjk6vj.js";import"../chunk-7b0xdy5h.js";import"../chunk-ywkrxp2h.js";import"../chunk-y25pr13j.js";import{Nw as jG,Ow as MG,Sw as g}from"../chunk-q6h6yvzb.js";import{Tw as G}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 N}from"../chunk-3jm3snz8.js";var{serve:tG}=globalThis.Bun;import q from"fs";import Y from"path";function UG(n){let I=Bun.file(n),S=Y.extname(n).toLowerCase(),l={".html":"text/html",".css":"text/css",".js":"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",".woff":"font/woff",".woff2":"font/woff2",".ttf":"font/ttf",".otf":"font/otf",".eot":"application/vnd.ms-fontobject"},W=[".js",".css",".json"].includes(S)?{"Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}:{};return new Response(I,{headers:{"Content-Type":l[S]||"application/octet-stream",...W}})}async function OJ(n=".",I={}){let S=I.port||3000,l=I.watch!==!1,E=I.hotReload!==!1&&l,W=null,R=I.hmrPort||S+1,V=Y.resolve(n),{loadStxConfig:aG}=await import("../index.js"),D=await aG(V),XG=D.root&&D.root!=="."?Y.join(V,D.root):V,a=D.pagesDir||"pages",r=Y.join(XG,a);if(!q.existsSync(r))return console.error(`${G.red}Error: No '${a}' directory found in ${G.bright}${XG}${G.reset}`),console.log(`${G.dim}Create a ${a}/ directory with .stx files to define your routes.${G.reset}`),console.log(`${G.dim}Example: ${a}/index.stx for the homepage.${G.reset}`),!1;let d=WG(XG);if(d.length===0)return console.error(`${G.red}Error: No page files found in ${G.bright}${r}${G.reset}`),!1;console.log(`${G.blue}Found ${G.bright}${d.length}${G.blue} routes${G.reset}`);let yG=D?._pluginPageDirs||[],p=[];for(let{dir:J,prefix:X}of yG)if(q.existsSync(J)){let $=WG(Y.dirname(J),{pagesDir:Y.basename(J)});for(let K of $){let z=X==="/"?K.pattern:`${X}${K.pattern==="/"?"":K.pattern}`;p.push({route:{...K,pattern:z},prefix:X})}if($.length>0)console.log(`${G.blue}Plugin pages: ${G.bright}${$.length}${G.blue} routes at ${G.cyan}${X}${G.reset}`)}let u=new Map,F=null,C=null;if(I.stxOptions?.shell!==!1){if(C=await mG(V,I.stxOptions?.shell),C){if(F=await EG(C,I.stxOptions||{}),F)console.log(`${G.blue}Using app shell: ${G.bright}${Y.relative(V,C)}${G.reset} ${G.dim}(deprecated: use layouts/default.stx instead)${G.reset}`)}}AG(),await SG(V);let ZG=DG();if(ZG.length>0)console.log(`${G.blue}Loaded ${G.bright}${ZG.length}${G.blue} middleware: ${G.dim}${ZG.join(", ")}${G.reset}`);let o={},$G=null;try{let{loadStxConfig:J}=await import("../index.js"),X=await J(V);if(X?.apiRouter)$G=X?.apiRouter,console.log(`${G.blue}Using custom router for API handling${G.reset}`);if(X?.apiRoutes){o=X.apiRoutes;let $=Object.keys(o).length;if($>0)console.log(`${G.blue}Loaded ${G.bright}${$} API route${$>1?"s":""}${G.reset}`)}if(X?.broadcasting?.enabled)try{let{startBroadcasting:$,loadChannels:K}=await import("../broadcasting.js"),z=X.broadcasting;await $(z);let H=z.port??6001;console.log(`${G.magenta}Broadcasting on ${G.cyan}ws://localhost:${H}/ws${G.reset}`);let y=Y.join(process.cwd(),"channels.ts");if(q.existsSync(y))try{let b=await K(y);console.log(`${G.blue}Loaded ${G.bright}${b} broadcast channel${b!==1?"s":""}${G.blue} from channels.ts${G.reset}`)}catch(b){console.warn(`${G.yellow}Failed to load channels.ts: ${b.message}${G.reset}`)}}catch($){console.warn(`${G.yellow}Broadcasting failed to start: ${$.message}${G.reset}`)}}catch{}let zG=Y.join(V,".stx/output");q.mkdirSync(zG,{recursive:!0});let i=new Map,NG=new Set,KG=async(J)=>{let X=CG(r,J);if(!X)return null;try{let $=await Bun.build({entrypoints:[X],outdir:zG,plugins:[lG],publicPath:"/",define:{"process.env.NODE_ENV":'"development"'},...I.stxOptions});if(!$.success)return null;let K=$.outputs.find((z)=>z.path.endsWith(".html"));if(!K)return null;return await Bun.file(K.path).text()}catch{return null}},VG=async(J,X)=>{try{let{processDirectives:$,extractVariables:K,defaultConfig:z,loadStxConfig:H,injectRouterScript:y}=await import("../index.js"),{checkCache:b,cacheTemplate:IG,readFileCached:B,templateCache:e}=await import("../caching.js"),GG=await H(V),Z=(_)=>{if(!_)return _;if(Y.isAbsolute(_))return _;return Y.resolve(V,_)},k={...z,...GG,...I.stxOptions,autoShell:!0};if(I.debugDirectives)k.debug=!0;k.partialsDir=Z(k.partialsDir),k.componentsDir=Z(k.componentsDir),k.layoutsDir=Z(k.layoutsDir),k.storesDir=Z(k.storesDir||"stores"),k.cachePath=Z(k.cachePath||".stx/cache");let L=!X&&!I.profile,Q=k.cache!==!1;if(Q&&L){let _=e.get(J.filePath);if(_)try{if((await q.promises.stat(J.filePath)).mtime.getTime()<=_.mtime){let f=!0;for(let T of _.dependencies){if(!q.existsSync(T)){f=!1;break}if((await q.promises.stat(T)).mtime.getTime()>_.mtime){f=!1;break}}if(f){let T=_.output;if(F)T=QG(T,{preserveHead:!0});return{route:J,content:T}}}}catch{}let A=await b(J.filePath,k);if(A){let v=A;if(F)v=QG(v,{preserveHead:!0});return{route:J,content:v}}}let O=Q?await B(J.filePath):await Bun.file(J.filePath).text(),{classifyAllScripts:j}=await import("../index.js"),U=j(O),M=U.server.map((_)=>_.content),P=O;for(let _ of U.server)P=P.replace(_.fullTag,"");let w={__filename:J.filePath,__dirname:Y.dirname(J.filePath),params:X??{}},{resetHead:rG}=await import("../head.js");rG();for(let _ of M)try{await K(_,w,J.filePath)}catch(A){if(I.stxOptions?.debug)console.error("[stx] variable extraction error",J.filePath,A?.message||A)}let OG=new Set,x;if(I.profile){let _=performance.now();x=await $(P,w,J.filePath,k,OG);let A=performance.now()-_,v=Y.relative(V,J.filePath)||J.filePath;console.log(`[stx:profile] ${v} \u2192 ${A.toFixed(2)}ms`)}else x=await $(P,w,J.filePath,k,OG);if(!F)x=await y(x);{let{interpolateScriptExpressions:_}=await import("../expressions.js");x=x.replace(/<script\b([^>]*)>([\s\S]*?)<\/script>/g,(A,v,f)=>{if(!/function\s+__stx_setup_/.test(f))return A;return`<script${v}>${_(f,w)}</script>`})}if(F)x=QG(x,{preserveHead:!0});if(Q&&L)await IG(J.filePath,x,OG,k);let{extractStreamBoundaries:oG}=await import("../streaming.js"),c=oG(w),s=w.__streamTemplates;if(s&&typeof s==="object"&&Object.keys(s).length>0){let _=w.streamBoundaries||{},A={...k,autoShell:!1},v=Object.keys(s).map((T)=>({id:T,render:async()=>{let HG=typeof _[T]==="function"?await _[T]():void 0;return $(s[T],{...w,$boundary:HG},J.filePath,A,new Set)}})),f=new Set(v.map((T)=>T.id));c=[...(c||[]).filter((T)=>!f.has(T.id)),...v]}if(c&&c.length>0)NG.add(J.pattern);else c=void 0;return{route:J,content:x,boundaries:c}}catch($){return console.error(`${G.red}Error building ${G.bright}${J.pattern}${G.reset}:`,$),null}},t=8,kG=async()=>{i.clear(),u.clear();for(let J=0;J<d.length;J+=t){let X=d.slice(J,J+t),$=await Promise.all(X.map((K)=>VG(K)));for(let K of $)if(K)i.set(K.route.pattern,K)}for(let J=0;J<p.length;J+=t){let X=p.slice(J,J+t),$=await Promise.all(X.map(({route:K})=>VG(K)));for(let K of $)if(K)u.set(K.route.pattern,K)}return i.size>0};if(console.log(`${G.blue}Building pages...${G.reset}`),!await kG())return console.error(`${G.red}No pages were successfully built${G.reset}`),!1;await jG(V);let h=S;try{if(h=await uG(S),h!==S)console.log(`${G.yellow}Port ${S} is busy, using port ${h} instead${G.reset}`)}catch{return console.error(`${G.red}Could not find an available port${G.reset}`),!1}if(E){let J=I.hmrPort||h+1;W=hG({wsPort:J,verbose:!1}),R=W.start(J)}let YG=(J,X)=>{let $=`<script>(function(){var s=typeof stx!=='undefined'?stx:{};s._rp=${JSON.stringify(X)};if(s.setRouteParams)s.setRouteParams(s._rp);})()</script>`;if(J.includes("</head>"))return J.replace("</head>",`${$}</head>`);if(J.includes("<body"))return J.replace(/<body([^>]*)>/,`<body$1>${$}`);return $+J};console.log(`${G.blue}Starting server...${G.reset}`);let _G=tG({port:h,async fetch(J){let X=new URL(J.url),$=D?.publicDir||"public",K=Y.join(V,$,X.pathname),z=Y.join(V,X.pathname),H=Y.join(zG,X.pathname),[y,b,IG]=await Promise.all([q.promises.stat(K).catch(()=>null),q.promises.stat(z).catch(()=>null),q.promises.stat(H).catch(()=>null)]);if(y?.isFile())return UG(K);if(b?.isFile())return UG(z);if(IG?.isFile())return UG(H);if(X.pathname.startsWith("/_stx/component/")){let Z=decodeURIComponent(X.pathname.slice(16));if(Z)try{let k=`<${Z} />`,L={...buildConfig,autoShell:!1},Q=await processDirectives(k,{},Y.join(V,"components",`${Z}.stx`),L,new Set);return new Response(Q,{headers:{"Content-Type":"text/html"}})}catch(k){return new Response(`<div class="stx-async-error">${k.message}</div>`,{status:500,headers:{"Content-Type":"text/html"}})}}if(X.pathname==="/_stx/img"){let{handleImageRequest:Z}=await import("../image-optimization/serve.js"),k=await Z(J,{publicDir:Y.join(V,$),cacheDir:Y.join(V,".stx/cache/img")});if(k)return k}if($G)try{let Z=await $G.handleRequest(J);if(Z.status!==404)return Z}catch{}if(o[X.pathname])try{return await o[X.pathname](J)}catch(Z){return new Response(JSON.stringify({error:Z.message}),{status:500,headers:{"Content-Type":"application/json"}})}let B=FG(X.pathname,d);if(B){let Z=i.get(B.route.pattern),k=NG.has(B.route.pattern);if(B.route.isDynamic&&Object.keys(B.params).length>0||k){let L=await VG(B.route,B.params);if(L)Z=L}if(Z){let L=wG();if(L.validate){if(!await L.validate({params:B.params})){let j=await KG(404);if(j){let U=j;if(U=await g(U,V),E)U=m(U,R);return new Response(U,{status:404,headers:{"Content-Type":"text/html"}})}return new Response("Not Found",{status:404})}}if(L.middleware){let O=xG(X.pathname,B.params,L,X.search),j=vG(O,null,J),U=await RG(L.middleware,j);if(U.redirect){let M=U.redirect.path,P=U.redirect.options.redirectCode||302,w=new Headers(U.responseHeaders);return w.set("Location",M),new Response(null,{status:P,headers:w})}if(U.abort){let{statusCode:M,message:P}=U.abort.error;return new Response(`<!DOCTYPE html><html><head><title>Error ${M}</title></head><body><h1>Error ${M}</h1><p>${P}</p></body></html>`,{status:M,headers:{"Content-Type":"text/html"}})}if(Object.keys(U.state).length>0){let M=`<script>(function(){var s=typeof stx!=='undefined'?stx:{};s._ms=${JSON.stringify(U.state)};if(s.setMiddlewareState)s.setMiddlewareState(s._ms);})()</script>`;Z.content=Z.content.replace("</head>",`${M}</head>`)}}let Q=Z.content;if(F&&dG(J)){let O=cG(Q),j=Q.match(/<title[^>]*>([\s\S]*?)<\/title>/i),U=j?j[1].trim():"";if(Object.keys(B.params).length>0)Q=YG(Q,B.params);Q=await g(Q,V);let M=D?.router?.container||"main";return Q=pG(Q,M),new Response(Q,{headers:{"Content-Type":"text/html","X-STX-Fragment":"true","X-STX-Layout":O.layout,"X-STX-Layout-Group":O.group,...U&&{"X-STX-Title":encodeURIComponent(U)},"Cache-Control":"no-store, no-cache, must-revalidate"}})}if(F)Q=JG(F,Q);if(Object.keys(B.params).length>0)Q=YG(Q,B.params);if(Q=await g(Q,V),E)Q=m(Q,R);if(I.native)if(Q.includes("<head>"))Q=Q.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 Q="<head><style>[data-stx-sidebar],.stx-sidebar{display:none!important}</style><script>window.__craftNativeSidebar=true;document.documentElement.classList.add('has-native-sidebar')</script></head>"+Q;if(I.titlebarHidden)if(Q.includes("<head>"))Q=Q.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 Q=`<head><style>html.stx-titlebar-hidden .stx-traffic-lights-dot{visibility:hidden}</style><script>document.documentElement.classList.add('stx-titlebar-hidden')</script></head>${Q}`;if(Z.boundaries&&Z.boundaries.length>0){let{renderStreamingPage:O,streamToResponse:j}=await import("../streaming.js");return j(O(Q,Z.boundaries,{timeoutMs:30000}),{headers:{"Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}return new Response(Q,{headers:{"Content-Type":"text/html","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}}if(p.length>0){let Z=p.map((L)=>L.route),k=FG(X.pathname,Z);if(k){let L=u.get(k.route.pattern);if(L){let Q=L.content;if(F)Q=JG(F,Q);if(Object.keys(k.params).length>0)Q=YG(Q,k.params);if(Q=await g(Q,V),E)Q=m(Q,R);return new Response(Q,{headers:{"Content-Type":"text/html","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}}for(let{prefix:L}of yG)if(L!=="/"&&X.pathname.startsWith(L)){let Q=u.get(L)||u.get(L+"/");if(Q){let O=Q.content;if(F)O=JG(F,O);if(O=await g(O,V),E)O=m(O,R);return new Response(O,{headers:{"Content-Type":"text/html","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}}}let e=i.get("/");if(e){let Z=e.content;if(Z=await g(Z,V),E)Z=m(Z,R);if(I.native)if(Z.includes("<head>"))Z=Z.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 Z="<head><style>[data-stx-sidebar],.stx-sidebar{display:none!important}</style><script>window.__craftNativeSidebar=true;document.documentElement.classList.add('has-native-sidebar')</script></head>"+Z;return new Response(Z,{headers:{"Content-Type":"text/html","Cache-Control":"no-store, no-cache, must-revalidate",Pragma:"no-cache",Expires:"0"}})}let GG=await KG(404);if(GG){let Z=GG;if(Z=await g(Z,V),E)Z=m(Z,R);return new Response(Z,{status:404,headers:{"Content-Type":"text/html"}})}return new Response("Not Found",{status:404})},async error(J){let X=await KG(500);if(X)return new Response(X,{status:500,headers:{"Content-Type":"text/html"}});return new Response(`<pre>${J}
-${J.stack}</pre>`,{headers:{"Content-Type":"text/html"}})}});if(console.clear(),console.log(`
-${G.blue}stx${G.reset}  ${G.green}${process.env.stx_VERSION||"v0.0.10"}${G.reset}  ${G.dim}ready in ${Math.random()*10+5|0}.${Math.random()*90+10|0} ms${G.reset}`),console.log(`
-${G.bright}\u2192  ${G.cyan}http://localhost:${h}/${G.reset}`),E)console.log(`${G.dim}   HMR: ws://localhost:${R}${G.reset}`);console.log(`
-${G.yellow}Routes:${G.reset}`);let LG=[...bG(d,V)];for(let{route:J}of p)LG.push(`${J.pattern}`);if(LG.forEach((J,X)=>{let K=X===LG.length-1?"\u2514\u2500 ":"\u251C\u2500 ";console.log(`  ${G.green}${K}${G.reset}${J}`)}),console.log(`
-Press ${G.cyan}h${G.reset} + ${G.cyan}Enter${G.reset} to show shortcuts`),nG(_G.url.toString(),()=>{if(W)qG();_G.stop()}),I.native){let J,X=Y.join(r,"index.stx");if(q.existsSync(X)){let K=await Bun.file(X).text();J=sG(K)}let $=D?.app?.window??{};await iG(h,{title:D?.app?.head?.title||Y.basename(V)||"stx App",width:$.width,height:$.height,darkMode:$.darkMode,hotReload:$.hotReload,titlebarHidden:$.titlebarHidden??I.titlebarHidden===!0,nativeSidebar:!!J,sidebarConfig:J})}if(l){console.log(`${G.blue}Watching for changes...${G.reset}`);let J=(K)=>{return K.startsWith("public/")||K.startsWith("public\\")},X=(K)=>{let z=K.toLowerCase();return z.endsWith(".stx")||z.endsWith(".html")||z.endsWith(".md")},$=q.watch(V,{recursive:!0},async(K,z)=>{if(!z||gG(z))return;if(fG(z))if(J(z)){if(console.log(`${G.cyan}${z} changed${G.reset}`),E&&W)W.reload(z)}else if(X(z)){console.log(`${G.yellow}${z} changed, rebuilding...${G.reset}`),BG.clear(),TG();try{let{invalidateFileCache:H,templateCache:y}=await import("../caching.js");H(Y.resolve(V,z)),y.delete(Y.resolve(V,z))}catch{}if(C&&z){if(Y.resolve(V,z)===C||Y.basename(C)===z){let y=await EG(C,I.stxOptions||{});if(y)F=y}}if(await kG(),await MG(V),E&&W)W.reload(z)}else{console.log(`${G.yellow}${z} changed, rebuilding...${G.reset}`),BG.clear(),TG();try{let{invalidateFileCache:H,templateCache:y}=await import("../caching.js");H(Y.resolve(V,z)),y.delete(Y.resolve(V,z))}catch{}if(await kG(),E&&W)W.reload(z)}else if(PG(z)){if(console.log(`${G.cyan}CSS ${z} changed${G.reset}`),E&&W)W.updateCss(z)}});process.on("SIGINT",()=>{if($.close(),W)qG();_G.stop(),process.exit(0)})}return!0}export{OJ as serveApp};
+import { serve } from "bun";
+import fs from "node:fs";
+import path from "node:path";
+import { detectShell, processShell, composeShellWithPage, stripDocumentWrapper, isSpaNavigation, extractContainerContent, extractLayoutMetadata } from "../app-shell.js";
+import {
+  getHmrServer,
+  injectHotReload,
+  isCssOnlyChange,
+  shouldIgnoreFile,
+  shouldReloadOnChange,
+  stopHmrServer
+} from "../hot-reload.js";
+import { partialsCache } from "../includes.js";
+import { plugin as stxPlugin } from "../plugin.js";
+import { createRouter, matchRoute, formatRoutes, findErrorPage } from "../router.js";
+import {
+  loadMiddlewareFromDirectory,
+  runMiddleware,
+  createMiddlewareContext,
+  createRouteLocation,
+  clearMiddleware,
+  getMiddlewareNames
+} from "../route-middleware.js";
+import { getPageMeta, resetHead } from "../head.js";
+import { clearComponentCache } from "../utils.js";
+import {
+  buildCrosswindCSS,
+  colors,
+  extractSidebarConfig,
+  findAvailablePort,
+  injectCrosswindCSS,
+  openNativeWindow,
+  rebuildCrosswindCSS,
+  setupKeyboardShortcuts
+} from "./index.js";
+function serveStaticFile(filePath) {
+  const file = Bun.file(filePath), ext = path.extname(filePath).toLowerCase(), contentTypes = {
+    ".html": "text/html",
+    ".css": "text/css",
+    ".js": "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",
+    ".woff": "font/woff",
+    ".woff2": "font/woff2",
+    ".ttf": "font/ttf",
+    ".otf": "font/otf",
+    ".eot": "application/vnd.ms-fontobject"
+  }, cacheHeaders = [".js", ".css", ".json"].includes(ext) ? {
+    "Cache-Control": "no-store, no-cache, must-revalidate",
+    Pragma: "no-cache",
+    Expires: "0"
+  } : {};
+  return new Response(file, {
+    headers: {
+      "Content-Type": contentTypes[ext] || "application/octet-stream",
+      ...cacheHeaders
+    }
+  });
+}
+export async function serveApp(appDir = ".", options = {}) {
+  const port = options.port || 3000, watch = options.watch !== !1, hotReload = options.hotReload !== !1 && watch;
+  let hmrServer = null, actualHmrPort = options.hmrPort || port + 1;
+  const absoluteAppDir = path.resolve(appDir), { loadStxConfig } = await import("../index.js"), projectConfig = await loadStxConfig(absoluteAppDir), stxRoot = projectConfig.root && projectConfig.root !== "." ? path.join(absoluteAppDir, projectConfig.root) : absoluteAppDir, pagesDirName = projectConfig.pagesDir || "pages", pagesDir = path.join(stxRoot, pagesDirName);
+  if (!fs.existsSync(pagesDir)) {
+    console.error(`${colors.red}Error: No '${pagesDirName}' directory found in ${colors.bright}${stxRoot}${colors.reset}`);
+    console.log(`${colors.dim}Create a ${pagesDirName}/ directory with .stx files to define your routes.${colors.reset}`);
+    console.log(`${colors.dim}Example: ${pagesDirName}/index.stx for the homepage.${colors.reset}`);
+    return !1;
+  }
+  const routes = createRouter(stxRoot);
+  if (routes.length === 0) {
+    console.error(`${colors.red}Error: No page files found in ${colors.bright}${pagesDir}${colors.reset}`);
+    return !1;
+  }
+  console.log(`${colors.blue}Found ${colors.bright}${routes.length}${colors.blue} routes${colors.reset}`);
+  const pluginPageDirs = projectConfig?._pluginPageDirs || [], pluginRoutes = [];
+  for (const { dir: pluginDir, prefix: pluginPrefix } of pluginPageDirs)
+    if (fs.existsSync(pluginDir)) {
+      const pRoutes = createRouter(path.dirname(pluginDir), { pagesDir: path.basename(pluginDir) });
+      for (const route of pRoutes) {
+        const prefixedPattern = pluginPrefix === "/" ? route.pattern : `${pluginPrefix}${route.pattern === "/" ? "" : route.pattern}`;
+        pluginRoutes.push({
+          route: { ...route, pattern: prefixedPattern },
+          prefix: pluginPrefix
+        });
+      }
+      if (pRoutes.length > 0)
+        console.log(`${colors.blue}Plugin pages: ${colors.bright}${pRoutes.length}${colors.blue} routes at ${colors.cyan}${pluginPrefix}${colors.reset}`);
+    }
+  const builtPluginPages = new Map;
+  let shell = null, shellPath = null;
+  if (options.stxOptions?.shell !== !1) {
+    shellPath = await detectShell(absoluteAppDir, options.stxOptions?.shell);
+    if (shellPath) {
+      shell = await processShell(shellPath, options.stxOptions || {});
+      if (shell)
+        console.log(`${colors.blue}Using app shell: ${colors.bright}${path.relative(absoluteAppDir, shellPath)}${colors.reset} ${colors.dim}(deprecated: use layouts/default.stx instead)${colors.reset}`);
+    }
+  }
+  clearMiddleware();
+  await loadMiddlewareFromDirectory(absoluteAppDir);
+  const loadedMiddleware = getMiddlewareNames();
+  if (loadedMiddleware.length > 0)
+    console.log(`${colors.blue}Loaded ${colors.bright}${loadedMiddleware.length}${colors.blue} middleware: ${colors.dim}${loadedMiddleware.join(", ")}${colors.reset}`);
+  let apiRoutes = {}, customRouter = null;
+  try {
+    const { loadStxConfig } = await import("../index.js"), projectConfig = await loadStxConfig(absoluteAppDir);
+    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 {}
+  const outputDir = path.join(absoluteAppDir, ".stx/output");
+  fs.mkdirSync(outputDir, { recursive: !0 });
+  const builtPages = new Map, streamingRoutes = new Set, renderErrorPage = async (statusCode) => {
+    const errorPagePath = findErrorPage(pagesDir, statusCode);
+    if (!errorPagePath)
+      return null;
+    try {
+      const result = await Bun.build({
+        entrypoints: [errorPagePath],
+        outdir: outputDir,
+        plugins: [stxPlugin],
+        publicPath: "/",
+        define: {
+          "process.env.NODE_ENV": '"development"'
+        },
+        ...options.stxOptions
+      });
+      if (!result.success)
+        return null;
+      const htmlOutput = result.outputs.find((o) => o.path.endsWith(".html"));
+      if (!htmlOutput)
+        return null;
+      return await Bun.file(htmlOutput.path).text();
+    } catch {
+      return null;
+    }
+  }, buildPage = async (route, requestParams) => {
+    try {
+      const { processDirectives, extractVariables, defaultConfig, loadStxConfig, injectRouterScript } = await import("../index.js"), { checkCache, cacheTemplate, readFileCached, templateCache } = await import("../caching.js"), projectConfig = await loadStxConfig(absoluteAppDir), resolveRel = (dir) => {
+        if (!dir)
+          return dir;
+        if (path.isAbsolute(dir))
+          return dir;
+        return path.resolve(absoluteAppDir, dir);
+      }, merged = {
+        ...defaultConfig,
+        ...projectConfig,
+        ...options.stxOptions,
+        autoShell: !0
+      };
+      if (options.debugDirectives)
+        merged.debug = !0;
+      merged.partialsDir = resolveRel(merged.partialsDir);
+      merged.componentsDir = resolveRel(merged.componentsDir);
+      merged.layoutsDir = resolveRel(merged.layoutsDir);
+      merged.storesDir = resolveRel(merged.storesDir || "stores");
+      merged.cachePath = resolveRel(merged.cachePath || ".stx/cache");
+      const isStaticBuild = !requestParams && !options.profile, cacheEnabled = merged.cache !== !1;
+      if (cacheEnabled && isStaticBuild) {
+        const memEntry = templateCache.get(route.filePath);
+        if (memEntry)
+          try {
+            if ((await fs.promises.stat(route.filePath)).mtime.getTime() <= memEntry.mtime) {
+              let valid = !0;
+              for (const dep of memEntry.dependencies) {
+                if (!fs.existsSync(dep)) {
+                  valid = !1;
+                  break;
+                }
+                if ((await fs.promises.stat(dep)).mtime.getTime() > memEntry.mtime) {
+                  valid = !1;
+                  break;
+                }
+              }
+              if (valid) {
+                let output = memEntry.output;
+                if (shell)
+                  output = stripDocumentWrapper(output, { preserveHead: !0 });
+                return { route, content: output };
+              }
+            }
+          } catch {}
+        const cached = await checkCache(route.filePath, merged);
+        if (cached) {
+          let output = cached;
+          if (shell)
+            output = stripDocumentWrapper(output, { preserveHead: !0 });
+          return { route, content: output };
+        }
+      }
+      const content = cacheEnabled ? await readFileCached(route.filePath) : await Bun.file(route.filePath).text(), { classifyAllScripts } = await import("../index.js"), classified = classifyAllScripts(content), serverScripts = classified.server.map((s) => s.content);
+      let templateContent = content;
+      for (const s of classified.server)
+        templateContent = templateContent.replace(s.fullTag, "");
+      const context = {
+        __filename: route.filePath,
+        __dirname: path.dirname(route.filePath),
+        params: requestParams ?? {}
+      }, { resetHead } = await import("../head.js");
+      resetHead();
+      for (const scriptBody of serverScripts)
+        try {
+          await extractVariables(scriptBody, context, route.filePath);
+        } catch (e) {
+          if (options.stxOptions?.debug)
+            console.error("[stx] variable extraction error", route.filePath, e?.message || e);
+        }
+      const dependencies = new Set;
+      let output;
+      if (options.profile) {
+        const t0 = performance.now();
+        output = await processDirectives(templateContent, context, route.filePath, merged, dependencies);
+        const ms = performance.now() - t0, rel = path.relative(absoluteAppDir, route.filePath) || route.filePath;
+        console.log(`[stx:profile] ${rel} \u2192 ${ms.toFixed(2)}ms`);
+      } else
+        output = await processDirectives(templateContent, context, route.filePath, merged, dependencies);
+      if (!shell)
+        output = await injectRouterScript(output);
+      {
+        const { interpolateScriptExpressions } = await import("../expressions.js");
+        output = output.replace(/<script\b([^>]*)>([\s\S]*?)<\/script>/g, (full, attrs, body) => {
+          if (!/function\s+__stx_setup_/.test(body))
+            return full;
+          return `<script${attrs}>${interpolateScriptExpressions(body, context)}</script>`;
+        });
+      }
+      if (shell)
+        output = stripDocumentWrapper(output, { preserveHead: !0 });
+      if (cacheEnabled && isStaticBuild)
+        await cacheTemplate(route.filePath, output, dependencies, merged);
+      const { extractStreamBoundaries } = await import("../streaming.js");
+      let boundaries = extractStreamBoundaries(context);
+      const streamTemplates = context.__streamTemplates;
+      if (streamTemplates && typeof streamTemplates === "object" && Object.keys(streamTemplates).length > 0) {
+        const dataFns = context.streamBoundaries || {}, fragmentConfig = { ...merged, autoShell: !1 }, tplBoundaries = Object.keys(streamTemplates).map((id) => ({
+          id,
+          render: async () => {
+            const data = typeof dataFns[id] === "function" ? await dataFns[id]() : void 0;
+            return processDirectives(streamTemplates[id], { ...context, $boundary: data }, route.filePath, fragmentConfig, new Set);
+          }
+        })), tplIds = new Set(tplBoundaries.map((b) => b.id));
+        boundaries = [...(boundaries || []).filter((b) => !tplIds.has(b.id)), ...tplBoundaries];
+      }
+      if (boundaries && boundaries.length > 0)
+        streamingRoutes.add(route.pattern);
+      else
+        boundaries = void 0;
+      return { route, content: output, boundaries };
+    } catch (error) {
+      console.error(`${colors.red}Error building ${colors.bright}${route.pattern}${colors.reset}:`, error);
+      return null;
+    }
+  }, BUILD_CONCURRENCY = 8, buildAllPages = async () => {
+    builtPages.clear();
+    builtPluginPages.clear();
+    for (let i = 0;i < routes.length; i += BUILD_CONCURRENCY) {
+      const chunk = routes.slice(i, i + BUILD_CONCURRENCY), results = await Promise.all(chunk.map((route) => buildPage(route)));
+      for (const built of results)
+        if (built)
+          builtPages.set(built.route.pattern, built);
+    }
+    for (let i = 0;i < pluginRoutes.length; i += BUILD_CONCURRENCY) {
+      const chunk = pluginRoutes.slice(i, i + BUILD_CONCURRENCY), results = await Promise.all(chunk.map(({ route }) => buildPage(route)));
+      for (const built of results)
+        if (built)
+          builtPluginPages.set(built.route.pattern, built);
+    }
+    return builtPages.size > 0;
+  };
+  console.log(`${colors.blue}Building pages...${colors.reset}`);
+  if (!await buildAllPages()) {
+    console.error(`${colors.red}No pages were successfully built${colors.reset}`);
+    return !1;
+  }
+  await buildCrosswindCSS(absoluteAppDir);
+  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);
+  }
+  const injectRouteParams = (content, params) => {
+    const paramsScript = `<script>(function(){var s=typeof stx!=='undefined'?stx:{};s._rp=${JSON.stringify(params)};if(s.setRouteParams)s.setRouteParams(s._rp);})()</script>`;
+    if (content.includes("</head>"))
+      return content.replace("</head>", `${paramsScript}</head>`);
+    if (content.includes("<body"))
+      return content.replace(/<body([^>]*)>/, `<body$1>${paramsScript}`);
+    return paramsScript + content;
+  };
+  console.log(`${colors.blue}Starting server...${colors.reset}`);
+  const server = serve({
+    port: actualPort,
+    async fetch(request) {
+      const url = new URL(request.url), publicDirName = projectConfig?.publicDir || "public", publicPath = path.join(absoluteAppDir, publicDirName, url.pathname), distPath = path.join(absoluteAppDir, url.pathname), outputPath = path.join(outputDir, url.pathname), [publicStat, distStat, outputStat] = await Promise.all([
+        fs.promises.stat(publicPath).catch(() => null),
+        fs.promises.stat(distPath).catch(() => null),
+        fs.promises.stat(outputPath).catch(() => null)
+      ]);
+      if (publicStat?.isFile())
+        return serveStaticFile(publicPath);
+      if (distStat?.isFile())
+        return serveStaticFile(distPath);
+      if (outputStat?.isFile())
+        return serveStaticFile(outputPath);
+      if (url.pathname.startsWith("/_stx/component/")) {
+        const componentName = decodeURIComponent(url.pathname.slice(16));
+        if (componentName)
+          try {
+            const componentTemplate = `<${componentName} />`, componentOpts = { ...buildConfig, autoShell: !1 }, html = await processDirectives(componentTemplate, {}, path.join(absoluteAppDir, "components", `${componentName}.stx`), componentOpts, new Set);
+            return new Response(html, { headers: { "Content-Type": "text/html" } });
+          } catch (e) {
+            return new Response(`<div class="stx-async-error">${e.message}</div>`, { status: 500, headers: { "Content-Type": "text/html" } });
+          }
+      }
+      if (url.pathname === "/_stx/img") {
+        const { handleImageRequest } = await import("../image-optimization/serve.js"), imgResponse = await handleImageRequest(request, {
+          publicDir: path.join(absoluteAppDir, publicDirName),
+          cacheDir: path.join(absoluteAppDir, ".stx/cache/img")
+        });
+        if (imgResponse)
+          return imgResponse;
+      }
+      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" }
+          });
+        }
+      const routeMatch = matchRoute(url.pathname, routes);
+      if (routeMatch) {
+        let builtPage = builtPages.get(routeMatch.route.pattern);
+        const isStreamingRoute = streamingRoutes.has(routeMatch.route.pattern);
+        if (routeMatch.route.isDynamic && Object.keys(routeMatch.params).length > 0 || isStreamingRoute) {
+          const rebuilt = await buildPage(routeMatch.route, routeMatch.params);
+          if (rebuilt)
+            builtPage = rebuilt;
+        }
+        if (builtPage) {
+          const pageMeta = getPageMeta();
+          if (pageMeta.validate) {
+            if (!await pageMeta.validate({ params: routeMatch.params })) {
+              const custom404 = await renderErrorPage(404);
+              if (custom404) {
+                let content = custom404;
+                content = await injectCrosswindCSS(content, absoluteAppDir);
+                if (hotReload)
+                  content = injectHotReload(content, actualHmrPort);
+                return new Response(content, {
+                  status: 404,
+                  headers: { "Content-Type": "text/html" }
+                });
+              }
+              return new Response("Not Found", { status: 404 });
+            }
+          }
+          if (pageMeta.middleware) {
+            const toRoute = createRouteLocation(url.pathname, routeMatch.params, pageMeta, url.search), middlewareContext = createMiddlewareContext(toRoute, null, request), middlewareResult = await runMiddleware(pageMeta.middleware, middlewareContext);
+            if (middlewareResult.redirect) {
+              const redirectUrl = middlewareResult.redirect.path, statusCode = middlewareResult.redirect.options.redirectCode || 302, headers = new Headers(middlewareResult.responseHeaders);
+              headers.set("Location", redirectUrl);
+              return new Response(null, {
+                status: statusCode,
+                headers
+              });
+            }
+            if (middlewareResult.abort) {
+              const { statusCode, message } = middlewareResult.abort.error;
+              return new Response(`<!DOCTYPE html><html><head><title>Error ${statusCode}</title></head><body><h1>Error ${statusCode}</h1><p>${message}</p></body></html>`, {
+                status: statusCode,
+                headers: { "Content-Type": "text/html" }
+              });
+            }
+            if (Object.keys(middlewareResult.state).length > 0) {
+              const stateScript = `<script>(function(){var s=typeof stx!=='undefined'?stx:{};s._ms=${JSON.stringify(middlewareResult.state)};if(s.setMiddlewareState)s.setMiddlewareState(s._ms);})()</script>`;
+              builtPage.content = builtPage.content.replace("</head>", `${stateScript}</head>`);
+            }
+          }
+          let content = builtPage.content;
+          if (shell && isSpaNavigation(request)) {
+            const layoutMetadata = extractLayoutMetadata(content), titleMatch = content.match(/<title[^>]*>([\s\S]*?)<\/title>/i), pageTitle = titleMatch ? titleMatch[1].trim() : "";
+            if (Object.keys(routeMatch.params).length > 0)
+              content = injectRouteParams(content, routeMatch.params);
+            content = await injectCrosswindCSS(content, absoluteAppDir);
+            const routerContainer = projectConfig?.router?.container || "main";
+            content = extractContainerContent(content, routerContainer);
+            return new Response(content, {
+              headers: {
+                "Content-Type": "text/html",
+                "X-STX-Fragment": "true",
+                "X-STX-Layout": layoutMetadata.layout,
+                "X-STX-Layout-Group": layoutMetadata.group,
+                ...pageTitle && { "X-STX-Title": encodeURIComponent(pageTitle) },
+                "Cache-Control": "no-store, no-cache, must-revalidate"
+              }
+            });
+          }
+          if (shell)
+            content = composeShellWithPage(shell, content);
+          if (Object.keys(routeMatch.params).length > 0)
+            content = injectRouteParams(content, routeMatch.params);
+          content = await injectCrosswindCSS(content, absoluteAppDir);
+          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
+              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
+              content = `<head>${tbInjection}</head>${content}`;
+          }
+          if (builtPage.boundaries && builtPage.boundaries.length > 0) {
+            const { renderStreamingPage, streamToResponse } = await import("../streaming.js");
+            return streamToResponse(renderStreamingPage(content, builtPage.boundaries, { timeoutMs: 30000 }), {
+              headers: {
+                "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"
+            }
+          });
+        }
+      }
+      if (pluginRoutes.length > 0) {
+        const allPluginPatterns = pluginRoutes.map((pr) => pr.route), pluginMatch = matchRoute(url.pathname, allPluginPatterns);
+        if (pluginMatch) {
+          const builtPage = builtPluginPages.get(pluginMatch.route.pattern);
+          if (builtPage) {
+            let content = builtPage.content;
+            if (shell)
+              content = composeShellWithPage(shell, content);
+            if (Object.keys(pluginMatch.params).length > 0)
+              content = injectRouteParams(content, pluginMatch.params);
+            content = await injectCrosswindCSS(content, absoluteAppDir);
+            if (hotReload)
+              content = injectHotReload(content, actualHmrPort);
+            return new Response(content, {
+              headers: {
+                "Content-Type": "text/html",
+                "Cache-Control": "no-store, no-cache, must-revalidate",
+                Pragma: "no-cache",
+                Expires: "0"
+              }
+            });
+          }
+        }
+        for (const { prefix: pluginPrefix } of pluginPageDirs)
+          if (pluginPrefix !== "/" && url.pathname.startsWith(pluginPrefix)) {
+            const pluginIndex = builtPluginPages.get(pluginPrefix) || builtPluginPages.get(pluginPrefix + "/");
+            if (pluginIndex) {
+              let content = pluginIndex.content;
+              if (shell)
+                content = composeShellWithPage(shell, content);
+              content = await injectCrosswindCSS(content, absoluteAppDir);
+              if (hotReload)
+                content = injectHotReload(content, actualHmrPort);
+              return new Response(content, {
+                headers: {
+                  "Content-Type": "text/html",
+                  "Cache-Control": "no-store, no-cache, must-revalidate",
+                  Pragma: "no-cache",
+                  Expires: "0"
+                }
+              });
+            }
+          }
+      }
+      const indexPage = builtPages.get("/");
+      if (indexPage) {
+        let content = indexPage.content;
+        content = await injectCrosswindCSS(content, absoluteAppDir);
+        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
+            content = `<head>${nativeSidebarInjection}</head>` + content;
+        }
+        return new Response(content, {
+          headers: {
+            "Content-Type": "text/html",
+            "Cache-Control": "no-store, no-cache, must-revalidate",
+            Pragma: "no-cache",
+            Expires: "0"
+          }
+        });
+      }
+      const custom404 = await renderErrorPage(404);
+      if (custom404) {
+        let content = custom404;
+        content = await injectCrosswindCSS(content, absoluteAppDir);
+        if (hotReload)
+          content = injectHotReload(content, actualHmrPort);
+        return new Response(content, {
+          status: 404,
+          headers: { "Content-Type": "text/html" }
+        });
+      }
+      return new Response("Not Found", { status: 404 });
+    },
+    async error(error) {
+      const custom500 = await renderErrorPage(500);
+      if (custom500)
+        return new Response(custom500, {
+          status: 500,
+          headers: { "Content-Type": "text/html" }
+        });
+      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}`);
+  if (hotReload)
+    console.log(`${colors.dim}   HMR: ws://localhost:${actualHmrPort}${colors.reset}`);
+  console.log(`
+${colors.yellow}Routes:${colors.reset}`);
+  const allRouteStrings = [...formatRoutes(routes, absoluteAppDir)];
+  for (const { route: pluginRoute } of pluginRoutes)
+    allRouteStrings.push(`${pluginRoute.pattern}`);
+  allRouteStrings.forEach((str, i) => {
+    const prefix = i === allRouteStrings.length - 1 ? "\u2514\u2500 " : "\u251C\u2500 ";
+    console.log(`  ${colors.green}${prefix}${colors.reset}${str}`);
+  });
+  console.log(`
+Press ${colors.cyan}h${colors.reset} + ${colors.cyan}Enter${colors.reset} to show shortcuts`);
+  setupKeyboardShortcuts(server.url.toString(), () => {
+    if (hmrServer)
+      stopHmrServer();
+    server.stop();
+  });
+  if (options.native) {
+    let sidebarConfig;
+    const indexPath = path.join(pagesDir, "index.stx");
+    if (fs.existsSync(indexPath)) {
+      const templateContent = await Bun.file(indexPath).text();
+      sidebarConfig = extractSidebarConfig(templateContent);
+    }
+    const appWindow = projectConfig?.app?.window ?? {};
+    await openNativeWindow(actualPort, {
+      title: projectConfig?.app?.head?.title || path.basename(absoluteAppDir) || "stx App",
+      width: appWindow.width,
+      height: appWindow.height,
+      darkMode: appWindow.darkMode,
+      hotReload: appWindow.hotReload,
+      titlebarHidden: appWindow.titlebarHidden ?? options.titlebarHidden === !0,
+      nativeSidebar: !!sidebarConfig,
+      sidebarConfig
+    });
+  }
+  if (watch) {
+    console.log(`${colors.blue}Watching for changes...${colors.reset}`);
+    const isStaticAsset = (filename) => {
+      return filename.startsWith("public/") || filename.startsWith("public\\");
+    }, isTemplateFile = (filename) => {
+      const ext = filename.toLowerCase();
+      return ext.endsWith(".stx") || ext.endsWith(".html") || ext.endsWith(".md");
+    }, watcher = fs.watch(absoluteAppDir, { recursive: !0 }, async (eventType, filename) => {
+      if (!filename || shouldIgnoreFile(filename))
+        return;
+      if (shouldReloadOnChange(filename))
+        if (isStaticAsset(filename)) {
+          console.log(`${colors.cyan}${filename} changed${colors.reset}`);
+          if (hotReload && hmrServer)
+            hmrServer.reload(filename);
+        } else if (isTemplateFile(filename)) {
+          console.log(`${colors.yellow}${filename} changed, rebuilding...${colors.reset}`);
+          partialsCache.clear();
+          clearComponentCache();
+          try {
+            const { invalidateFileCache, templateCache } = await import("../caching.js");
+            invalidateFileCache(path.resolve(absoluteAppDir, filename));
+            templateCache.delete(path.resolve(absoluteAppDir, filename));
+          } catch {}
+          if (shellPath && filename) {
+            if (path.resolve(absoluteAppDir, filename) === shellPath || path.basename(shellPath) === filename) {
+              const newShell = await processShell(shellPath, options.stxOptions || {});
+              if (newShell)
+                shell = newShell;
+            }
+          }
+          await buildAllPages();
+          await rebuildCrosswindCSS(absoluteAppDir);
+          if (hotReload && hmrServer)
+            hmrServer.reload(filename);
+        } else {
+          console.log(`${colors.yellow}${filename} changed, rebuilding...${colors.reset}`);
+          partialsCache.clear();
+          clearComponentCache();
+          try {
+            const { invalidateFileCache, templateCache } = await import("../caching.js");
+            invalidateFileCache(path.resolve(absoluteAppDir, filename));
+            templateCache.delete(path.resolve(absoluteAppDir, filename));
+          } catch {}
+          await buildAllPages();
+          if (hotReload && hmrServer)
+            hmrServer.reload(filename);
+        }
+      else if (isCssOnlyChange(filename)) {
+        console.log(`${colors.cyan}CSS ${filename} changed${colors.reset}`);
+        if (hotReload && hmrServer)
+          hmrServer.updateCss(filename);
+      }
+    });
+    process.on("SIGINT", () => {
+      watcher.close();
+      if (hmrServer)
+        stopHmrServer();
+      server.stop();
+      process.exit(0);
+    });
+  }
+  return !0;
+}