@stacksjs/stx 0.2.95 → 0.2.97

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

@@ -1,2 +1,579 @@
-// @bun
-import{sf as a,tf as b}from"../chunk-qa59zejf.js";import"../chunk-20swzkx3.js";import"../chunk-ay9qf4zj.js";import"../chunk-vx22he47.js";import"../chunk-yywfvfph.js";import"../chunk-bk3j0n82.js";import"../chunk-47kpewks.js";import"../chunk-9b6cec0v.js";import"../chunk-a87qqft6.js";import"../chunk-scpkdrdb.js";import"../chunk-29y0hk5z.js";import"../chunk-gkzq8zw4.js";import"../chunk-7j5e8sdj.js";import"../chunk-tffh3b1e.js";import"../chunk-ejayeex8.js";import"../chunk-06w68hyg.js";import"../chunk-n5kg7fpx.js";import"../chunk-jnmgm2xw.js";import"../chunk-9eq3ht5f.js";import"../chunk-0p0nyq50.js";import"../chunk-6eqbxcrd.js";import"../chunk-ewa88139.js";import"../chunk-y6xsqe9a.js";import"../chunk-ynhngsdh.js";import"../chunk-0p1h3p3w.js";import"../chunk-p3fpb79v.js";import"../chunk-pcm1vd8w.js";import"../chunk-7b6s3g65.js";import"../chunk-wvf31nzs.js";import"../chunk-rw7937v4.js";import"../chunk-4qcy5tx6.js";import"../chunk-8dhdpa5h.js";import"../chunk-kdfe4t91.js";import"../chunk-t0c9wvpr.js";import"../chunk-rpx5fa65.js";import"../chunk-d1qh1x2g.js";import"../chunk-zk3d0jjf.js";import"../chunk-baf1hfwh.js";import"../chunk-vw7vqd76.js";import"../chunk-8n9nnqr6.js";import"../chunk-ktkmvaa8.js";import"../chunk-v97390pe.js";import"../chunk-h0hjy0kn.js";import"../chunk-0b9w2w1y.js";import"../chunk-4x7kae4j.js";import"../chunk-rtr974rc.js";import"../chunk-j8tn8enq.js";import"../chunk-pcntd9h4.js";import"../chunk-vgv7jvyz.js";import"../chunk-hjv76kcw.js";import"../chunk-9zbk5zx5.js";import"../chunk-trfswy66.js";import"../chunk-mv4fb50w.js";import"../chunk-rqxf5hns.js";import"../chunk-7sqdeqsw.js";import"../chunk-bndmdahk.js";import"../chunk-khdn7jwe.js";import"../chunk-ckxjqqn9.js";import"../chunk-3te20hqw.js";import"../chunk-jpndqst5.js";import"../chunk-80g54ncj.js";import"../chunk-zcxzdrn7.js";import"../chunk-akf1r75r.js";import"../chunk-zy3rp1ab.js";import"../chunk-10debkj5.js";import"../chunk-0a61y94n.js";import"../chunk-vmxjghsm.js";import"../chunk-jt0ezawy.js";import"../chunk-jjdq01dv.js";import"../chunk-wfg2gm11.js";import"../chunk-5f43yz6z.js";import"../chunk-yrsb6j3z.js";import"../chunk-k848dzsa.js";import"../chunk-xs03kc1h.js";import"../chunk-jz73j3qs.js";import"../chunk-p73meypx.js";import"../chunk-zf2pek72.js";import"../chunk-p1h8065h.js";import"../chunk-p3e0cqtt.js";import"../chunk-4d2y57k7.js";import"../chunk-bhqgmyqw.js";import"../chunk-hrnnh4tq.js";import"../chunk-vg5kt6az.js";import"../chunk-09k66d8a.js";import"../chunk-rw26rpek.js";import"../chunk-b77wjyn7.js";import"../chunk-j447q024.js";import"../chunk-04n64bnt.js";import"../chunk-p077sw22.js";import"../chunk-4aj7ftqb.js";import"../chunk-km25cwz6.js";import"../chunk-x3r64r0c.js";import"../chunk-1sr54zp8.js";import"../chunk-9t14se2t.js";import"../chunk-nm15ccsg.js";import"../chunk-2cdvw21b.js";import"../chunk-hbehnm18.js";import"../chunk-jjb05d21.js";import"../chunk-j58vh0w6.js";import"../chunk-1v49fwr5.js";import"../chunk-drjq2zwg.js";import"../chunk-m491r0rj.js";import"../chunk-aywxfqev.js";import"../chunk-rvptcndz.js";import"../chunk-15nesxgt.js";import"../chunk-q6zhd9yf.js";import"../chunk-8va64c9n.js";import"../chunk-xys2sxh6.js";import"../chunk-e98v1bc6.js";import"../chunk-hy8820vc.js";import"../chunk-d0zjtdw4.js";import"../chunk-mhgk632d.js";import"../chunk-avx8aydt.js";import"../chunk-r0jcmpv6.js";import"../chunk-1xz0w746.js";import"../chunk-m8448qby.js";import"../chunk-kx6eb6ma.js";import"../chunk-g1vt329s.js";import"../chunk-7074g241.js";import"../chunk-9cf97f9p.js";import"../chunk-6djzdes9.js";import"../chunk-v7f8jj15.js";import"../chunk-keawsbpn.js";import"../chunk-8b3z0zd5.js";import"../chunk-hbgxbgam.js";import"../chunk-ejh8fyak.js";import"../chunk-krqn0ddk.js";import"../chunk-y1k17c8b.js";import"../chunk-2j21d3ka.js";import"../chunk-frg705zq.js";import"../chunk-hjm2xab3.js";import"../chunk-07y6m5xx.js";import"../chunk-wazkqv7n.js";import"../chunk-x05nxhyv.js";import"../chunk-31dr4bys.js";import"../chunk-mgj88zeq.js";import"../chunk-m167kjhv.js";import"../chunk-3a4qsygv.js";import"../chunk-dqn9gyhb.js";import"../chunk-988dw6q3.js";import"../chunk-8qc1bsym.js";import"../chunk-xyg1r5w0.js";import"../chunk-7gd339hd.js";import"../chunk-4deg33rw.js";import"../chunk-pa9zb7ty.js";import"../chunk-a2g2qb2y.js";import"../chunk-h5jxydqq.js";import"../chunk-nhv099jv.js";import"../chunk-shv88d2d.js";import"../chunk-0dx4q6yq.js";import"../chunk-ek2w6zvy.js";import"../chunk-9wmq2272.js";import"../chunk-7dkz6z2s.js";import"../chunk-9ecv8aqj.js";import"../chunk-bdk6g1vj.js";import"../chunk-xqq1vxb6.js";import"../chunk-amaa1bev.js";import"../chunk-r5m9xtm7.js";import"../chunk-bs3gmfxz.js";import"../chunk-1zgsgk4b.js";import"../chunk-2jxbwnkz.js";import"../chunk-zen6ax1y.js";import"../chunk-yb1t2h8h.js";import"../chunk-fjk3x41y.js";import"../chunk-5shey2e4.js";import"../chunk-27zsyhrd.js";import"../chunk-7ed3tean.js";import"../chunk-8vtm0m84.js";import"../chunk-tzwtg722.js";import"../chunk-ah88wzbg.js";import"../chunk-v8j49spx.js";import"../chunk-tg2f1mzq.js";import"../chunk-n9dhs1dw.js";import"../chunk-rwrv9wbf.js";import"../chunk-wg9k6h8w.js";import"../chunk-9jtj77jx.js";import"../chunk-qygvvygy.js";import"../chunk-gz5fmp3q.js";import"../chunk-vjbefncc.js";import"../chunk-8xj7c3mf.js";import"../chunk-qvrbjpdc.js";import"../chunk-w3b6m427.js";import"../chunk-rz2ec6g7.js";import"../chunk-35faj94w.js";import"../chunk-djddhmcc.js";import"../chunk-knm8a8yx.js";import"../chunk-xv34zbp4.js";export{b as serveMultipleStxFiles,a as findCommonDir};
+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>${data.title || path.basename(absolutePath)}</title>
+  <!-- Syntax highlighting styles -->
+  <style id="syntax-theme">
+    :root {
+      --shiki-color-text: #24292e;
+      --shiki-color-background: #ffffff;
+      --shiki-token-constant: #005cc5;
+      --shiki-token-string: #032f62;
+      --shiki-token-comment: #6a737d;
+      --shiki-token-keyword: #d73a49;
+      --shiki-token-parameter: #24292e;
+      --shiki-token-function: #6f42c1;
+      --shiki-token-string-expression: #032f62;
+      --shiki-token-punctuation: #24292e;
+      --shiki-token-link: #032f62;
+    }
+    pre {
+      background-color: var(--shiki-color-background);
+      padding: 1rem;
+      border-radius: 4px;
+    }
+    code {
+      color: var(--shiki-color-text);
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    }
+    .dark-mode {
+      --shiki-color-text: #e1e4e8;
+      --shiki-color-background: #24292e;
+      --shiki-token-constant: #79b8ff;
+      --shiki-token-string: #9ecbff;
+      --shiki-token-comment: #6a737d;
+      --shiki-token-keyword: #f97583;
+      --shiki-token-parameter: #e1e4e8;
+      --shiki-token-function: #b392f0;
+      --shiki-token-string-expression: #9ecbff;
+      --shiki-token-punctuation: #e1e4e8;
+      --shiki-token-link: #9ecbff;
+    }
+  </style>
+  <style>
+    body {
+      font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+      line-height: 1.6;
+      color: #333;
+      max-width: 800px;
+      margin: 0 auto;
+      padding: 2rem;
+    }
+    pre, code {
+      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
+    }
+    pre {
+      border-radius: 4px;
+      padding: 0;
+      margin: 1.5rem 0;
+      overflow-x: auto;
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    }
+    pre code {
+      display: block;
+      padding: 1rem;
+      overflow-x: auto;
+    }
+    /* Apply background color to code blocks based on theme */
+    pre.syntax-highlighter {
+      background-color: var(--shiki-color-background) !important;
+    }
+    .dark-mode pre.syntax-highlighter {
+      background-color: var(--shiki-color-background) !important;
+    }
+    code {
+      padding: 0.2rem 0.4rem;
+      border-radius: 3px;
+    }
+    h1, h2, h3, h4 {
+      margin-top: 2rem;
+      margin-bottom: 1rem;
+    }
+    h1 { color: #111; border-bottom: 1px solid #eee; padding-bottom: 0.5rem; }
+    h2 { color: #333; border-bottom: 1px solid #f0f0f0; padding-bottom: 0.3rem; }
+    h3 { color: #444; }
+    img {
+      max-width: 100%;
+      border-radius: 4px;
+      margin: 1rem 0;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    }
+    blockquote {
+      border-left: 4px solid #ddd;
+      padding-left: 1rem;
+      margin-left: 0;
+      color: #555;
+      background: #f9f9f9;
+      padding: 0.5rem 1rem;
+      margin: 1.5rem 0;
+    }
+    table {
+      border-collapse: collapse;
+      width: 100%;
+      margin: 1.5rem 0;
+    }
+    th, td {
+      border: 1px solid #ddd;
+      padding: 0.5rem;
+    }
+    th {
+      background: #f0f0f0;
+      text-align: left;
+    }
+    tr:nth-child(even) {
+      background-color: #f8f8f8;
+    }
+    a {
+      color: #0066cc;
+      text-decoration: none;
+    }
+    a:hover {
+      text-decoration: underline;
+    }
+    hr {
+      border: 0;
+      border-top: 1px solid #eee;
+      margin: 2rem 0;
+    }
+    .frontmatter {
+      background: #f8f8f8;
+      border-radius: 4px;
+      padding: 1.5rem;
+      margin-bottom: 2rem;
+      font-size: 0.9rem;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      border-left: 4px solid #ddd;
+    }
+    .frontmatter-item {
+      margin-bottom: 0.5rem;
+      display: flex;
+    }
+    .frontmatter-label {
+      font-weight: bold;
+      min-width: 100px;
+      color: #555;
+    }
+    ${getThemeSelectorStyles()}
+  </style>
+</head>
+<body>
+  ${getFrontmatterHtml(data)}
+  ${getThemeSelectorHtml(themeOptions)}
+
+  ${content}
+
+  <script>
+    ${getThemeSelectorScript()}
+  </script>
+</body>
+</html>
+            `;
+            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{Sw as a,Tw as b,Uw as c,Vw as d,Ww as e,Xw as f,Yw as g}from"../chunk-0dx4q6yq.js";import"../chunk-xv34zbp4.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");
+}