clawfire 0.1.0

package/dist/codegen.js

@@ -0,0 +1,617 @@
+// src/codegen/client-gen.ts
+function generateClientCode(manifest, options) {
+  const baseUrl = options?.baseUrl || "";
+  const lines = [];
+  lines.push("// AUTO-GENERATED by Clawfire \u2014 DO NOT EDIT");
+  lines.push("// Regenerate: clawfire codegen");
+  lines.push("");
+  lines.push("/* eslint-disable */");
+  lines.push("");
+  lines.push("// \u2500\u2500\u2500 Types \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  lines.push("");
+  for (const api of manifest.apis) {
+    const typeName = pathToTypeName(api.path);
+    lines.push(`/** ${api.meta.description} */`);
+    lines.push(`export interface ${typeName}Input ${jsonSchemaToTsType(api.inputSchema)}`);
+    lines.push("");
+    lines.push(`export interface ${typeName}Output ${jsonSchemaToTsType(api.outputSchema)}`);
+    lines.push("");
+  }
+  lines.push("// \u2500\u2500\u2500 Response Wrapper \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  lines.push("");
+  lines.push("interface ClawfireResponse<T> {");
+  lines.push("  data: T;");
+  lines.push("}");
+  lines.push("");
+  lines.push("interface ClawfireError {");
+  lines.push("  error: {");
+  lines.push("    code: string;");
+  lines.push("    message: string;");
+  lines.push("    details?: unknown;");
+  lines.push("  };");
+  lines.push("}");
+  lines.push("");
+  lines.push("// \u2500\u2500\u2500 HTTP Client \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  lines.push("");
+  lines.push("type GetTokenFn = () => Promise<string | null>;");
+  lines.push("");
+  lines.push("let _baseUrl = " + JSON.stringify(baseUrl) + ";");
+  lines.push("let _getToken: GetTokenFn = async () => null;");
+  lines.push("");
+  lines.push("/**");
+  lines.push(" * API \uD074\uB77C\uC774\uC5B8\uD2B8 \uC124\uC815");
+  lines.push(" * @param baseUrl - API \uAE30\uBCF8 URL (\uC608: https://us-central1-myproject.cloudfunctions.net/api)");
+  lines.push(" * @param getToken - \uC778\uC99D \uD1A0\uD070 \uBC18\uD658 \uD568\uC218");
+  lines.push(" */");
+  lines.push("export function configureClient(baseUrl: string, getToken?: GetTokenFn) {");
+  lines.push("  _baseUrl = baseUrl;");
+  lines.push("  if (getToken) _getToken = getToken;");
+  lines.push("}");
+  lines.push("");
+  lines.push("async function call<TInput, TOutput>(path: string, input: TInput): Promise<TOutput> {");
+  lines.push("  const token = await _getToken();");
+  lines.push("  const headers: Record<string, string> = {");
+  lines.push('    "Content-Type": "application/json",');
+  lines.push("  };");
+  lines.push('  if (token) headers["Authorization"] = `Bearer ${token}`;');
+  lines.push("");
+  lines.push("  const res = await fetch(`${_baseUrl}/api${path}`, {");
+  lines.push('    method: "POST",');
+  lines.push("    headers,");
+  lines.push("    body: JSON.stringify(input),");
+  lines.push("  });");
+  lines.push("");
+  lines.push("  const json = await res.json();");
+  lines.push("");
+  lines.push("  if (!res.ok) {");
+  lines.push("    const err = json as ClawfireError;");
+  lines.push("    throw new Error(err.error?.message || `API error: ${res.status}`);");
+  lines.push("  }");
+  lines.push("");
+  lines.push("  return (json as ClawfireResponse<TOutput>).data;");
+  lines.push("}");
+  lines.push("");
+  lines.push("// \u2500\u2500\u2500 API Client \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500");
+  lines.push("");
+  const tree = buildApiTree(manifest.apis);
+  lines.push(generateApiObject(tree));
+  return lines.join("\n");
+}
+function pathToTypeName(path) {
+  return path.split("/").filter(Boolean).filter((p) => !p.startsWith(":")).map((p) => p.charAt(0).toUpperCase() + p.slice(1)).join("");
+}
+function buildApiTree(apis) {
+  const root = { apis: [], children: {} };
+  for (const api of apis) {
+    const parts = api.path.split("/").filter(Boolean).filter((p) => !p.startsWith(":"));
+    let node = root;
+    for (let i = 0; i < parts.length - 1; i++) {
+      if (!node.children[parts[i]]) {
+        node.children[parts[i]] = { apis: [], children: {} };
+      }
+      node = node.children[parts[i]];
+    }
+    const name = parts[parts.length - 1] || "index";
+    const typeName = pathToTypeName(api.path);
+    node.apis.push({ name, path: api.path, typeName, meta: api.meta });
+  }
+  return root;
+}
+function generateApiObject(tree, indent = "") {
+  const lines = [];
+  lines.push(`${indent}export const api = {`);
+  for (const [name, child] of Object.entries(tree.children)) {
+    lines.push(`${indent}  ${name}: {`);
+    for (const api of child.apis) {
+      lines.push(`${indent}    /** ${api.meta.description}${api.meta.auth ? ` [${api.meta.auth}]` : ""} */`);
+      lines.push(
+        `${indent}    ${api.name}: (input: ${api.typeName}Input): Promise<${api.typeName}Output> => call("${api.path}", input),`
+      );
+    }
+    for (const [subName, subChild] of Object.entries(child.children)) {
+      lines.push(`${indent}    ${subName}: {`);
+      for (const subApi of subChild.apis) {
+        lines.push(`${indent}      /** ${subApi.meta.description}${subApi.meta.auth ? ` [${subApi.meta.auth}]` : ""} */`);
+        lines.push(
+          `${indent}      ${subApi.name}: (input: ${subApi.typeName}Input): Promise<${subApi.typeName}Output> => call("${subApi.path}", input),`
+        );
+      }
+      for (const [deepName, deepChild] of Object.entries(subChild.children)) {
+        lines.push(`${indent}      ${deepName}: {`);
+        for (const deepApi of deepChild.apis) {
+          lines.push(`${indent}        /** ${deepApi.meta.description} */`);
+          lines.push(
+            `${indent}        ${deepApi.name}: (input: ${deepApi.typeName}Input): Promise<${deepApi.typeName}Output> => call("${deepApi.path}", input),`
+          );
+        }
+        lines.push(`${indent}      },`);
+      }
+      lines.push(`${indent}    },`);
+    }
+    lines.push(`${indent}  },`);
+  }
+  for (const api of tree.apis) {
+    lines.push(`${indent}  /** ${api.meta.description} */`);
+    lines.push(
+      `${indent}  ${api.name}: (input: ${api.typeName}Input): Promise<${api.typeName}Output> => call("${api.path}", input),`
+    );
+  }
+  lines.push(`${indent}};`);
+  return lines.join("\n");
+}
+function jsonSchemaToTsType(schema) {
+  if (!schema) return "{}";
+  const type = schema.type;
+  switch (type) {
+    case "object": {
+      const props = schema.properties;
+      if (!props) return "Record<string, unknown>";
+      const required = schema.required || [];
+      const fields = [];
+      for (const [key, propSchema] of Object.entries(props)) {
+        const isRequired = required.includes(key);
+        const tsType = jsonSchemaToInlineType(propSchema);
+        fields.push(`  ${key}${isRequired ? "" : "?"}: ${tsType};`);
+      }
+      return `{
+${fields.join("\n")}
+}`;
+    }
+    default:
+      return "{}";
+  }
+}
+function jsonSchemaToInlineType(schema) {
+  if (!schema) return "unknown";
+  if ("const" in schema) return JSON.stringify(schema.const);
+  if (schema.enum) return schema.enum.map((v) => JSON.stringify(v)).join(" | ");
+  const nullable = schema.nullable ? " | null" : "";
+  const optional = schema.optional ? "" : "";
+  const type = schema.type;
+  switch (type) {
+    case "string":
+      return `string${nullable}`;
+    case "number":
+      return `number${nullable}`;
+    case "boolean":
+      return `boolean${nullable}`;
+    case "array": {
+      const items = schema.items;
+      const itemType = items ? jsonSchemaToInlineType(items) : "unknown";
+      return `${itemType}[]${nullable}`;
+    }
+    case "object": {
+      const props = schema.properties;
+      if (!props) {
+        const additionalProps = schema.additionalProperties;
+        if (additionalProps) return `Record<string, ${jsonSchemaToInlineType(additionalProps)}>${nullable}`;
+        return `Record<string, unknown>${nullable}`;
+      }
+      const required = schema.required || [];
+      const fields = Object.entries(props).map(([k, v]) => `${k}${required.includes(k) ? "" : "?"}: ${jsonSchemaToInlineType(v)}`).join("; ");
+      return `{ ${fields} }${nullable}`;
+    }
+    default:
+      if (schema.oneOf) {
+        return schema.oneOf.map(jsonSchemaToInlineType).join(" | ");
+      }
+      return "unknown";
+  }
+}
+function generateManifestJson(manifest) {
+  return JSON.stringify(manifest, null, 2);
+}
+
+// src/playground/html.ts
+function generatePlaygroundHtml(options) {
+  const title = options?.title || "Clawfire Playground";
+  const apiBaseUrl = options?.apiBaseUrl || "";
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${title}</title>
+  <style>
+    :root {
+      --bg: #0a0a0a;
+      --surface: #141414;
+      --surface2: #1e1e1e;
+      --border: #2a2a2a;
+      --text: #e5e5e5;
+      --text2: #a3a3a3;
+      --accent: #f97316;
+      --accent2: #fb923c;
+      --green: #22c55e;
+      --red: #ef4444;
+      --blue: #3b82f6;
+      --yellow: #eab308;
+      --radius: 8px;
+      --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+      --mono: 'JetBrains Mono', 'Fira Code', monospace;
+    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { font-family: var(--font); background: var(--bg); color: var(--text); min-height: 100vh; }
+
+    .layout { display: grid; grid-template-columns: 320px 1fr; min-height: 100vh; }
+    .sidebar { background: var(--surface); border-right: 1px solid var(--border); overflow-y: auto; }
+    .main { padding: 24px; overflow-y: auto; }
+
+    .logo { padding: 20px; border-bottom: 1px solid var(--border); }
+    .logo h1 { font-size: 20px; font-weight: 700; color: var(--accent); }
+    .logo p { font-size: 12px; color: var(--text2); margin-top: 4px; }
+
+    .auth-section { padding: 16px; border-bottom: 1px solid var(--border); }
+    .auth-section label { font-size: 12px; color: var(--text2); display: block; margin-bottom: 6px; }
+    .auth-input { width: 100%; padding: 8px 12px; background: var(--surface2); border: 1px solid var(--border);
+      border-radius: var(--radius); color: var(--text); font-family: var(--mono); font-size: 12px; }
+    .auth-status { font-size: 11px; margin-top: 6px; }
+    .auth-status.ok { color: var(--green); }
+    .auth-status.no { color: var(--text2); }
+
+    .search { padding: 12px 16px; border-bottom: 1px solid var(--border); }
+    .search input { width: 100%; padding: 8px 12px; background: var(--surface2); border: 1px solid var(--border);
+      border-radius: var(--radius); color: var(--text); font-size: 13px; }
+
+    .api-list { padding: 8px 0; }
+    .api-group { padding: 4px 0; }
+    .api-group-title { padding: 8px 16px; font-size: 11px; color: var(--text2); text-transform: uppercase;
+      letter-spacing: 0.5px; font-weight: 600; }
+    .api-item { padding: 8px 16px; cursor: pointer; transition: background 0.15s; display: flex; align-items: center;
+      gap: 8px; font-size: 13px; }
+    .api-item:hover { background: var(--surface2); }
+    .api-item.active { background: var(--surface2); border-left: 2px solid var(--accent); }
+    .api-badge { font-size: 10px; padding: 2px 6px; border-radius: 4px; font-weight: 600; }
+    .badge-public { background: #22c55e20; color: var(--green); }
+    .badge-auth { background: #3b82f620; color: var(--blue); }
+    .badge-role { background: #eab30820; color: var(--yellow); }
+    .badge-reauth { background: #ef444420; color: var(--red); }
+
+    .panel { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); margin-bottom: 16px; }
+    .panel-header { padding: 16px; border-bottom: 1px solid var(--border); display: flex; align-items: center;
+      justify-content: space-between; }
+    .panel-header h2 { font-size: 16px; font-weight: 600; }
+    .panel-body { padding: 16px; }
+
+    .field { margin-bottom: 12px; }
+    .field label { font-size: 12px; color: var(--text2); display: block; margin-bottom: 4px; }
+    .field-type { font-size: 11px; color: var(--text2); font-family: var(--mono); }
+    .field-required { color: var(--red); font-size: 11px; }
+
+    textarea, input[type="text"] { width: 100%; padding: 10px 14px; background: var(--surface2);
+      border: 1px solid var(--border); border-radius: var(--radius); color: var(--text);
+      font-family: var(--mono); font-size: 13px; resize: vertical; }
+    textarea { min-height: 200px; }
+
+    .btn { padding: 10px 20px; border: none; border-radius: var(--radius); font-size: 14px;
+      font-weight: 600; cursor: pointer; transition: all 0.15s; }
+    .btn-primary { background: var(--accent); color: white; }
+    .btn-primary:hover { background: var(--accent2); }
+    .btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
+
+    .response-section { margin-top: 16px; }
+    .status-badge { font-size: 12px; padding: 4px 8px; border-radius: 4px; font-weight: 600; }
+    .status-ok { background: #22c55e20; color: var(--green); }
+    .status-err { background: #ef444420; color: var(--red); }
+    pre { background: var(--surface2); padding: 16px; border-radius: var(--radius); overflow-x: auto;
+      font-family: var(--mono); font-size: 13px; line-height: 1.5; white-space: pre-wrap; }
+
+    .schema-info { font-size: 12px; color: var(--text2); line-height: 1.6; }
+    .schema-info code { background: var(--surface2); padding: 2px 6px; border-radius: 4px; font-family: var(--mono);
+      font-size: 11px; }
+
+    .empty-state { text-align: center; padding: 80px 40px; color: var(--text2); }
+    .empty-state h2 { font-size: 24px; margin-bottom: 8px; color: var(--text); }
+
+    .timer { font-size: 12px; color: var(--text2); font-family: var(--mono); }
+
+    @media (max-width: 768px) {
+      .layout { grid-template-columns: 1fr; }
+      .sidebar { max-height: 40vh; }
+    }
+  </style>
+</head>
+<body>
+  <div class="layout">
+    <div class="sidebar">
+      <div class="logo">
+        <h1>Clawfire</h1>
+        <p>API Playground</p>
+      </div>
+      <div class="auth-section">
+        <label>Bearer Token</label>
+        <input type="text" class="auth-input" id="token-input" placeholder="Paste your ID token...">
+        <div class="auth-status no" id="auth-status">Not authenticated</div>
+      </div>
+      <div class="search">
+        <input type="text" id="search-input" placeholder="Search APIs...">
+      </div>
+      <div class="api-list" id="api-list"></div>
+    </div>
+    <div class="main" id="main-content">
+      <div class="empty-state">
+        <h2>Select an API</h2>
+        <p>Choose an API from the sidebar to test it.</p>
+      </div>
+    </div>
+  </div>
+
+  <script>
+    const BASE_URL = ${JSON.stringify(apiBaseUrl)} || window.location.origin;
+    let manifest = null;
+    let selectedApi = null;
+
+    async function loadManifest() {
+      try {
+        const res = await fetch(BASE_URL + '/api/__manifest', { method: 'POST' });
+        manifest = await res.json();
+        renderApiList(manifest.apis);
+      } catch (e) {
+        document.getElementById('api-list').innerHTML =
+          '<div style="padding:16px;color:var(--red);font-size:13px;">Failed to load API manifest. Make sure your server is running.</div>';
+      }
+    }
+
+    function renderApiList(apis) {
+      const groups = {};
+      apis.forEach(api => {
+        const parts = api.path.split('/').filter(Boolean);
+        const group = parts.length > 1 ? parts[0] : 'root';
+        if (!groups[group]) groups[group] = [];
+        groups[group].push(api);
+      });
+
+      const el = document.getElementById('api-list');
+      el.innerHTML = Object.entries(groups).map(([group, items]) =>
+        '<div class="api-group">' +
+        '<div class="api-group-title">' + group + '</div>' +
+        items.map(api => {
+          const auth = api.meta.auth || 'public';
+          const badgeClass = 'badge-' + auth;
+          return '<div class="api-item" onclick="selectApi(\\'' + api.path + '\\')">' +
+            '<span class="api-badge ' + badgeClass + '">' + auth.toUpperCase() + '</span>' +
+            '<span>' + api.path + '</span>' +
+          '</div>';
+        }).join('') +
+        '</div>'
+      ).join('');
+    }
+
+    function selectApi(path) {
+      selectedApi = manifest.apis.find(a => a.path === path);
+      if (!selectedApi) return;
+
+      document.querySelectorAll('.api-item').forEach(el => el.classList.remove('active'));
+      event.currentTarget?.classList.add('active');
+
+      const main = document.getElementById('main-content');
+      const exampleInput = selectedApi.meta.exampleInput
+        ? JSON.stringify(selectedApi.meta.exampleInput, null, 2)
+        : generateExampleFromSchema(selectedApi.inputSchema);
+
+      main.innerHTML =
+        '<div class="panel">' +
+          '<div class="panel-header">' +
+            '<h2>POST ' + selectedApi.path + '</h2>' +
+            '<span class="api-badge badge-' + (selectedApi.meta.auth || 'public') + '">' +
+              (selectedApi.meta.auth || 'public').toUpperCase() + '</span>' +
+          '</div>' +
+          '<div class="panel-body">' +
+            '<p style="color:var(--text2);margin-bottom:16px;">' + (selectedApi.meta.description || '') + '</p>' +
+            (selectedApi.meta.tags ? '<div style="margin-bottom:12px;">' + selectedApi.meta.tags.map(t =>
+              '<span style="background:var(--surface2);padding:2px 8px;border-radius:4px;font-size:11px;margin-right:4px;">' + t + '</span>'
+            ).join('') + '</div>' : '') +
+            '<div class="schema-info" style="margin-bottom:16px;">' +
+              '<strong>Input Schema:</strong><br>' + renderSchemaInfo(selectedApi.inputSchema) +
+            '</div>' +
+            '<div class="schema-info" style="margin-bottom:16px;">' +
+              '<strong>Output Schema:</strong><br>' + renderSchemaInfo(selectedApi.outputSchema) +
+            '</div>' +
+          '</div>' +
+        '</div>' +
+        '<div class="panel">' +
+          '<div class="panel-header"><h2>Request</h2></div>' +
+          '<div class="panel-body">' +
+            '<textarea id="req-body" placeholder="Request JSON body">' + exampleInput + '</textarea>' +
+            '<div style="margin-top:12px;display:flex;align-items:center;gap:12px;">' +
+              '<button class="btn btn-primary" onclick="sendRequest()">Send Request</button>' +
+              '<span class="timer" id="timer"></span>' +
+            '</div>' +
+          '</div>' +
+        '</div>' +
+        '<div class="response-section" id="response-section"></div>';
+    }
+
+    function renderSchemaInfo(schema) {
+      if (!schema || !schema.properties) return '<code>void</code>';
+      return Object.entries(schema.properties).map(([key, prop]) => {
+        const required = schema.required?.includes(key);
+        const type = prop.type || 'unknown';
+        const enumVals = prop.enum ? ' (' + prop.enum.join(', ') + ')' : '';
+        return '<code>' + key + '</code>: <span class="field-type">' + type + enumVals + '</span>' +
+          (required ? ' <span class="field-required">required</span>' : ' <span style="color:var(--text2);font-size:11px;">optional</span>');
+      }).join('<br>');
+    }
+
+    function generateExampleFromSchema(schema) {
+      if (!schema || !schema.properties) return '{}';
+      const obj = {};
+      for (const [key, prop] of Object.entries(schema.properties)) {
+        if (prop.enum) { obj[key] = prop.enum[0]; continue; }
+        switch (prop.type) {
+          case 'string': obj[key] = prop.format === 'email' ? 'user@example.com' : 'string'; break;
+          case 'number': obj[key] = 0; break;
+          case 'boolean': obj[key] = false; break;
+          case 'array': obj[key] = []; break;
+          case 'object': obj[key] = {}; break;
+          default: obj[key] = null;
+        }
+      }
+      return JSON.stringify(obj, null, 2);
+    }
+
+    async function sendRequest() {
+      if (!selectedApi) return;
+      const body = document.getElementById('req-body').value;
+      const token = document.getElementById('token-input').value;
+      const timer = document.getElementById('timer');
+      const section = document.getElementById('response-section');
+
+      let parsed;
+      try { parsed = JSON.parse(body); } catch {
+        section.innerHTML = '<div class="panel"><div class="panel-body"><pre style="color:var(--red)">Invalid JSON</pre></div></div>';
+        return;
+      }
+
+      const start = performance.now();
+      timer.textContent = 'Sending...';
+
+      try {
+        const headers = { 'Content-Type': 'application/json' };
+        if (token) headers['Authorization'] = 'Bearer ' + token;
+
+        const res = await fetch(BASE_URL + '/api' + selectedApi.path, {
+          method: 'POST', headers, body: JSON.stringify(parsed)
+        });
+        const elapsed = Math.round(performance.now() - start);
+        timer.textContent = elapsed + 'ms';
+
+        const json = await res.json();
+        const isOk = res.ok;
+
+        section.innerHTML =
+          '<div class="panel">' +
+            '<div class="panel-header">' +
+              '<h2>Response</h2>' +
+              '<span class="status-badge ' + (isOk ? 'status-ok' : 'status-err') + '">' +
+                res.status + ' ' + res.statusText + '</span>' +
+            '</div>' +
+            '<div class="panel-body"><pre>' + syntaxHighlight(JSON.stringify(json, null, 2)) + '</pre></div>' +
+          '</div>';
+      } catch (e) {
+        const elapsed = Math.round(performance.now() - start);
+        timer.textContent = elapsed + 'ms';
+        section.innerHTML =
+          '<div class="panel"><div class="panel-body"><pre style="color:var(--red)">Network error: ' + e.message + '</pre></div></div>';
+      }
+    }
+
+    function syntaxHighlight(json) {
+      return json.replace(/("(\\\\u[a-fA-F0-9]{4}|\\\\[^u]|[^\\\\"])*"(\\s*:)?)|\\b(true|false|null)\\b|-?\\d+(\\.\\d+)?([eE][+-]?\\d+)?/g,
+        function(match) {
+          let cls = 'color:#eab308';
+          if (/^"/.test(match)) {
+            if (/:$/.test(match)) cls = 'color:#3b82f6';
+            else cls = 'color:#22c55e';
+          } else if (/true|false/.test(match)) cls = 'color:#f97316';
+          else if (/null/.test(match)) cls = 'color:#ef4444';
+          return '<span style="' + cls + '">' + match + '</span>';
+        }
+      );
+    }
+
+    // Search
+    document.getElementById('search-input')?.addEventListener('input', (e) => {
+      if (!manifest) return;
+      const q = e.target.value.toLowerCase();
+      const filtered = manifest.apis.filter(a => a.path.toLowerCase().includes(q) || a.meta.description?.toLowerCase().includes(q));
+      renderApiList(filtered);
+    });
+
+    // Token status
+    document.getElementById('token-input')?.addEventListener('input', (e) => {
+      const el = document.getElementById('auth-status');
+      if (e.target.value) {
+        el.textContent = 'Token set';
+        el.className = 'auth-status ok';
+      } else {
+        el.textContent = 'Not authenticated';
+        el.className = 'auth-status no';
+      }
+    });
+
+    loadManifest();
+  </script>
+</body>
+</html>`;
+}
+
+// src/core/schema.ts
+import { z } from "zod";
+
+// src/routing/discover.ts
+import { relative, join } from "path";
+import { existsSync, readdirSync, statSync } from "fs";
+function discoverRoutes(routesDir) {
+  if (!existsSync(routesDir)) {
+    return [];
+  }
+  const routes = [];
+  scanDirectory(routesDir, routesDir, routes);
+  return routes.sort((a, b) => a.apiPath.localeCompare(b.apiPath));
+}
+function scanDirectory(baseDir, currentDir, routes) {
+  const entries = readdirSync(currentDir);
+  for (const entry of entries) {
+    const fullPath = join(currentDir, entry);
+    const stat = statSync(fullPath);
+    if (stat.isDirectory()) {
+      if (entry.startsWith(".") || entry === "node_modules") continue;
+      scanDirectory(baseDir, fullPath, routes);
+    } else if (stat.isFile()) {
+      if (!entry.endsWith(".ts") && !entry.endsWith(".js")) continue;
+      if (entry.startsWith("_")) continue;
+      if (entry.endsWith(".d.ts")) continue;
+      const relativePath = relative(baseDir, fullPath);
+      const route = filePathToRoute(relativePath);
+      routes.push(route);
+    }
+  }
+}
+function filePathToRoute(filePath) {
+  const params = [];
+  let routePath = filePath.replace(/\.(ts|js)$/, "");
+  routePath = routePath.replace(/\\/g, "/");
+  if (routePath.endsWith("/index") || routePath === "index") {
+    routePath = routePath.replace(/\/?index$/, "");
+  }
+  routePath = routePath.replace(/\[([^\]]+)\]/g, (_, param) => {
+    params.push(param);
+    return `:${param}`;
+  });
+  const apiPath = `/${routePath}`;
+  return {
+    filePath,
+    apiPath,
+    params
+  };
+}
+function generateRouteImports(routes, routesDir) {
+  const lines = [
+    "// AUTO-GENERATED by Clawfire \u2014 DO NOT EDIT",
+    "// This file is regenerated whenever routes change.",
+    "",
+    'import { createRouter } from "clawfire/functions";',
+    ""
+  ];
+  routes.forEach((route, i) => {
+    const importPath = `./${route.filePath.replace(/\.(ts|js)$/, ".js")}`;
+    lines.push(`import route_${i} from "${importPath}";`);
+  });
+  lines.push("");
+  lines.push("export function registerAllRoutes(router: ReturnType<typeof createRouter>) {");
+  routes.forEach((route, i) => {
+    lines.push(`  router.register("${route.apiPath}", route_${i});`);
+  });
+  lines.push("  return router;");
+  lines.push("}");
+  return lines.join("\n");
+}
+export {
+  discoverRoutes,
+  generateClientCode,
+  generateManifestJson,
+  generatePlaygroundHtml,
+  generateRouteImports
+};
+//# sourceMappingURL=codegen.js.map