emulate 0.1.0 → 0.2.0

package/dist/index.js

@@ -3621,6 +3621,9 @@ var SignJWT = class {
 };
 
 // ../@internal/core/dist/index.js
+import { readFileSync } from "fs";
+import { fileURLToPath } from "url";
+import { dirname, join } from "path";
 import { timingSafeEqual } from "crypto";
 var Collection = class {
   constructor(indexFields = []) {
@@ -3994,6 +3997,25 @@ function authMiddleware(tokens, appKeyResolver, fallbackUser) {
     await next();
   };
 }
+var __dirname = dirname(fileURLToPath(import.meta.url));
+var FONTS = {
+  "geist-sans.woff2": readFileSync(join(__dirname, "fonts", "geist-sans.woff2")),
+  "GeistPixel-Square.woff2": readFileSync(join(__dirname, "fonts", "GeistPixel-Square.woff2"))
+};
+function registerFontRoutes(app) {
+  app.get("/_emulate/fonts/:name", (c) => {
+    const name = c.req.param("name");
+    const buf = FONTS[name];
+    if (!buf) return c.notFound();
+    return new Response(buf, {
+      headers: {
+        "Content-Type": "font/woff2",
+        "Cache-Control": "public, max-age=31536000, immutable",
+        "Access-Control-Allow-Origin": "*"
+      }
+    });
+  });
+}
 function createServer(plugin, options = {}) {
   const port = options.port ?? 4e3;
   const baseUrl = options.baseUrl ?? `http://localhost:${port}`;
@@ -4011,6 +4033,7 @@ function createServer(plugin, options = {}) {
     }
   }
   const docsUrl = options.docsUrl ?? `https://emulate.dev/${plugin.name}`;
+  registerFontRoutes(app);
   app.onError(createApiErrorHandler(docsUrl));
   app.use("*", cors());
   app.use("*", createErrorHandler(docsUrl));
@@ -4092,137 +4115,161 @@ function escapeAttr(s) {
   return escapeHtml(s).replace(/'/g, "'");
 }
 var CSS = `
+@font-face{
+  font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;
+  src:url('/_emulate/fonts/geist-sans.woff2') format('woff2');
+}
+@font-face{
+  font-family:'Geist Pixel';font-style:normal;font-weight:400;font-display:swap;
+  src:url('/_emulate/fonts/GeistPixel-Square.woff2') format('woff2');
+}
 *{box-sizing:border-box;margin:0;padding:0}
 body{
-  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
-  background:#0a0a0a;color:#e4e4e7;min-height:100vh;
+  font-family:'Geist',-apple-system,BlinkMacSystemFont,sans-serif;
+  background:#000;color:#33ff00;min-height:100vh;
+  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
 }
 .emu-bar{
-  background:#141414;border-bottom:1px solid #2a2a2a;padding:10px 20px;
-  display:flex;align-items:center;gap:10px;font-size:.8125rem;color:#a1a1aa;
+  border-bottom:1px solid #0a3300;padding:10px 20px;
+  display:flex;align-items:center;gap:10px;font-size:.8125rem;color:#1a8c00;
+}
+.emu-bar-title{font-weight:600;color:#33ff00;font-family:'Geist Pixel',monospace;}
+.emu-bar-links{margin-left:auto;display:flex;gap:16px;}
+.emu-bar-links a{
+  color:#1a8c00;font-size:.75rem;text-decoration:none;transition:color .15s;
 }
-.emu-badge{
-  display:inline-flex;align-items:center;gap:4px;
-  background:#422006;color:#fbbf24;font-size:.6875rem;font-weight:700;
-  padding:2px 8px;border-radius:4px;letter-spacing:.04em;text-transform:uppercase;
+.emu-bar-links a:hover{color:#33ff00;}
+.emu-bar-links a .full{display:inline;}
+.emu-bar-links a .short{display:none;}
+@media(max-width:600px){
+  .emu-bar-links a .full{display:none;}
+  .emu-bar-links a .short{display:inline;}
 }
-.emu-bar-title{font-weight:600;color:#e4e4e7;}
-.emu-bar-service{color:#71717a;margin-left:auto;font-size:.75rem;}
 
-/* Card page (consent, error) */
-.card-wrap{
+.content{
   display:flex;align-items:center;justify-content:center;
   min-height:calc(100vh - 42px);padding:24px 16px;
 }
-.card{
-  background:#141414;border:1px solid #2a2a2a;border-radius:10px;
-  padding:24px 22px 18px;width:100%;max-width:420px;
-  box-shadow:0 12px 40px rgba(0,0,0,.5);
+.content-inner{width:100%;max-width:420px;}
+.card-title{
+  font-family:'Geist Pixel',monospace;
+  font-size:1.125rem;font-weight:600;margin-bottom:4px;color:#33ff00;
 }
-.card-title{font-size:1.125rem;font-weight:600;margin-bottom:4px;color:#e4e4e7;}
-.card-subtitle{color:#71717a;font-size:.8125rem;margin-bottom:18px;line-height:1.45;}
-.card-footer{
-  margin-top:18px;padding-top:14px;border-top:1px solid #1e1e1e;
-  text-align:center;font-size:.6875rem;color:#52525b;
+.card-subtitle{color:#1a8c00;font-size:.8125rem;margin-bottom:18px;line-height:1.45;}
+.powered-by{
+  position:fixed;bottom:0;left:0;right:0;
+  text-align:center;padding:12px;font-size:.6875rem;color:#0a3300;
+  font-family:'Geist Pixel',monospace;
 }
+.powered-by a{color:#1a8c00;text-decoration:none;transition:color .15s;}
+.powered-by a:hover{color:#33ff00;}
 
-/* Error card */
-.error-title{color:#ef4444;font-size:1.125rem;font-weight:600;margin-bottom:8px;}
-.error-msg{color:#a1a1aa;font-size:.875rem;line-height:1.5;}
+.error-title{
+  font-family:'Geist Pixel',monospace;
+  color:#ff4444;font-size:1.125rem;font-weight:600;margin-bottom:8px;
+}
+.error-msg{color:#1a8c00;font-size:.875rem;line-height:1.5;}
 .error-card{text-align:center;}
 
-/* User button */
 .user-form{margin-bottom:8px;}
 .user-form:last-of-type{margin-bottom:0;}
 .user-btn{
   width:100%;display:flex;align-items:center;gap:12px;
-  padding:10px 12px;border:1px solid #2a2a2a;border-radius:8px;
-  background:#0a0a0a;color:inherit;cursor:pointer;text-align:left;
-  font:inherit;transition:background .15s,border-color .15s;
+  padding:10px 12px;border:1px solid #0a3300;border-radius:8px;
+  background:#000;color:inherit;cursor:pointer;text-align:left;
+  font:inherit;transition:border-color .15s;
 }
-.user-btn:hover{background:#1a1a1a;border-color:#fbbf24;}
+.user-btn:hover{border-color:#33ff00;}
 .avatar{
   width:36px;height:36px;border-radius:50%;
-  background:#422006;color:#fbbf24;font-weight:600;font-size:.875rem;
+  background:#0a3300;color:#33ff00;font-weight:600;font-size:.875rem;
   display:flex;align-items:center;justify-content:center;flex-shrink:0;
+  font-family:'Geist Pixel',monospace;
 }
 .user-text{min-width:0;}
-.user-login{font-weight:600;font-size:.875rem;display:block;color:#e4e4e7;}
-.user-meta{color:#71717a;font-size:.75rem;margin-top:1px;}
-.user-email{font-size:.6875rem;color:#52525b;word-break:break-all;margin-top:1px;}
+.user-login{font-weight:600;font-size:.875rem;display:block;color:#33ff00;}
+.user-meta{color:#1a8c00;font-size:.75rem;margin-top:1px;}
+.user-email{font-size:.6875rem;color:#116600;word-break:break-all;margin-top:1px;}
 
-/* Settings layout */
 .settings-layout{
   max-width:920px;margin:0 auto;padding:28px 20px;
   display:flex;gap:28px;
 }
 .settings-sidebar{width:200px;flex-shrink:0;}
 .settings-sidebar a{
-  display:block;padding:6px 10px;border-radius:6px;color:#a1a1aa;
-  text-decoration:none;font-size:.8125rem;transition:background .15s;
+  display:block;padding:6px 10px;border-radius:6px;color:#1a8c00;
+  text-decoration:none;font-size:.8125rem;transition:color .15s;
 }
-.settings-sidebar a:hover{background:#1a1a1a;color:#e4e4e7;}
-.settings-sidebar a.active{background:#1a1a1a;color:#e4e4e7;font-weight:600;}
+.settings-sidebar a:hover{color:#33ff00;}
+.settings-sidebar a.active{color:#33ff00;font-weight:600;}
 .settings-main{flex:1;min-width:0;}
 
-/* Settings cards */
 .s-card{
-  background:#141414;border:1px solid #2a2a2a;border-radius:8px;
-  padding:18px;margin-bottom:14px;
+  padding:18px 0;margin-bottom:14px;border-bottom:1px solid #0a3300;
 }
+.s-card:last-child{border-bottom:none;}
 .s-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
 .s-icon{
   width:42px;height:42px;border-radius:8px;
-  background:#1e1e1e;display:flex;align-items:center;justify-content:center;
-  font-size:1.125rem;font-weight:700;color:#71717a;flex-shrink:0;
+  background:#0a3300;display:flex;align-items:center;justify-content:center;
+  font-size:1.125rem;font-weight:700;color:#116600;flex-shrink:0;
+  font-family:'Geist Pixel',monospace;
 }
-.s-title{font-size:1.25rem;font-weight:600;color:#e4e4e7;}
-.s-subtitle{font-size:.75rem;color:#71717a;margin-top:2px;}
+.s-title{
+  font-family:'Geist Pixel',monospace;
+  font-size:1.25rem;font-weight:600;color:#33ff00;
+}
+.s-subtitle{font-size:.75rem;color:#1a8c00;margin-top:2px;}
 .section-heading{
-  font-size:.9375rem;font-weight:600;margin-bottom:10px;color:#e4e4e7;
+  font-size:.9375rem;font-weight:600;margin-bottom:10px;color:#33ff00;
   display:flex;align-items:center;justify-content:space-between;
 }
 .perm-list{list-style:none;}
-.perm-list li{padding:5px 0;font-size:.8125rem;display:flex;align-items:center;gap:6px;color:#a1a1aa;}
-.check{color:#22c55e;}
+.perm-list li{padding:5px 0;font-size:.8125rem;display:flex;align-items:center;gap:6px;color:#1a8c00;}
+.check{color:#33ff00;}
 .org-row{
   display:flex;align-items:center;gap:8px;padding:7px 0;
-  border-bottom:1px solid #1e1e1e;font-size:.8125rem;
+  border-bottom:1px solid #0a3300;font-size:.8125rem;
 }
 .org-row:last-child{border-bottom:none;}
 .org-icon{
-  width:22px;height:22px;border-radius:4px;background:#1e1e1e;
+  width:22px;height:22px;border-radius:4px;background:#0a3300;
   display:flex;align-items:center;justify-content:center;
-  font-size:.625rem;font-weight:700;color:#71717a;flex-shrink:0;
+  font-size:.625rem;font-weight:700;color:#116600;flex-shrink:0;
+  font-family:'Geist Pixel',monospace;
 }
-.org-name{font-weight:600;color:#e4e4e7;}
+.org-name{font-weight:600;color:#33ff00;}
 .badge{font-size:.6875rem;padding:1px 7px;border-radius:999px;font-weight:500;}
-.badge-granted{background:#052e16;color:#22c55e;}
-.badge-denied{background:#2a0a0a;color:#ef4444;}
-.badge-requested{background:#2a1a05;color:#f59e0b;}
+.badge-granted{background:#0a3300;color:#33ff00;}
+.badge-denied{background:#1a0a0a;color:#ff4444;}
+.badge-requested{background:#0a3300;color:#1a8c00;}
 .btn-revoke{
   display:inline-block;padding:5px 14px;border-radius:6px;
-  border:1px solid #ef4444;background:transparent;color:#ef4444;
-  font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s;
+  border:1px solid #0a3300;background:transparent;color:#ff4444;
+  font-size:.75rem;font-weight:600;cursor:pointer;transition:border-color .15s;
 }
-.btn-revoke:hover{background:rgba(239,68,68,.1);}
-.info-text{color:#71717a;font-size:.75rem;line-height:1.5;margin-top:10px;}
+.btn-revoke:hover{border-color:#ff4444;}
+.info-text{color:#1a8c00;font-size:.75rem;line-height:1.5;margin-top:10px;}
 .app-link{
   display:flex;align-items:center;gap:12px;padding:12px;
-  border:1px solid #2a2a2a;border-radius:8px;background:#0a0a0a;
-  text-decoration:none;color:inherit;margin-bottom:8px;transition:background .15s,border-color .15s;
-}
-.app-link:hover{background:#1a1a1a;border-color:#fbbf24;}
-.app-link-name{font-weight:600;font-size:.875rem;color:#e4e4e7;}
-.app-link-scopes{font-size:.6875rem;color:#71717a;margin-top:1px;}
-.empty{color:#71717a;text-align:center;padding:28px 0;font-size:.875rem;}
-.page-footer{margin-top:20px;text-align:center;font-size:.6875rem;color:#3f3f46;}
+  border:1px solid #0a3300;border-radius:8px;background:#000;
+  text-decoration:none;color:inherit;margin-bottom:8px;transition:border-color .15s;
+}
+.app-link:hover{border-color:#33ff00;}
+.app-link-name{font-weight:600;font-size:.875rem;color:#33ff00;}
+.app-link-scopes{font-size:.6875rem;color:#1a8c00;margin-top:1px;}
+.empty{color:#1a8c00;text-align:center;padding:28px 0;font-size:.875rem;}
 `;
+var POWERED_BY = `<div class="powered-by">Powered by <a href="https://emulate.dev" target="_blank" rel="noopener">emulate</a></div>`;
 function emuBar(service) {
+  const title = service ? `${escapeHtml(service)} Emulator` : "Emulator";
   return `<div class="emu-bar">
-  <span class="emu-badge">emulator</span>
-  <span class="emu-bar-title">emulate</span>
-  ${service ? `<span class="emu-bar-service">${escapeHtml(service)}</span>` : ""}
+  <span class="emu-bar-title">${title}</span>
+  <nav class="emu-bar-links">
+    <a href="https://github.com/vercel-labs/emulate/issues" target="_blank" rel="noopener"><span class="full">Report Issue</span><span class="short">Report</span></a>
+    <a href="https://github.com/vercel-labs/emulate" target="_blank" rel="noopener"><span class="full">Source Code</span><span class="short">Source</span></a>
+    <a href="https://emulate.dev" target="_blank" rel="noopener"><span class="full">Learn More</span><span class="short">Learn</span></a>
+  </nav>
 </div>`;
 }
 function head(title) {
@@ -4239,27 +4286,27 @@ function renderCardPage(title, subtitle, body, service) {
   return `${head(title)}
 <body>
 ${emuBar(service)}
-<div class="card-wrap">
-  <div class="card">
+<div class="content">
+  <div class="content-inner">
     <div class="card-title">${escapeHtml(title)}</div>
     <div class="card-subtitle">${subtitle}</div>
     ${body}
-    <div class="card-footer">emulate</div>
   </div>
 </div>
+${POWERED_BY}
 </body></html>`;
 }
 function renderErrorPage(title, message2, service) {
   return `${head(title)}
 <body>
 ${emuBar(service)}
-<div class="card-wrap">
-  <div class="card error-card">
+<div class="content">
+  <div class="content-inner error-card">
     <div class="error-title">${escapeHtml(title)}</div>
     <div class="error-msg">${escapeHtml(message2)}</div>
-    <div class="card-footer">emulate</div>
   </div>
 </div>
+${POWERED_BY}
 </body></html>`;
 }
 function renderSettingsPage(title, sidebarHtml, bodyHtml, service) {
@@ -4270,7 +4317,7 @@ ${emuBar(service)}
   <nav class="settings-sidebar">${sidebarHtml}</nav>
   <div class="settings-main">${bodyHtml}</div>
 </div>
-<div class="page-footer">emulate</div>
+${POWERED_BY}
 </body></html>`;
 }
 function renderUserButton(opts) {
@@ -16363,7 +16410,7 @@ function oauthRoutes2({ app, store, baseUrl, tokenMap }) {
           </form>
         </div>
         <ul class="perm-list">
-          ${permRows || '<li style="color:#71717a">No specific permissions granted.</li>'}
+          ${permRows || '<li style="color:#1a8c00">No specific permissions granted.</li>'}
         </ul>
       </div>
 
@@ -17221,7 +17268,7 @@ var googlePlugin = {
 
 // src/commands/start.ts
 import { serve } from "@hono/node-server";
-import { readFileSync, existsSync } from "fs";
+import { readFileSync as readFileSync2, existsSync } from "fs";
 import { resolve } from "path";
 import { parse as parseYaml } from "yaml";
 import { createRequire } from "module";
@@ -17235,7 +17282,7 @@ function loadSeedConfig(seedPath) {
       console.error(`Seed file not found: ${fullPath}`);
       process.exit(1);
     }
-    const content = readFileSync(fullPath, "utf-8");
+    const content = readFileSync2(fullPath, "utf-8");
     try {
       const config = fullPath.endsWith(".json") ? JSON.parse(content) : parseYaml(content);
       return { config, source: seedPath };
@@ -17255,7 +17302,7 @@ function loadSeedConfig(seedPath) {
   for (const file of autoFiles) {
     const fullPath = resolve(file);
     if (existsSync(fullPath)) {
-      const content = readFileSync(fullPath, "utf-8");
+      const content = readFileSync2(fullPath, "utf-8");
       try {
         const config = fullPath.endsWith(".json") ? JSON.parse(content) : parseYaml(content);
         return { config, source: file };
@@ -17274,7 +17321,7 @@ var SERVICE_PLUGINS = {
 };
 var ALL_SERVICES = Object.keys(SERVICE_PLUGINS);
 function inferServicesFromConfig(config) {
-  const found = Object.keys(config).filter((k) => k in SERVICE_PLUGINS);
+  const found = ALL_SERVICES.filter((k) => k in config);
   return found.length > 0 ? found : null;
 }
 function startCommand(options) {