@frontmcp/ui 0.5.0

package/src/pages/consent.js

@@ -0,0 +1,218 @@
+"use strict";
+/**
+ * OAuth Consent Page Template
+ *
+ * OAuth/OpenID Connect consent page for authorization flows.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.consentPage = consentPage;
+exports.consentSuccessPage = consentSuccessPage;
+exports.consentDeniedPage = consentDeniedPage;
+const layouts_1 = require("../layouts");
+const button_1 = require("../components/button");
+const list_1 = require("../components/list");
+const form_1 = require("../components/form");
+const alert_1 = require("../components/alert");
+const base_1 = require("../layouts/base");
+// ============================================
+// Consent Page Builder
+// ============================================
+/**
+ * Build an OAuth consent page
+ */
+function consentPage(options) {
+    const { client, user, permissions, approveUrl, denyUrl, csrfToken, state, redirectUri, responseType, nonce, codeChallenge, codeChallengeMethod, error, layout = {}, warningMessage, allowScopeSelection = false, approveText = 'Allow', denyText = 'Deny', } = options;
+    // Error alert
+    const errorAlert = error ? (0, alert_1.alert)(error, { variant: 'danger', dismissible: true }) : '';
+    // Warning for unverified apps
+    const unverifiedWarning = !client.verified
+        ? (0, alert_1.alert)(warningMessage || 'This application has not been verified. Only authorize applications you trust.', {
+            variant: 'warning',
+            title: 'Unverified Application',
+        })
+        : '';
+    // Client header
+    const clientHeader = `
+    <div class="text-center mb-6">
+      ${client.icon
+        ? `<img src="${(0, base_1.escapeHtml)(client.icon)}" alt="${(0, base_1.escapeHtml)(client.name)}" class="w-16 h-16 rounded-xl mx-auto mb-4 shadow-md">`
+        : `<div class="inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-secondary text-white font-bold text-2xl mx-auto mb-4 shadow-md">
+            ${(0, base_1.escapeHtml)(client.name.charAt(0).toUpperCase())}
+          </div>`}
+      <h1 class="text-xl font-bold text-text-primary">
+        ${client.verified
+        ? `<span class="inline-flex items-center gap-1">
+          ${(0, base_1.escapeHtml)(client.name)}
+          <svg class="w-5 h-5 text-primary" fill="currentColor" viewBox="0 0 20 20">
+            <path fill-rule="evenodd" d="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/>
+          </svg>
+        </span>`
+        : (0, base_1.escapeHtml)(client.name)}
+      </h1>
+      <p class="text-text-secondary mt-1">wants to access your account</p>
+    </div>
+  `;
+    // User info section
+    const userSection = user
+        ? `
+    <div class="flex items-center gap-3 p-4 bg-gray-50 rounded-lg mb-6">
+      ${user.avatar
+            ? `<img src="${(0, base_1.escapeHtml)(user.avatar)}" class="w-12 h-12 rounded-full">`
+            : `<div class="w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center font-semibold text-lg">
+            ${(0, base_1.escapeHtml)((user.name || user.email || 'U').charAt(0).toUpperCase())}
+          </div>`}
+      <div class="flex-1 min-w-0">
+        ${user.name ? `<div class="font-medium text-text-primary truncate">${(0, base_1.escapeHtml)(user.name)}</div>` : ''}
+        ${user.email ? `<div class="text-sm text-text-secondary truncate">${(0, base_1.escapeHtml)(user.email)}</div>` : ''}
+      </div>
+      <a href="/login?prompt=select_account" class="text-sm text-primary hover:text-primary/80">
+        Switch account
+      </a>
+    </div>
+  `
+        : '';
+    // Permissions section
+    const permissionsSection = `
+    <div class="mb-6">
+      <h3 class="font-medium text-text-primary mb-3">This will allow ${(0, base_1.escapeHtml)(client.name)} to:</h3>
+      ${(0, list_1.permissionList)(permissions, {
+        checkable: allowScopeSelection,
+        inputName: 'scope',
+    })}
+    </div>
+  `;
+    // Hidden form fields
+    const hiddenFields = [
+        csrfToken ? (0, form_1.csrfInput)(csrfToken) : '',
+        state ? (0, form_1.hiddenInput)('state', state) : '',
+        redirectUri ? (0, form_1.hiddenInput)('redirect_uri', redirectUri) : '',
+        responseType ? (0, form_1.hiddenInput)('response_type', responseType) : '',
+        nonce ? (0, form_1.hiddenInput)('nonce', nonce) : '',
+        codeChallenge ? (0, form_1.hiddenInput)('code_challenge', codeChallenge) : '',
+        codeChallengeMethod ? (0, form_1.hiddenInput)('code_challenge_method', codeChallengeMethod) : '',
+        (0, form_1.hiddenInput)('client_id', client.clientId),
+        // Include all scopes if not selectable
+        !allowScopeSelection ? permissions.map((p) => (0, form_1.hiddenInput)('scope[]', p.scope)).join('\n') : '',
+    ]
+        .filter(Boolean)
+        .join('\n');
+    // Action buttons
+    const actionsHtml = `
+    <div class="flex gap-3 pt-4">
+      <form action="${(0, base_1.escapeHtml)(denyUrl || approveUrl)}" method="post" class="flex-1">
+        ${hiddenFields}
+        <input type="hidden" name="action" value="deny">
+        ${(0, button_1.outlineButton)(denyText, { type: 'submit', fullWidth: true })}
+      </form>
+      <form action="${(0, base_1.escapeHtml)(approveUrl)}" method="post" class="flex-1">
+        ${hiddenFields}
+        <input type="hidden" name="action" value="approve">
+        ${(0, button_1.primaryButton)(approveText, { type: 'submit', fullWidth: true })}
+      </form>
+    </div>
+  `;
+    // Privacy/Terms links
+    const linksHtml = client.privacyUrl || client.termsUrl || client.websiteUrl
+        ? `
+    <div class="text-center text-xs text-text-secondary mt-6 space-x-3">
+      ${client.websiteUrl
+            ? `<a href="${(0, base_1.escapeHtml)(client.websiteUrl)}" target="_blank" rel="noopener" class="hover:text-primary">Website</a>`
+            : ''}
+      ${client.privacyUrl
+            ? `<a href="${(0, base_1.escapeHtml)(client.privacyUrl)}" target="_blank" rel="noopener" class="hover:text-primary">Privacy Policy</a>`
+            : ''}
+      ${client.termsUrl
+            ? `<a href="${(0, base_1.escapeHtml)(client.termsUrl)}" target="_blank" rel="noopener" class="hover:text-primary">Terms of Service</a>`
+            : ''}
+    </div>
+  `
+        : '';
+    // Combine all content
+    const content = `
+    ${errorAlert}
+    ${unverifiedWarning}
+    ${clientHeader}
+    ${userSection}
+    ${permissionsSection}
+    ${actionsHtml}
+    ${linksHtml}
+  `;
+    return (0, layouts_1.consentLayout)(content, {
+        title: `Authorize ${client.name}`,
+        clientName: client.name,
+        clientIcon: client.icon,
+        userInfo: user,
+        ...layout,
+    });
+}
+/**
+ * Build a consent success page
+ */
+function consentSuccessPage(options) {
+    const { client, redirectUrl, autoRedirectDelay = 3000, layout = {} } = options;
+    const redirectScript = redirectUrl && autoRedirectDelay > 0
+        ? `
+    <script>
+      setTimeout(() => {
+        window.location.href = '${(0, base_1.escapeHtml)(redirectUrl)}';
+      }, ${autoRedirectDelay});
+    </script>
+  `
+        : '';
+    const content = `
+    <div class="text-center">
+      <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-success/10 mb-6">
+        <svg class="w-8 h-8 text-success" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"/>
+        </svg>
+      </div>
+      <h1 class="text-2xl font-bold text-text-primary mb-2">Authorization Successful</h1>
+      <p class="text-text-secondary mb-4">
+        You have authorized <strong>${(0, base_1.escapeHtml)(client.name)}</strong> to access your account.
+      </p>
+      ${redirectUrl
+        ? `<p class="text-sm text-text-secondary">Redirecting you back to ${(0, base_1.escapeHtml)(client.name)}...</p>`
+        : ''}
+    </div>
+    ${redirectScript}
+  `;
+    return (0, layouts_1.consentLayout)(content, {
+        title: 'Authorization Successful',
+        clientName: client.name,
+        clientIcon: client.icon,
+        ...layout,
+    });
+}
+/**
+ * Build a consent denied page
+ */
+function consentDeniedPage(options) {
+    const { client, redirectUrl, layout = {} } = options;
+    const content = `
+    <div class="text-center">
+      <div class="inline-flex items-center justify-center w-16 h-16 rounded-full bg-gray-100 mb-6">
+        <svg class="w-8 h-8 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/>
+        </svg>
+      </div>
+      <h1 class="text-2xl font-bold text-text-primary mb-2">Authorization Denied</h1>
+      <p class="text-text-secondary mb-6">
+        You denied <strong>${(0, base_1.escapeHtml)(client.name)}</strong> access to your account.
+      </p>
+      ${redirectUrl
+        ? `
+        <a href="${(0, base_1.escapeHtml)(redirectUrl)}" class="inline-block px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors">
+          Return to ${(0, base_1.escapeHtml)(client.name)}
+        </a>
+      `
+        : ''}
+    </div>
+  `;
+    return (0, layouts_1.consentLayout)(content, {
+        title: 'Authorization Denied',
+        clientName: client.name,
+        clientIcon: client.icon,
+        ...layout,
+    });
+}
+//# sourceMappingURL=consent.js.map

