Val Town Code Search

newjxnblk ReactStream0 matches

@charmaine•Updated 1 month ago

1export default async function(req: Request): Promise<Response> {
2  const url = new URL(req.url);
3  return fetch(new URL(url.pathname + url.search, "https://charmaine--c805d178-05c3-11f0-a611-569c3dd06744.web.val.run/"), {
4    method: req.method,
5    headers: req.headers,

jxnnnn ReactStream0 matches

@charmaine•Updated 1 month ago

1export default async function(req: Request): Promise<Response> {
2  const url = new URL(req.url);
3  return fetch(new URL(url.pathname + url.search, "https://charmaine--c805d178-05c3-11f0-a611-569c3dd06744.web.val.run/"), {
4    method: req.method,
5    headers: req.headers,

newjxn ReactStream0 matches

@charmaine•Updated 1 month ago

1export default async function(req: Request): Promise<Response> {
2  const url = new URL(req.url);
3  return fetch(new URL(url.pathname + url.search, "https://charmaine--c805d178-05c3-11f0-a611-569c3dd06744.web.val.run/"), {
4    method: req.method,
5    headers: req.headers,

new newTestVal3 matches

@charmaine•Updated 1 month ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5function App() {

sdfasdfdsa newTestVal3 matches

@charmaine•Updated 1 month ago

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
3import React, { useState } from "https://esm.sh/react@18.2.0";
4
5function App() {

jxn README.md1 match

@charmaine•Updated 1 month ago

8- [charmaine/rss](https://www.val.town/v/charmaine/rss)
9- [charmaine/redirects](https://www.val.town/v/charmaine/redirects)
10- [charmaine/ReactStream](https://www.val.town/v/charmaine/ReactStream)
11
12

jxn ReactStream16 matches

@charmaine•Updated 1 month ago

1/** @jsxImportSource https://esm.sh/react@18.3.1 */
2import { hydrateRoot } from "https://esm.sh/react-dom@18.3.1/client";
3import * as React from "https://esm.sh/react@18.3.1";
4
5export { React };
6
7export type RequestHandler = (request: Request) => Promise<Response>;
13export type Middleware = (req: DataRequest, res: Response, callback: NextCallback) => Promise<Response>;
14
15export interface ReactStreamProps {
16  url: URL;
17  pathname: string;
23
24export function render<T>(
25  /** Root-level React component that renders an entire <html> element
26   * including the head and body tags.
27   */
28  Component: React.ComponentType<ReactStreamProps>,
29  /** On Val Town, use `import.meta.url` for client-side hydration */
30  module: string | false,
31  /** Optional middleware */
32  opts: ReactStreamOptions | Middleware[] = [],
33) {
34  const useMiddleware = Array.isArray(opts); // for backwards compat
35  const options: ReactStreamOptions = !Array.isArray(opts) ? opts : {};
36  const { api, getInitialProps } = options;
37
42
43  return async function handler(request: Request): Promise<Response> {
44    const main = reactStream(Component, module);
45    const middleware: Middleware[] = [
46      parseURL,
71export default render;
72
73// main react response handler
74const reactStream = (
75  Component: React.ComponentType<ReactStreamProps>,
76  module: string | false,
77): Middleware =>
78  async function(req: DataRequest, res: Response): Promise<Response> {
79    const { renderToReadableStream } = await import("https://esm.sh/react-dom@18.3.1/server");
80
81    const stream = await renderToReadableStream(
91    headers.set("Content-Type", "text/html");
92
93    console.log("react", res.status);
94    return new Response(stream, {
95      headers,
139};
140/** DEPRECATED: Use middleware instead */
141export interface ReactStreamOptions {
142  /** DEPRECATED: Optional text response for robots.txt */
143  robots?: string;

jxn redirects2 matches

@charmaine•Updated 1 month ago

1import { match, parse, pathToRegexp } from "https://esm.sh/path-to-regexp@7.2.0";
2import { DataRequest } from "./ReactStream";
3
4const redirects = new Map();
5redirects.set("/hello-color", "https://jxnblk.io/hello-color");
6redirects.set("/react-icons", "https://jxnblk.io/react-icons/");
7
8redirects.set("/colorable", "https://colorable.jxnblk.com");

jxn rss1 match

@charmaine•Updated 1 month ago

2
3// import data from "https://blog.jxnblk.com/api/all.json" with { type: "json" };
4import type { Middleware } from "https://esm.town/v/jxnblk/ReactStream";
5
6function generateRSSFeed(posts) {

jxn dotcom4 matches

@charmaine•Updated 1 month ago

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";
6import { analytics } from "https://esm.town/v/jxnblk/analytics";
7import { Avatar } from "https://esm.town/v/jxnblk/avatar";
8import { App, Route } from "https://esm.town/v/jxnblk/JxnblkApp";
9import { DataRequest, render, robots } from "./ReactStream";
10import redirects from "./redirects";
11import { rss } from "./rss";