1/** @jsxImportSource https://esm.sh/preact */
2import { render } from "npm:preact-render-to-string";
3
4// import { h } from "npm:preact";
5import { HTML } from "./html.tsx";
6
1/** @jsxImportSource preact */
2// import { h } from "preact";
3import { useEffect, useRef, useState } from "npm:preact/hooks";
4
5export default function App() {
1/** @jsxImportSource https://esm.sh/preact */
2import { render } from "npm:preact-render-to-string";
3
4// import { h } from "preact";
5
6export function HTML() {
20 </style>
21
22 {/* Import-map so the browser can import Preact & friends */}
23 <script type="importmap">
24 {`{
25 "imports": {
26 "preact": "https://esm.sh/preact@10.19.2",
27 "preact/hooks": "https://esm.sh/preact@10.19.2/hooks",
28 "preact-render-to-string": "https://esm.sh/preact-render-to-string@6.4.2"
29 }
30 }`}
34 <body>
35 <div id="app"></div>
36 {/* Client bundle that hydrates the Preact app */}
37 <script type="module" src="./client.ts"></script>
38 </body>
1/** @jsxImportSource https://esm.sh/preact */
2import { render } from "npm:preact-render-to-string";
3
4// import { h, render } from "preact";
5import App from "./App.tsx";
6
1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { renderToString } from "https://esm.sh/react-dom/server";
4import GetWeather, { type WEATHER_FORECAST } from "../api/weather.ts";
5import { BodyWrapper, Content, Footer, Header, Headline } from "../components.tsx";
1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { renderToString } from "https://esm.sh/react-dom/server/";
4import GetNews from "../api/news.ts";
5import { BodyWrapper, Content, Footer, Header, Headline } from "../components.tsx";
1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { renderToString } from "https://esm.sh/react-dom/server";
4import { Header } from "./components.tsx";
5import hemolog from "./frames/hemolog.tsx";
1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { renderToString } from "https://esm.sh/react-dom/server";
4import GetLogs, { type HEMOLOG_TREATMENT } from "../api/hemolog.ts";
5import { BodyWrapper, Content, Footer, Header, Headline } from "../components.tsx";
1/** @jsxImportSource https://esm.sh/react */
2import React from "https://esm.sh/react";
3import { renderToString } from "https://esm.sh/react-dom/server";
4import { BodyWrapper, Content, Footer, Header, Headline } from "../components.tsx";
5
1/** @jsxImportSource https://esm.sh/react */
2import React, { type ReactNode } from "https://esm.sh/react";
3import { renderToString } from "https://esm.sh/react-dom/server";
4
5// Display components can be used to change the look and feel of each frame.
