Roblox MCP Unified Server

index.html•16.4 kB

<!DOCTYPE html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>🎮 Roblox MCP Dashboard - Modern Management Interface</title> <meta name="description" content="Dashboard modern untuk manajemen script Roblox MCP Server">  <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/components.css"> <link rel="stylesheet" href="css/animations.css">  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet"> </head> <body class="loading">  <div id="loading-screen" class="loading-screen"> <div class="loading-content"> <div class="loading-spinner"></div> <h2>🚀 Initializing Roblox MCP Dashboard</h2> <p>Connecting to server...</p> </div> </div>  <div id="app" class="app-container" style="display: none;">  <header class="app-header"> <div class="header-content"> <div class="brand-section"> <div class="logo"> <i class="fab fa-js-square"></i> <span class="brand-name">Roblox MCP</span> </div> <div class="version-badge">v1.0.0</div> </div> <div class="header-controls"> <div class="connection-status" id="connection-status"> <div class="status-indicator" id="status-indicator"></div> <span id="status-text">Connecting...</span> </div> <button class="settings-btn" id="settings-btn" title="Settings"> <i class="fas fa-cog"></i> </button> <button class="theme-toggle" id="theme-toggle" title="Toggle Theme"> <i class="fas fa-moon"></i> </button> </div> </div> </header>  <nav class="sidebar" id="sidebar"> <div class="sidebar-content"> <div class="nav-section"> <h3 class="nav-section-title">🎯 Tools</h3> <ul class="nav-menu"> <li class="nav-item active" data-section="dashboard"> <i class="fas fa-tachometer-alt"></i> <span>Dashboard</span> </li> <li class="nav-item" data-section="scripts"> <i class="fas fa-code"></i> <span>Script Manager</span> </li> <li class="nav-item" data-section="backup"> <i class="fas fa-download"></i> <span>Backup & Restore</span> </li> <li class="nav-item" data-section="analytics"> <i class="fas fa-chart-line"></i> <span>Analytics</span> </li> </ul> </div> <div class="nav-section"> <h3 class="nav-section-title">🔧 Actions</h3> <ul class="nav-menu"> <li class="nav-item" data-action="validate"> <i class="fas fa-check-circle"></i> <span>Validate Script</span> </li> <li class="nav-item" data-action="create"> <i class="fas fa-plus-circle"></i> <span>Create Script</span> </li> <li class="nav-item" data-action="status"> <i class="fas fa-info-circle"></i> <span>Project Status</span> </li> </ul> </div> </div> </nav>  <main class="main-content">  <section id="dashboard-section" class="content-section active"> <div class="section-header"> <h1><i class="fas fa-tachometer-alt"></i> Dashboard</h1> <p>Overview dari Roblox MCP Server dan project status</p> </div>  <div class="stats-grid"> <div class="stat-card"> <div class="stat-icon"> <i class="fas fa-code"></i> </div> <div class="stat-info"> <h3 id="scripts-count">-</h3> <p>Total Scripts</p> </div> </div> <div class="stat-card"> <div class="stat-icon"> <i class="fas fa-project-diagram"></i> </div> <div class="stat-info"> <h3 id="projects-count">-</h3> <p>Projects</p> </div> </div> <div class="stat-card"> <div class="stat-icon"> <i class="fas fa-database"></i> </div> <div class="stat-info"> <h3 id="database-size">-</h3> <p>Database Size</p> </div> </div> <div class="stat-card"> <div class="stat-icon"> <i class="fas fa-server"></i> </div> <div class="stat-info"> <h3 id="server-status">-</h3> <p>Server Status</p> </div> </div> </div>  <div class="quick-actions"> <h2>⚡ Quick Actions</h2> <div class="action-buttons"> <button class="action-btn primary" data-action="create"> <i class="fas fa-plus"></i> <span>Create Script</span> </button> <button class="action-btn secondary" data-action="backup"> <i class="fas fa-download"></i> <span>Backup Project</span> </button> <button class="action-btn secondary" data-action="validate"> <i class="fas fa-check"></i> <span>Validate Code</span> </button> <button class="action-btn info" data-action="status"> <i class="fas fa-info"></i> <span>View Status</span> </button> </div> </div> </section>  <section id="scripts-section" class="content-section"> <div class="section-header"> <h1><i class="fas fa-code"></i> Script Manager</h1> <p>Kelola semua script Roblox Anda dengan mudah</p> </div>  <div class="scripts-controls"> <div class="search-box"> <i class="fas fa-search"></i> <input type="text" id="search-scripts" placeholder="Search scripts..."> </div> <div class="filter-options"> <select id="project-filter"> <option value="default">All Projects</option> </select> <select id="type-filter"> <option value="">All Types</option> <option value="lua">Lua</option> <option value="luau">Luau</option> </select> </div> <button class="btn primary" id="create-script-btn"> <i class="fas fa-plus"></i> New Script </button> </div>  <div class="scripts-list" id="scripts-list"> <div class="loading-placeholder"> <i class="fas fa-spinner fa-spin"></i> <p>Loading scripts...</p> </div> </div> </section>  <section id="backup-section" class="content-section"> <div class="section-header"> <h1><i class="fas fa-download"></i> Backup & Restore</h1> <p>Amankan dan kelola backup project Anda</p> </div> <div class="backup-grid"> <div class="backup-card"> <h3><i class="fas fa-download"></i> Create Backup</h3> <p>Buat backup lengkap dari project saat ini</p> <button class="btn primary" id="create-backup-btn"> <i class="fas fa-download"></i> Create Backup </button> </div> <div class="backup-card"> <h3><i class="fas fa-upload"></i> Restore Backup</h3> <p>Pulihkan project dari backup yang ada</p> <button class="btn secondary" id="restore-backup-btn"> <i class="fas fa-upload"></i> Restore Backup </button> </div> </div> <div class="backup-history"> <h3>📚 Backup History</h3> <div id="backup-list"> <div class="loading-placeholder"> <i class="fas fa-spinner fa-spin"></i> <p>Loading backups...</p> </div> </div> </div> </section>  <section id="analytics-section" class="content-section"> <div class="section-header"> <h1><i class="fas fa-chart-line"></i> Analytics</h1> <p>Analisis mendalam tentang project dan penggunaan</p> </div> <div class="analytics-dashboard"> <div class="analytics-card"> <h3>📊 Script Types Distribution</h3> <canvas id="script-types-chart"></canvas> </div> <div class="analytics-card"> <h3>📈 Project Activity</h3> <canvas id="activity-chart"></canvas> </div> </div> </section> </main> </div>   <div id="script-modal" class="modal"> <div class="modal-content"> <div class="modal-header"> <h2 id="script-modal-title">Create Script</h2> <button class="modal-close" id="script-modal-close"> <i class="fas fa-times"></i> </button> </div> <div class="modal-body"> <form id="script-form"> <div class="form-group"> <label for="script-name">Script Name</label> <input type="text" id="script-name" required> </div> <div class="form-group"> <label for="script-type">Script Type</label> <select id="script-type"> <option value="lua">Lua</option> <option value="luau">Luau</option> </select> </div> <div class="form-group"> <label for="script-project">Project ID</label> <input type="text" id="script-project" value="default"> </div> <div class="form-group"> <label for="script-content">Script Content</label> <textarea id="script-content" rows="10" placeholder="-- Paste your Lua/Luau code here"></textarea> </div> <div class="form-actions"> <button type="button" class="btn secondary" id="validate-script-btn"> <i class="fas fa-check"></i> Validate </button> <button type="submit" class="btn primary"> <i class="fas fa-save"></i> Save Script </button> </div> </form> </div> </div> </div>  <div id="settings-modal" class="modal"> <div class="modal-content"> <div class="modal-header"> <h2><i class="fas fa-cog"></i> Settings</h2> <button class="modal-close" id="settings-modal-close"> <i class="fas fa-times"></i> </button> </div> <div class="modal-body"> <form id="settings-form"> <div class="form-group"> <label for="hmac-secret">HMAC Secret</label> <input type="password" id="hmac-secret" placeholder="Enter your HMAC secret"> <small>Used for API authentication</small> </div> <div class="form-group"> <label for="auto-refresh">Auto Refresh</label> <div class="checkbox-group"> <input type="checkbox" id="auto-refresh"> <label for="auto-refresh">Enable auto refresh every 30 seconds</label> </div> </div> <div class="form-actions"> <button type="button" class="btn secondary" id="test-connection-btn"> <i class="fas fa-wifi"></i> Test Connection </button> <button type="submit" class="btn primary"> <i class="fas fa-save"></i> Save Settings </button> </div> </form> </div> </div> </div>  <div id="notifications" class="notifications-container"></div>  <script src="js/config.js"></script> <script src="js/api.js"></script> <script src="js/ui.js"></script> <script src="js/charts.js"></script> <script src="js/main.js"></script> </body> </html>

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/Rxuser2/Roblox-MCP-Unified'

If you have feedback or need assistance with the MCP directory API, please join our Discord server