@stacksjs/stx 0.2.95 → 0.2.97

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

@@ -1,2 +1,439 @@
-// @bun
-import{rf as a}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{a 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;
+}