package/src/pages/consent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"consent.js","sourceRoot":"","sources":["../../../src/pages/consent.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * OAuth Consent Page Template\n *\n * OAuth/OpenID Connect consent page for authorization flows.\n */\n\nimport { consentLayout, type ConsentLayoutOptions } from '../layouts';\nimport { primaryButton, outlineButton, dangerButton } from '../components/button';\nimport { permissionList, type PermissionItem } from '../components/list';\nimport { form, formActions, csrfInput, hiddenInput } from '../components/form';\nimport { alert } from '../components/alert';\nimport { escapeHtml } from '../layouts/base';\n\n// ============================================\n// Consent Page Types\n// ============================================\n\n/**\n * Client/Application information\n */\nexport interface ClientInfo {\n  /** Client ID */\n  clientId: string;\n  /** Client name */\n  name: string;\n  /** Client icon/logo URL */\n  icon?: string;\n  /** Client website URL */\n  websiteUrl?: string;\n  /** Privacy policy URL */\n  privacyUrl?: string;\n  /** Terms of service URL */\n  termsUrl?: string;\n  /** Verified client badge */\n  verified?: boolean;\n}\n\n/**\n * User information\n */\nexport interface UserInfo {\n  /** User ID */\n  id?: string;\n  /** User name */\n  name?: string;\n  /** User email */\n  email?: string;\n  /** Avatar URL */\n  avatar?: string;\n}\n\n/**\n * Consent page options\n */\nexport interface ConsentPageOptions {\n  /** Client/App requesting authorization */\n  client: ClientInfo;\n  /** Current user info */\n  user?: UserInfo;\n  /** Requested permissions/scopes */\n  permissions: PermissionItem[];\n  /** Form action URL for approval */\n  approveUrl: string;\n  /** Form action URL for denial (optional, uses approveUrl if not provided) */\n  denyUrl?: string;\n  /** CSRF token */\n  csrfToken?: string;\n  /** OAuth state parameter */\n  state?: string;\n  /** Redirect URI */\n  redirectUri?: string;\n  /** Response type */\n  responseType?: string;\n  /** Nonce */\n  nonce?: string;\n  /** Code challenge */\n  codeChallenge?: string;\n  /** Code challenge method */\n  codeChallengeMethod?: string;\n  /** Error message */\n  error?: string;\n  /** Layout options */\n  layout?: Partial<ConsentLayoutOptions>;\n  /** Custom warning message */\n  warningMessage?: string;\n  /** Allow partial scope selection */\n  allowScopeSelection?: boolean;\n  /** Custom approve button text */\n  approveText?: string;\n  /** Custom deny button text */\n  denyText?: string;\n}\n\n// ============================================\n// Consent Page Builder\n// ============================================\n\n/**\n * Build an OAuth consent page\n */\nexport function consentPage(options: ConsentPageOptions): string {\n  const {\n    client,\n    user,\n    permissions,\n    approveUrl,\n    denyUrl,\n    csrfToken,\n    state,\n    redirectUri,\n    responseType,\n    nonce,\n    codeChallenge,\n    codeChallengeMethod,\n    error,\n    layout = {},\n    warningMessage,\n    allowScopeSelection = false,\n    approveText = 'Allow',\n    denyText = 'Deny',\n  } = options;\n\n  // Error alert\n  const errorAlert = error ? alert(error, { variant: 'danger', dismissible: true }) : '';\n\n  // Warning for unverified apps\n  const unverifiedWarning = !client.verified\n    ? alert(warningMessage || 'This application has not been verified. Only authorize applications you trust.', {\n        variant: 'warning',\n        title: 'Unverified Application',\n      })\n    : '';\n\n  // Client header\n  const clientHeader = `\n    <div class=\"text-center mb-6\">\n      ${\n        client.icon\n          ? `<img src=\"${escapeHtml(client.icon)}\" alt=\"${escapeHtml(\n              client.name,\n            )}\" class=\"w-16 h-16 rounded-xl mx-auto mb-4 shadow-md\">`\n          : `<div class=\"inline-flex items-center justify-center w-16 h-16 rounded-xl bg-gradient-to-br from-primary to-secondary text-white font-bold text-2xl mx-auto mb-4 shadow-md\">\n            ${escapeHtml(client.name.charAt(0).toUpperCase())}\n          </div>`\n      }\n      <h1 class=\"text-xl font-bold text-text-primary\">\n        ${\n          client.verified\n            ? `<span class=\"inline-flex items-center gap-1\">\n          ${escapeHtml(client.name)}\n          <svg class=\"w-5 h-5 text-primary\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n            <path fill-rule=\"evenodd\" d=\"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\"/>\n          </svg>\n        </span>`\n            : escapeHtml(client.name)\n        }\n      </h1>\n      <p class=\"text-text-secondary mt-1\">wants to access your account</p>\n    </div>\n  `;\n\n  // User info section\n  const userSection = user\n    ? `\n    <div class=\"flex items-center gap-3 p-4 bg-gray-50 rounded-lg mb-6\">\n      ${\n        user.avatar\n          ? `<img src=\"${escapeHtml(user.avatar)}\" class=\"w-12 h-12 rounded-full\">`\n          : `<div class=\"w-12 h-12 rounded-full bg-primary text-white flex items-center justify-center font-semibold text-lg\">\n            ${escapeHtml((user.name || user.email || 'U').charAt(0).toUpperCase())}\n          </div>`\n      }\n      <div class=\"flex-1 min-w-0\">\n        ${user.name ? `<div class=\"font-medium text-text-primary truncate\">${escapeHtml(user.name)}</div>` : ''}\n        ${user.email ? `<div class=\"text-sm text-text-secondary truncate\">${escapeHtml(user.email)}</div>` : ''}\n      </div>\n      <a href=\"/login?prompt=select_account\" class=\"text-sm text-primary hover:text-primary/80\">\n        Switch account\n      </a>\n    </div>\n  `\n    : '';\n\n  // Permissions section\n  const permissionsSection = `\n    <div class=\"mb-6\">\n      <h3 class=\"font-medium text-text-primary mb-3\">This will allow ${escapeHtml(client.name)} to:</h3>\n      ${permissionList(permissions, {\n        checkable: allowScopeSelection,\n        inputName: 'scope',\n      })}\n    </div>\n  `;\n\n  // Hidden form fields\n  const hiddenFields = [\n    csrfToken ? csrfInput(csrfToken) : '',\n    state ? hiddenInput('state', state) : '',\n    redirectUri ? hiddenInput('redirect_uri', redirectUri) : '',\n    responseType ? hiddenInput('response_type', responseType) : '',\n    nonce ? hiddenInput('nonce', nonce) : '',\n    codeChallenge ? hiddenInput('code_challenge', codeChallenge) : '',\n    codeChallengeMethod ? hiddenInput('code_challenge_method', codeChallengeMethod) : '',\n    hiddenInput('client_id', client.clientId),\n    // Include all scopes if not selectable\n    !allowScopeSelection ? permissions.map((p) => hiddenInput('scope[]', p.scope)).join('\\n') : '',\n  ]\n    .filter(Boolean)\n    .join('\\n');\n\n  // Action buttons\n  const actionsHtml = `\n    <div class=\"flex gap-3 pt-4\">\n      <form action=\"${escapeHtml(denyUrl || approveUrl)}\" method=\"post\" class=\"flex-1\">\n        ${hiddenFields}\n        <input type=\"hidden\" name=\"action\" value=\"deny\">\n        ${outlineButton(denyText, { type: 'submit', fullWidth: true })}\n      </form>\n      <form action=\"${escapeHtml(approveUrl)}\" method=\"post\" class=\"flex-1\">\n        ${hiddenFields}\n        <input type=\"hidden\" name=\"action\" value=\"approve\">\n        ${primaryButton(approveText, { type: 'submit', fullWidth: true })}\n      </form>\n    </div>\n  `;\n\n  // Privacy/Terms links\n  const linksHtml =\n    client.privacyUrl || client.termsUrl || client.websiteUrl\n      ? `\n    <div class=\"text-center text-xs text-text-secondary mt-6 space-x-3\">\n      ${\n        client.websiteUrl\n          ? `<a href=\"${escapeHtml(\n              client.websiteUrl,\n            )}\" target=\"_blank\" rel=\"noopener\" class=\"hover:text-primary\">Website</a>`\n          : ''\n      }\n      ${\n        client.privacyUrl\n          ? `<a href=\"${escapeHtml(\n              client.privacyUrl,\n            )}\" target=\"_blank\" rel=\"noopener\" class=\"hover:text-primary\">Privacy Policy</a>`\n          : ''\n      }\n      ${\n        client.termsUrl\n          ? `<a href=\"${escapeHtml(\n              client.termsUrl,\n            )}\" target=\"_blank\" rel=\"noopener\" class=\"hover:text-primary\">Terms of Service</a>`\n          : ''\n      }\n    </div>\n  `\n      : '';\n\n  // Combine all content\n  const content = `\n    ${errorAlert}\n    ${unverifiedWarning}\n    ${clientHeader}\n    ${userSection}\n    ${permissionsSection}\n    ${actionsHtml}\n    ${linksHtml}\n  `;\n\n  return consentLayout(content, {\n    title: `Authorize ${client.name}`,\n    clientName: client.name,\n    clientIcon: client.icon,\n    userInfo: user,\n    ...layout,\n  });\n}\n\n// ============================================\n// Consent Success Page\n// ============================================\n\n/**\n * Consent success page options\n */\nexport interface ConsentSuccessOptions {\n  /** Client info */\n  client: ClientInfo;\n  /** Redirect URL */\n  redirectUrl?: string;\n  /** Auto redirect delay (ms) */\n  autoRedirectDelay?: number;\n  /** Layout options */\n  layout?: Partial<ConsentLayoutOptions>;\n}\n\n/**\n * Build a consent success page\n */\nexport function consentSuccessPage(options: ConsentSuccessOptions): string {\n  const { client, redirectUrl, autoRedirectDelay = 3000, layout = {} } = options;\n\n  const redirectScript =\n    redirectUrl && autoRedirectDelay > 0\n      ? `\n    <script>\n      setTimeout(() => {\n        window.location.href = '${escapeHtml(redirectUrl)}';\n      }, ${autoRedirectDelay});\n    </script>\n  `\n      : '';\n\n  const content = `\n    <div class=\"text-center\">\n      <div class=\"inline-flex items-center justify-center w-16 h-16 rounded-full bg-success/10 mb-6\">\n        <svg class=\"w-8 h-8 text-success\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\"/>\n        </svg>\n      </div>\n      <h1 class=\"text-2xl font-bold text-text-primary mb-2\">Authorization Successful</h1>\n      <p class=\"text-text-secondary mb-4\">\n        You have authorized <strong>${escapeHtml(client.name)}</strong> to access your account.\n      </p>\n      ${\n        redirectUrl\n          ? `<p class=\"text-sm text-text-secondary\">Redirecting you back to ${escapeHtml(client.name)}...</p>`\n          : ''\n      }\n    </div>\n    ${redirectScript}\n  `;\n\n  return consentLayout(content, {\n    title: 'Authorization Successful',\n    clientName: client.name,\n    clientIcon: client.icon,\n    ...layout,\n  });\n}\n\n// ============================================\n// Consent Denied Page\n// ============================================\n\n/**\n * Consent denied page options\n */\nexport interface ConsentDeniedOptions {\n  /** Client info */\n  client: ClientInfo;\n  /** Redirect URL */\n  redirectUrl?: string;\n  /** Layout options */\n  layout?: Partial<ConsentLayoutOptions>;\n}\n\n/**\n * Build a consent denied page\n */\nexport function consentDeniedPage(options: ConsentDeniedOptions): string {\n  const { client, redirectUrl, layout = {} } = options;\n\n  const content = `\n    <div class=\"text-center\">\n      <div class=\"inline-flex items-center justify-center w-16 h-16 rounded-full bg-gray-100 mb-6\">\n        <svg class=\"w-8 h-8 text-gray-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\"/>\n        </svg>\n      </div>\n      <h1 class=\"text-2xl font-bold text-text-primary mb-2\">Authorization Denied</h1>\n      <p class=\"text-text-secondary mb-6\">\n        You denied <strong>${escapeHtml(client.name)}</strong> access to your account.\n      </p>\n      ${\n        redirectUrl\n          ? `\n        <a href=\"${escapeHtml(\n          redirectUrl,\n        )}\" class=\"inline-block px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors\">\n          Return to ${escapeHtml(client.name)}\n        </a>\n      `\n          : ''\n      }\n    </div>\n  `;\n\n  return consentLayout(content, {\n    title: 'Authorization Denied',\n    clientName: client.name,\n    clientIcon: client.icon,\n    ...layout,\n  });\n}\n"]}

