index2.ts

import express, { Request, Response } from 'express';
import path from "node:path";

interface Todo {
    id: number;
    title: string;
    completed: boolean;
}

const app = express();
const port = 3000;

app.use(express.json());

let todos: Todo[] = [];
let nextId = 1;

// GET /api/todo
app.get('/api/todo', (_req: Request, res: Response) => {
    res.json(todos);
});

// Permet de servir des fichiers statiques (HTML, JS, CSS) dans le répertoire 'public'
app.use(express.static(path.join(__dirname, 'public')));

// Route pour servir le fichier HTML
app.get('/', (req, res) => {
    res.sendFile(path.join(__dirname, 'index.html'));
});

app.listen(3000, () => {
    console.log('Server is running on http://localhost:3000');
});

// POST /api/todo
// @ts-ignore
app.post('/api/todo', (req: Request, res: Response) => {
    const { title, completed } = req.body;

    if (typeof title !== 'string' || typeof completed !== 'boolean') {
        return res.status(400).json({ message: 'title (string) and completed (boolean) are required.' });
    }

    const newTodo: Todo = {
        id: nextId++,
        title,
        completed
    };

    todos.push(newTodo);
    res.status(201).json(newTodo);
});

// GET /api/todo/:id
// @ts-ignore
app.get('/api/todo/:id', (req: Request, res: Response) => {
    const id = parseInt(req.params.id, 10);
    const todo = todos.find(todo => todo.id === id);
    if (!todo) {
        return res.status(404).json({ message: 'Todo not found' });
    }
    res.json(todo);
});

// DELETE /api/todo/:id
app.delete('/api/todo/:id', (req: Request, res: Response) => {
    const id = parseInt(req.params.id, 10);
    todos = todos.filter(todo => todo.id !== id);
    res.status(204).send();
});

// PUT /api/todo/:id
// @ts-ignore
app.put('/api/todo/:id', (req: Request, res: Response) => {
    const id = parseInt(req.params.id, 10);
    const { title, completed } = req.body;

    const index = todos.findIndex(todo => todo.id === id);
    if (index === -1) {
        return res.status(404).json({ message: 'Todo not found' });
    }

    // Ne pas modifier l'id — on ne met à jour que title et completed
    if (typeof title !== 'string' || typeof completed !== 'boolean') {
        return res.status(400).json({ message: 'Invalid input: title and completed required' });
    }

    todos[index] = {
        ...todos[index],     // conserve l'id
        title,
        completed
    };

    res.json(todos[index]);
});
// POST avec fetch()

const createTodo = async () => {
    const todo = {
        title: "Learning this",
        completed: false
    };

    try {
        const response = await fetch('http://localhost:3000/api/todo', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(todo)
        });

        if (!response.ok) {
            throw new Error(`Erreur HTTP : ${response.status}`);
        }

        const data = await response.json();
        console.log("✅ Todo créé :", data);
    } catch (error) {
        // @ts-ignore
        console.error("❌ Erreur lors de la requête :", error.message);
    }
};