We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/INSIDE-HAIR/mcp-google-calendar-and-meet'
If you have feedback or need assistance with the MCP directory API, please join our Discord server
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OAuth Code Extractor</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="styles.css">
</head>
<body class="bg-gradient-to-br from-blue-50 to-indigo-100 min-h-screen flex items-center justify-center p-4">
<div class="bg-white rounded-2xl shadow-xl p-8 max-w-2xl w-full">
<div class="text-center mb-8">
<h1 class="text-3xl font-bold text-gray-800 mb-2">OAuth Code Extractor</h1>
<p class="text-gray-600">Extract and copy your OAuth authorization code</p>
</div>
<div class="space-y-6">
<div>
<label for="url-input" class="block text-sm font-medium text-gray-700 mb-2">
Paste the OAuth redirect URL here:
</label>
<input
type="text"
id="url-input"
placeholder="http://localhost/?code=4/0AVMBsJgL38M-508l786..."
class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
>
</div>
<div>
<label class="block text-sm font-medium text-gray-700 mb-2">
Extracted Authorization Code:
</label>
<div class="relative">
<input
type="text"
id="code-output"
readonly
placeholder="Code will appear here..."
class="w-full px-4 py-3 pr-12 border border-gray-300 rounded-lg bg-gray-50 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-colors"
>
<button
id="copy-btn"
class="absolute right-2 top-1/2 transform -translate-y-1/2 p-2 hover:bg-gray-200 rounded-md transition-colors disabled:opacity-50"
disabled
>
<svg class="w-5 h-5 text-gray-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
</svg>
</button>
</div>
</div>
<div class="flex gap-4">
<button
id="extract-btn"
class="flex-1 bg-blue-600 hover:bg-blue-700 text-white font-medium py-3 px-6 rounded-lg transition-colors focus:ring-4 focus:ring-blue-200"
>
Extract Code
</button>
<button
id="clear-btn"
class="px-6 py-3 border border-gray-300 text-gray-700 font-medium rounded-lg hover:bg-gray-50 transition-colors"
>
Clear
</button>
</div>
<div id="status" class="text-sm text-center p-3 rounded-lg hidden">
<!-- Status messages will appear here -->
</div>
</div>
<div class="mt-8 pt-6 border-t border-gray-200">
<div class="text-xs text-gray-500 text-center">
<p class="mb-2">How to use:</p>
<ol class="text-left space-y-1 max-w-md mx-auto">
<li>1. Complete the OAuth flow in your browser</li>
<li>2. Copy the entire redirect URL from the address bar</li>
<li>3. Paste it above and click "Extract Code"</li>
<li>4. Use the copy button to copy the authorization code</li>
</ol>
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>