admin/34729-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: admin:ai-dev
Branches Tags
admin:master
admin:ai-dev
..
compare: admin:master
Branches Tags
admin:ai-dev
admin:master

No commits in common. "ai-dev" and "master" have entirely different histories.
ai-dev ... master

13 changed files with 142 additions and 1134 deletions
Show Stats Expand all files Collapse all files

239
assets/css/custom.css
View File

@ -1,239 +0,0 @@
:root {
--background-primary: #36393f;
--background-secondary: #2f3136;
--background-tertiary: #202225;
--channel-color: #8e9297;
--text-normal: #dcddde;
--text-muted: #72767d;
--interactive-normal: #b9bbbe;
--interactive-hover: #dcddde;
--interactive-active: #fff;
--background-modifier-hover: rgba(79,84,92,0.16);
--background-modifier-active: rgba(79,84,92,0.24);
--border-color: rgba(0,0,0,0.2);
}
body, html {
height: 100%;
margin: 0;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
background-color: var(--background-primary);
color: var(--text-normal);
overflow: hidden;
}
.app-container {
display: flex;
height: 100vh;
}
/* Servers List */
.servers-list {
width: 72px;
background-color: var(--background-tertiary);
padding-top: 12px;
display: flex;
flex-direction: column;
align-items: center;
overflow-y: auto;
}
.server-icon {
width: 48px;
height: 48px;
border-radius: 50%;
background-color: var(--background-primary);
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
font-weight: bold;
cursor: pointer;
transition: all 0.2s ease;
position: relative;
}
.server-icon:hover, .server-icon.active {
border-radius: 16px;
background-color: #5865f2; /* Discord blurple */
}
.server-icon.add-server-btn {
background-color: var(--background-secondary);
color: #43b581; /* Discord green */
font-size: 24px;
}
.server-icon.add-server-btn:hover {
background-color: #43b581;
color: white;
}
/* Channels & User Panel */
.sidebar {
width: 240px;
background-color: var(--background-secondary);
display: flex;
flex-direction: column;
}
.sidebar-header {
padding: 0 16px;
height: 48px;
display: flex;
align-items: center;
border-bottom: 1px solid var(--border-color);
font-weight: bold;
font-size: 16px;
}
.channels-list {
flex-grow: 1;
padding: 16px 8px;
overflow-y: auto;
}
.channel {
padding: 6px 8px;
border-radius: 4px;
cursor: pointer;
display: flex;
align-items: center;
font-weight: 500;
color: var(--channel-color);
}
.channel:before {
content: '#';
margin-right: 6px;
font-size: 20px;
color: var(--text-muted);
}
.channel:hover {
background-color: var(--background-modifier-hover);
color: var(--interactive-hover);
}
.channel.active {
background-color: var(--background-modifier-active);
color: var(--interactive-active);
}
.user-panel {
height: 52px;
background-color: #292b2f;
padding: 0 8px;
display: flex;
align-items: center;
justify-content: space-between;
}
.user-info {
display: flex;
align-items: center;
}
.user-avatar {
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #7289da;
margin-right: 8px;
}
.user-name {
font-weight: 600;
font-size: 14px;
}
.logout-btn {
color: var(--text-muted);
cursor: pointer;
padding: 4px;
}
.logout-btn:hover {
color: var(--interactive-hover);
}
/* Chat Area */
.chat-container {
flex-grow: 1;
display: flex;
flex-direction: column;
background-color: var(--background-primary);
}
.chat-header {
height: 48px;
padding: 0 16px;
display: flex;
align-items: center;
border-bottom: 1px solid var(--border-color);
font-weight: bold;
}
.chat-header:before {
content: '#';
margin-right: 6px;
font-size: 24px;
color: var(--text-muted);
}
.messages-list {
flex-grow: 1;
overflow-y: auto;
padding: 20px;
}
.message {
display: flex;
margin-bottom: 16px;
}
.message-avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: #7289da;
margin-right: 16px;
flex-shrink: 0;
}
.message-content {
display: flex;
flex-direction: column;
}
.message-author {
font-weight: 500;
color: var(--text-normal);
margin-bottom: 4px;
}
.message-text {
line-height: 1.4;
}
.chat-input-form {
padding: 0 20px 20px 20px;
}
.chat-input {
width: 100%;
height: 44px;
border-radius: 8px;
background-color: #40444b;
border: none;
padding: 0 16px;
color: var(--text-normal);
font-size: 16px;
box-sizing: border-box;
}
.chat-input::placeholder {
color: var(--text-muted);
}

