1/** @jsxImportSource https://esm.sh/react@18.3.1 */
2import * as React from "https://esm.sh/react@18.3.1";
3import { ReactStreamProps, Middleware } from "./types.tsx";
4
5// main react response handler
6export const reactStream = (
7 Component: React.ComponentType<ReactStreamProps>,
8 module: string | false,
9): Middleware =>
10 async function(req: DataRequest, res: Response): Promise<Response> {
11 const { renderToReadableStream } = await import("https://esm.sh/react-dom@18.3.1/server");
12
13 const stream = await renderToReadableStream(
23 headers.set("Content-Type", "text/html");
24
25 console.log("reactstream", res.status);
26 return new Response(stream, {
27 headers,
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 <link rel="stylesheet" href="/public/style.css">
8 <link
1/** @jsxImportSource https://esm.sh/react@experimental */
2
3import { renderToReadableStream } from "npm:react-dom@experimental/server";
4import { MarkdownAsync } from "npm:react-markdown";
5import rehypeRaw from "npm:rehype-raw";
6import remarkMdx from "npm:remark-mdx";
1/** @jsxImportSource npm:react */
2import React from "npm:react";
3import warehouse from "./index.tsx";
4import reactRender from "./react-render.tsx";
5
6function Demo () {
8 <html>
9 <head>
10 <title>Static React Demo</title>
11 <style>{`
12 body {
20 </head>
21 <body>
22 <h1>Static React Demo</h1>
23 </body>
24 </html>
27
28export default warehouse(
29 reactRender(Demo),
30);
31
1/** @jsxImportSource npm:react */
2import * as React from "npm:react";
3import { renderToStaticMarkup } from "npm:react-dom/server";
4import { DataRequest } from "./index.tsx";
5
6export const reactRender = (Component: React.ComponentType) => {
7 return async function (req: DataRequest, res: Response): Promise<Response> {
8 const html = renderToStaticMarkup(<Component />);
18}
19
20export default reactRender;
21
1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useEffect, useReducer, useRef, useState } from "https://esm.sh/react@18.2.0";
4
5function downloadGeoJSON(geojson, filename) {
1// core react component for jxnblkio
2/** @jsxImportSource https://esm.sh/react@18.3.1 */
3// import { MdContrast } from "https://esm.sh/react-icons/md";
4import React from "https://esm.sh/react@18.3.1";
5import { useMemo, useState } from "https://esm.sh/react@18.3.1";
6import { Avatar } from "./avatar.tsx";
7import { Diagz, Tiled } from "./greebles.tsx";
381};
382
383export const routes: Record<Route, React.FunctionComponent> = {
384 [Route.Home]: Home,
385 [Route.Blog]: Blog,
1/** @jsxImportSource npm:react */
2/** @jsxImportSourceTypes npm:@types/react */
3import { renderToString } from "npm:react-dom/server";
4
5import { sqlite } from "https://esm.town/v/stevekrouse/sqlite";
55
56// Components
57const MySpaceLayout = ({ children, theme = "blue" }: { children: React.ReactNode, theme: string }) => {
58 const themes = {
59 blue: {
1// static / vanilla js version of jxnblkio
2/** @jsxImportSource https://esm.sh/react@18.3.1 */
3import { match } from "https://esm.sh/path-to-regexp@8.2.0";
4import React from "https://esm.sh/react@18.3.1";
5import { useMemo, useState } from "https://esm.sh/react@18.3.1";
6
7// port this to a new project
8import { DataRequest, render, robots } from "https://esm.town/v/jxnblk/reactstream/index.tsx";
9
10
3 "specifiers": {
4 "npm:@libsql/client@*": "0.14.0",
5 "npm:@types/react@*": "19.0.10",
6 "npm:react-dom@*": "19.0.0_react@19.0.0",
7 "npm:react@*": "19.0.0",
8 "npm:zod@*": "3.24.2"
9 },
74 ]
75 },
76 "@types/react@19.0.10": {
77 "integrity": "sha512-JuRQ9KXLEjaUNjTWpzuR231Z2WpIwczOkBEIvbHNCzQefFIT0L8IqE6NV6ULLyC1SI/i234JnDoMkfg+RjQj2g==",
78 "dependencies": [
139 "integrity": "sha512-7nJ6v5lnJsXwGprnGXga4wx6d1POjvi5Qmf1ivTRxTjH4Z/9Czja/UCMLVmB9N93GeWOU93XaFaEt6jbuoagNw=="
140 },
141 "react-dom@19.0.0_react@19.0.0": {
142 "integrity": "sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==",
143 "dependencies": [
144 "react",
145 "scheduler"
146 ]
147 },
148 "react@19.0.0": {
149 "integrity": "sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ=="
150 },
