import path from "path";
import { serve, asset, imports } from "../../src/web";
// 'important': all imports are generated automatically except those with subpath like react-dom/client we need to include manually
const importMapScript = `
`;
async function* streamReactPage(req: Request) {
const requestId = req.headers.get("X-Request-ID") || "unknown";
yield `
Melina + React
${importMapScript}
Loading app...
`;
const serverData = await measure(async () => {
await Bun.sleep(500); // Simulate delay
return {
now: new Date().toISOString(),
message: "Data fetched on the server!"
};
}, "Fetch Server Data", { requestId });
yield `
`;
}
const { port } = serve(async (req: Request) => {
const url = new URL(req.url);
if (url.pathname === '/') {
return streamReactPage(req);
}
// Add other routes or API endpoints here
if (url.pathname === '/api/hello') {
return Response.json({ message: "Hello from API" });
}
return new Response('Not Found', { status: 404 });
});
console.log("React example server running. Open http://localhost:" + port);