@kyro-cms/admin 0.1.5 → 0.1.7

package/src/pages/api/graphql.ts

@@ -0,0 +1,90 @@
+import type { APIRoute } from "astro";
+import { executeGraphQL } from "@/lib/graphql/schema";
+import { dataStore } from "@/lib/dataStore";
+import { collections } from "@/lib/config";
+
+dataStore.initialize(collections);
+
+export const ALL: APIRoute = async ({ request }) => {
+  const url = new URL(request.url);
+  const method = request.method.toUpperCase();
+
+  if (method === "GET") {
+    return new Response(
+      JSON.stringify({
+        message: "Kyro CMS GraphQL API",
+        version: "1.0",
+        endpoints: {
+          playground: "/admin/graphql",
+          graphql: "/graphql",
+          introspection: "POST with { __schema { types { name } } }",
+        },
+      }),
+      {
+        status: 200,
+        headers: { "Content-Type": "application/json" },
+      },
+    );
+  }
+
+  if (method === "POST") {
+    try {
+      const contentType = request.headers.get("content-type") || "";
+      let query: string;
+      let variables: Record<string, any> | undefined;
+
+      if (contentType.includes("application/json")) {
+        const body = await request.json();
+        query = body.query;
+        variables = body.variables;
+      } else {
+        const formData = await request.formData();
+        query = formData.get("query") as string;
+        const variablesStr = formData.get("variables") as string;
+        if (variablesStr) {
+          try {
+            variables = JSON.parse(variablesStr);
+          } catch {}
+        }
+      }
+
+      if (!query) {
+        return new Response(JSON.stringify({ error: "No query provided" }), {
+          status: 400,
+          headers: { "Content-Type": "application/json" },
+        });
+      }
+
+      const authHeader = request.headers.get("authorization");
+      const token = authHeader?.startsWith("Bearer ")
+        ? authHeader.slice(7)
+        : undefined;
+      const apiKey = authHeader?.startsWith("ApiKey ")
+        ? authHeader.slice(7).trim()
+        : request.headers.get("x-api-key")?.trim() || undefined;
+
+      const result = await executeGraphQL(query, variables, token, apiKey);
+
+      return new Response(JSON.stringify(result), {
+        status: 200,
+        headers: { "Content-Type": "application/json" },
+      });
+    } catch (error) {
+      console.error("GraphQL Error:", error);
+      return new Response(
+        JSON.stringify({
+          errors: [{ message: "Internal server error" }],
+        }),
+        {
+          status: 500,
+          headers: { "Content-Type": "application/json" },
+        },
+      );
+    }
+  }
+
+  return new Response(JSON.stringify({ error: "Method not allowed" }), {
+    status: 405,
+    headers: { "Content-Type": "application/json" },
+  });
+};

package/src/pages/api/health.ts

@@ -1,49 +1,426 @@
 import type { APIRoute } from "astro";
