/** @jsxImportSource https://esm.sh/react */ import { Hono } from "https://esm.sh/hono"; import React, { useEffect, useState } from "https://esm.sh/react"; import { hydrateRoot } from "https://esm.sh/react-dom/client"; import { renderToReadableStream } from "https://esm.sh/react-dom/server"; import { blob } from "https://esm.town/v/std/blob?v=10"; function App() { const [data, setData] = useState(); useEffect(() => { async function fetchSchedule() { await fetch("/schedule") .then(response => { return response.json(); }) .then(data => { console.log("DATA: ", data); setData(data); }); } fetchSchedule(); }, []); return ( Comments

Comments

{data ? data.map((shift) => (

{shift}

)) : "Loading..."}

); } if (typeof document !== "undefined") { hydrateRoot(document, ); } const app = new Hono(); app.get("/", async (c) => { // const comments = await blob.getJSON("comments") || []; const stream = await renderToReadableStream(, { bootstrapModules: [import.meta.url] }); return new Response(stream, { headers: { "content-type": "text/html" } }); }); app.get("/schedule", async (c) => { const today = new Date(); const tomorrow = new Date(today); tomorrow.setDate(tomorrow.getDate() + 1); const data = await fetch( `https://api.stage.teamsurfboard.com/api/v1/schedule?start=${today.toISOString()}&end=${tomorrow.toISOString()}`, { headers: { // ADD YOUR API TOKEN INTO THE ENV VARIABLES "Authorization": `Bearer ${Deno.env.get("TEAMSURFBOARD_API_TOKEN")}`, }, }, ) .then((res) => res.json()) .then((data) => data); return c.json(data.data); }); export default app.fetch;

blobCommentsReact