mcpmake 0.1.0 → 0.2.0

package/dist/cloud/web/static-server.d.ts

@@ -1,13 +0,0 @@
-/**
- * Static file server for web assets.
- *
- * Serves files from the `static/` directory with appropriate
- * Content-Type headers, caching policy, and security headers.
- */
-import http from 'node:http';
-/**
- * Serve a static file if the request path starts with `/static/`.
- *
- * @returns `true` if the request was handled, `false` otherwise.
- */
-export declare function serveStatic(req: http.IncomingMessage, res: http.ServerResponse): Promise<boolean>;

package/dist/cloud/web/static-server.js

@@ -1,73 +0,0 @@
-/**
- * Static file server for web assets.
- *
- * Serves files from the `static/` directory with appropriate
- * Content-Type headers, caching policy, and security headers.
- */
-import { readFile } from 'node:fs/promises';
-import { resolve, dirname, extname } from 'node:path';
-import { fileURLToPath } from 'node:url';
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const STATIC_DIR = resolve(__dirname, 'static');
-const MIME_TYPES = {
-    '.js': 'application/javascript',
-    '.css': 'text/css',
-    '.svg': 'image/svg+xml',
-    '.png': 'image/png',
-    '.ico': 'image/x-icon',
-    '.json': 'application/json',
-    '.woff': 'font/woff',
-    '.woff2': 'font/woff2',
-};
-/**
- * Serve a static file if the request path starts with `/static/`.
- *
- * @returns `true` if the request was handled, `false` otherwise.
- */
-export async function serveStatic(req, res) {
-    const url = new URL(req.url ?? '/', `http://${req.headers.host ?? 'localhost'}`);
-    const pathname = url.pathname;
-    if (!pathname.startsWith('/static/')) {
-        return false;
-    }
-    // Strip "/static/" prefix and resolve against the static directory
-    const relativePath = pathname.slice('/static/'.length);
-    const filePath = resolve(STATIC_DIR, relativePath);
-    // Path traversal guard: resolved path must remain inside STATIC_DIR
-    if (!filePath.startsWith(STATIC_DIR + '/')) {
-        res.writeHead(403, { 'X-Content-Type-Options': 'nosniff' });
-        res.end('Forbidden');
-        return true;
-    }
-    let data;
-    try {
-        data = await readFile(filePath);
-    }
-    catch {
-        // File not found — let the caller handle 404
-        return false;
-    }
-    const ext = extname(filePath).toLowerCase();
-    const contentType = MIME_TYPES[ext] ?? 'application/octet-stream';
-    // Cache policy
-    let cacheControl;
-    if (ext === '.js') {
-        // Vendored JS files — long-lived immutable cache
-        cacheControl = 'public, max-age=31536000, immutable';
-    }
-    else if (ext === '.css') {
-        // CSS changes during dev
-        cacheControl = 'public, max-age=3600';
-    }
-    else {
-        cacheControl = 'no-cache';
-    }
-    res.writeHead(200, {
-        'Content-Type': contentType,
-        'Content-Length': data.length,
-        'Cache-Control': cacheControl,
-        'X-Content-Type-Options': 'nosniff',
-    });
-    res.end(data);
-    return true;
-}

package/dist/cloud/web/template-engine.d.ts

@@ -1,27 +0,0 @@
-/**
- * Web template engine — Handlebars configured for HTML rendering.
- *
- * Uses a SEPARATE Handlebars instance from the code-gen template loader
- * so that HTML escaping remains enabled (the default).
- */
-/**
- * Render a page template inside a layout.
- *
- * 1. Render the page template with `data` -> produces content HTML.
- * 2. Render the layout template with `{...data, content: pageContent}` -> full HTML document.
- *
- * @param page   - Template name like "pages/landing/index" (no .hbs extension)
- * @param layout - Layout name like "layouts/landing" (no .hbs extension)
- * @param data   - Template context data
- * @returns Full HTML string
- */
-export declare function renderPage(page: string, layout: string, data: Record<string, unknown>): string;
-/**
- * Render a template without a layout wrapper.
- * Useful for htmx partial responses and fragments.
- *
- * @param name - Template name like "pages/dashboard/servers-partial" (no .hbs extension)
- * @param data - Template context data
- * @returns HTML string (no full document wrapper)
- */
-export declare function renderTemplate(name: string, data: Record<string, unknown>): string;

