@rubytech/create-realagent 1.0.775 → 1.0.791

package/payload/server/maxy-edge.js

@@ -16,7 +16,7 @@ import {
   sanitizeClientCorrId,
   streamActionEvents,
   vncLog
-} from "./chunk-TM3EQSID.js";
+} from "./chunk-H5F4S42X.js";
 import "./chunk-MIP54X7Q.js";
 
 // server/edge.ts
@@ -24,7 +24,7 @@ import { createServer, request as httpRequest } from "http";
 import { createConnection as createConnection2 } from "net";
 import { readFileSync as readFileSync4, existsSync as existsSync5, watchFile } from "fs";
 import { homedir } from "os";
-import { join as join3 } from "path";
+import { join as join4 } from "path";
 
 // server/ws-proxy.ts
 import { createConnection } from "net";
@@ -668,14 +668,50 @@ function createEdgeAdminApp(opts) {
 
 // server/edge-fallback.ts
 import { existsSync as existsSync4, readFileSync as readFileSync3 } from "fs";
-var BRAND_DEFAULTS = { configDir: ".maxy", productName: "Maxy" };
-function loadBrand(path) {
-  if (!path || !existsSync4(path)) return { ...BRAND_DEFAULTS };
+import { extname, join as join3 } from "path";
+var BRAND_DEFAULTS = {
+  configDir: ".maxy",
+  productName: "Maxy",
+  background: "#FAFAF8",
+  textColor: "#2A2A2A",
+  displayFont: "'Cormorant', Georgia, serif",
+  bodyFont: "'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif",
+  logoContainsName: false,
+  logoDataUri: null
+};
+var MIME_BY_EXT = {
+  ".png": "image/png",
+  ".jpg": "image/jpeg",
+  ".jpeg": "image/jpeg",
+  ".svg": "image/svg+xml",
+  ".webp": "image/webp",
+  ".gif": "image/gif"
+};
+function inlineAsset(filePath) {
+  if (!existsSync4(filePath)) return null;
+  const mime = MIME_BY_EXT[extname(filePath).toLowerCase()];
+  if (!mime) return null;
+  const bytes = readFileSync3(filePath);
+  return `data:${mime};base64,${bytes.toString("base64")}`;
+}
+function readString(value, fallback) {
+  return typeof value === "string" && value.length > 0 ? value : fallback;
+}
+function loadBrand(brandJsonPath2, assetsDir = "") {
+  if (!brandJsonPath2 || !existsSync4(brandJsonPath2)) return { ...BRAND_DEFAULTS };
   try {
-    const parsed = JSON.parse(readFileSync3(path, "utf-8"));
+    const parsed = JSON.parse(readFileSync3(brandJsonPath2, "utf-8"));
+    const logoFile = typeof parsed.assets?.logo === "string" ? parsed.assets.logo : null;
+    const logoDataUri = logoFile && assetsDir ? inlineAsset(join3(assetsDir, logoFile)) : null;
     return {
-      configDir: typeof parsed.configDir === "string" ? parsed.configDir : BRAND_DEFAULTS.configDir,
-      productName: typeof parsed.productName === "string" ? parsed.productName : BRAND_DEFAULTS.productName
+      configDir: readString(parsed.configDir, BRAND_DEFAULTS.configDir),
+      productName: readString(parsed.productName, BRAND_DEFAULTS.productName),
+      background: readString(parsed.defaultColors?.background, BRAND_DEFAULTS.background),
+      textColor: BRAND_DEFAULTS.textColor,
+      displayFont: readString(parsed.defaultFonts?.display, BRAND_DEFAULTS.displayFont),
+      bodyFont: readString(parsed.defaultFonts?.body, BRAND_DEFAULTS.bodyFont),
+      logoContainsName: parsed.logoContainsName === true,
+      logoDataUri
     };
   } catch (err) {
     console.error(`[edge] brand.json parse error: ${err.message}`);
@@ -689,40 +725,59 @@ var HTML_ESCAPES = { "<": "&lt;", ">": "&gt;", "&": "&amp;", '"': "&quot;", "'":
 function escapeHtml(s) {
   return String(s).replace(/[<>&"']/g, (c) => HTML_ESCAPES[c] ?? c);
 }
-function buildHoldingPage(productName) {
-  const safeName = escapeHtml(productName);
+function firstFontFamily(stack) {
+  const match = stack.match(/^\s*['"]([^'"]+)['"]/);
+  return match ? match[1] : null;
+}
+function googleFontsHref(displayFont, bodyFont) {
+  const families = [firstFontFamily(displayFont), firstFontFamily(bodyFont)].filter((f) => f !== null);
+  if (families.length === 0) return null;
+  const params = families.map((name) => `family=${encodeURIComponent(name)}:wght@400;500;600`).join("&");
+  return `https://fonts.googleapis.com/css2?${params}&display=swap`;
+}
+function buildHoldingPage(brand) {
+  const safeName = escapeHtml(brand.productName);
+  const fontsHref = googleFontsHref(brand.displayFont, brand.bodyFont);
+  const fontsLink = fontsHref ? `<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="stylesheet" href="${escapeHtml(fontsHref)}">` : "";
+  const logoBlock = brand.logoDataUri ? `<img class="logo" src="${brand.logoDataUri}" alt="${safeName}">` : "";
+  const headline = brand.logoContainsName && brand.logoDataUri ? '<p class="sub">Starting</p>' : `<p class="name">${safeName} is starting</p>`;
   return `<!doctype html>
 <html lang="en">
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <title>${safeName}</title>
+  ${fontsLink}
   <style>
     html, body { margin: 0; padding: 0; height: 100%; }
     body {
-      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-      background: #fafaf8;
-      color: #2a2a2a;
+      font-family: ${brand.bodyFont};
+      background: ${brand.background};
+      color: ${brand.textColor};
       display: flex;
       align-items: center;
       justify-content: center;
       flex-direction: column;
+      gap: 1.25rem;
     }
-    .name { font-size: 1.4rem; font-weight: 500; margin: 0 0 0.5rem; }
-    .sub { font-size: 0.95rem; color: #888; margin: 0; }
+    .logo { display: block; max-width: 240px; max-height: 120px; width: auto; height: auto; }
+    .name { font-family: ${brand.displayFont}; font-size: 2rem; font-weight: 500; margin: 0; letter-spacing: -0.01em; }
+    .sub { font-family: ${brand.bodyFont}; font-size: 0.95rem; color: ${brand.textColor}; opacity: 0.55; margin: 0; letter-spacing: 0.04em; text-transform: uppercase; }
+    .dots { display: flex; gap: 6px; align-items: center; }
     .dot {
       display: inline-block; width: 6px; height: 6px; border-radius: 50%;
-      background: currentColor; margin: 0 2px; opacity: 0.3;
+      background: currentColor; opacity: 0.3;
       animation: pulse 1.4s infinite ease-in-out;
     }
     .dot:nth-child(2) { animation-delay: 0.2s; }
     .dot:nth-child(3) { animation-delay: 0.4s; }
-    @keyframes pulse { 0%, 80%, 100% { opacity: 0.3; } 40% { opacity: 1; } }
+    @keyframes pulse { 0%, 80%, 100% { opacity: 0.25; } 40% { opacity: 0.85; } }
   </style>
 </head>
 <body>
-  <p class="name">${safeName} is starting</p>
-  <p class="sub"><span class="dot"></span><span class="dot"></span><span class="dot"></span></p>
+  ${logoBlock}
+  ${headline}
+  <p class="dots"><span class="dot"></span><span class="dot"></span><span class="dot"></span></p>
   <script>
     (function () {
       var attempts = 0;
@@ -743,9 +798,10 @@ function buildHoldingPage(productName) {
 
 // server/edge.ts
 var PLATFORM_ROOT2 = process.env.MAXY_PLATFORM_ROOT || "";
-var BRAND_JSON_PATH = PLATFORM_ROOT2 ? join3(PLATFORM_ROOT2, "config", "brand.json") : "";
-var BRAND = loadBrand(BRAND_JSON_PATH);
-var ALIAS_DOMAINS_PATH = join3(homedir(), BRAND.configDir, "alias-domains.json");
+var BRAND_JSON_PATH = PLATFORM_ROOT2 ? join4(PLATFORM_ROOT2, "config", "brand.json") : "";
+var BRAND_ASSETS_DIR = PLATFORM_ROOT2 ? join4(PLATFORM_ROOT2, "..", "server", "public", "brand") : "";
+var BRAND = loadBrand(BRAND_JSON_PATH, BRAND_ASSETS_DIR);
+var ALIAS_DOMAINS_PATH = join4(homedir(), BRAND.configDir, "alias-domains.json");
 function loadAliasDomains() {
   try {
     if (!existsSync5(ALIAS_DOMAINS_PATH)) return /* @__PURE__ */ new Set();
@@ -814,7 +870,7 @@ function forwardHttp(clientReq, clientRes) {
     const isHtmlNavigation = errClass === "econnrefused-coldstart" && clientReq.method === "GET" && accept.includes("text/html");
     if (isHtmlNavigation) {
       clientRes.writeHead(200, { "content-type": "text/html; charset=utf-8", "cache-control": "no-store" });
-      clientRes.end(buildHoldingPage(BRAND.productName));
+      clientRes.end(buildHoldingPage(BRAND));
     } else {
       clientRes.writeHead(502, { "content-type": "text/plain" });
       clientRes.end(`Bad Gateway (${BRAND.productName} unavailable)`);
@@ -904,7 +960,7 @@ server.on("upgrade", (req, socket, head) => {
 });
 server.listen(EDGE_PORT, EDGE_HOSTNAME, () => {
   console.log(`[edge] listening on http://${EDGE_HOSTNAME}:${EDGE_PORT}`);
-  console.log(`[edge] brand=${BRAND.productName}`);
+  console.log(`[edge] brand=${BRAND.productName} holding-logo=${BRAND.logoDataUri ? "inlined" : "missing"} assets-dir=${BRAND_ASSETS_DIR || "(none)"}`);
   console.log(`[edge] /websockify \u2192 ${WEBSOCKIFY_HOST}:${WEBSOCKIFY_PORT}`);
   console.log(`[edge] everything else \u2192 ${UPSTREAM_HOST}:${UPSTREAM_PORT}`);
 });

package/payload/server/public/assets/{Checkbox-C_KxaLc-.js → Checkbox-DHsoNPeM.js}

@@ -1 +1 @@
-import{t as e}from"./jsx-runtime-DrneHL3t.js";var t=e();function n({checked:e,onChange:n,label:r,disabled:i}){return(0,t.jsxs)(`label`,{className:`maxy-checkbox${i?` maxy-checkbox--disabled`:``}`,children:[(0,t.jsx)(`input`,{type:`checkbox`,checked:e,onChange:e=>n(e.target.checked),disabled:i}),(0,t.jsx)(`span`,{className:`maxy-checkbox__box`,children:`✱`}),r&&(0,t.jsx)(`span`,{className:`maxy-checkbox__label`,children:r})]})}export{n as t};
+import{t as e}from"./jsx-runtime-Br2bU3EJ.js";var t=e();function n({checked:e,onChange:n,label:r,disabled:i}){return(0,t.jsxs)(`label`,{className:`maxy-checkbox${i?` maxy-checkbox--disabled`:``}`,children:[(0,t.jsx)(`input`,{type:`checkbox`,checked:e,onChange:e=>n(e.target.checked),disabled:i}),(0,t.jsx)(`span`,{className:`maxy-checkbox__box`,children:`✱`}),r&&(0,t.jsx)(`span`,{className:`maxy-checkbox__label`,children:r})]})}export{n as t};