0
assets/js/main.js
View File

102
create_server.php
View File

@ -1,102 +0,0 @@
<?php
session_start();
require_once 'db/config.php';
require_once 'utils.php';
// If the user is not logged in, redirect to the login page
if (!isset($_SESSION['user_id'])) {
header('Location: login.php');
exit;
}
$user_id = $_SESSION['user_id'];
$error = '';
$success = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$server_name = trim($_POST['server_name']);
if (empty($server_name)) {
$error = 'Server name is required.';
} else {
try {
$pdo = db();
// Start a transaction
$pdo->beginTransaction();
// 1. Insert the new server
$stmt = $pdo->prepare("INSERT INTO servers (name, owner_id) VALUES (:name, :owner_id)");
$stmt->execute(['name' => $server_name, 'owner_id' => $user_id]);
$server_id = $pdo->lastInsertId();
// 2. Add the owner to the server_members table
$stmt = $pdo->prepare("INSERT INTO server_members (server_id, user_id) VALUES (:server_id, :user_id)");
$stmt->execute(['server_id' => $server_id, 'user_id' => $user_id]);
// 3. Create a default 'general' channel for the new server
$stmt = $pdo->prepare("INSERT INTO channels (server_id, name) VALUES (:server_id, :name)");
$stmt->execute(['server_id' => $server_id, 'name' => 'general']);
// Commit the transaction
$pdo->commit();
// Redirect to the main page after creation
header('Location: index.php');
exit;
} catch (PDOException $e) {
// Rollback the transaction if something failed
if ($pdo->inTransaction()) {
$pdo->rollBack();
}
$error = "An error occurred while creating the server: " . $e->getMessage();
}
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Create a New Server</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
<div class="container-fluid">
<div class="row vh-100">
<div class="col-md-6 offset-md-3 d-flex flex-column justify-content-center">
<div class="card">
<div class="card-body p-5">
<h1 class="text-center mb-4">Create Your Server</h1>
<p class="text-center text-muted mb-4">Give your new server a personality with a name. You can always change it later.</p>
<?php if ($error): ?>
<div class="alert alert-danger"><?php echo htmlspecialchars($error); ?></div>
<?php endif; ?>
<form action="create_server.php" method="POST">
<div class="mb-3">
<label for="server_name" class="form-label">SERVER NAME</label>
<input type="text" class="form-control" id="server_name" name="server_name" required>
</div>
<div class="d-grid">
<button type="submit" class="btn btn-primary">Create</button>
</div>
</form>
<div class="text-center mt-3">
<a href="index.php">Back to main page</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>

31
db/migrate.php
View File

@ -1,31 +0,0 @@
<?php
require_once 'config.php';
try {
$pdo = db();
// Migration for servers table
$pdo->exec("CREATE TABLE IF NOT EXISTS servers (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(255) NOT NULL,
owner_id INT NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (owner_id) REFERENCES users(id)
) ENGINE=INNODB;");
// Migration for server_members table
$pdo->exec("CREATE TABLE IF NOT EXISTS server_members (
id INT AUTO_INCREMENT PRIMARY KEY,
server_id INT NOT NULL,
user_id INT NOT NULL,
joined_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (server_id) REFERENCES servers(id) ON DELETE CASCADE,
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
UNIQUE KEY (server_id, user_id)
) ENGINE=INNODB;");
echo "Database migration completed successfully! Tables 'servers' and 'server_members' are ready.";
} catch (PDOException $e) {
die("Database migration failed: " . $e->getMessage());
}

86
db/setup.php
View File

@ -1,86 +0,0 @@
<?php
require_once __DIR__ . '/config.php';
try {
// Connect to MySQL server without specifying a database
$pdo = new PDO('mysql:host=' . DB_HOST, DB_USER, DB_PASS, [
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
]);
// Create the database if it doesn't exist
$pdo->exec("CREATE DATABASE IF NOT EXISTS " . DB_NAME);
echo "Database '" . DB_NAME . "' created or already exists.\n";
// Now, connect to the specific database using the helper
$pdo = db();
// Create the users table
$sql = "
CREATE TABLE IF NOT EXISTS users (
id INT AUTO_INCREMENT PRIMARY KEY,
username VARCHAR(50) NOT NULL UNIQUE,
password VARCHAR(255) NOT NULL,
simple_id VARCHAR(10) NOT NULL UNIQUE,
ultra_id VARCHAR(20) NOT NULL UNIQUE,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);";
$pdo->exec($sql);
echo "Table 'users' created successfully (if it didn't exist).\n";
// Create servers table
$sql = "
CREATE TABLE IF NOT EXISTS servers (
id INT AUTO_INCREMENT PRIMARY KEY,
name VARCHAR(100) NOT NULL,
owner_id INT NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (owner_id) REFERENCES users(id) ON DELETE CASCADE
);";
$pdo->exec($sql);
echo "Table 'servers' created successfully.\n";
// Create server_members table
$sql = "
CREATE TABLE IF NOT EXISTS server_members (
id INT AUTO_INCREMENT PRIMARY KEY,
server_id INT NOT NULL,
user_id INT NOT NULL,
joined_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (server_id) REFERENCES servers(id) ON DELETE CASCADE,
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE,
UNIQUE KEY (server_id, user_id)
);";
$pdo->exec($sql);
echo "Table 'server_members' created successfully.\n";
// Create channels table
$sql = "
CREATE TABLE IF NOT EXISTS channels (
id INT AUTO_INCREMENT PRIMARY KEY,
server_id INT NOT NULL,
name VARCHAR(100) NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (server_id) REFERENCES servers(id) ON DELETE CASCADE
);";
$pdo->exec($sql);
echo "Table 'channels' created successfully.\n";
// Create messages table
$sql = "
CREATE TABLE IF NOT EXISTS messages (
id INT AUTO_INCREMENT PRIMARY KEY,
channel_id INT NOT NULL,
user_id INT NOT NULL,
message TEXT NOT NULL,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
FOREIGN KEY (channel_id) REFERENCES channels(id) ON DELETE CASCADE,
FOREIGN KEY (user_id) REFERENCES users(id) ON DELETE CASCADE
);";
$pdo->exec($sql);
echo "Table 'messages' created successfully.\n";
} catch (PDOException $e) {
die("DB SETUP ERROR: " . $e->getMessage());
}
?>

55
get_channels.php
View File

@ -1,55 +0,0 @@
<?php
session_start();
header('Content-Type: application/json');
require_once 'db/config.php';
// User must be logged in
if (!isset($_SESSION['user_id'])) {
echo json_encode(['error' => 'Authentication required']);
http_response_code(401);
exit;
}
// Server ID must be provided
if (!isset($_GET['server_id'])) {
echo json_encode(['error' => 'Server ID is missing']);
http_response_code(400);
exit;
}
$user_id = $_SESSION['user_id'];
$server_id = (int)$_GET['server_id'];
try {
$pdo = db();
// Security check: Ensure the user is a member of the server
$stmt = $pdo->prepare("SELECT 1 FROM server_members WHERE server_id = :server_id AND user_id = :user_id");
$stmt->execute(['server_id' => $server_id, 'user_id' => $user_id]);
if ($stmt->fetchColumn() === false) {
echo json_encode(['error' => 'Access denied']);
http_response_code(403);
exit;
}
// Fetch server details
$stmt = $pdo->prepare("SELECT name FROM servers WHERE id = :server_id");
$stmt->execute(['server_id' => $server_id]);
$server = $stmt->fetch(PDO::FETCH_ASSOC);
// Fetch channels for the server
$stmt = $pdo->prepare("SELECT id, name FROM channels WHERE server_id = :server_id ORDER BY name ASC");
$stmt->execute(['server_id' => $server_id]);
$channels = $stmt->fetchAll(PDO::FETCH_ASSOC);
echo json_encode([
'server' => $server,
'channels' => $channels
]);
} catch (PDOException $e) {
echo json_encode(['error' => 'Database error']);
http_response_code(500);
// In a real app, you would log the error message, not expose it.
}

57
get_messages.php
View File

@ -1,57 +0,0 @@
<?php
session_start();
require_once 'db/config.php';
require_once 'utils.php';
if (!isset($_SESSION['user_id'])) {
http_response_code(401);
echo json_encode(['error' => 'Unauthorized']);
exit();
}
$user_id = $_SESSION['user_id'];
$channel_id = $_GET['channel_id'] ?? null;
if (!$channel_id) {
http_response_code(400);
echo json_encode(['error' => 'Channel ID is required']);
exit();
}
try {
$pdo = db();
// Verify user has access to this channel's server
$stmt = $pdo->prepare("
SELECT c.id
FROM channels c
JOIN servers s ON c.server_id = s.id
JOIN server_members sm ON s.id = sm.server_id
WHERE c.id = ? AND sm.user_id = ?
");
$stmt->execute([$channel_id, $user_id]);
if ($stmt->fetch() === false) {
http_response_code(403);
echo json_encode(['error' => 'Forbidden']);
exit();
}
// Fetch messages
$stmt = $pdo->prepare("
SELECT m.id, m.content, m.created_at, u.username
FROM messages m
JOIN users u ON m.user_id = u.id
WHERE m.channel_id = ?
ORDER BY m.created_at ASC
");
$stmt->execute([$channel_id]);
$messages = $stmt->fetchAll();
header('Content-Type: application/json');
echo json_encode($messages);
} catch (PDOException $e) {
error_log("Get Messages Error: " . $e->getMessage());
http_response_code(500);
echo json_encode(['error' => 'Internal Server Error']);
}

376
index.php
View File

@ -1,246 +1,150 @@
<?php <?php
session_start(); declare(strict_types=1);
if (!isset($_SESSION['user_id'])) { @ini_set('display_errors', '1');
header('Location: login.php'); @error_reporting(E_ALL);
exit; @date_default_timezone_set('UTC');
}
require_once 'db/config.php'; $phpVersion = PHP_VERSION;
require_once 'utils.php'; $now = date('Y-m-d H:i:s');
$user_id = $_SESSION['user_id'];
$p_user = get_user_by_id($user_id);
$servers = get_user_servers($user_id);
?> ?>
<!DOCTYPE html> <!doctype html>
<html lang="fr"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Discord V2</title> <title>New Style</title>
<link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>"> <?php
// Read project preview data from environment
$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
?>
<?php if ($projectDescription): ?>
<!-- Meta description -->
<meta name="description" content='<?= htmlspecialchars($projectDescription) ?>' />
<!-- Open Graph meta tags -->
<meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
<!-- Twitter meta tags -->
<meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
<?php endif; ?>
<?php if ($projectImageUrl): ?>
<!-- Open Graph image -->
<meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
<!-- Twitter image -->
<meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
<?php endif; ?>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<style>
:root {
--bg-color-start: #6a11cb;
--bg-color-end: #2575fc;
--text-color: #ffffff;
--card-bg-color: rgba(255, 255, 255, 0.01);
--card-border-color: rgba(255, 255, 255, 0.1);
}
body {
margin: 0;
font-family: 'Inter', sans-serif;
background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
color: var(--text-color);
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
text-align: center;
overflow: hidden;
position: relative;
}
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
animation: bg-pan 20s linear infinite;
z-index: -1;
}
@keyframes bg-pan {
0% { background-position: 0% 0%; }
100% { background-position: 100% 100%; }
}
main {
padding: 2rem;
}
.card {
background: var(--card-bg-color);
border: 1px solid var(--card-border-color);
border-radius: 16px;
padding: 2rem;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
}
.loader {
margin: 1.25rem auto 1.25rem;
width: 48px;
height: 48px;
border: 3px solid rgba(255, 255, 255, 0.25);
border-top-color: #fff;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.hint {
opacity: 0.9;
}
.sr-only {
position: absolute;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap; border: 0;
}
h1 {
font-size: 3rem;
font-weight: 700;
margin: 0 0 1rem;
letter-spacing: -1px;
}
p {
margin: 0.5rem 0;
font-size: 1.1rem;
}
code {
background: rgba(0,0,0,0.2);
padding: 2px 6px;
border-radius: 4px;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
footer {
position: absolute;
bottom: 1rem;
font-size: 0.8rem;
opacity: 0.7;
}
</style>
</head> </head>
<body> <body>
<div class="app-container"> <main>
<!-- Servers List --> <div class="card">
<div class="servers-list"> <h1>Analyzing your requirements and generating your website…</h1>
<?php foreach ($servers as $server): ?> <div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
<div class="server-icon" data-server-id="<?php echo $server['id']; ?>" title="<?php echo htmlspecialchars($server['name']); ?>"> <span class="sr-only">Loading…</span>
<?php echo htmlspecialchars(strtoupper(substr($server['name'], 0, 1))); ?>
</div> </div>
<?php endforeach; ?> <p class="hint"><?= ($_SERVER['HTTP_HOST'] ?? '') === 'appwizzy.com' ? 'AppWizzy' : 'Flatlogic' ?> AI is collecting your requirements and applying the first changes.</p>
<a href="create_server.php" class="server-icon add-server-btn" title="Ajouter un serveur">+</a> <p class="hint">This page will update automatically as the plan is implemented.</p>
<p>Runtime: PHP <code><?= htmlspecialchars($phpVersion) ?></code> — UTC <code><?= htmlspecialchars($now) ?></code></p>
</div> </div>
</main>
<!-- Sidebar (Channels & User Panel) --> <footer>
<div class="sidebar"> Page updated: <?= htmlspecialchars($now) ?> (UTC)
<div class="sidebar-header"> </footer>
<h2 id="server-name">Sélectionnez un serveur</h2>
</div>
<div class="channels-list" id="channels-list">
<!-- Les canaux seront injectés ici par JS -->
</div>
<div class="user-panel">
<div class="user-info">
<div class="user-avatar"></div>
<span class="user-name"><?php echo htmlspecialchars($p_user['username']); ?></span>
</div>
<a href="logout.php" class="logout-btn" title="Déconnexion">
<svg width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M16 17v-3H9v-4h7V7l5 5-5 5zm-8-4H0v4h8v-4zm0-4H0v4h8V9zm0-4H0v4h8V5z"></path></svg>
</a>
</div>
</div>
<!-- Chat Area -->
<div class="chat-container">
<div class="chat-header">
<span id="channel-name"></span>
</div>
<div class="messages-list" id="messages-list">
<!-- Les messages seront injectés ici -->
<div style="text-align: center; color: var(--text-muted); margin-top: 20px;">
Sélectionnez un canal pour commencer à discuter.
</div>
</div>
<form class="chat-input-form" id="message-form" style="display: none;">
<input type="hidden" id="active-channel-id" name="channel_id">
<input type="text" id="message-input" name="message" class="chat-input" placeholder="Envoyer un message...">
</form>
</div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const servers = document.querySelectorAll('.server-icon[data-server-id]');
const serverNameEl = document.getElementById('server-name');
const channelsListEl = document.getElementById('channels-list');
const channelNameEl = document.getElementById('channel-name');
const messagesListEl = document.getElementById('messages-list');
const messageForm = document.getElementById('message-form');
const messageInput = document.getElementById('message-input');
const activeChannelIdInput = document.getElementById('active-channel-id');
let activeServerId = null;
let activeChannelId = null;
let messagePollingInterval = null;
servers.forEach(server => {
server.addEventListener('click', function() {
const serverId = this.dataset.serverId;
if (serverId === activeServerId) return;
servers.forEach(s => s.classList.remove('active'));
this.classList.add('active');
activeServerId = serverId;
activeChannelId = null;
if (messagePollingInterval) {
clearInterval(messagePollingInterval);
messagePollingInterval = null;
}
serverNameEl.textContent = 'Chargement...';
channelsListEl.innerHTML = '';
messagesListEl.innerHTML = '<div style="text-align: center; color: var(--text-muted); margin-top: 20px;">Sélectionnez un canal.</div>';
channelNameEl.textContent = '';
messageForm.style.display = 'none';
fetch(`get_channels.php?server_id=${serverId}`)
.then(response => response.json())
.then(data => {
if (data.error) {
serverNameEl.textContent = 'Erreur';
channelsListEl.innerHTML = `<p style="color: #f04747;">${data.error}</p>`;
return;
}
serverNameEl.textContent = data.server_name;
channelsListEl.innerHTML = '';
if (data.channels.length > 0) {
data.channels.forEach(channel => {
const channelEl = document.createElement('div');
channelEl.classList.add('channel');
channelEl.dataset.channelId = channel.id;
channelEl.textContent = channel.name;
channelEl.addEventListener('click', () => selectChannel(channel.id, channel.name));
channelsListEl.appendChild(channelEl);
});
selectChannel(data.channels[0].id, data.channels[0].name);
} else {
channelsListEl.innerHTML = '<p style="color: var(--text-muted); padding: 0 16px;">Aucun canal trouvé.</p>';
}
})
.catch(error => {
console.error('Error fetching channels:', error);
serverNameEl.textContent = 'Erreur de connexion';
});
});
});
function selectChannel(channelId, channelName) {
if (channelId === activeChannelId) return;
activeChannelId = channelId;
if (messagePollingInterval) {
clearInterval(messagePollingInterval);
}
document.querySelectorAll('.channel').forEach(c => {
c.classList.toggle('active', c.dataset.channelId === channelId.toString());
});
channelNameEl.textContent = channelName;
messagesListEl.innerHTML = '<p style="text-align:center; color: var(--text-muted);">Chargement des messages...</p>';
messageForm.style.display = 'block';
activeChannelIdInput.value = channelId;
messageInput.value = '';
messageInput.focus();
fetchMessages(channelId);
messagePollingInterval = setInterval(() => fetchMessages(channelId), 3000);
}
function fetchMessages(channelId) {
const wasScrolledToBottom = messagesListEl.scrollHeight - messagesListEl.clientHeight <= messagesListEl.scrollTop + 1;
fetch(`get_messages.php?channel_id=${channelId}`)
.then(response => response.json())
.then(data => {
let newHTML = '';
if (data.error) {
newHTML = `<p style="color: #f04747; text-align:center;">${data.error}</p>`;
} else if (data.length > 0) {
data.forEach(msg => {
newHTML += `
<div class="message">
<div class="message-avatar"></div>
<div class="message-content">
<span class="message-author">${escapeHTML(msg.username)}</span>
<div class="message-text">${escapeHTML(msg.message)}</div>
</div>
</div>
`;
});
} else {
newHTML = '<p style="text-align:center; color: var(--text-muted);">Aucun message. Soyez le premier à en envoyer un !</p>';
}
if (messagesListEl.innerHTML !== newHTML) {
messagesListEl.innerHTML = newHTML;
if (wasScrolledToBottom) {
messagesListEl.scrollTop = messagesListEl.scrollHeight;
}
}
})
.catch(error => {
console.error('Error fetching messages:', error);
// Avoid replacing content on intermittent network errors during polling
if (messagesListEl.innerHTML.includes('Chargement des messages...')) {
messagesListEl.innerHTML = '<p style="color: #f04747; text-align:center;">Erreur de chargement des messages.</p>';
}
});
}
messageForm.addEventListener('submit', function(e) {
e.preventDefault();
const message = messageInput.value.trim();
if (!message || !activeChannelId) return;
const formData = new FormData();
formData.append('channel_id', activeChannelId);
formData.append('message', message);
fetch('send_message.php', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
if (data.success) {
messageInput.value = '';
fetchMessages(activeChannelId); // Refresh messages immediately
} else {
alert('Erreur lors de l'envoi du message: ' + data.error);
}
})
.catch(error => {
console.error('Error sending message:', error);
alert('Erreur réseau.');
});
});
function escapeHTML(str) {
return str.replace(/[&<>"']/g, function(match) {
return {
'&': '&amp;',
'<': '&lt;',
'>': '&gt;',
'"': '&quot;',
"'": '&#39;'
}[match];
});
}
});
</script>
</body> </body>
</html> </html>

96
login.php
View File

@ -1,96 +0,0 @@
<?php
session_start();
require_once 'db/config.php';
require_once 'utils.php';
// If user is already logged in, redirect to main page
if (isset($_SESSION['user_id'])) {
redirect('index.php');
}
$errors = [];
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$email = trim($_POST['email'] ?? '');
$password = $_POST['password'] ?? '';
if (empty($email)) {
$errors[] = 'L\'adresse e-mail est requise.';
}
if (empty($password)) {
$errors[] = 'Le mot de passe est requis.';
}
if (empty($errors)) {
try {
$pdo = db();
$stmt = $pdo->prepare("SELECT * FROM users WHERE email = ?");
$stmt->execute([$email]);
$user = $stmt->fetch();
if ($user && password_verify($password, $user['password'])) {
// Password is correct, start session and redirect
session_regenerate_id(true);
$_SESSION['user_id'] = $user['id'];
$_SESSION['username'] = $user['username'];
// Explicitly redirect
header("Location: index.php");
// Fallback with JavaScript redirection
echo '<script>window.location.href = "index.php";</script>';
exit();
} else {
$errors[] = 'Adresse e-mail ou mot de passe incorrect.';
}
} catch (PDOException $e) {
error_log("Login Error: " . $e->getMessage());
$errors[] = 'Une erreur est survenue lors de la connexion. Veuillez réessayer.';
}
}
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Connexion - Discord V2</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3>Connexion</h3>
</div>
<div class="card-body">
<?php if (!empty($errors)): ?>
<div class="alert alert-danger">
<?php foreach ($errors as $error): ?>
<p><?php echo htmlspecialchars($error); ?></p>
<?php endforeach; ?>
</div>
<?php endif; ?>
<form action="login.php" method="POST" novalidate>
<div class="mb-3">
<label for="email" class="form-label">Adresse e-mail</label>
<input type="email" class="form-control" id="email" name="email" required value="<?php echo isset($_POST['email']) ? htmlspecialchars($_POST['email']) : '' ?>">
</div>
<div class="mb-3">
<label for="password" class="form-label">Mot de passe</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary">Se connecter</button>
</form>
</div>
<div class="card-footer text-center">
<a href="register.php">Pas encore de compte ? Inscrivez-vous</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

7
logout.php
View File

@ -1,7 +0,0 @@
<?php
session_start();
session_unset();
session_destroy();
header('Location: login.php');
exit();
?>

119
register.php
View File

@ -1,119 +0,0 @@
<?php
session_start();
require_once 'db/config.php';
require_once 'utils.php';
$errors = [];
$success = '';
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$username = trim($_POST['username'] ?? '');
$email = trim($_POST['email'] ?? '');
$password = $_POST['password'] ?? '';
if (empty($username)) {
$errors[] = 'Le nom d\'utilisateur est requis.';
}
if (empty($email)) {
$errors[] = 'L\'adresse e-mail est requise.';
} elseif (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
$errors[] = 'L\'adresse e-mail n\'est pas valide.';
}
if (empty($password)) {
$errors[] = 'Le mot de passe est requis.';
}
if (strlen($password) < 8) {
$errors[] = 'Le mot de passe doit contenir au moins 8 caractères.';
}
if (empty($errors)) {
try {
$pdo = db();
// Check if username or email already exists
$stmt = $pdo->prepare("SELECT username, email FROM users WHERE username = ? OR email = ?");
$stmt->execute([$username, $email]);
$existing_user = $stmt->fetch();
if ($existing_user) {
if ($existing_user['username'] === $username) {
$errors[] = 'Ce nom d\'utilisateur est déjà pris.';
}
if ($existing_user['email'] === $email) {
$errors[] = 'Cette adresse e-mail est déjà utilisée.';
}
} else {
// Hash password
$hashed_password = password_hash($password, PASSWORD_DEFAULT);
// Insert user
$stmt = $pdo->prepare("INSERT INTO users (username, email, password) VALUES (?, ?, ?)");
$stmt->execute([$username, $email, $hashed_password]);
// Get the new user's ID
$user_id = $pdo->lastInsertId();
// Log the user in
$_SESSION['user_id'] = $user_id;
$_SESSION['username'] = $username;
// Redirect to the main page
header("Location: index.php");
exit();
}
} catch (PDOException $e) {
error_log("Registration Error: " . $e->getMessage());
$errors[] = 'Une erreur est survenue lors de l\'inscription. Veuillez réessayer.';
}
}
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inscription - Discord V2</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container mt-5">
<div class="row justify-content-center">
<div class="col-md-6">
<div class="card">
<div class="card-header">
<h3>Inscription</h3>
</div>
<div class="card-body">
<?php if (!empty($errors)): ?>
<div class="alert alert-danger">
<?php foreach ($errors as $error): ?>
<p><?php echo htmlspecialchars($error); ?></p>
<?php endforeach; ?>
</div>
<?php endif; ?>
<form action="register.php" method="POST" novalidate>
<div class="mb-3">
<label for="username" class="form-label">Nom d'utilisateur</label>
<input type="text" class="form-control" id="username" name="username" required value="<?php echo isset($_POST['username']) ? htmlspecialchars($_POST['username']) : '' ?>">
</div>
<div class="mb-3">
<label for="email" class="form-label">Adresse e-mail</label>
<input type="email" class="form-control" id="email" name="email" required value="<?php echo isset($_POST['email']) ? htmlspecialchars($_POST['email']) : '' ?>">
</div>
<div class="mb-3">
<label for="password" class="form-label">Mot de passe</label>
<input type="password" class="form-control" id="password" name="password" required>
</div>
<button type="submit" class="btn btn-primary">S'inscrire</button>
</form>
</div>
<div class="card-footer text-center">
<a href="login.php">Déjà un compte ? Connectez-vous</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

68
send_message.php
View File

@ -1,68 +0,0 @@
<?php
session_start();
require_once 'db/config.php';
require_once 'utils.php';
if (!isset($_SESSION['user_id'])) {
http_response_code(401);
echo json_encode(['error' => 'Unauthorized']);
exit();
}
if ($_SERVER['REQUEST_METHOD'] !== 'POST') {
http_response_code(405);
echo json_encode(['error' => 'Method Not Allowed']);
exit();
}
$user_id = $_SESSION['user_id'];
$data = json_decode(file_get_contents('php://input'), true);
$channel_id = $data['channel_id'] ?? null;
$content = $data['content'] ?? null;
if (!$channel_id || !$content) {
http_response_code(400);
echo json_encode(['error' => 'Channel ID and content are required']);
exit();
}
$content = trim($content);
if (empty($content)) {
http_response_code(400);
echo json_encode(['error' => 'Message content cannot be empty']);
exit();
}
try {
$pdo = db();
// Verify user has access to this channel's server
$stmt = $pdo->prepare("
SELECT c.id
FROM channels c
JOIN servers s ON c.server_id = s.id
JOIN server_members sm ON s.id = sm.server_id
WHERE c.id = ? AND sm.user_id = ?
");
$stmt->execute([$channel_id, $user_id]);
if ($stmt->fetch() === false) {
http_response_code(403);
echo json_encode(['error' => 'Forbidden']);
exit();
}
// Insert message
$stmt = $pdo->prepare("
INSERT INTO messages (channel_id, user_id, content)
VALUES (?, ?, ?)
");
$stmt->execute([$channel_id, $user_id, $content]);
header('Content-Type: application/json');
echo json_encode(['success' => true, 'message' => 'Message sent']);
} catch (PDOException $e) {
error_log("Send Message Error: " . $e->getMessage());
http_response_code(500);
echo json_encode(['error' => 'Internal Server Error']);
}

36
utils.php
View File

@ -1,36 +0,0 @@
<?php
function generateSimpleId() {
// Generates a random 4-digit number with a prefix
return 'U' . str_pad(random_int(0, 9999), 4, '0', STR_PAD_LEFT);
}
function generateUltraId() {
// Generates a more complex, unique ID using random bytes for better uniqueness
return 'ULTRA-' . strtoupper(bin2hex(random_bytes(3))) . '-' . strtoupper(bin2hex(random_bytes(3)));
}
// Function to redirect and exit
function redirect($url) {
header('Location: ' . $url);
exit();
}
function get_user_by_id($user_id) {
$pdo = db();
$stmt = $pdo->prepare("SELECT * FROM users WHERE id = ?");
$stmt->execute([$user_id]);
return $stmt->fetch(PDO::FETCH_ASSOC);
}
function get_user_servers($user_id) {
$pdo = db();
$stmt = $pdo->prepare("
SELECT s.* FROM servers s
JOIN server_members sm ON s.id = sm.server_id
WHERE sm.user_id = ?
");
$stmt->execute([$user_id]);
return $stmt->fetchAll(PDO::FETCH_ASSOC);
}
?>