package/dist/cloud/web/template-engine.js

@@ -1,146 +0,0 @@
-/**
- * Web template engine — Handlebars configured for HTML rendering.
- *
- * Uses a SEPARATE Handlebars instance from the code-gen template loader
- * so that HTML escaping remains enabled (the default).
- */
-import { readFileSync, readdirSync, statSync } from 'node:fs';
-import { resolve, dirname, relative } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import Handlebars from 'handlebars';
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const TEMPLATE_DIR = resolve(__dirname, 'templates');
-// Isolated Handlebars instance — HTML escaping ON (default behavior)
-const hbs = Handlebars.create();
-const templateCache = new Map();
-// ---------------------------------------------------------------------------
-// Helpers
-// ---------------------------------------------------------------------------
-hbs.registerHelper('eq', function (a, b) {
-    return a === b;
-});
-hbs.registerHelper('capitalize', function (str) {
-    if (!str)
-        return str;
-    return str.charAt(0).toUpperCase() + str.slice(1);
-});
-hbs.registerHelper('formatDate', function (isoString) {
-    if (!isoString)
-        return '';
-    const date = new Date(isoString);
-    if (isNaN(date.getTime()))
-        return isoString;
-    return date.toLocaleDateString('en-US', {
-        month: 'short',
-        day: 'numeric',
-        year: 'numeric',
-    });
-});
-hbs.registerHelper('statusColor', function (status) {
-    switch (status) {
-        case 'running':
-            return 'green';
-        case 'stopped':
-            return 'gray';
-        case 'error':
-            return 'red';
-        case 'building':
-            return 'yellow';
-        default:
-            return 'gray';
-    }
-});
-hbs.registerHelper('truncate', function (str, len) {
-    if (!str)
-        return '';
-    if (typeof len !== 'number' || len <= 0)
-        return str;
-    if (str.length <= len)
-        return str;
-    return str.slice(0, len) + '...';
-});
-hbs.registerHelper('json', function (data) {
-    // Escape </script> and <!-- to prevent XSS when embedded in <script> tags
-    return JSON.stringify(data).replace(/</g, '\\u003c').replace(/>/g, '\\u003e');
-});
-// ---------------------------------------------------------------------------
-// Partial auto-registration
-// ---------------------------------------------------------------------------
-function registerPartials(dir) {
-    let entries;
-    try {
-        entries = readdirSync(dir);
-    }
-    catch {
-        // partials directory may not exist yet
-        return;
-    }
-    for (const entry of entries) {
-        const fullPath = resolve(dir, entry);
-        const stat = statSync(fullPath);
-        if (stat.isDirectory()) {
-            registerPartials(fullPath);
-        }
-        else if (entry.endsWith('.hbs')) {
-            // Use the relative path from partials dir (without extension) as the partial name.
-            // For flat files: "nav.hbs" -> "nav"
-            // For nested: "common/header.hbs" -> "common/header"
-            const partialsDir = resolve(TEMPLATE_DIR, 'partials');
-            const rel = relative(partialsDir, fullPath);
-            const partialName = rel.replace(/\.hbs$/, '').replace(/\\/g, '/');
-            const content = readFileSync(fullPath, 'utf-8');
-            hbs.registerPartial(partialName, content);
-        }
-    }
-}
-// Register partials on module load
-registerPartials(resolve(TEMPLATE_DIR, 'partials'));
-// ---------------------------------------------------------------------------
-// Template loading & caching
-// ---------------------------------------------------------------------------
-function loadTemplate(name) {
-    if (templateCache.has(name)) {
-        return templateCache.get(name);
-    }
-    const templatePath = resolve(TEMPLATE_DIR, `${name}.hbs`);
-    // Path traversal guard
-    if (!templatePath.startsWith(TEMPLATE_DIR + '/')) {
-        throw new Error(`Invalid template name: ${name}`);
-    }
-    const raw = readFileSync(templatePath, 'utf-8');
-    const compiled = hbs.compile(raw);
-    templateCache.set(name, compiled);
-    return compiled;
-}
-// ---------------------------------------------------------------------------
-// Public API
-// ---------------------------------------------------------------------------
-/**
- * Render a page template inside a layout.
- *
- * 1. Render the page template with `data` -> produces content HTML.
- * 2. Render the layout template with `{...data, content: pageContent}` -> full HTML document.
- *
- * @param page   - Template name like "pages/landing/index" (no .hbs extension)
- * @param layout - Layout name like "layouts/landing" (no .hbs extension)
- * @param data   - Template context data
- * @returns Full HTML string
- */
-export function renderPage(page, layout, data) {
-    const pageTemplate = loadTemplate(page);
-    const pageContent = pageTemplate(data);
-    const layoutTemplate = loadTemplate(layout);
-    return layoutTemplate({ ...data, content: pageContent });
-}
-/**
- * Render a template without a layout wrapper.
- * Useful for htmx partial responses and fragments.
- *
- * @param name - Template name like "pages/dashboard/servers-partial" (no .hbs extension)
- * @param data - Template context data
- * @returns HTML string (no full document wrapper)
- */
-export function renderTemplate(name, data) {
-    const template = loadTemplate(name);
-    return template(data);
-}

