/** @jsxImportSource https://esm.sh/react */ import { ExternalLinkIcon } from "https://esm.sh/@chakra-ui/icons"; import { Badge, Box, ChakraProvider, Heading, Link, Text, useColorModeValue, VStack, } from "https://esm.sh/@chakra-ui/react"; import * as React from "https://esm.sh/react"; // import React, { useEffect, useState } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; import itinerary from "https://esm.town/v/namwen/veryTealAardvark"; import { renderToString } from "npm:react-dom/server"; function printItinerary() { const rows = itinerary.trim().split("\n").map(row => row.split(",")); const headers = rows[0]; const data = rows.slice(1); // Print the parsed data to the console console.log("Itinerary:"); data.forEach(row => { console.log("---"); headers.forEach((header, index) => { console.log(`${header}: ${row[index]}`); }); }); } const currentDate = new Date(); type TravelDay = { date: string; activities: string; startLocation: string; endLocation: string; accomodation: string; whoBooked: string; confirmationNumber: string; cost: string; address: string; routeLink: string; }; const TravelDayCard = ({ day: TravelDay }) => { const bgColor = useColorModeValue("white", "gray.700"); const borderColor = useColorModeValue("gray.200", "gray.600"); return ( {day.date} Activities: {day.activities} From: {day.startLocation} To: {day.endLocation} Accommodation: {day.accomodation} Booked by: {day.whoBooked} Confirmation #: {day.confirmationNumber} Cost: {day.cost} Address: {day.address} View Route Travel Day ); }; function Header() { return

Travel App

; } function App() { const sampleDay: TravelDay = { date: "2023-07-15", activities: "City tour, Museum visit", startLocation: "New York", endLocation: "Boston", accomodation: "Hilton Hotel", whoBooked: "John Doe", confirmationNumber: "ABC123", cost: "$250", address: "123 Main St, Boston, MA 02108", routeLink: "https://maps.google.com", }; return (

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } async function server(request: Request) { return (new Response( ` TravelApp

`, { headers: { "Content-Type": "text/html", }, }, )); } export default server;