-import { SQLiteAuthAdapter } from "@kyro-cms/core";
-
-async function getAuthApi() {
-  return new SQLiteAuthAdapter({
-    path: process.env.KYRO_AUTH_DB_PATH || "./data/auth.db",
-  });
-}
+import { dataStore } from "../../lib/dataStore";
+import { collections as adminCollections } from "../../lib/config";
 
 export const GET: APIRoute = async () => {
   try {
-    const adapter = await getAuthApi();
-    await adapter.connect();
-
-    const stats = await adapter.getStats();
-    await adapter.disconnect();
-
-    return new Response(
-      JSON.stringify({
-        status: "healthy",
-        auth: {
-          storage: "sqlite",
-          userCount: stats.userCount,
-          activeSessionCount: stats.activeSessionCount,
-          auditLogCount: stats.auditLogCount,
-        },
-        uptime: process.uptime(),
-        memory: process.memoryUsage(),
-        timestamp: new Date().toISOString(),
-      }),
-      {
-        status: 200,
-        headers: { "Content-Type": "application/json" },
+    const startTime = Date.now();
+
+    const collectionNames = Object.keys(adminCollections);
+
+    let documentCount = 0;
+    const collectionCounts: Record<string, number> = {};
+
+    for (const slug of collectionNames) {
+      try {
+        const result = await dataStore.find(slug, { limit: 1 });
+        const count = result.totalDocs || 0;
+        collectionCounts[slug] = count;
+        documentCount += count;
+      } catch (e) {
+        collectionCounts[slug] = 0;
+      }
+    }
+
+    const responseTime = Date.now() - startTime;
+    const uptime = Math.floor(process.uptime());
+    const uptimeDays = Math.floor(uptime / 86400);
+    const uptimeHours = Math.floor((uptime % 86400) / 3600);
+    const uptimeMinutes = Math.floor((uptime % 3600) / 60);
+
+    const html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>System Health - Kyro CMS</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
+  <style>
+    :root {
+      --bg: #eaeff2;
+      --surface: #ffffff;
+      --surface-accent: #f9fafb;
+      --text-primary: #0b1222;
+      --text-secondary: #64748b;
+      --border: #e5e7eb;
+      --primary: #0b1222;
+      --accent: #0b1222;
+      --accent-text: #ffffff;
+      --success: #10b981;
+    }
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --bg: #030712;
+        --surface: #0b1222;
+        --surface-accent: #111a2e;
+        --text-primary: #f8fafc;
+        --text-secondary: #94a3b8;
+        --border: #1e293b;
+        --primary: #ffffff;
+        --accent: #ffffff;
+        --accent-text: #0b1222;
+      }
+    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { 
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+      background: var(--bg);
+      color: var(--text-primary);
+      min-height: 100vh;
+      padding: 2rem;
+    }
+    .container {
+      max-width: 720px;
+      margin: 0 auto;
+    }
+    .header {
+      text-align: center;
+      margin-bottom: 2.5rem;
+    }
+    .logo {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 72px;
+      height: 72px;
+      background: var(--accent);
+      color: var(--accent-text);
+      border-radius: 20px;
+      font-size: 28px;
+      font-weight: 900;
+      margin-bottom: 1.5rem;
+      box-shadow: 0 8px 32px rgba(0,0,0,0.15);
+    }
+    h1 {
+      font-size: 2rem;
+      font-weight: 800;
+      letter-spacing: -0.03em;
+      margin-bottom: 0.5rem;
+    }
+    .subtitle {
+      color: var(--text-secondary);
+      font-size: 0.9375rem;
+      font-weight: 500;
+    }
+    .status-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+      background: var(--success);
+      color: white;
+      padding: 0.625rem 1.25rem;
+      border-radius: 9999px;
+      font-size: 0.875rem;
+      font-weight: 700;
+      margin-top: 1.25rem;
+      box-shadow: 0 4px 16px rgba(16, 185, 129, 0.3);
+    }
+    .status-badge::before {
+      content: '';
+      width: 8px;
+      height: 8px;
+      background: white;
+      border-radius: 50%;
+      animation: pulse 2s infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { opacity: 1; transform: scale(1); }
+      50% { opacity: 0.6; transform: scale(0.9); }
+    }
+    .stats-grid {
+      display: grid;
+      grid-template-columns: repeat(2, 1fr);
+      gap: 1rem;
+    }
+    .stat-card {
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: 16px;
+      padding: 1.5rem;
+      transition: all 0.2s ease;
+    }
+    .stat-card:hover {
+      border-color: var(--text-secondary);
+      transform: translateY(-2px);
+      box-shadow: 0 8px 24px rgba(0,0,0,0.08);
+    }
+    .stat-card.wide {
+      grid-column: span 2;
+    }
+    .stat-label {
+      font-size: 0.75rem;
+      font-weight: 600;
+      color: var(--text-secondary);
+      text-transform: uppercase;
+      letter-spacing: 0.05em;
+      margin-bottom: 0.75rem;
+    }
+    .stat-value {
+      font-size: 2rem;
+      font-weight: 800;
+      letter-spacing: -0.03em;
+      line-height: 1;
+    }
+    .stat-meta {
+      font-size: 0.8125rem;
+      color: var(--text-secondary);
+      margin-top: 0.5rem;
+      font-weight: 500;
+    }
+    .collection-list {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 0.5rem;
+      margin-top: 0.5rem;
+    }
+    .collection-item {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.375rem;
+      padding: 0.375rem 0.75rem;
+      background: var(--surface-accent);
+      border-radius: 8px;
+      font-size: 0.8125rem;
+      font-weight: 600;
+      color: var(--text-secondary);
+    }
+    .collection-count {
+      background: var(--accent);
+      color: var(--accent-text);
+      padding: 0.125rem 0.5rem;
+      border-radius: 6px;
+      font-size: 0.75rem;
+      font-weight: 700;
+    }
+    .nav {
+      display: flex;
+      justify-content: center;
+      gap: 0.75rem;
+      margin-top: 2rem;
+      flex-wrap: wrap;
+    }
+    .nav-link {
+      color: var(--text-secondary);
+      text-decoration: none;
+      font-size: 0.875rem;
+      font-weight: 600;
+      padding: 0.75rem 1.25rem;
+      border-radius: 10px;
+      background: var(--surface);
+      border: 1px solid var(--border);
+      transition: all 0.2s ease;
+    }
+    .nav-link:hover {
+      background: var(--surface-accent);
+      color: var(--text-primary);
+      border-color: var(--text-secondary);
+    }
+    .timestamp {
+      text-align: center;
+      margin-top: 2rem;
+      font-size: 0.75rem;
+      color: var(--text-secondary);
+      font-weight: 500;
+    }
+    @media (max-width: 640px) {
+      .stats-grid {
+        grid-template-columns: 1fr;
+      }
+      .stat-card.wide {
+        grid-column: span 1;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="header">
+      <div class="logo">K</div>
+      <h1>System Health</h1>
+      <p class="subtitle">Kyro CMS is running optimally</p>
+      <div class="status-badge">All Systems Operational</div>
+    </div>
+
+    <div class="stats-grid">
+      <div class="stat-card">
+        <div class="stat-label">Response Time</div>
+        <div class="stat-value">${responseTime}<span style="font-size: 1rem; font-weight: 500; color: var(--text-secondary);">ms</span></div>
+        <div class="stat-meta">Lightning fast</div>
+      </div>
+      
+      <div class="stat-card">
+        <div class="stat-label">Server Uptime</div>
+        <div class="stat-value">
+          ${uptimeDays > 0 ? `${uptimeDays}d ` : ""}${uptimeHours}h <span style="font-size: 0.875rem; font-weight: 500; color: var(--text-secondary);">${uptimeMinutes}m</span>
+        </div>
+        <div class="stat-meta">Since last restart</div>
+      </div>
+      
+      <div class="stat-card">
+        <div class="stat-label">Collections</div>
+        <div class="stat-value">${collectionNames.length}</div>
+        <div class="stat-meta">Active content types</div>
+      </div>
+      
+      <div class="stat-card">
+        <div class="stat-label">Total Documents</div>
+        <div class="stat-value">${documentCount.toLocaleString()}</div>
+        <div class="stat-meta">Across all collections</div>
+      </div>
+      
+      <div class="stat-card wide">
+        <div class="stat-label">Document Distribution</div>
+        <div class="collection-list">
+          ${collectionNames
+            .map(
+              (slug: string) => `
+            <div class="collection-item">
+              ${slug}
+              <span class="collection-count">${collectionCounts[slug] || 0}</span>
+            </div>
+          `,
+            )
+            .join("")}
+        </div>
+      </div>
+    </div>
+
+    <div class="nav">
+      <a href="/admin" class="nav-link">Dashboard</a>
+      <a href="/admin/api-explorer" class="nav-link">API Explorer</a>
+      <a href="/admin/graphql" class="nav-link">GraphQL</a>
+      <a href="/admin/keys" class="nav-link">API Keys</a>
+      <a href="/admin/webhooks" class="nav-link">Webhooks</a>
+    </div>
+
+    <div class="timestamp">
+      Last checked: ${new Date().toLocaleString()} • Kyro CMS v1.0
+    </div>
+  </div>
+</body>
+</html>`;
+
+    return new Response(html, {
+      status: 200,
+      headers: {
+        "Content-Type": "text/html",
       },
-    );
+    });
   } catch (error) {
-    return new Response(
-      JSON.stringify({
-        status: "unhealthy",
-        error: error instanceof Error ? error.message : "Unknown error",
-        timestamp: new Date().toISOString(),
-      }),
-      {
-        status: 503,
-        headers: { "Content-Type": "application/json" },
+    const errorMessage =
+      error instanceof Error ? error.message : "Unknown error";
+
+    const html = `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>System Health - Kyro CMS</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
+  <style>
+    :root {
+      --bg: #eaeff2;
+      --surface: #ffffff;
+      --text-primary: #0b1222;
+      --text-secondary: #64748b;
+      --border: #e5e7eb;
+      --error: #ef4444;
+    }
+    @media (prefers-color-scheme: dark) {
+      :root {
+        --bg: #030712;
+        --surface: #0b1222;
+        --text-primary: #f8fafc;
+        --text-secondary: #94a3b8;
+        --border: #1e293b;
+      }
+    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body { 
+      font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
+      background: var(--bg);
+      color: var(--text-primary);
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 2rem;
+    }
+    .container {
+      max-width: 480px;
+      width: 100%;
+      text-align: center;
+    }
+    .logo {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 72px;
+      height: 72px;
+      background: var(--error);
+      color: white;
+      border-radius: 20px;
+      font-size: 28px;
+      font-weight: 900;
+      margin-bottom: 1.5rem;
+    }
+    h1 {
+      font-size: 2rem;
+      font-weight: 800;
+      letter-spacing: -0.03em;
+      margin-bottom: 0.5rem;
+    }
+    .error-badge {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.5rem;
+      background: var(--error);
+      color: white;
+      padding: 0.625rem 1.25rem;
+      border-radius: 9999px;
+      font-size: 0.875rem;
+      font-weight: 700;
+      margin-top: 1.25rem;
+    }
+    .error-card {
+      background: var(--surface);
+      border: 1px solid var(--border);
+      border-radius: 16px;
+      padding: 1.5rem;
+      text-align: left;
+      margin-top: 1.5rem;
+    }
+    .error-code {
+      font-family: 'SF Mono', 'Monaco', monospace;
+      font-size: 0.8125rem;
+      color: var(--error);
+      word-break: break-all;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div class="header">
+      <div class="logo">!</div>
+      <h1>System Health</h1>
+      <div class="error-badge">System Error</div>
+    </div>
+    <div class="error-card">
+      <div class="error-code">${errorMessage}</div>
+    </div>
+  </div>
+</body>
+</html>`;
+
+    return new Response(html, {
+      status: 503,
+      headers: {
+        "Content-Type": "text/html",
       },
-    );
+    });
   }
 };

package/src/pages/api/keys/[id].ts

@@ -0,0 +1,26 @@
+import type { APIRoute } from "astro";
+import { dataStore } from "../../../lib/dataStore";
+
+export const DELETE: APIRoute = async ({ params }) => {
+  try {
+    const { id } = params;
+    if (!id) {
+      return new Response(JSON.stringify({ error: "ID is required" }), {
+        status: 400,
+        headers: { "Content-Type": "application/json" },
+      });
+    }
+
+    await dataStore.delete("_api_keys", id);
+
+    return new Response(JSON.stringify({ success: true }), {
+      status: 200,
+      headers: { "Content-Type": "application/json" },
+    });
+  } catch (error: any) {
+    return new Response(JSON.stringify({ error: error.message }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" },
+    });
+  }
+};

package/src/pages/api/keys/index.ts

@@ -0,0 +1,75 @@
+import type { APIRoute } from "astro";
+import { dataStore } from "../../../lib/dataStore";
+
+export const GET: APIRoute = async () => {
+  try {
+    const keys = await dataStore.find("_api_keys", { limit: 100, page: 1 });
+
+    const docs = keys.docs.map((k: any) => ({
+      id: k.id,
+      name: k.name,
+      key: k.key,
+      keyPrefix: k.key?.substring(0, 8) || "",
+      createdAt: k.createdAt,
+      lastUsedAt: k.lastUsedAt,
+    }));
+
+    return new Response(JSON.stringify(docs), {
+      status: 200,
+      headers: { "Content-Type": "application/json" },
+    });
+  } catch (error: any) {
+    return new Response(JSON.stringify({ error: error.message }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" },
+    });
+  }
+};
+
+export const POST: APIRoute = async ({ request }) => {
+  try {
+    const body = await request.json();
+    const { name } = body;
+
+    if (!name) {
+      return new Response(JSON.stringify({ error: "Name is required" }), {
+        status: 400,
+        headers: { "Content-Type": "application/json" },
+      });
+    }
+
+    // Generate API key
+    const chars = "abcdefghijklmnopqrstuvwxyz0123456789";
+    let suffix = "";
+    for (let i = 0; i < 28; i++) {
+      suffix += chars[Math.floor(Math.random() * chars.length)];
+    }
+    const key = `kyro_${suffix}`;
+
+    const now = new Date().toISOString();
+    const doc = await dataStore.create("_api_keys", {
+      name,
+      key,
+      keyPrefix: key.substring(0, 8),
+      createdAt: now,
+    });
+
+    return new Response(
+      JSON.stringify({
+        id: doc.id,
+        name: doc.name,
+        key: doc.key,
+        createdAt: doc.createdAt,
+      }),
+      {
+        status: 201,
+        headers: { "Content-Type": "application/json" },
+      },
+    );
+  } catch (error: any) {
+    return new Response(JSON.stringify({ error: error.message }), {
+      status: 500,
+      headers: { "Content-Type": "application/json" },
+    });
+  }
+};