@n24q02m/mcp-core 1.0.0-beta.3 → 1.0.0

package/build/auth/credential-form.js

@@ -0,0 +1,668 @@
+/**
+ * Credential form HTML renderer.
+ *
+ * Renders a dark-themed HTML form from a RelayConfigSchema.
+ * Used as the OAuth authorization page presented to the user during relay config.
+ *
+ * This is a TypeScript port of core-py's `credential_form.py`. CSS and embedded JS
+ * are kept verbatim so the rendered form has visual + behavioral parity between
+ * Python and TS servers.
+ */
+function escapeHtml(value) {
+    return String(value ?? '')
+        .replace(/&/g, '&')
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;')
+        .replace(/"/g, '&quot;')
+        .replace(/'/g, '&#39;');
+}
+function renderField(field) {
+    const key = escapeHtml(field.key ?? '');
+    const label = escapeHtml(field.label ?? '');
+    const fieldType = escapeHtml(field.type ?? 'text');
+    const placeholder = escapeHtml(field.placeholder ?? '');
+    const helpText = escapeHtml(field.helpText ?? '');
+    const helpUrl = escapeHtml(field.helpUrl ?? '');
+    const required = Boolean(field.required);
+    const requiredAttr = required ? ' required' : '';
+    const requiredBadge = required
+        ? '<span class="required-badge">Required</span>'
+        : '<span class="optional-badge">Optional</span>';
+    let helpHtml = '';
+    if (helpText) {
+        if (helpUrl) {
+            helpHtml = `<p class="help-text"><a href="${helpUrl}" target="_blank" rel="noopener noreferrer">${helpText}</a></p>`;
+        }
+        else {
+            helpHtml = `<p class="help-text">${helpText}</p>`;
+        }
+    }
+    return `
+        <div class="field-group">
+            <label for="field-${key}" class="field-label">
+                ${label}
+                ${requiredBadge}
+            </label>
+            <input
+                id="field-${key}"
+                name="${key}"
+                type="${fieldType}"
+                placeholder="${placeholder}"
+                class="field-input"
+                autocomplete="off"
+                autocorrect="off"
+                autocapitalize="off"
+                spellcheck="false"${requiredAttr}
+            />
+            ${helpHtml}
+        </div>`;
+}
+function renderCapability(cap) {
+    const label = escapeHtml(cap.label ?? '');
+    const priority = escapeHtml(cap.priority ?? '');
+    const description = escapeHtml(cap.description ?? '');
+    const priorityClass = priority ? `priority-${priority}` : 'priority-medium';
+    const descHtml = description ? `<p class="capability-desc">${description}</p>` : '';
+    return `
+            <li class="capability-item">
+                <div class="capability-header">
+                    <span class="capability-label">${label}</span>
+                    <span class="capability-priority ${priorityClass}">${priority}</span>
+                </div>
+                ${descHtml}
+            </li>`;
+}
+/**
+ * Render a dark-themed HTML credential form from a RelayConfigSchema.
+ *
+ * @param schema RelayConfigSchema with server metadata and field definitions.
+ * @param options.submitUrl URL the form POSTs to as JSON via fetch().
+ * @param options.pageTitle Optional browser tab title. Defaults to displayName.
+ * @returns Complete HTML document string, XSS-safe with all dynamic content escaped.
+ */
+export function renderCredentialForm(schema, options) {
+    const displayName = escapeHtml(schema.displayName ?? schema.server ?? 'Configuration');
+    const server = escapeHtml(schema.server ?? '');
+    const description = escapeHtml(schema.description ?? '');
+    const title = options.pageTitle !== undefined ? escapeHtml(options.pageTitle) : displayName;
+    const submitUrlEscaped = escapeHtml(options.submitUrl);
+    const fields = schema.fields ?? [];
+    const capabilityInfo = schema.capabilityInfo ?? [];
+    const fieldsHtml = fields.map(renderField).join('');
+    let capabilitiesHtml = '';
+    if (capabilityInfo.length > 0) {
+        const itemsHtml = capabilityInfo.map(renderCapability).join('');
+        capabilitiesHtml = `
+        <section class="capabilities-section">
+            <h2 class="capabilities-title">Capabilities Requested</h2>
+            <ul class="capabilities-list">${itemsHtml}
+            </ul>
+        </section>`;
+    }
+    const descriptionHtml = description ? `<p class="server-description">${description}</p>` : '';
+    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>
+        *, *::before, *::after {
+            box-sizing: border-box;
+            margin: 0;
+            padding: 0;
+        }
+
+        body {
+            background-color: #0f0f0f;
+            color: #e8e8e8;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+            font-size: 15px;
+            line-height: 1.6;
+            min-height: 100vh;
+            display: flex;
+            align-items: flex-start;
+            justify-content: center;
+            padding: 2rem 1rem;
+        }
+
+        .container {
+            width: 100%;
+            max-width: 480px;
+        }
+
+        .card {
+            background-color: #1a1a1a;
+            border: 1px solid #2a2a2a;
+            border-radius: 12px;
+            padding: 2rem;
+            margin-bottom: 1.25rem;
+        }
+
+        .server-header {
+            margin-bottom: 1.5rem;
+        }
+
+        .server-name {
+            font-size: 1.375rem;
+            font-weight: 600;
+            color: #ffffff;
+            margin-bottom: 0.375rem;
+        }
+
+        .server-id {
+            font-size: 0.8125rem;
+            color: #666;
+            font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
+            margin-bottom: 0.5rem;
+        }
+
+        .server-description {
+            font-size: 0.9rem;
+            color: #999;
+            margin-top: 0.5rem;
+        }
+
+        .form-title {
+            font-size: 0.875rem;
+            font-weight: 500;
+            color: #aaa;
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+            margin-bottom: 1.25rem;
+        }
+
+        .field-group {
+            margin-bottom: 1.25rem;
+        }
+
+        .field-label {
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+            font-size: 0.875rem;
+            font-weight: 500;
+            color: #ccc;
+            margin-bottom: 0.375rem;
+        }
+
+        .required-badge {
+            font-size: 0.6875rem;
+            font-weight: 500;
+            color: #f87171;
+            background-color: rgba(248, 113, 113, 0.1);
+            border: 1px solid rgba(248, 113, 113, 0.25);
+            border-radius: 4px;
+            padding: 0.1rem 0.4rem;
+        }
+
+        .optional-badge {
+            font-size: 0.6875rem;
+            font-weight: 400;
+            color: #666;
+            background-color: rgba(255, 255, 255, 0.04);
+            border: 1px solid #333;
+            border-radius: 4px;
+            padding: 0.1rem 0.4rem;
+        }
+
+        .field-input {
+            width: 100%;
+            background-color: #111;
+            border: 1px solid #2e2e2e;
+            border-radius: 8px;
+            color: #e8e8e8;
+            font-size: 0.9375rem;
+            padding: 0.625rem 0.875rem;
+            transition: border-color 0.15s ease, box-shadow 0.15s ease;
+            outline: none;
+        }
+
+        .field-input:focus {
+            border-color: #4a6fa5;
+            box-shadow: 0 0 0 3px rgba(74, 111, 165, 0.2);
+        }
+
+        .field-input::placeholder {
+            color: #555;
+        }
+
+        .help-text {
+            font-size: 0.8125rem;
+            color: #666;
+            margin-top: 0.375rem;
+        }
+
+        .help-text a {
+            color: #6c9bd2;
+            text-decoration: none;
+        }
+
+        .help-text a:hover {
+            text-decoration: underline;
+        }
+
+        .submit-btn {
+            width: 100%;
+            background-color: #4a6fa5;
+            border: none;
+            border-radius: 8px;
+            color: #fff;
+            cursor: pointer;
+            font-size: 0.9375rem;
+            font-weight: 500;
+            padding: 0.75rem 1.5rem;
+            transition: background-color 0.15s ease, opacity 0.15s ease;
+            margin-top: 0.5rem;
+        }
+
+        .submit-btn:hover {
+            background-color: #5a7fb5;
+        }
+
+        .submit-btn:disabled {
+            opacity: 0.5;
+            cursor: not-allowed;
+        }
+
+        .status-box {
+            display: none;
+            border-radius: 8px;
+            font-size: 0.875rem;
+            margin-top: 1rem;
+            padding: 0.75rem 1rem;
+        }
+
+        .status-box.success {
+            background-color: rgba(52, 199, 89, 0.1);
+            border: 1px solid rgba(52, 199, 89, 0.3);
+            color: #34c759;
+        }
+
+        .status-box.error {
+            background-color: rgba(248, 113, 113, 0.1);
+            border: 1px solid rgba(248, 113, 113, 0.3);
+            color: #f87171;
+        }
+
+        .capabilities-section {
+            margin-top: 0;
+        }
+
+        .capabilities-title {
+            font-size: 0.875rem;
+            font-weight: 500;
+            color: #aaa;
+            text-transform: uppercase;
+            letter-spacing: 0.05em;
+            margin-bottom: 0.875rem;
+        }
+
+        .capabilities-list {
+            list-style: none;
+            display: flex;
+            flex-direction: column;
+            gap: 0.625rem;
+        }
+
+        .capability-item {
+            background-color: #111;
+            border: 1px solid #2a2a2a;
+            border-radius: 8px;
+            padding: 0.75rem 1rem;
+        }
+
+        .capability-header {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            gap: 0.5rem;
+            margin-bottom: 0.25rem;
+        }
+
+        .capability-label {
+            font-size: 0.875rem;
+            font-weight: 500;
+            color: #ccc;
+        }
+
+        .capability-priority {
+            font-size: 0.6875rem;
+            font-weight: 500;
+            border-radius: 4px;
+            padding: 0.1rem 0.4rem;
+            text-transform: capitalize;
+        }
+
+        .priority-high {
+            color: #f87171;
+            background-color: rgba(248, 113, 113, 0.1);
+            border: 1px solid rgba(248, 113, 113, 0.25);
+        }
+
+        .priority-medium {
+            color: #fbbf24;
+            background-color: rgba(251, 191, 36, 0.1);
+            border: 1px solid rgba(251, 191, 36, 0.25);
+        }
+
+        .priority-low {
+            color: #6ee7b7;
+            background-color: rgba(110, 231, 183, 0.1);
+            border: 1px solid rgba(110, 231, 183, 0.25);
+        }
+
+        .capability-desc {
+            font-size: 0.8125rem;
+            color: #666;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <div class="card">
+            <div class="server-header">
+                <h1 class="server-name">${displayName}</h1>
+                <div class="server-id">${server}</div>
+                ${descriptionHtml}
+            </div>
+
+            <p class="form-title">Enter your credentials</p>
+
+            <form id="credential-form" novalidate>
+                ${fieldsHtml}
+
+                <button type="submit" class="submit-btn" id="submit-btn">
+                    Connect
+                </button>
+
+                <div class="status-box" id="status-box" role="alert"></div>
+            </form>
+        </div>
+        ${capabilitiesHtml}
+    </div>
+
+    <script>
+        (function () {
+            var form = document.getElementById("credential-form");
+            var submitBtn = document.getElementById("submit-btn");
+            var statusBox = document.getElementById("status-box");
+            var submitUrl = "${submitUrlEscaped}";
+
+            function showStatus(type, message) {
+                statusBox.className = "status-box " + type;
+                statusBox.textContent = message;
+                statusBox.style.display = "block";
+            }
+
+            // Derive /otp endpoint URL from submitUrl (replaces /authorize... with /otp).
+            function otpUrl() {
+                return submitUrl.replace(/\\/authorize.*/, "/otp");
+            }
+
+            // Render (or update in-place) a step-input UI for otp_required / password_required.
+            // ns: next_step object with { text, field, input_type, placeholder }.
+            // All textual content from ns is inserted via textContent (never innerHTML).
+            function showStepInput(ns) {
+                // Hide the original credential form after first transition.
+                if (form && form.style.display !== "none") {
+                    form.style.display = "none";
+                }
+
+                // If a step container already exists, update it in-place (chained next_step).
+                var container = document.getElementById("step-container");
+                var promptEl, inputEl, buttonEl, errorEl;
+                if (container) {
+                    promptEl = document.getElementById("step-prompt");
+                    inputEl = document.getElementById("step-input");
+                    buttonEl = document.getElementById("step-submit");
+                    errorEl = document.getElementById("step-error");
+                    errorEl.style.display = "none";
+                    errorEl.textContent = "";
+                    inputEl.value = "";
+                    inputEl.disabled = false;
+                    buttonEl.disabled = false;
+                    buttonEl.textContent = "Verify";
+                } else {
+                    // Build a fresh step-input container inside the card.
+                    var card = form.parentNode;
+                    container = document.createElement("div");
+                    container.id = "step-container";
+
+                    promptEl = document.createElement("p");
+                    promptEl.id = "step-prompt";
+                    promptEl.className = "form-title";
+                    container.appendChild(promptEl);
+
+                    var fieldGroup = document.createElement("div");
+                    fieldGroup.className = "field-group";
+                    inputEl = document.createElement("input");
+                    inputEl.id = "step-input";
+                    inputEl.className = "field-input";
+                    inputEl.setAttribute("autocomplete", "off");
+                    inputEl.setAttribute("autocorrect", "off");
+                    inputEl.setAttribute("autocapitalize", "off");
+                    inputEl.setAttribute("spellcheck", "false");
+                    inputEl.setAttribute("aria-labelledby", "step-prompt");
+                    fieldGroup.appendChild(inputEl);
+                    container.appendChild(fieldGroup);
+
+                    buttonEl = document.createElement("button");
+                    buttonEl.type = "button";
+                    buttonEl.id = "step-submit";
+                    buttonEl.className = "submit-btn";
+                    buttonEl.textContent = "Verify";
+                    container.appendChild(buttonEl);
+
+                    errorEl = document.createElement("div");
+                    errorEl.id = "step-error";
+                    errorEl.className = "status-box error";
+                    errorEl.setAttribute("role", "alert");
+                    errorEl.style.display = "none";
+                    container.appendChild(errorEl);
+
+                    card.appendChild(container);
+
+                    // Submit handlers (attached once, read current field name from dataset).
+                    buttonEl.addEventListener("click", function () {
+                        submitStep();
+                    });
+                    inputEl.addEventListener("keydown", function (evt) {
+                        if (evt.key === "Enter") {
+                            evt.preventDefault();
+                            submitStep();
+                        }
+                    });
+                }
+
+                // Populate prompt + input attributes via safe DOM APIs.
+                promptEl.textContent = ns.text || "";
+                inputEl.setAttribute("type", ns.input_type || "text");
+                inputEl.setAttribute("placeholder", ns.placeholder || "");
+                // Stash field name so submitStep can read it at click time.
+                inputEl.dataset.field = ns.field || "value";
+                inputEl.focus();
+            }
+
+            function submitStep() {
+                var inputEl = document.getElementById("step-input");
+                var buttonEl = document.getElementById("step-submit");
+                var errorEl = document.getElementById("step-error");
+                var fieldName = inputEl.dataset.field || "value";
+                var value = inputEl.value;
+                if (value.trim() === "") {
+                    errorEl.textContent = "Please enter a value.";
+                    errorEl.style.display = "block";
+                    return;
+                }
+                errorEl.style.display = "none";
+                errorEl.textContent = "";
+                buttonEl.disabled = true;
+                buttonEl.textContent = "Verifying...";
+                inputEl.disabled = true;
+
+                var body = {};
+                body[fieldName] = value;
+
+                fetch(otpUrl(), {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify(body),
+                })
+                    .then(function (response) {
+                        return response.json().then(function (data) {
+                            if (data.ok) {
+                                if (data.next_step && (data.next_step.type === "otp_required" || data.next_step.type === "password_required")) {
+                                    // Chain: update in place with new prompt/field/type.
+                                    showStepInput(data.next_step);
+                                } else {
+                                    // Completed.
+                                    var container = document.getElementById("step-container");
+                                    while (container.firstChild) {
+                                        container.removeChild(container.firstChild);
+                                    }
+                                    var done = document.createElement("div");
+                                    done.className = "status-box success";
+                                    done.style.display = "block";
+                                    done.textContent = "Setup complete! You can close this tab.";
+                                    container.appendChild(done);
+                                }
+                            } else {
+                                // Error: show message, re-enable input + button for retry, keep value.
+                                errorEl.textContent = data.error || data.error_description || "Verification failed.";
+                                errorEl.style.display = "block";
+                                inputEl.disabled = false;
+                                buttonEl.disabled = false;
+                                buttonEl.textContent = "Verify";
+                                inputEl.focus();
+                            }
+                        });
+                    })
+                    .catch(function (err) {
+                        errorEl.textContent = "Network error: " + err.message;
+                        errorEl.style.display = "block";
+                        inputEl.disabled = false;
+                        buttonEl.disabled = false;
+                        buttonEl.textContent = "Verify";
+                    });
+            }
+
+            form.addEventListener("submit", function (event) {
+                event.preventDefault();
+
+                var inputs = form.querySelectorAll(".field-input");
+                var payload = {};
+                var valid = true;
+
+                inputs.forEach(function (input) {
+                    if (input.hasAttribute("required") && input.value.trim() === "") {
+                        valid = false;
+                        input.style.borderColor = "#f87171";
+                    } else {
+                        input.style.borderColor = "";
+                        payload[input.name] = input.value;
+                    }
+                });
+
+                if (!valid) {
+                    showStatus("error", "Please fill in all required fields.");
+                    return;
+                }
+
+                submitBtn.disabled = true;
+                submitBtn.textContent = "Connecting...";
+                statusBox.style.display = "none";
+
+                fetch(submitUrl, {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify(payload),
+                })
+                    .then(function (response) {
+                        return response.json().then(function (data) {
+                            if (data.ok) {
+                                form.querySelectorAll(".field-input").forEach(function (i) {
+                                    i.disabled = true;
+                                });
+                                submitBtn.disabled = true;
+                                submitBtn.textContent = "Connected";
+                                if (data.next_step && data.next_step.type === "oauth_device_code") {
+                                    var ns = data.next_step;
+                                    statusBox.textContent = "";
+                                    var title = document.createElement("strong");
+                                    title.textContent = "API keys saved!";
+                                    statusBox.appendChild(title);
+                                    statusBox.appendChild(document.createElement("br"));
+                                    statusBox.appendChild(document.createElement("br"));
+                                    var label = document.createTextNode("Authorize Google Drive sync:");
+                                    statusBox.appendChild(label);
+                                    statusBox.appendChild(document.createElement("br"));
+                                    var link = document.createElement("a");
+                                    link.href = ns.verification_url;
+                                    link.target = "_blank";
+                                    link.rel = "noopener";
+                                    link.style.cssText = "color:#60a5fa;font-weight:bold";
+                                    link.textContent = ns.verification_url;
+                                    statusBox.appendChild(link);
+                                    statusBox.appendChild(document.createElement("br"));
+                                    statusBox.appendChild(document.createElement("br"));
+                                    var codeLabel = document.createTextNode("Enter code: ");
+                                    statusBox.appendChild(codeLabel);
+                                    var codeEl = document.createElement("strong");
+                                    codeEl.style.cssText = "font-size:1.2em;letter-spacing:0.1em";
+                                    codeEl.textContent = ns.user_code;
+                                    statusBox.appendChild(codeEl);
+                                    statusBox.appendChild(document.createElement("br"));
+                                    statusBox.appendChild(document.createElement("br"));
+                                    var waiting = document.createElement("span");
+                                    waiting.id = "gdrive-waiting";
+                                    waiting.style.color = "#888";
+                                    waiting.textContent = "Waiting for authorization...";
+                                    statusBox.appendChild(waiting);
+                                    statusBox.className = "status-box info";
+                                    statusBox.style.display = "block";
+                                    // Poll /setup-status until GDrive auth completes
+                                    var pollInterval = setInterval(function () {
+                                        fetch(submitUrl.replace(/\\/authorize.*/, "/setup-status"))
+                                            .then(function (r) { return r.json(); })
+                                            .then(function (s) {
+                                                if (s.gdrive === "complete") {
+                                                    clearInterval(pollInterval);
+                                                    var w = document.getElementById("gdrive-waiting");
+                                                    if (w) {
+                                                        w.style.color = "#34c759";
+                                                        w.textContent = "Google Drive authorized! Setup complete. You can close this tab.";
+                                                    }
+                                                }
+                                            })
+                                            .catch(function () {});
+                                    }, 3000);
+                                } else if (data.next_step && (data.next_step.type === "otp_required" || data.next_step.type === "password_required")) {
+                                    // Multi-step auth: hide form, show step input UI.
+                                    statusBox.style.display = "none";
+                                    showStepInput(data.next_step);
+                                } else if (data.next_step && data.next_step.type === "info") {
+                                    showStatus("success", data.next_step.message || "Setup saved. Additional steps may be required.");
+                                } else {
+                                    var successMsg = data.message || "Connected successfully. You can close this window.";
+                                    showStatus("success", successMsg);
+                                }
+                            } else {
+                                showStatus("error", data.error || data.error_description || "Request failed.");
+                                submitBtn.disabled = false;
+                                submitBtn.textContent = "Connect";
+                            }
+                        });
+                    })
+                    .catch(function (err) {
+                        showStatus("error", "Network error: " + err.message);
+                        submitBtn.disabled = false;
+                        submitBtn.textContent = "Connect";
+                    });
+            });
+        })();
+    </script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=credential-form.js.map

package/build/auth/credential-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"credential-form.js","sourceRoot":"","sources":["../../src/auth/credential-form.ts"],"names":[],"mappings":"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"}