package/src/pages/error.d.ts

@@ -0,0 +1,100 @@
+/**
+ * Error Page Templates
+ *
+ * Various error page templates (404, 500, etc.)
+ */
+import { type ErrorLayoutOptions } from '../layouts';
+/**
+ * Error page options
+ */
+export interface ErrorPageOptions {
+    /** Error code (404, 500, etc.) */
+    code?: string | number;
+    /** Error title */
+    title?: string;
+    /** Error message */
+    message?: string;
+    /** Detailed error (for development) */
+    details?: string;
+    /** Show stack trace (development only) */
+    showStack?: boolean;
+    /** Stack trace */
+    stack?: string;
+    /** Show retry button */
+    showRetry?: boolean;
+    /** Retry URL */
+    retryUrl?: string;
+    /** Show home button */
+    showHome?: boolean;
+    /** Home URL */
+    homeUrl?: string;
+    /** Show back button */
+    showBack?: boolean;
+    /** Custom actions HTML */
+    actions?: string;
+    /** Layout options */
+    layout?: Partial<ErrorLayoutOptions>;
+    /** Request ID (for support) */
+    requestId?: string;
+}
+/**
+ * Build a generic error page
+ */
+export declare function errorPage(options: ErrorPageOptions): string;
+/**
+ * 404 Not Found page
+ */
+export declare function notFoundPage(options?: Partial<ErrorPageOptions>): string;
+/**
+ * 403 Forbidden page
+ */
+export declare function forbiddenPage(options?: Partial<ErrorPageOptions>): string;
+/**
+ * 401 Unauthorized page
+ */
+export declare function unauthorizedPage(options?: Partial<ErrorPageOptions> & {
+    loginUrl?: string;
+}): string;
+/**
+ * 500 Internal Server Error page
+ */
+export declare function serverErrorPage(options?: Partial<ErrorPageOptions>): string;
+/**
+ * 503 Service Unavailable page
+ */
+export declare function maintenancePage(options?: Partial<ErrorPageOptions> & {
+    estimatedTime?: string;
+}): string;
+/**
+ * 429 Rate Limit page
+ */
+export declare function rateLimitPage(options?: Partial<ErrorPageOptions> & {
+    retryAfter?: number;
+}): string;
+/**
+ * Offline page
+ */
+export declare function offlinePage(options?: Partial<ErrorPageOptions>): string;
+/**
+ * Session expired page
+ */
+export declare function sessionExpiredPage(options?: Partial<ErrorPageOptions> & {
+    loginUrl?: string;
+}): string;
+/**
+ * OAuth error page options
+ */
+export interface OAuthErrorPageOptions extends Partial<ErrorPageOptions> {
+    /** OAuth error code */
+    errorCode?: string;
+    /** OAuth error description */
+    errorDescription?: string;
+    /** Redirect URI */
+    redirectUri?: string;
+    /** Client name */
+    clientName?: string;
+}
+/**
+ * OAuth error page
+ */
+export declare function oauthErrorPage(options: OAuthErrorPageOptions): string;

