stx-router

import { createRouter, defineMiddleware } from '@stacksjs/router'; import { fileURLToPath } from 'node:url'; import { dirname, join } from 'node:path'; const __filename = fileURLToPath(import.meta.url); const __dirname = dirname(__filename); // Define a simple authentication middleware const authMiddleware = defineMiddleware((req, res, next) => { const isAuthenticated = req.headers.get('authorization') === 'Bearer my-secret-token'; if (isAuthenticated) { console.log('User is authenticated'); next(); } else { console.warn('Authentication failed: Missing or invalid token'); res.status(401).send('Unauthorized'); } }); // Imagine your .stx templates are in a 'views' directory // For a file-based router, you'd typically have files like: // views/index.stx, views/users/[id].stx, views/admin/dashboard.stx const router = createRouter({ routes: join(__dirname, 'views'), // Points to your .stx template directory middleware: { '/admin/*': [authMiddleware], // Apply authMiddleware to all /admin routes }, // You might define custom error handlers or other router options here onNotFound: (req, res) => { res.status(404).send('Custom 404 Not Found Page'); }, }); // Example: How to manually handle a request (in a server context, e.g., Bun.serve) // In a real Stacks.js app, this would be abstracted away by the framework's server. async function handleRequest(request: Request) { const url = new URL(request.url); console.log(`Incoming request: ${request.method} ${url.pathname}`); // Simulate router matching and processing // In a full Stacks.js app, this would trigger .stx template rendering const response = await router.handle(request); // For demonstration, a simple placeholder response if router doesn't explicitly respond if (!response.headers.has('X-Router-Handled')) { if (url.pathname === '/') { return new Response('Welcome to the STX App!', { status: 200 }); } else if (url.pathname.startsWith('/users/')) { const userId = url.pathname.split('/').pop(); return new Response(`User profile for ID: ${userId}`, { status: 200 }); } return new Response('Default response for unmatched routes or handled by custom 404', { status: 404 }); } return response; } // This part would typically be part of your Stacks.js server setup // Bun.serve({ // fetch: handleRequest, // port: 3000, // }); // console.log('STX Router example server running on http://localhost:3000'); // To test manually: // await handleRequest(new Request('http://localhost:3000/')); // await handleRequest(new Request('http://localhost:3000/users/123')); // await handleRequest(new Request('http://localhost:3000/admin/dashboard', { headers: { 'Authorization': 'Bearer my-secret-token' } })); // await handleRequest(new Request('http://localhost:3000/admin/settings')); // Should be unauthorized // await handleRequest(new Request('http://localhost:3000/nonexistent')); // Should trigger custom 404