package/dist/cloud/web/templates/layouts/admin.hbs

@@ -1,57 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  {{#if metaTitle}}<title>{{metaTitle}}</title>{{else}}<title>Admin — mcpmake Cloud</title>{{/if}}
-  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
-  <link rel="stylesheet" href="/static/style.css">
-</head>
-<body>
-  <a href="#main-content" class="skip-to-content">Skip to content</a>
-  <div class="admin-shell">
-    <aside class="admin-sidebar" role="complementary" aria-label="Admin sidebar">
-      <div class="admin-sidebar-header">
-        <a href="/" class="admin-sidebar-logo" aria-label="mcpmake home">mcpmake</a>
-        <span class="admin-sidebar-label">Admin</span>
-      </div>
-      <nav class="admin-sidebar-nav" aria-label="Admin navigation">
-        <a href="/admin" class="admin-nav-link{{#if (eq activePage 'overview')}} active{{/if}}"{{#if (eq activePage 'overview')}} aria-current="page"{{/if}}>
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
-          Overview
-        </a>
-        <a href="/admin/servers" class="admin-nav-link{{#if (eq activePage 'servers')}} active{{/if}}"{{#if (eq activePage 'servers')}} aria-current="page"{{/if}}>
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="2" width="20" height="8" rx="2"/><rect x="2" y="14" width="20" height="8" rx="2"/><line x1="6" y1="6" x2="6.01" y2="6"/><line x1="6" y1="18" x2="6.01" y2="18"/></svg>
-          Servers
-        </a>
-        <a href="/admin/users" class="admin-nav-link{{#if (eq activePage 'users')}} active{{/if}}"{{#if (eq activePage 'users')}} aria-current="page"{{/if}}>
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
-          Users
-        </a>
-        <a href="/admin/telemetry" class="admin-nav-link{{#if (eq activePage 'telemetry')}} active{{/if}}"{{#if (eq activePage 'telemetry')}} aria-current="page"{{/if}}>
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
-          Telemetry
-        </a>
-      </nav>
-      <div class="admin-sidebar-footer">
-        <a href="/dashboard" class="admin-nav-link admin-nav-link--back">
-          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="19" y1="12" x2="5" y2="12"/><polyline points="12 19 5 12 12 5"/></svg>
-          Back to Dashboard
-        </a>
-        <div class="admin-sidebar-user">
-          <span class="admin-sidebar-email" title="{{user.email}}">{{user.email}}</span>
-          <form method="POST" action="/logout">
-            <input type="hidden" name="_csrf" value="{{csrfToken}}">
-            <button type="submit" class="admin-signout-btn">Sign out</button>
-          </form>
-        </div>
-      </div>
-    </aside>
-    <main id="main-content" class="admin-main">
-      {{{content}}}
-    </main>
-  </div>
-  <script src="/static/htmx.min.js" defer></script>
-  <script src="/static/alpine.min.js" defer></script>
-</body>
-</html>

package/dist/cloud/web/templates/layouts/auth.hbs

@@ -1,138 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  {{#if metaTitle}}<title>{{metaTitle}}</title>{{else}}<title>mcpmake Cloud</title>{{/if}}
-  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
-  <link rel="stylesheet" href="/static/style.css">
-  <style>
-    .auth-page {
-      min-height: 100vh;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      justify-content: center;
-      padding: 2rem 1rem;
-    }
-    .auth-card {
-      width: 100%;
-      max-width: 420px;
-      background: var(--color-card-bg, #18181b);
-      border: 1px solid var(--color-border, #27272a);
-      border-radius: 12px;
-      padding: 2rem;
-    }
-    .auth-card h1 {
-      font-size: 1.5rem;
-      margin-bottom: 0.25rem;
-      text-align: center;
-    }
-    .auth-card .auth-subtitle {
-      color: var(--color-text-muted, #a1a1aa);
-      text-align: center;
-      margin-bottom: 1.5rem;
-      font-size: 0.9rem;
-    }
-    .auth-logo {
-      display: block;
-      text-align: center;
-      font-weight: 700;
-      font-size: 1.1rem;
-      margin-bottom: 1.5rem;
-      color: var(--color-text-dark, #e4e4e7);
-    }
-    .auth-logo:hover {
-      color: var(--color-primary, #6366f1);
-    }
-    .form-group {
-      margin-bottom: 1rem;
-    }
-    .form-group label {
-      display: block;
-      font-size: 0.85rem;
-      font-weight: 500;
-      margin-bottom: 0.35rem;
-      color: var(--color-text-dark, #e4e4e7);
-    }
-    .form-group input {
-      width: 100%;
-      padding: 0.6rem 0.75rem;
-      border: 1px solid var(--color-border, #27272a);
-      border-radius: 6px;
-      background: var(--color-bg-dark, #0a0a0f);
-      color: var(--color-text-dark, #e4e4e7);
-      font-size: 0.95rem;
-      outline: none;
-      transition: border-color 0.15s;
-    }
-    .form-group input:focus {
-      border-color: var(--color-primary, #6366f1);
-    }
-    .form-hint {
-      font-size: 0.8rem;
-      color: var(--color-text-muted, #a1a1aa);
-      margin-top: 0.25rem;
-    }
-    .auth-error {
-      background: rgba(239, 68, 68, 0.1);
-      border: 1px solid rgba(239, 68, 68, 0.3);
-      color: #fca5a5;
-      padding: 0.6rem 0.75rem;
-      border-radius: 6px;
-      font-size: 0.875rem;
-      margin-bottom: 1rem;
-    }
-    .auth-error a {
-      color: #fca5a5;
-      text-decoration: underline;
-    }
-    .auth-success {
-      background: rgba(34, 197, 94, 0.1);
-      border: 1px solid rgba(34, 197, 94, 0.3);
-      color: #86efac;
-      padding: 0.6rem 0.75rem;
-      border-radius: 6px;
-      font-size: 0.875rem;
-      margin-bottom: 1rem;
-    }
-    .auth-submit {
-      width: 100%;
-      padding: 0.65rem;
-      border: none;
-      border-radius: 6px;
-      background: var(--color-primary, #6366f1);
-      color: #fff;
-      font-size: 0.95rem;
-      font-weight: 600;
-      cursor: pointer;
-      transition: background 0.15s;
-      margin-top: 0.5rem;
-    }
-    .auth-submit:hover {
-      background: var(--color-primary-hover, #818cf8);
-    }
-    .auth-footer {
-      text-align: center;
-      margin-top: 1.25rem;
-      font-size: 0.875rem;
-      color: var(--color-text-muted, #a1a1aa);
-    }
-    .auth-footer a {
-      color: var(--color-primary, #6366f1);
-    }
-    .auth-footer a:hover {
-      text-decoration: underline;
-    }
-  </style>
-</head>
-<body>
-  <a href="#main-content" class="skip-to-content">Skip to content</a>
-  <main id="main-content" class="auth-page">
-    <a href="/" class="auth-logo" aria-label="mcpmake home">mcpmake</a>
-    <div class="auth-card">
-      {{{content}}}
-    </div>
-  </main>
-</body>
-</html>

package/dist/cloud/web/templates/layouts/base.hbs

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  {{#if metaDescription}}<meta name="description" content="{{metaDescription}}">{{/if}}
-  {{#if metaTitle}}<title>{{metaTitle}}</title>{{else}}<title>mcpmake Cloud</title>{{/if}}
-  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
-  <link rel="stylesheet" href="/static/style.css">
-</head>
-<body>
-  {{{body}}}
-  <script src="/static/htmx.min.js" defer></script>
-  <script src="/static/alpine.min.js" defer></script>
-</body>
-</html>

package/dist/cloud/web/templates/layouts/dashboard.hbs

@@ -1,39 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>{{#if metaTitle}}{{metaTitle}}{{else}}Dashboard — mcpmake Cloud{{/if}}</title>
-  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
-  <link rel="stylesheet" href="/static/style.css">
-</head>
-<body class="dashboard-body">
-  <a href="#main-content" class="skip-to-content">Skip to content</a>
-  <aside class="sidebar" role="complementary" aria-label="Dashboard sidebar">
-    <a href="/dashboard" class="sidebar-logo" aria-label="mcpmake dashboard home">mcpmake</a>
-    <nav class="sidebar-nav" aria-label="Dashboard navigation">
-      <a href="/dashboard" class="sidebar-link {{#if (eq activePage 'servers')}}active{{/if}}"{{#if (eq activePage 'servers')}} aria-current="page"{{/if}}>Servers</a>
-      <a href="/dashboard/create" class="sidebar-link {{#if (eq activePage 'create')}}active{{/if}}"{{#if (eq activePage 'create')}} aria-current="page"{{/if}}>New Server</a>
-      <a href="/dashboard/billing" class="sidebar-link {{#if (eq activePage 'billing')}}active{{/if}}"{{#if (eq activePage 'billing')}} aria-current="page"{{/if}}>Billing</a>
-      <a href="/docs" class="sidebar-link">Docs</a>
-      {{#if user.isAdmin}}
-      <hr class="sidebar-divider">
-      <a href="/admin" class="sidebar-link {{#if (eq activePage 'admin')}}active{{/if}}"{{#if (eq activePage 'admin')}} aria-current="page"{{/if}}>Admin</a>
-      {{/if}}
-    </nav>
-    <div class="sidebar-footer">
-      <span class="sidebar-email" title="{{user.email}}">{{user.email}}</span>
-      <form method="POST" action="/logout">
-        <input type="hidden" name="_csrf" value="{{csrfToken}}">
-        <button type="submit" class="sidebar-logout">Sign out</button>
-      </form>
-    </div>
-  </aside>
-  <main id="main-content" class="dashboard-main">
-    {{{content}}}
-  </main>
-  <script src="/static/htmx.min.js" defer></script>
-  <script src="/static/htmx-sse.js" defer></script>
-  <script src="/static/alpine.min.js" defer></script>
-</body>
-</html>

package/dist/cloud/web/templates/layouts/landing.hbs

@@ -1,82 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="{{#if metaDescription}}{{metaDescription}}{{else}}Generate and host MCP servers from your API specs. Upload an OpenAPI spec or HAR file, get a running MCP server in 30 seconds. Free to start.{{/if}}">
-  <title>{{#if metaTitle}}{{metaTitle}}{{else}}mcpmake Cloud — Your API as an MCP server in 30 seconds{{/if}}</title>
-
-  <!-- Open Graph -->
-  <meta property="og:type" content="website">
-  <meta property="og:title" content="{{#if metaTitle}}{{metaTitle}}{{else}}mcpmake Cloud — Your API as an MCP server in 30 seconds{{/if}}">
-  <meta property="og:description" content="{{#if metaDescription}}{{metaDescription}}{{else}}Generate and host MCP servers from your API specs. Upload an OpenAPI spec or HAR file, get a running MCP server in 30 seconds. Free to start.{{/if}}">
-  <meta property="og:url" content="https://mcpmake.io/">
-
-  <!-- Canonical -->
-  <link rel="canonical" href="https://mcpmake.io/">
-
-  <!-- Structured Data -->
-  <script type="application/ld+json">
-  {
-    "@context": "https://schema.org",
-    "@type": "SoftwareApplication",
-    "name": "mcpmake Cloud",
-    "applicationCategory": "DeveloperApplication",
-    "operatingSystem": "Web",
-    "description": "Generate and host MCP servers from your API specs. Upload an OpenAPI spec or HAR file, get a running MCP server in 30 seconds.",
-    "url": "https://mcpmake.io/",
-    "offers": {
-      "@type": "Offer",
-      "price": "0",
-      "priceCurrency": "USD"
-    }
-  }
-  </script>
-
-  <link rel="icon" href="/static/favicon.svg" type="image/svg+xml">
-  <link rel="stylesheet" href="/static/style.css">
-</head>
-<body>
-  <a href="#main-content" class="skip-to-content">Skip to content</a>
-  <header class="nav" role="banner">
-    <div class="nav-inner">
-      <a href="/" class="nav-logo" aria-label="mcpmake home">mcpmake</a>
-      <nav class="nav-links" aria-label="Main navigation">
-        <a href="#features">Features</a>
-        <a href="#pricing">Pricing</a>
-        <a href="/docs">Docs</a>
-        <a href="/login" class="nav-link-subtle">Sign in</a>
-        <a href="/register" class="btn btn-primary btn-sm">Deploy free</a>
-      </nav>
-    </div>
-  </header>
-  <main id="main-content">
-    {{{content}}}
-  </main>
-  <footer class="footer">
-    <div class="footer-inner">
-      <div class="footer-col">
-        <h4>Product</h4>
-        <a href="#pricing">Pricing</a>
-        <a href="#features">Features</a>
-        <a href="/login">Dashboard</a>
-      </div>
-      <div class="footer-col">
-        <h4>Resources</h4>
-        <a href="/docs">Docs</a>
-        <a href="/docs/cli">CLI reference</a>
-        <a href="/docs/quickstart">Quickstart</a>
-        <a href="https://modelcontextprotocol.io" target="_blank" rel="noopener">MCP Spec</a>
-      </div>
-      <div class="footer-col">
-        <h4>Legal</h4>
-        <a href="/privacy">Privacy</a>
-        <a href="/terms">Terms</a>
-      </div>
-      <p class="footer-copy">&copy; {{year}} mcpmake. All rights reserved.</p>
-    </div>
-  </footer>
-  <script src="/static/htmx.min.js" defer></script>
-  <script src="/static/alpine.min.js" defer></script>
-</body>
-</html>