 Server : Apache/2 System : Linux server-15-235-50-60 5.15.0-164-generic #174-Ubuntu SMP Fri Nov 14 20:25:16 UTC 2025 x86_64 User : gositeme ( 1004) PHP Version : 8.2.29 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname Directory : /home/gositeme/domains/soundstudiopro.com/private_html/gocodeme.com/public/ |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GoCodeMe.com - AI-Powered Code Editor</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<div class="app-container">
<!-- Header -->
<header class="header">
<div class="header-content">
<div class="logo">
<h1>GoCodeMe.com</h1>
<span class="tagline">AI-Powered Code Editor</span>
</div>
<div class="header-actions">
<button id="ai-toggle" class="btn btn-primary">
<span class="ai-icon">🤖</span>
AI Assistant
</button>
<button id="workspace-btn" class="btn btn-secondary">
📁 Workspace
</button>
</div>
</div>
</header>
<!-- Main Content -->
<main class="main-content">
<!-- AI Chat Panel -->
<div id="ai-panel" class="ai-panel hidden">
<div class="ai-header">
<h3>🤖 Claude AI Assistant</h3>
<button id="close-ai" class="close-btn">×</button>
</div>
<div class="ai-chat-container">
<div id="chat-messages" class="chat-messages">
<div class="ai-message">
<div class="ai-avatar">🤖</div>
<div class="message-content">
<p>Hello! I'm Claude, your AI coding assistant. I can help you:</p>
<ul>
<li>Explain and debug code</li>
<li>Generate new code</li>
<li>Optimize existing code</li>
<li>Answer coding questions</li>
</ul>
<p>What would you like to work on today?</p>
</div>
</div>
</div>
<div class="chat-input-container">
<textarea id="chat-input" placeholder="Ask me anything about coding..." rows="3"></textarea>
<button id="send-chat" class="btn btn-primary">Send</button>
</div>
</div>
</div>
<!-- Code Editor Container -->
<div id="editor-container" class="editor-container">
<div class="editor-header">
<div class="editor-tabs">
<button class="tab-btn active" data-tab="vscode">VS Code</button>
<button class="tab-btn" data-tab="ai-features">AI Features</button>
</div>
<div class="editor-actions">
<button id="new-file" class="btn btn-small">New File</button>
<button id="save-file" class="btn btn-small">Save</button>
</div>
</div>
<!-- VS Code iframe -->
<div id="vscode-frame" class="editor-frame active">
<iframe id="code-server-frame" src="/code-server" frameborder="0"></iframe>
</div>
<!-- AI Features Panel -->
<div id="ai-features-frame" class="editor-frame">
<div class="ai-features">
<div class="feature-card">
<h4>🔍 Explain Code</h4>
<textarea id="explain-code" placeholder="Paste your code here..."></textarea>
<button class="btn btn-primary" onclick="explainCode()">Explain</button>
</div>
<div class="feature-card">
<h4>🔧 Fix Code</h4>
<textarea id="fix-code" placeholder="Paste code with issues..."></textarea>
<button class="btn btn-primary" onclick="fixCode()">Fix</button>
</div>
<div class="feature-card">
<h4>⚡ Generate Code</h4>
<textarea id="generate-code" placeholder="Describe what you want to build..."></textarea>
<button class="btn btn-primary" onclick="generateCode()">Generate</button>
</div>
<div class="feature-card">
<h4>🚀 Optimize Code</h4>
<textarea id="optimize-code" placeholder="Paste code to optimize..."></textarea>
<button class="btn btn-primary" onclick="optimizeCode()">Optimize</button>
</div>
</div>
</div>
</div>
</main>
<!-- Status Bar -->
<footer class="status-bar">
<div class="status-left">
<span id="connection-status" class="status-item">🟢 Connected</span>
<span id="ai-status" class="status-item">🤖 AI Ready</span>
</div>
<div class="status-right">
<span id="current-file" class="status-item">No file open</span>
<span id="line-col" class="status-item">Ln 1, Col 1</span>
</div>
</footer>
</div>
<!-- Loading Overlay -->
<div id="loading-overlay" class="loading-overlay hidden">
<div class="loading-spinner"></div>
<p>Loading GoCodeMe.com...</p>
</div>
<script src="/socket.io/socket.io.js"></script>
<script src="app.js"></script>
</body>
</html>