1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React from "https://esm.sh/react@18.2.0";
4import { useEffect, useState } from "https://esm.sh/react@18.2.0";
5
6// [Rest of the client-side code remains unchanged]
211 }
212
213 // Serve the React application for GET requests
214 return new Response(
215 `
231 <div id="root"></div>
232 <script type="module">
233 import React from "https://esm.sh/react@18.2.0";
234 import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
235
236 function App() {
237 return React.createElement(
238 "div",
239 { style: { maxWidth: "1200px", margin: "0 auto", padding: "20px" } },
240 React.createElement("h1", null, "Loading Data Center Report...")
241 );
242 }
243
244 createRoot(document.getElementById("root")).render(React.createElement(App));
245 </script>
246 <script type="module" src="${import.meta.url}"></script>
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import { App } from "./components/App.tsx";
4
1/** @jsxImportSource https://esm.sh/react@19 */
2import fcsdk from "https://esm.sh/@farcaster/frame-sdk";
3import { NavLink, Route, Routes } from "https://esm.sh/react-router@7";
4import { useEffect, useState } from "https://esm.sh/react@19";
5
6import { Example } from "./components/Example.tsx";
1import { LoaderFunctionArgs } from "https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0";
2import { getTopicById, getMessageById, getMessagesByTopicId } from "../backend/database/queries.ts";
3
1import { LoaderFunctionArgs } from "https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0";
2import { getTopicById, getMessagesByTopicId } from "../backend/database/queries.ts";
3
1import { LoaderFunctionArgs } from "https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0";
2import { search } from "../backend/database/queries.ts";
3
1import { LoaderFunctionArgs } from "https://esm.sh/react-router@7.5.0?deps=react@18.2.0,react-dom@18.2.0";
2import { getAllTopics } from "../backend/database/queries.ts";
3
1/** @jsxImportSource https://esm.sh/react@19 */
2import { ArrowLeft, Share } from "https://esm.sh/lucide-react";
3import { useEffect, useState } from "https://esm.sh/react@19";
4
5export function Section({ children, ...props }: any) {
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import { App } from "./components/App.tsx";
4
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>React Hono Val Town Starter</title>
7 <script src="https://cdn.tailwindcss.com"></script>
8 <link rel="icon" href="/public/favicon.svg" sizes="any" type="image/svg+xml">