@apex-stack/core 0.6.0 → 0.7.1

package/dist/server-VQSL2KPO.js

@@ -1,321 +0,0 @@
-import {
-  loadComponents
-} from "./chunk-4VG3CZ6H.js";
-import {
-  createApiHandler,
-  createMcpHandler,
-  loadApiRoutes,
-  loadMiddleware,
-  runMiddleware
-} from "./chunk-HCNNKT4A.js";
-import "./chunk-2C2HRLIY.js";
-import {
-  loadStores,
-  matchRoute,
-  renderIslandsPage,
-  renderPage,
-  resolveApexConfig,
-  scanPages
-} from "./chunk-DVNFDYEO.js";
-import "./chunk-PMLGY6Z3.js";
-
-// src/dev/server.ts
-import { existsSync as existsSync2, readdirSync, readFileSync as readFileSync2 } from "fs";
-import { createServer as createHttpServer } from "http";
-import { createRequire } from "module";
-import { join } from "path";
-import { fileURLToPath, pathToFileURL } from "url";
-import { apex } from "@apex-stack/vite";
-import {
-  createApp,
-  defineEventHandler,
-  fromNodeMiddleware,
-  getRequestHeaders,
-  setResponseHeader,
-  setResponseStatus,
-  toNodeListener
-} from "h3";
-import { createServer as createViteServer } from "vite";
-
-// src/dev/errorPage.ts
-import { existsSync, readFileSync } from "fs";
-function esc(s) {
-  return s.replace(
-    /[&<>"]/g,
-    (c) => c === "&" ? "&amp;" : c === "<" ? "&lt;" : c === ">" ? "&gt;" : "&quot;"
-  );
-}
-function firstFileFrame(stack, root) {
-  const re = /(?:file:\/\/\/?)?((?:[A-Za-z]:[\\/]|\/)[^\s():]+):(\d+):(\d+)/g;
-  const frames = [];
-  let m = re.exec(stack);
-  while (m) {
-    const raw = m[1];
-    if (raw && (/^[A-Za-z]:[\\/]/.test(raw) || raw.startsWith("/"))) {
-      const file = raw.replace(/\//g, process.platform === "win32" ? "\\" : "/");
-      if (existsSync(file) && !file.includes("node_modules")) {
-        frames.push({ file, line: Number(m[2] ?? 0), col: Number(m[3] ?? 0) });
-      }
-    }
-    m = re.exec(stack);
-  }
-  return frames.find((f) => f.file.startsWith(root)) ?? frames[0];
-}
-function codeFrame(frame) {
-  let lines;
-  try {
-    lines = readFileSync(frame.file, "utf8").split("\n");
-  } catch {
-    return "";
-  }
-  const start = Math.max(0, frame.line - 4);
-  const end = Math.min(lines.length, frame.line + 3);
-  const rows = [];
-  for (let i = start; i < end; i++) {
-    const n = i + 1;
-    const active = n === frame.line;
-    const num = String(n).padStart(4, " ");
-    rows.push(
-      `<div class="cf-row${active ? " active" : ""}"><span class="cf-num">${num}</span><span class="cf-code">${esc(lines[i] || "")}</span></div>`
-    );
-  }
-  return `<div class="frame"><div class="frame-file">${esc(frame.file)}<span class="frame-pos">:${frame.line}:${frame.col}</span></div><pre class="cf">${rows.join("")}</pre></div>`;
-}
-var SHELL_CSS = `
-:root{color-scheme:dark light}
-*{box-sizing:border-box}
-body{margin:0;min-height:100vh;background:#0a0e1a;color:#f4f7ff;
-  font:15px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
-  display:flex;align-items:flex-start;justify-content:center;padding:clamp(1.5rem,6vh,5rem) 1.25rem}
-@media(prefers-color-scheme:light){body{background:#f4f7ff;color:#0a0e1a}}
-.wrap{width:100%;max-width:860px}
-.brand{display:flex;align-items:center;gap:.55rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1.6rem}
-.mark{width:20px;height:20px}
-.pill{font-size:.8rem;font-weight:600;padding:.15rem .6rem;border-radius:999px;margin-left:.4rem}
-.pill.err{color:#fb7185;background:rgba(244,63,94,.12);border:1px solid rgba(244,63,94,.35)}
-.pill.nf{color:#818cf8;background:rgba(129,140,248,.12);border:1px solid rgba(129,140,248,.35)}
-.kind{font:600 .95rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#fb7185;margin:0 0 .5rem}
-.kind.nf{color:#818cf8}
-h1{font-size:clamp(1.4rem,3.2vw,2rem);line-height:1.2;letter-spacing:-.02em;margin:0 0 .7rem;word-break:break-word}
-.sub{color:#9aa6c4;margin:0 0 1.8rem}
-.sub code{background:rgba(130,140,200,.14);border-radius:.35rem;padding:.05rem .35rem;font-size:.9em}
-.frame{border:1px solid rgba(130,140,200,.18);border-radius:12px;overflow:hidden;margin:0 0 1.4rem;background:#11172b}
-@media(prefers-color-scheme:light){.frame{background:#fff}}
-.frame-file{font:.8rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9aa6c4;padding:.7rem .9rem;border-bottom:1px solid rgba(130,140,200,.18);overflow-x:auto;white-space:nowrap}
-.frame-pos{color:#fb7185}
-.cf{margin:0;padding:.6rem 0;overflow-x:auto;font:.82rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace}
-.cf-row{display:flex;padding:0 .9rem;white-space:pre}
-.cf-row.active{background:rgba(244,63,94,.12);box-shadow:inset 3px 0 0 #f43f5e}
-.cf-num{color:#5b6890;-webkit-user-select:none;user-select:none;padding-right:1.1rem;text-align:right}
-.cf-row.active .cf-num{color:#fb7185}
-.cf-code{color:#f4f7ff}
-@media(prefers-color-scheme:light){.cf-code{color:#0a0e1a}}
-details{border:1px solid rgba(130,140,200,.18);border-radius:12px;background:#11172b;overflow:hidden}
-@media(prefers-color-scheme:light){details{background:#fff}}
-summary{cursor:pointer;padding:.7rem .9rem;font-size:.85rem;color:#9aa6c4;user-select:none}
-summary:hover{color:#f4f7ff}
-@media(prefers-color-scheme:light){summary:hover{color:#0a0e1a}}
-.stack{margin:0;padding:0 .9rem 1rem;font:.78rem/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9aa6c4;overflow-x:auto;white-space:pre-wrap;word-break:break-word}
-.routes{list-style:none;padding:0;margin:0 0 1.4rem;display:flex;flex-wrap:wrap;gap:.5rem}
-.routes li{font:.85rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#818cf8;background:rgba(129,140,248,.1);border:1px solid rgba(129,140,248,.25);border-radius:.45rem;padding:.35rem .6rem}
-.foot{margin-top:1.8rem;color:#5b6890;font-size:.82rem}
-`;
-var MARK = `<svg class="mark" viewBox="0 0 64 64" aria-hidden="true"><defs><linearGradient id="g" x1="0" y1="1" x2="1" y2="0"><stop offset="0" stop-color="#22d3ee"/><stop offset="1" stop-color="#6366f1"/></linearGradient></defs><path d="M32 7 L32 35 L20 56 L4 56 Z" fill="url(#g)"/><path d="M32 7 L60 56 L44 56 L32 35 Z" fill="#6366f1"/></svg>`;
-function page(title, bodyInner) {
-  return `<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><title>${esc(title)}</title><style>${SHELL_CSS}</style></head><body><div class="wrap">${bodyInner}</div></body></html>`;
-}
-function renderErrorPage(error, opts) {
-  const kind = error.name || "Error";
-  const message = error.message || String(error);
-  const stack = error.stack || "";
-  const frame = stack ? firstFileFrame(stack, opts.root) : void 0;
-  const frameHtml = frame ? codeFrame(frame) : "";
-  const body = `
-    <div class="brand">${MARK} Apex JS <span class="pill err">Dev error</span></div>
-    <p class="kind">${esc(kind)}</p>
-    <h1>${esc(message)}</h1>
-    <p class="sub">While rendering <code>${esc(opts.url)}</code></p>
-    ${frameHtml}
-    <details${frameHtml ? "" : " open"}><summary>Stack trace</summary><pre class="stack">${esc(stack)}</pre></details>
-    <p class="foot">Fix the error and save \u2014 this page reloads automatically.</p>`;
-  return page(`${kind} \u2014 Apex JS`, body);
-}
-function renderNotFoundPage(url, routes) {
-  const list = routes.length ? routes.map((r) => `<li>${esc(r.pattern)}</li>`).join("") : "<li>no pages yet \u2014 add pages/index.alpine</li>";
-  const body = `
-    <div class="brand">${MARK} Apex JS <span class="pill nf">404</span></div>
-    <p class="kind nf">404 \u2014 Not found</p>
-    <h1>No route matches <code>${esc(url)}</code></h1>
-    <p class="sub">These routes are available:</p>
-    <ul class="routes">${list}</ul>
-    <p class="foot">Add a file under <code>pages/</code> to create a new route.</p>`;
-  return page("404 \u2014 Apex JS", body);
-}
-
-// src/dev/server.ts
-async function startDevServer(options) {
-  const port = options.port ?? 3e3;
-  const pageId = options.pageId ?? "/pages/index.alpine";
-  const req = createRequire(import.meta.url);
-  const tryResolve = (spec) => {
-    try {
-      return req.resolve(spec);
-    } catch {
-      return void 0;
-    }
-  };
-  const alpine = tryResolve("alpinejs");
-  const kit = tryResolve("@apex-stack/kit");
-  const coreClient = fileURLToPath(new URL("./client.js", import.meta.url));
-  const coreSelf = fileURLToPath(new URL("./index.js", import.meta.url));
-  const alias = {
-    "@apex-stack/core/client": coreClient,
-    "@apex-stack/core": coreSelf
-  };
-  if (alpine) alias.alpinejs = alpine;
-  if (kit) alias["@apex-stack/kit"] = kit;
-  const plugins = [apex({ clientRuntime: "@apex-stack/core/client" })];
-  let hasTailwind = false;
-  try {
-    const reqProj = createRequire(join(options.root, "package.json"));
-    const twMod = await import(pathToFileURL(reqProj.resolve("@tailwindcss/vite")).href);
-    const tw = twMod.default ?? twMod;
-    plugins.unshift(tw());
-    hasTailwind = true;
-  } catch {
-  }
-  const appCssRel = ["app.css", "styles/app.css", "src/app.css"].find(
-    (p) => existsSync2(join(options.root, p))
-  );
-  let appCss = appCssRel ? `/${appCssRel}` : void 0;
-  if (appCssRel && !hasTailwind) {
-    const css = readFileSync2(join(options.root, appCssRel), "utf8");
-    if (/@import\s+['"]tailwindcss['"]|@tailwind\b/.test(css)) {
-      console.warn(
-        `
-  \u26A0 ${appCssRel} imports Tailwind, but it isn't installed \u2014 skipping it (styles won't apply).
-    Fix: npm i -D tailwindcss @tailwindcss/vite
-`
-      );
-      appCss = void 0;
-    }
-  }
-  const vite = await createViteServer({
-    root: options.root,
-    appType: "custom",
-    // Derive the HMR port from the dev port so multiple `apex dev` instances
-    // don't all fight over Vite's default 24678.
-    server: { middlewareMode: true, fs: { strict: false }, hmr: { port: port + 1 } },
-    resolve: { alias },
-    // User apps depend on `@apex-stack/core`, so the client module imports the runtime
-    // from `@apex-stack/core/client` (a re-export) rather than the internal kit package.
-    plugins,
-    optimizeDeps: { include: ["alpinejs"] }
-  });
-  const ssrLoad = (id) => {
-    const resolved = id[0] === "/" && !id.startsWith(options.root) ? join(options.root, id).replace(/\\/g, "/") : id;
-    return vite.ssrLoadModule(resolved);
-  };
-  const { runtimeConfig, publicConfig } = await resolveApexConfig(
-    options.root,
-    (id) => ssrLoad(id)
-  );
-  const app = createApp();
-  app.use(fromNodeMiddleware(vite.middlewares));
-  app.use(
-    defineEventHandler(async (event) => {
-      const mws = await loadMiddleware(options.root, (id) => ssrLoad(id));
-      if (!mws.length) return;
-      const { redirect, locals } = await runMiddleware(mws, {
-        url: event.path || "/",
-        method: event.method,
-        config: runtimeConfig,
-        headers: getRequestHeaders(event)
-      });
-      event.context.apexLocals = locals;
-      if (redirect) {
-        setResponseStatus(event, redirect.status);
-        setResponseHeader(event, "Location", redirect.to);
-        return "";
-      }
-    })
-  );
-  const loadEntries = () => loadApiRoutes(options.root, (id) => ssrLoad(id));
-  app.use(
-    "/api",
-    defineEventHandler(
-      (event) => loadEntries().then((e) => createApiHandler(e, runtimeConfig)(event))
-    )
-  );
-  app.use(
-    "/mcp",
-    defineEventHandler(
-      (event) => loadEntries().then((e) => createMcpHandler(e, runtimeConfig)(event))
-    )
-  );
-  app.use(
-    defineEventHandler(async (event) => {
-      const url = event.path || "/";
-      try {
-        const routes = scanPages(options.root);
-        const matched = routes.length ? matchRoute(routes, url) : { pageId, params: {} };
-        if (!matched) {
-          setResponseStatus(event, 404);
-          setResponseHeader(event, "Content-Type", "text/html");
-          return await vite.transformIndexHtml(url, renderNotFoundPage(url, routes));
-        }
-        const { registry, css: componentCss } = await loadComponents(
-          options.root,
-          (id) => ssrLoad(id)
-        );
-        const stores = await loadStores(options.root, (id) => ssrLoad(id));
-        const layoutsDir = join(options.root, "layouts");
-        const layouts = existsSync2(layoutsDir) ? readdirSync(layoutsDir).filter((f) => f.endsWith(".alpine")).map((f) => f.replace(/\.alpine$/, "")) : [];
-        const render = options.islands ? renderIslandsPage : renderPage;
-        const html = await render({
-          loadModule: (id) => ssrLoad(id),
-          pageId: matched.pageId,
-          params: matched.params,
-          url,
-          registry,
-          componentCss,
-          stores,
-          appCss,
-          layouts,
-          runtimeConfig,
-          publicConfig,
-          locals: event.context.apexLocals ?? {},
-          errorPageId: existsSync2(join(options.root, "pages", "error.alpine")) ? "/pages/error.alpine" : void 0,
-          transformHtml: (u, doc) => vite.transformIndexHtml(u, doc)
-        });
-        setResponseHeader(event, "Content-Type", "text/html");
-        return html;
-      } catch (err) {
-        const error = err;
-        vite.ssrFixStacktrace(error);
-        setResponseStatus(event, 500);
-        setResponseHeader(event, "Content-Type", "text/html");
-        const html = renderErrorPage(error, { url, root: options.root });
-        try {
-          return await vite.transformIndexHtml(url, html);
-        } catch {
-          return html;
-        }
-      }
-    })
-  );
-  const server = createHttpServer(toNodeListener(app));
-  await new Promise((resolve) => server.listen(port, resolve));
-  return {
-    vite,
-    server,
-    port,
-    close: async () => {
-      await vite.close();
-      await new Promise((resolve, reject) => server.close((e) => e ? reject(e) : resolve()));
-    }
-  };
-}
-export {
-  startDevServer
-};