update demos task to use env, serve the api in serve.ts

Signed-off-by: Jason McCallister <jason@mccallister.dev>

Author: jasonmccallister

serve.ts

@@ -1,13 +1,26 @@
-const apiBase = Deno.env.get("API_BASE") ?? "http://localhost:5173";
+// always import from jsr:@snaapi/snaapi to ensure the correct version is used, even if the package is installed locally
+import { Snaapi } from "jsr:@snaapi/snaapi@0.11.0";
 
+const apiPort = Number(Deno.env.get("API_PORT") ?? "8000");
+const sitePort = Number(Deno.env.get("SITE_PORT") ?? "8080");
+
+// Start the Snaapi API
+const app = await Snaapi.app();
+await app.listen({ port: apiPort });
+console.log(`Snaapi API running on http://localhost:${apiPort}`);
+
+// Serve the demo site with the API base URL injected
+const apiBase = Deno.env.get("API_BASE") ?? `http://localhost:${apiPort}`;
 const escapedApiBase = JSON.stringify(apiBase).slice(1, -1);
 
 const html = (
   await Deno.readTextFile(new URL("./index.html", import.meta.url))
 ).replace("__API_BASE__", escapedApiBase);
 
-Deno.serve({ port: 8080 }, (_req) => {
+Deno.serve({ port: sitePort }, (_req) => {
   return new Response(html, {
     headers: { "content-type": "text/html; charset=utf-8" },
   });
 });
+
+console.log(`Snaapi Homes site running on http://localhost:${sitePort}`);