package/src/pages/error.js

@@ -0,0 +1,263 @@
+"use strict";
+/**
+ * Error Page Templates
+ *
+ * Various error page templates (404, 500, etc.)
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.errorPage = errorPage;
+exports.notFoundPage = notFoundPage;
+exports.forbiddenPage = forbiddenPage;
+exports.unauthorizedPage = unauthorizedPage;
+exports.serverErrorPage = serverErrorPage;
+exports.maintenancePage = maintenancePage;
+exports.rateLimitPage = rateLimitPage;
+exports.offlinePage = offlinePage;
+exports.sessionExpiredPage = sessionExpiredPage;
+exports.oauthErrorPage = oauthErrorPage;
+const layouts_1 = require("../layouts");
+const base_1 = require("../layouts/base");
+// ============================================
+// Error Page Builder
+// ============================================
+/**
+ * Build a generic error page
+ */
+function errorPage(options) {
+    const { code, title = 'Something went wrong', message, details, showStack = false, stack, showRetry = true, retryUrl, showHome = true, homeUrl = '/', showBack = false, actions, layout = {}, requestId, } = options;
+    // Details section (for development)
+    const detailsHtml = details || (showStack && stack)
+        ? `
+    <div class="mt-8 text-left">
+      ${details
+            ? `
+        <div class="p-4 bg-gray-50 rounded-lg text-sm text-text-secondary mb-4">
+          <strong class="text-text-primary">Details:</strong>
+          <p class="mt-1">${(0, base_1.escapeHtml)(details)}</p>
+        </div>
+      `
+            : ''}
+      ${showStack && stack
+            ? `
+        <details class="p-4 bg-gray-900 rounded-lg text-sm">
+          <summary class="text-gray-300 cursor-pointer hover:text-white">Stack Trace</summary>
+          <pre class="mt-2 text-xs text-gray-400 overflow-x-auto whitespace-pre-wrap">${(0, base_1.escapeHtml)(stack)}</pre>
+        </details>
+      `
+            : ''}
+    </div>
+  `
+        : '';
+    // Request ID for support
+    const requestIdHtml = requestId
+        ? `
+    <p class="text-xs text-text-secondary mt-6">
+      Request ID: <code class="px-1.5 py-0.5 bg-gray-100 rounded text-xs">${(0, base_1.escapeHtml)(requestId)}</code>
+    </p>
+  `
+        : '';
+    // Custom actions or default buttons are handled by errorLayout
+    const content = `
+    ${detailsHtml}
+    ${actions || ''}
+    ${requestIdHtml}
+  `;
+    return (0, layouts_1.errorLayout)(content, {
+        title: `${code ? `Error ${code} - ` : ''}${title}`,
+        errorCode: code?.toString(),
+        errorTitle: title,
+        errorMessage: message,
+        showRetry,
+        retryUrl,
+        showHome,
+        homeUrl,
+        ...layout,
+    });
+}
+// ============================================
+// Specific Error Pages
+// ============================================
+/**
+ * 404 Not Found page
+ */
+function notFoundPage(options = {}) {
+    return errorPage({
+        code: 404,
+        title: 'Page Not Found',
+        message: "The page you're looking for doesn't exist or has been moved.",
+        showRetry: false,
+        ...options,
+    });
+}
+/**
+ * 403 Forbidden page
+ */
+function forbiddenPage(options = {}) {
+    return errorPage({
+        code: 403,
+        title: 'Access Denied',
+        message: "You don't have permission to access this resource.",
+        showRetry: false,
+        ...options,
+    });
+}
+/**
+ * 401 Unauthorized page
+ */
+function unauthorizedPage(options = {}) {
+    const { loginUrl = '/login', ...rest } = options;
+    return errorPage({
+        code: 401,
+        title: 'Authentication Required',
+        message: 'Please sign in to access this resource.',
+        showRetry: false,
+        showHome: false,
+        actions: `
+      <div class="flex justify-center mt-8">
+        <a href="${(0, base_1.escapeHtml)(loginUrl)}" class="px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors">
+          Sign In
+        </a>
+      </div>
+    `,
+        ...rest,
+    });
+}
+/**
+ * 500 Internal Server Error page
+ */
+function serverErrorPage(options = {}) {
+    return errorPage({
+        code: 500,
+        title: 'Server Error',
+        message: "We're having trouble processing your request. Please try again later.",
+        showRetry: true,
+        ...options,
+    });
+}
+/**
+ * 503 Service Unavailable page
+ */
+function maintenancePage(options = {}) {
+    const { estimatedTime, ...rest } = options;
+    const timeMessage = estimatedTime
+        ? `We expect to be back by ${(0, base_1.escapeHtml)(estimatedTime)}.`
+        : "We'll be back shortly.";
+    return errorPage({
+        code: 503,
+        title: 'Under Maintenance',
+        message: `We're currently performing scheduled maintenance. ${timeMessage}`,
+        showRetry: true,
+        showHome: false,
+        ...rest,
+    });
+}
+/**
+ * 429 Rate Limit page
+ */
+function rateLimitPage(options = {}) {
+    const { retryAfter, ...rest } = options;
+    const retryMessage = retryAfter
+        ? `Please wait ${retryAfter} seconds before trying again.`
+        : 'Please wait a moment before trying again.';
+    return errorPage({
+        code: 429,
+        title: 'Too Many Requests',
+        message: `You've made too many requests. ${retryMessage}`,
+        showRetry: true,
+        showHome: true,
+        ...rest,
+    });
+}
+/**
+ * Offline page
+ */
+function offlinePage(options = {}) {
+    return errorPage({
+        title: "You're Offline",
+        message: 'Please check your internet connection and try again.',
+        showRetry: true,
+        showHome: false,
+        ...options,
+        layout: {
+            ...options.layout,
+        },
+    });
+}
+/**
+ * Session expired page
+ */
+function sessionExpiredPage(options = {}) {
+    const { loginUrl = '/login', ...rest } = options;
+    return errorPage({
+        title: 'Session Expired',
+        message: 'Your session has expired. Please sign in again to continue.',
+        showRetry: false,
+        showHome: false,
+        actions: `
+      <div class="flex justify-center mt-8">
+        <a href="${(0, base_1.escapeHtml)(loginUrl)}" class="px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors">
+          Sign In Again
+        </a>
+      </div>
+    `,
+        ...rest,
+    });
+}
+/**
+ * OAuth error page
+ */
+function oauthErrorPage(options) {
+    const { errorCode, errorDescription, redirectUri, clientName, ...rest } = options;
+    // Map OAuth error codes to user-friendly messages
+    const errorMessages = {
+        invalid_request: {
+            title: 'Invalid Request',
+            message: 'The authorization request is missing required parameters or is malformed.',
+        },
+        unauthorized_client: {
+            title: 'Unauthorized Client',
+            message: 'The client is not authorized to request an authorization code.',
+        },
+        access_denied: {
+            title: 'Access Denied',
+            message: 'The resource owner denied the authorization request.',
+        },
+        unsupported_response_type: {
+            title: 'Unsupported Response Type',
+            message: 'The authorization server does not support the requested response type.',
+        },
+        invalid_scope: {
+            title: 'Invalid Scope',
+            message: 'The requested scope is invalid, unknown, or malformed.',
+        },
+        server_error: {
+            title: 'Server Error',
+            message: 'The authorization server encountered an unexpected error.',
+        },
+        temporarily_unavailable: {
+            title: 'Temporarily Unavailable',
+            message: 'The authorization server is temporarily unavailable. Please try again later.',
+        },
+    };
+    const errorInfo = errorCode && errorMessages[errorCode]
+        ? errorMessages[errorCode]
+        : { title: 'Authorization Error', message: errorDescription || 'An error occurred during authorization.' };
+    const clientMessage = clientName ? ` while connecting to ${(0, base_1.escapeHtml)(clientName)}` : '';
+    const redirectAction = redirectUri
+        ? `
+    <a href="${(0, base_1.escapeHtml)(redirectUri)}" class="px-6 py-3 bg-gray-100 hover:bg-gray-200 text-text-primary font-medium rounded-lg transition-colors">
+      Return to ${clientName ? (0, base_1.escapeHtml)(clientName) : 'Application'}
+    </a>
+  `
+        : '';
+    return errorPage({
+        title: errorInfo.title,
+        message: `${errorInfo.message}${clientMessage}`,
+        details: errorCode && errorDescription ? `Error: ${errorCode}\n${errorDescription}` : undefined,
+        showRetry: errorCode === 'server_error' || errorCode === 'temporarily_unavailable',
+        showHome: true,
+        actions: redirectAction ? `<div class="flex justify-center gap-4 mt-8">${redirectAction}</div>` : undefined,
+        ...rest,
+    });
+}
+//# sourceMappingURL=error.js.map

