Initial Commit
This commit is contained in:
ExostFlash
commit
7647bcd52a
13 changed files with 3097 additions and 0 deletions
5
.gitignore
vendored
Normal file
5
.gitignore
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
node_modules/
|
||||
todos.db
|
||||
todos.db-shm
|
||||
todos.db-wal
|
||||
.env
|
||||
103
app.js
Normal file
103
app.js
Normal file
|
|
@ -0,0 +1,103 @@
|
|||
// server.js
|
||||
const path = require('path');
|
||||
const Fastify = require('fastify');
|
||||
const formBody = require('@fastify/formbody');
|
||||
const fastifyStatic = require('@fastify/static');
|
||||
const fastifyView = require('@fastify/view');
|
||||
const ejs = require('ejs');
|
||||
const promClient = require('prom-client');
|
||||
const fastifyCookie = require('@fastify/cookie');
|
||||
const fastifySession = require('@fastify/session');
|
||||
|
||||
// --- App Instance ---
|
||||
const app = Fastify({ logger: true });
|
||||
|
||||
// --- Plugins ---
|
||||
app.register(formBody);
|
||||
app.register(fastifyCookie);
|
||||
app.register(fastifySession, {
|
||||
secret: 'this_very_long_random_secret_32_chars_minimum!',
|
||||
cookie: { secure: false },
|
||||
saveUninitialized: false,
|
||||
});
|
||||
app.register(fastifyStatic, {
|
||||
root: path.join(__dirname, 'public'),
|
||||
prefix: '/static/',
|
||||
});
|
||||
app.register(fastifyView, {
|
||||
engine: { ejs },
|
||||
root: path.join(__dirname, 'views'),
|
||||
layout: 'layout.ejs',
|
||||
});
|
||||
|
||||
// --- Prometheus Metrics ---
|
||||
const register = new promClient.Registry();
|
||||
promClient.collectDefaultMetrics({ register });
|
||||
|
||||
const counterCreated = new promClient.Counter({
|
||||
name: 'todo_created_total',
|
||||
help: 'Nombre total de todos créés',
|
||||
});
|
||||
const counterDeleted = new promClient.Counter({
|
||||
name: 'todo_deleted_total',
|
||||
help: 'Nombre total de todos supprimés',
|
||||
});
|
||||
const gaugeCount = new promClient.Gauge({
|
||||
name: 'todo_count',
|
||||
help: 'Nombre courant de todos',
|
||||
});
|
||||
register.registerMetric(counterCreated);
|
||||
register.registerMetric(counterDeleted);
|
||||
register.registerMetric(gaugeCount);
|
||||
|
||||
const fastifySwagger = require('@fastify/swagger');
|
||||
const fastifySwaggerUI = require('@fastify/swagger-ui');
|
||||
|
||||
// --- Swagger ---
|
||||
app.register(fastifySwagger, {
|
||||
openapi: {
|
||||
info: {
|
||||
title: 'Todo API',
|
||||
version: '1.0.0',
|
||||
description: 'CRUD de Todo en Fastify (Node.js) + SQLite',
|
||||
},
|
||||
servers: [{ url: 'http://localhost:3000' }],
|
||||
},
|
||||
});
|
||||
app.register(fastifySwaggerUI, {
|
||||
routePrefix: '/api/docs',
|
||||
uiConfig: {
|
||||
docExpansion: 'full',
|
||||
deepLinking: false
|
||||
}
|
||||
});
|
||||
|
||||
// --- Routes ---
|
||||
app.register(require('./routes/api'), {
|
||||
promRegister: register,
|
||||
counterCreated,
|
||||
counterDeleted,
|
||||
gaugeCount,
|
||||
});
|
||||
app.register(require('./routes/ui'), {
|
||||
counterCreated,
|
||||
counterDeleted,
|
||||
gaugeCount,
|
||||
});
|
||||
app.register(require('./routes/other'), {
|
||||
promRegister: register,
|
||||
});
|
||||
|
||||
// --- Start Server ---
|
||||
async function start() {
|
||||
try {
|
||||
await app.ready();
|
||||
app.swagger();
|
||||
await app.listen({ port: 3000, host: 'localhost' });
|
||||
app.log.info('Server listening on http://localhost:3000');
|
||||
} catch (err) {
|
||||
app.log.error(err);
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
start();
|
||||
50
db.js
Normal file
50
db.js
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
// db.js
|
||||
const Database = require('better-sqlite3');
|
||||
|
||||
const db = new Database('todos.db');
|
||||
db.pragma('journal_mode = WAL');
|
||||
|
||||
// Création table si absente
|
||||
db.exec(`
|
||||
CREATE TABLE IF NOT EXISTS users (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
pseudo TEXT NOT NULL,
|
||||
discord_id TEXT NOT NULL UNIQUE,
|
||||
created_at TEXT NOT NULL DEFAULT (datetime('now'))
|
||||
);
|
||||
|
||||
CREATE TABLE IF NOT EXISTS todos (
|
||||
id INTEGER PRIMARY KEY AUTOINCREMENT,
|
||||
users_id INTEGER NOT NULL,
|
||||
title TEXT NOT NULL,
|
||||
completed INTEGER NOT NULL DEFAULT 0,
|
||||
created_at TEXT NOT NULL DEFAULT (datetime('now')),
|
||||
FOREIGN KEY (users_id) REFERENCES users(id) ON DELETE CASCADE
|
||||
);
|
||||
`);
|
||||
|
||||
// Ajout de l'utilisateur test si absent
|
||||
const userTest = db.prepare('SELECT * FROM users WHERE id = 1').get();
|
||||
if (!userTest) {
|
||||
db.prepare('INSERT INTO users (id, pseudo, discord_id) VALUES (?, ?, ?)').run(1, 'test', 'null id');
|
||||
}
|
||||
|
||||
module.exports = {
|
||||
// USERS
|
||||
allUsers: () => db.prepare('SELECT * FROM users ORDER BY id DESC').all(),
|
||||
getUserById: (id) => db.prepare('SELECT * FROM users WHERE id = ?').get(id),
|
||||
getUserByDiscordId: (discord_id) => db.prepare('SELECT * FROM users WHERE discord_id = ?').get(discord_id),
|
||||
createUser: (pseudo, discord_id) =>
|
||||
db.prepare('INSERT INTO users (pseudo, discord_id) VALUES (?, ?)').run(pseudo, discord_id),
|
||||
|
||||
// TODOS
|
||||
allTodos: () => db.prepare('SELECT * FROM todos ORDER BY id DESC').all(),
|
||||
getTodo: (id) => db.prepare('SELECT * FROM todos WHERE id = ?').get(id),
|
||||
getTodosByUser: (users_id) => db.prepare('SELECT * FROM todos WHERE users_id = ? ORDER BY id DESC').all(users_id),
|
||||
createTodo: (users_id, title) =>
|
||||
db.prepare('INSERT INTO todos (users_id, title) VALUES (?, ?)').run(users_id, title),
|
||||
updateTodo: (id, { title, completed }) =>
|
||||
db.prepare('UPDATE todos SET title = COALESCE(?, title), completed = COALESCE(?, completed) WHERE id = ?')
|
||||
.run(title ?? null, typeof completed === 'number' ? completed : null, id),
|
||||
removeTodo: (id) => db.prepare('DELETE FROM todos WHERE id = ?').run(id),
|
||||
};
|
||||
50
discord.js
Normal file
50
discord.js
Normal file
|
|
@ -0,0 +1,50 @@
|
|||
const axios = require("axios");
|
||||
const db = require('./db');
|
||||
|
||||
const BOT_ID = "1410578978712060024";
|
||||
const BOT_SECRET = "vhk6jp_jYjvShOqpI8MJ2Efjjm_9Cmyi";
|
||||
const REDIRECT_URI = "http://localhost:3000/auth/discord/callback";
|
||||
|
||||
exports.handleDiscordAuth = async (request, reply) => {
|
||||
const code = request.query.code;
|
||||
if (!code) return reply.code(400).send({ error: "Code de validation manquant" });
|
||||
try {
|
||||
const params = new URLSearchParams();
|
||||
params.append("client_id", BOT_ID);
|
||||
params.append("client_secret", BOT_SECRET);
|
||||
params.append("grant_type", "authorization_code");
|
||||
params.append("code", code);
|
||||
params.append("redirect_uri", REDIRECT_URI);
|
||||
params.append("scope", "identify email");
|
||||
const tokenData = await axios.post(
|
||||
"https://discord.com/api/oauth2/token",
|
||||
params,
|
||||
{
|
||||
headers: {
|
||||
"Content-Type": "application/x-www-form-urlencoded",
|
||||
},
|
||||
}
|
||||
);
|
||||
const accessToken = tokenData.data.access_token;
|
||||
const userResponse = await axios.get("https://discord.com/api/users/@me", {
|
||||
headers: {
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
});
|
||||
const userData = userResponse.data;
|
||||
if (!userData || !userData.id) {
|
||||
console.error('Réponse Discord inattendue:', userResponse.data);
|
||||
return reply.code(500).send({ error: "Impossible de récupérer les infos utilisateur depuis Discord", details: userResponse.data });
|
||||
}
|
||||
let savedUser = db.getUserByDiscordId(userData.id);
|
||||
if (!savedUser) {
|
||||
db.createUser(userData.username, userData.id);
|
||||
savedUser = db.getUserByDiscordId(userData.id);
|
||||
}
|
||||
request.session.user = savedUser;
|
||||
return reply.redirect('/');
|
||||
} catch (err) {
|
||||
console.error(err.response?.data || err.message);
|
||||
return reply.code(500).send({ error: "Erreur lors de la connexion à Discord" });
|
||||
}
|
||||
};
|
||||
2297
package-lock.json
generated
Normal file
2297
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load diff
32
package.json
Normal file
32
package.json
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
{
|
||||
"name": "totolist",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "ssh://git@git.lehub.tf:2222/SchoolTask/totolist.git"
|
||||
},
|
||||
"license": "ISC",
|
||||
"author": "",
|
||||
"type": "commonjs",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"keywords": [],
|
||||
"dependencies": {
|
||||
"@fastify/cookie": "^11.0.2",
|
||||
"@fastify/formbody": "^8.0.2",
|
||||
"@fastify/session": "^11.1.0",
|
||||
"@fastify/static": "^8.2.0",
|
||||
"@fastify/swagger": "^9.5.1",
|
||||
"@fastify/swagger-ui": "^5.2.3",
|
||||
"@fastify/view": "^11.1.1",
|
||||
"axios": "^1.11.0",
|
||||
"better-sqlite3": "^12.2.0",
|
||||
"ejs": "^3.1.10",
|
||||
"fastify": "^5.5.0",
|
||||
"nunjucks": "^3.2.4",
|
||||
"prom-client": "^15.1.3"
|
||||
}
|
||||
}
|
||||
242
public/style.css
Normal file
242
public/style.css
Normal file
|
|
@ -0,0 +1,242 @@
|
|||
:root {
|
||||
font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
|
||||
--primary-bg: #0b0c10;
|
||||
--header-bg: #111217;
|
||||
--border: #1e1f27;
|
||||
--input-bg: #14151c;
|
||||
--input-border: #262837;
|
||||
--button-bg: #1a1c27;
|
||||
--button-border: #2a2d3e;
|
||||
--danger-bg: #2a0f15;
|
||||
--danger-border: #3c1e26;
|
||||
--accent: #9ecbff;
|
||||
--text: #eaeaea;
|
||||
--muted: #8892a6;
|
||||
--done: #8aa;
|
||||
--discord: #5865F2;
|
||||
--discord-hover: #4752C4;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
background: var(--primary-bg);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16px 24px;
|
||||
background: var(--header-bg);
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
header nav {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
header a {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
padding: 6px 10px;
|
||||
border-radius: 6px;
|
||||
transition: background 0.2s, color 0.2s;
|
||||
}
|
||||
|
||||
header a:hover {
|
||||
background: #1a2333;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
main {
|
||||
max-width: 720px;
|
||||
margin: 24px auto;
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.new form {
|
||||
display: flex;
|
||||
gap: 8px;
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
flex: 1;
|
||||
padding: 10px 12px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--input-border);
|
||||
background: var(--input-bg);
|
||||
color: var(--text);
|
||||
outline: none;
|
||||
transition: border 0.2s;
|
||||
}
|
||||
|
||||
input[type="text"]:focus {
|
||||
border-color: var(--accent);
|
||||
}
|
||||
|
||||
button, .discordAuth {
|
||||
padding: 10px 18px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid var(--button-border);
|
||||
background: var(--button-bg);
|
||||
color: var(--text);
|
||||
cursor: pointer;
|
||||
font-size: 1rem;
|
||||
font-weight: 500;
|
||||
transition: filter 0.2s, background 0.2s, border 0.2s;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
button:hover, .discordAuth:hover {
|
||||
filter: brightness(1.1);
|
||||
}
|
||||
|
||||
button.danger {
|
||||
border-color: var(--danger-border);
|
||||
background: var(--danger-bg);
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
padding: 10px 8px;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
li > div {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
span.done {
|
||||
text-decoration: line-through;
|
||||
color: var(--done);
|
||||
}
|
||||
|
||||
small {
|
||||
color: var(--muted);
|
||||
}
|
||||
|
||||
/* Discord Auth Button */
|
||||
.discordAuth {
|
||||
background: var(--discord);
|
||||
border: none;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
box-shadow: 0 2px 8px 0 #23272a22;
|
||||
transition: background 0.2s, box-shadow 0.2s;
|
||||
position: relative;
|
||||
padding-left: 44px;
|
||||
}
|
||||
|
||||
.discordAuth::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 16px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background: url('https://cdn.jsdelivr.net/gh/edent/SuperTinyIcons/images/svg/discord.svg') no-repeat center/contain;
|
||||
}
|
||||
|
||||
.discordAuth:hover {
|
||||
background: var(--discord-hover);
|
||||
box-shadow: 0 4px 16px 0 #23272a33;
|
||||
}
|
||||
|
||||
.logout {
|
||||
background: #e74c3c;
|
||||
border: none;
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.5px;
|
||||
box-shadow: 0 2px 8px 0 #e74c3c22;
|
||||
transition: background 0.2s, box-shadow 0.2s;
|
||||
position: relative;
|
||||
padding-left: 44px;
|
||||
}
|
||||
|
||||
.logout::before {
|
||||
content: "";
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
left: 16px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background: url('https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/icons/box-arrow-left.svg') no-repeat center/contain;
|
||||
}
|
||||
|
||||
.logout:hover {
|
||||
background: #c0392b;
|
||||
box-shadow: 0 4px 16px 0 #e74c3c33;
|
||||
}
|
||||
|
||||
footer {
|
||||
background: var(--header-bg);
|
||||
border-top: 1px solid var(--border);
|
||||
padding: 16px 24px;
|
||||
color: var(--muted);
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.footer-content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.footer-link {
|
||||
color: var(--accent);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.footer-link:hover {
|
||||
color: #fff;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.toggle-btn, .delete-btn {
|
||||
background: none;
|
||||
border: none;
|
||||
padding: 4px;
|
||||
cursor: pointer;
|
||||
vertical-align: middle;
|
||||
border-radius: 6px;
|
||||
transition: background 0.15s;
|
||||
}
|
||||
|
||||
.toggle-btn:hover {
|
||||
background: #26323833;
|
||||
}
|
||||
|
||||
.delete-btn:hover {
|
||||
background: #e74c3c22;
|
||||
}
|
||||
|
||||
.todo-meta {
|
||||
margin-top: 2px;
|
||||
color: var(--muted);
|
||||
font-size: 0.92em;
|
||||
}
|
||||
144
routes/api.js
Normal file
144
routes/api.js
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
const fastifySwagger = require('@fastify/swagger');
|
||||
const fastifySwaggerUI = require('@fastify/swagger-ui');
|
||||
|
||||
module.exports = async function (app, opts) {
|
||||
const db = require('../db');
|
||||
const promClient = require('prom-client');
|
||||
|
||||
// --- Schémas pour Swagger ---
|
||||
const Todo = {
|
||||
type: 'object',
|
||||
properties: {
|
||||
id: { type: 'integer' },
|
||||
title: { type: 'string' },
|
||||
completed: { type: 'integer', enum: [0, 1] },
|
||||
created_at: { type: 'string' },
|
||||
},
|
||||
};
|
||||
const TodoCreate = {
|
||||
type: 'object',
|
||||
required: ['title'],
|
||||
properties: { title: { type: 'string' } },
|
||||
};
|
||||
const TodoUpdate = {
|
||||
type: 'object',
|
||||
properties: {
|
||||
title: { type: 'string' },
|
||||
completed: { type: 'integer', enum: [0, 1] },
|
||||
},
|
||||
};
|
||||
|
||||
// --- Prometheus ---
|
||||
const register = opts.promRegister;
|
||||
const counterCreated = opts.counterCreated;
|
||||
const counterDeleted = opts.counterDeleted;
|
||||
const gaugeCount = opts.gaugeCount;
|
||||
|
||||
function refreshGauge() {
|
||||
try {
|
||||
const count = db.all().length;
|
||||
gaugeCount.set(count);
|
||||
} catch { }
|
||||
}
|
||||
|
||||
app.get('/api/todos', {
|
||||
schema: {
|
||||
response: { 200: { type: 'array', items: Todo } },
|
||||
tags: ['todos'],
|
||||
},
|
||||
}, async () => db.allTodos());
|
||||
|
||||
app.get('/api/todos/:id', {
|
||||
schema: {
|
||||
params: { type: 'object', properties: { id: { type: 'integer' } }, required: ['id'] },
|
||||
response: { 200: Todo, 404: { type: 'object', properties: { message: { type: 'string' } } } },
|
||||
tags: ['todos'],
|
||||
},
|
||||
}, async (req, reply) => {
|
||||
const todo = db.getTodo(req.params.id);
|
||||
if (!todo) return reply.code(404).send({ message: 'Not found' });
|
||||
return todo;
|
||||
});
|
||||
|
||||
app.post('/api/todos', {
|
||||
schema: {
|
||||
body: TodoCreate,
|
||||
response: { 201: Todo },
|
||||
tags: ['todos'],
|
||||
},
|
||||
}, async (req, reply) => {
|
||||
const { title } = req.body;
|
||||
const users_id = req.session?.user?.id || 1;
|
||||
const result = db.createTodo(users_id, title);
|
||||
counterCreated.inc();
|
||||
refreshGauge();
|
||||
const created = db.getTodo(result.lastInsertRowid);
|
||||
reply.code(201);
|
||||
return created;
|
||||
});
|
||||
|
||||
app.patch('/api/todos/:id', {
|
||||
schema: {
|
||||
params: { type: 'object', properties: { id: { type: 'integer' } }, required: ['id'] },
|
||||
body: TodoUpdate,
|
||||
response: { 200: Todo, 404: { type: 'object', properties: { message: { type: 'string' } } } },
|
||||
tags: ['todos'],
|
||||
},
|
||||
}, async (req, reply) => {
|
||||
const id = req.params.id;
|
||||
if (!db.getTodo(id)) return reply.code(404).send({ message: 'Not found' });
|
||||
db.updateTodo(id, req.body || {});
|
||||
const updated = db.getTodo(id);
|
||||
refreshGauge();
|
||||
return updated;
|
||||
});
|
||||
|
||||
app.delete('/api/todos/:id', {
|
||||
schema: {
|
||||
params: { type: 'object', properties: { id: { type: 'integer' } }, required: ['id'] },
|
||||
response: { 204: { type: 'null' } },
|
||||
tags: ['todos'],
|
||||
},
|
||||
}, async (req, reply) => {
|
||||
const id = req.params.id;
|
||||
const existing = db.getTodo(id);
|
||||
if (existing) {
|
||||
db.removeTodo(id);
|
||||
counterDeleted.inc();
|
||||
refreshGauge();
|
||||
}
|
||||
reply.code(204).send();
|
||||
});
|
||||
|
||||
// Route pour voir tous les users
|
||||
app.get('/api/users', {
|
||||
schema: {
|
||||
response: {
|
||||
200: {
|
||||
type: 'array',
|
||||
items: {
|
||||
type: 'object',
|
||||
properties: {
|
||||
id: { type: 'integer' },
|
||||
pseudo: { type: 'string' },
|
||||
discord_id: { type: 'string' },
|
||||
created_at: { type: 'string' }
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
tags: ['users'],
|
||||
}
|
||||
}, async () => db.allUsers());
|
||||
|
||||
app.register(fastifySwagger, {
|
||||
openapi: {
|
||||
info: {
|
||||
title: 'Todo API',
|
||||
version: '1.0.0',
|
||||
description: 'CRUD de Todo en Fastify (Node.js) + SQLite',
|
||||
},
|
||||
servers: [{ url: 'http://localhost:3000' }],
|
||||
},
|
||||
});
|
||||
};
|
||||
26
routes/other.js
Normal file
26
routes/other.js
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
module.exports = async function (app, opts) {
|
||||
const register = opts.promRegister;
|
||||
|
||||
app.get('/', async (req, reply) => reply.redirect('/ui'));
|
||||
|
||||
app.get('/metrics', async (req, reply) => {
|
||||
reply.header('Content-Type', register.contentType);
|
||||
return register.metrics();
|
||||
});
|
||||
|
||||
// --- Auth Discord ---
|
||||
app.get('/auth/discord', async (req, reply) => {
|
||||
const clientId = '1410578978712060024';
|
||||
const redirectUri = 'http://localhost:3000/auth/discord/callback';
|
||||
const scope = 'identify email';
|
||||
const discordAuthUrl = `https://discord.com/api/oauth2/authorize?client_id=${clientId}&redirect_uri=${encodeURIComponent(redirectUri)}&response_type=code&scope=${scope}`;
|
||||
reply.redirect(discordAuthUrl);
|
||||
});
|
||||
|
||||
app.get('/auth/discord/callback', require('./../discord').handleDiscordAuth);
|
||||
|
||||
app.get('/logout', async (req, reply) => {
|
||||
req.session.destroy();
|
||||
reply.redirect('/');
|
||||
});
|
||||
};
|
||||
51
routes/ui.js
Normal file
51
routes/ui.js
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
module.exports = async function (app, opts) {
|
||||
const db = require('../db');
|
||||
const counterCreated = opts.counterCreated;
|
||||
const counterDeleted = opts.counterDeleted;
|
||||
const gaugeCount = opts.gaugeCount;
|
||||
|
||||
function refreshGauge() {
|
||||
try {
|
||||
const count = db.all().length;
|
||||
gaugeCount.set(count);
|
||||
} catch { }
|
||||
}
|
||||
|
||||
app.get('/ui', async (req, reply) => {
|
||||
if (!req.session.user) {
|
||||
return reply.view('login_required.ejs', { user: req.session.user });
|
||||
}
|
||||
const todos = db.getTodosByUser(req.session.user.id);
|
||||
return reply.view('index.ejs', { todos, user: req.session.user });
|
||||
});
|
||||
|
||||
app.post('/ui/todos', async (req, reply) => {
|
||||
const title = (req.body?.title || '').trim();
|
||||
if (title) {
|
||||
db.createTodo(req.session.user.id, title);
|
||||
counterCreated.inc();
|
||||
refreshGauge();
|
||||
}
|
||||
reply.redirect('/ui');
|
||||
});
|
||||
|
||||
app.post('/ui/todos/:id/toggle', async (req, reply) => {
|
||||
const id = Number(req.params.id);
|
||||
const todo = db.getTodo(id);
|
||||
if (todo) {
|
||||
db.updateTodo(id, { completed: todo.completed ? 0 : 1 });
|
||||
refreshGauge();
|
||||
}
|
||||
reply.redirect('/ui');
|
||||
});
|
||||
|
||||
app.post('/ui/todos/:id/delete', async (req, reply) => {
|
||||
const id = Number(req.params.id);
|
||||
if (db.getTodo(id)) {
|
||||
db.removeTodo(id);
|
||||
counterDeleted.inc();
|
||||
refreshGauge();
|
||||
}
|
||||
reply.redirect('/ui');
|
||||
});
|
||||
};
|
||||
52
views/index.ejs
Normal file
52
views/index.ejs
Normal file
|
|
@ -0,0 +1,52 @@
|
|||
<section class="new">
|
||||
<form method="post" action="/ui/todos">
|
||||
<input type="text" name="title" placeholder="Nouvelle tâche..." required />
|
||||
<button type="submit">Ajouter</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<section class="list">
|
||||
<% if (todos.length === 0) { %>
|
||||
<p>Aucune tâche pour le moment.</p>
|
||||
<% } else { %>
|
||||
<ul>
|
||||
<% todos.forEach(function(t) { %>
|
||||
<li>
|
||||
<form method="post" action="/ui/todos/<%= t.id %>/toggle" style="display:inline;">
|
||||
<button title="Basculer" class="toggle-btn">
|
||||
<% if (t.completed) { %>
|
||||
<!-- Icône coche remplie -->
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="#4CAF50" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="10" cy="10" r="10" fill="#4CAF50"/>
|
||||
<polyline points="6,11 9,14 14,7" fill="none" stroke="#fff" stroke-width="2"/>
|
||||
</svg>
|
||||
<% } else { %>
|
||||
<!-- Icône cercle vide -->
|
||||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="#bbb" stroke-width="2" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="10" cy="10" r="9"/>
|
||||
</svg>
|
||||
<% } %>
|
||||
</button>
|
||||
</form>
|
||||
<div class="<%= t.completed ? 'done' : '' %>">
|
||||
<span><%= t.title %></span>
|
||||
<div class="todo-meta">
|
||||
<small>#<%= t.id %> — <%= t.created_at %></small>
|
||||
</div>
|
||||
</div>
|
||||
<form method="post" action="/ui/todos/<%= t.id %>/delete" style="display:inline;">
|
||||
<button class="delete-btn" title="Supprimer">
|
||||
<!-- Icône poubelle moderne -->
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#e74c3c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<polyline points="3 6 5 6 21 6"/>
|
||||
<path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2"/>
|
||||
<line x1="10" y1="11" x2="10" y2="17"/>
|
||||
<line x1="14" y1="11" x2="14" y2="17"/>
|
||||
</svg>
|
||||
</button>
|
||||
</form>
|
||||
</li>
|
||||
<% }); %>
|
||||
</ul>
|
||||
<% } %>
|
||||
</section>
|
||||
41
views/layout.ejs
Normal file
41
views/layout.ejs
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<title><%= typeof title !== 'undefined' ? title : "Todo App" %></title>
|
||||
<link rel="stylesheet" href="/static/style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Todo App</h1>
|
||||
<nav>
|
||||
<a href="/ui">UI</a>
|
||||
<a href="/api/docs">Swagger</a>
|
||||
<a href="/metrics">Metrics</a>
|
||||
<% if (!user) { %>
|
||||
<a class="discordAuth" href="/auth/discord">Discord Connect</a>
|
||||
<% } else { %>
|
||||
<a class="logout" href="/logout">Déconnexion</a>
|
||||
<% } %>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<%- body %>
|
||||
</main>
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<span>
|
||||
© <a href="https://mecdu.dev" target="_blank" rel="noopener" class="footer-link">mecdu.dev</a>
|
||||
</span>
|
||||
<% if (user && user.pseudo) { %>
|
||||
<span style="margin-left:16px; color:var(--muted);">
|
||||
|
|
||||
</span>
|
||||
<span style="margin-left:16px; color:var(--accent);">
|
||||
Connecté en tant que <strong><%= user.pseudo %></strong>
|
||||
</span>
|
||||
<% } %>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
4
views/login_required.ejs
Normal file
4
views/login_required.ejs
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<div style="text-align:center; margin-top: 60px;">
|
||||
<h2>Il faut que tu te connectes sur Discord, petit fou !</h2>
|
||||
<a class="discordAuth" href="/auth/discord">Connexion Discord</a>
|
||||
</div>
|
||||
Loading…
Add table
Reference in a new issue