import express from 'express';
import type { RequestHandler, Request, Response } from 'express';
import baWebComponents from '../dist/index.js';

const app = express();
app.set('view engine', 'ejs');
app.set('views', './test-harness/views');

// Mount the library using your virtual path strategy
app.use(await baWebComponents<RequestHandler>({ expressApp: app }));

app.get('/', (req: Request, res: Response) => {
    res.send('Hello from the test server! Navigate to /test/tooltip to see the tooltip component test page.');
});

app.get('/test/tooltip', (req: Request, res: Response) => {
    res.render('tooltip'); 
});

app.get('/test/drawer', (req: Request, res: Response) => {
    res.render('drawer');
});

app.get('/test/tabs', (req: Request, res: Response) => {
    const toggleUnderline = typeof req.query.toggleUnderline === 'string' ? req.query.toggleUnderline === 'true' : false;
    const toggleFilled = typeof req.query.toggleFilled === 'string' ? req.query.toggleFilled === 'true' : false;
    //console.log('Toggled values:', { toggleUnderline, toggleFilled });
    res.render('tabs', { toggleUnderline, toggleFilled });
});

app.get('/test/spinner', (req: Request, res: Response) => {
    res.render('spinner');
});

app.listen(3080, () => {
    console.log('Test server running on http://localhost:3080');
});