package/src/pages/error.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error.js","sourceRoot":"","sources":["../../../src/pages/error.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Error Page Templates\n *\n * Various error page templates (404, 500, etc.)\n */\n\nimport { errorLayout, type ErrorLayoutOptions } from '../layouts';\nimport { escapeHtml } from '../layouts/base';\n\n// ============================================\n// Error Page Types\n// ============================================\n\n/**\n * Error page options\n */\nexport interface ErrorPageOptions {\n  /** Error code (404, 500, etc.) */\n  code?: string | number;\n  /** Error title */\n  title?: string;\n  /** Error message */\n  message?: string;\n  /** Detailed error (for development) */\n  details?: string;\n  /** Show stack trace (development only) */\n  showStack?: boolean;\n  /** Stack trace */\n  stack?: string;\n  /** Show retry button */\n  showRetry?: boolean;\n  /** Retry URL */\n  retryUrl?: string;\n  /** Show home button */\n  showHome?: boolean;\n  /** Home URL */\n  homeUrl?: string;\n  /** Show back button */\n  showBack?: boolean;\n  /** Custom actions HTML */\n  actions?: string;\n  /** Layout options */\n  layout?: Partial<ErrorLayoutOptions>;\n  /** Request ID (for support) */\n  requestId?: string;\n}\n\n// ============================================\n// Error Page Builder\n// ============================================\n\n/**\n * Build a generic error page\n */\nexport function errorPage(options: ErrorPageOptions): string {\n  const {\n    code,\n    title = 'Something went wrong',\n    message,\n    details,\n    showStack = false,\n    stack,\n    showRetry = true,\n    retryUrl,\n    showHome = true,\n    homeUrl = '/',\n    showBack = false,\n    actions,\n    layout = {},\n    requestId,\n  } = options;\n\n  // Details section (for development)\n  const detailsHtml =\n    details || (showStack && stack)\n      ? `\n    <div class=\"mt-8 text-left\">\n      ${\n        details\n          ? `\n        <div class=\"p-4 bg-gray-50 rounded-lg text-sm text-text-secondary mb-4\">\n          <strong class=\"text-text-primary\">Details:</strong>\n          <p class=\"mt-1\">${escapeHtml(details)}</p>\n        </div>\n      `\n          : ''\n      }\n      ${\n        showStack && stack\n          ? `\n        <details class=\"p-4 bg-gray-900 rounded-lg text-sm\">\n          <summary class=\"text-gray-300 cursor-pointer hover:text-white\">Stack Trace</summary>\n          <pre class=\"mt-2 text-xs text-gray-400 overflow-x-auto whitespace-pre-wrap\">${escapeHtml(stack)}</pre>\n        </details>\n      `\n          : ''\n      }\n    </div>\n  `\n      : '';\n\n  // Request ID for support\n  const requestIdHtml = requestId\n    ? `\n    <p class=\"text-xs text-text-secondary mt-6\">\n      Request ID: <code class=\"px-1.5 py-0.5 bg-gray-100 rounded text-xs\">${escapeHtml(requestId)}</code>\n    </p>\n  `\n    : '';\n\n  // Custom actions or default buttons are handled by errorLayout\n  const content = `\n    ${detailsHtml}\n    ${actions || ''}\n    ${requestIdHtml}\n  `;\n\n  return errorLayout(content, {\n    title: `${code ? `Error ${code} - ` : ''}${title}`,\n    errorCode: code?.toString(),\n    errorTitle: title,\n    errorMessage: message,\n    showRetry,\n    retryUrl,\n    showHome,\n    homeUrl,\n    ...layout,\n  });\n}\n\n// ============================================\n// Specific Error Pages\n// ============================================\n\n/**\n * 404 Not Found page\n */\nexport function notFoundPage(options: Partial<ErrorPageOptions> = {}): string {\n  return errorPage({\n    code: 404,\n    title: 'Page Not Found',\n    message: \"The page you're looking for doesn't exist or has been moved.\",\n    showRetry: false,\n    ...options,\n  });\n}\n\n/**\n * 403 Forbidden page\n */\nexport function forbiddenPage(options: Partial<ErrorPageOptions> = {}): string {\n  return errorPage({\n    code: 403,\n    title: 'Access Denied',\n    message: \"You don't have permission to access this resource.\",\n    showRetry: false,\n    ...options,\n  });\n}\n\n/**\n * 401 Unauthorized page\n */\nexport function unauthorizedPage(options: Partial<ErrorPageOptions> & { loginUrl?: string } = {}): string {\n  const { loginUrl = '/login', ...rest } = options;\n\n  return errorPage({\n    code: 401,\n    title: 'Authentication Required',\n    message: 'Please sign in to access this resource.',\n    showRetry: false,\n    showHome: false,\n    actions: `\n      <div class=\"flex justify-center mt-8\">\n        <a href=\"${escapeHtml(\n          loginUrl,\n        )}\" class=\"px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors\">\n          Sign In\n        </a>\n      </div>\n    `,\n    ...rest,\n  });\n}\n\n/**\n * 500 Internal Server Error page\n */\nexport function serverErrorPage(options: Partial<ErrorPageOptions> = {}): string {\n  return errorPage({\n    code: 500,\n    title: 'Server Error',\n    message: \"We're having trouble processing your request. Please try again later.\",\n    showRetry: true,\n    ...options,\n  });\n}\n\n/**\n * 503 Service Unavailable page\n */\nexport function maintenancePage(options: Partial<ErrorPageOptions> & { estimatedTime?: string } = {}): string {\n  const { estimatedTime, ...rest } = options;\n\n  const timeMessage = estimatedTime\n    ? `We expect to be back by ${escapeHtml(estimatedTime)}.`\n    : \"We'll be back shortly.\";\n\n  return errorPage({\n    code: 503,\n    title: 'Under Maintenance',\n    message: `We're currently performing scheduled maintenance. ${timeMessage}`,\n    showRetry: true,\n    showHome: false,\n    ...rest,\n  });\n}\n\n/**\n * 429 Rate Limit page\n */\nexport function rateLimitPage(options: Partial<ErrorPageOptions> & { retryAfter?: number } = {}): string {\n  const { retryAfter, ...rest } = options;\n\n  const retryMessage = retryAfter\n    ? `Please wait ${retryAfter} seconds before trying again.`\n    : 'Please wait a moment before trying again.';\n\n  return errorPage({\n    code: 429,\n    title: 'Too Many Requests',\n    message: `You've made too many requests. ${retryMessage}`,\n    showRetry: true,\n    showHome: true,\n    ...rest,\n  });\n}\n\n/**\n * Offline page\n */\nexport function offlinePage(options: Partial<ErrorPageOptions> = {}): string {\n  return errorPage({\n    title: \"You're Offline\",\n    message: 'Please check your internet connection and try again.',\n    showRetry: true,\n    showHome: false,\n    ...options,\n    layout: {\n      ...options.layout,\n    },\n  });\n}\n\n/**\n * Session expired page\n */\nexport function sessionExpiredPage(options: Partial<ErrorPageOptions> & { loginUrl?: string } = {}): string {\n  const { loginUrl = '/login', ...rest } = options;\n\n  return errorPage({\n    title: 'Session Expired',\n    message: 'Your session has expired. Please sign in again to continue.',\n    showRetry: false,\n    showHome: false,\n    actions: `\n      <div class=\"flex justify-center mt-8\">\n        <a href=\"${escapeHtml(\n          loginUrl,\n        )}\" class=\"px-6 py-3 bg-primary hover:bg-primary/90 text-white font-medium rounded-lg transition-colors\">\n          Sign In Again\n        </a>\n      </div>\n    `,\n    ...rest,\n  });\n}\n\n// ============================================\n// OAuth Error Pages\n// ============================================\n\n/**\n * OAuth error page options\n */\nexport interface OAuthErrorPageOptions extends Partial<ErrorPageOptions> {\n  /** OAuth error code */\n  errorCode?: string;\n  /** OAuth error description */\n  errorDescription?: string;\n  /** Redirect URI */\n  redirectUri?: string;\n  /** Client name */\n  clientName?: string;\n}\n\n/**\n * OAuth error page\n */\nexport function oauthErrorPage(options: OAuthErrorPageOptions): string {\n  const { errorCode, errorDescription, redirectUri, clientName, ...rest } = options;\n\n  // Map OAuth error codes to user-friendly messages\n  const errorMessages: Record<string, { title: string; message: string }> = {\n    invalid_request: {\n      title: 'Invalid Request',\n      message: 'The authorization request is missing required parameters or is malformed.',\n    },\n    unauthorized_client: {\n      title: 'Unauthorized Client',\n      message: 'The client is not authorized to request an authorization code.',\n    },\n    access_denied: {\n      title: 'Access Denied',\n      message: 'The resource owner denied the authorization request.',\n    },\n    unsupported_response_type: {\n      title: 'Unsupported Response Type',\n      message: 'The authorization server does not support the requested response type.',\n    },\n    invalid_scope: {\n      title: 'Invalid Scope',\n      message: 'The requested scope is invalid, unknown, or malformed.',\n    },\n    server_error: {\n      title: 'Server Error',\n      message: 'The authorization server encountered an unexpected error.',\n    },\n    temporarily_unavailable: {\n      title: 'Temporarily Unavailable',\n      message: 'The authorization server is temporarily unavailable. Please try again later.',\n    },\n  };\n\n  const errorInfo =\n    errorCode && errorMessages[errorCode]\n      ? errorMessages[errorCode]\n      : { title: 'Authorization Error', message: errorDescription || 'An error occurred during authorization.' };\n\n  const clientMessage = clientName ? ` while connecting to ${escapeHtml(clientName)}` : '';\n\n  const redirectAction = redirectUri\n    ? `\n    <a href=\"${escapeHtml(\n      redirectUri,\n    )}\" class=\"px-6 py-3 bg-gray-100 hover:bg-gray-200 text-text-primary font-medium rounded-lg transition-colors\">\n      Return to ${clientName ? escapeHtml(clientName) : 'Application'}\n    </a>\n  `\n    : '';\n\n  return errorPage({\n    title: errorInfo.title,\n    message: `${errorInfo.message}${clientMessage}`,\n    details: errorCode && errorDescription ? `Error: ${errorCode}\\n${errorDescription}` : undefined,\n    showRetry: errorCode === 'server_error' || errorCode === 'temporarily_unavailable',\n    showHome: true,\n    actions: redirectAction ? `<div class=\"flex justify-center gap-4 mt-8\">${redirectAction}</div>` : undefined,\n    ...rest,\n  });\n}\n"]}