41 {
42 type: "http",
43 prompt: "Generate a val that uses React to render HTML",
44 code: `/** @jsxImportSource https://esm.sh/react */
45 import { renderToString } from "npm:react-dom/server";
46
47 export const reactExample = (request: Request) =>
48 new Response(renderToString(<div>Test {1 + 1}</div>), {
49 headers: {
74 type: "http",
75 prompt: null,
76 code: `/** @jsxImportSource https://esm.sh/preact */
77 import { render } from "npm:preact-render-to-string";
78
79 export const preactExample = (request: Request) =>
80 new Response(render(<div>Test {1 + 1}</div>), {
81 headers: {
191 prompt: "Write a val that renders a website and uses tailwind css",
192 type: "http",
193 code: `/** @jsxImportSource https://esm.sh/preact */
194 import { render } from "npm:preact-render-to-string";
195
196 export default async function(req: Request) {
1/** @jsxImportSource npm:react **/
2import { blob } from "https://esm.town/v/std/blob";
3import { email } from "https://esm.town/v/std/email";
4import { renderToString } from "npm:react-dom@18/server";
5
6const updatedKey = "caniuse-updated-at";
68 target: ts.ScriptTarget.ESNext,
69 module: ts.ModuleKind.ESNext,
70 jsx: ts.JsxEmit.React,
71 lib: ["esnext", "dom"],
72 moduleDetection: ModuleDetectionKind.Force,
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import { renderToString } from "https://esm.sh/react-dom/server";
5import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo";
6
1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4const lineup = [
1/** @jsxImportSource https://esm.sh/preact */
2import { render } from "npm:preact-render-to-string";
3
4export default async function(req: Request) {
1// This val renders the output of "janpaul123/getValsContextWindow" as HTML
2// It uses React for rendering and includes a <select> for the "model" option
3// The approach is to fetch the context window data, then render it as an interactive HTML page
4
5/** @jsxImportSource https://esm.sh/react */
6import { renderToString } from "npm:react-dom/server";
7import getValsContextWindow from "https://esm.town/v/janpaul123/getValsContextWindow";
8import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo";
62 target: ts.ScriptTarget.ESNext,
63 module: ts.ModuleKind.ESNext,
64 jsx: ts.JsxEmit.React,
65 lib: ["esnext", "dom"],
66 moduleDetection: ModuleDetectionKind.Force,
1/** @jsxImportSource npm:react **/
2/** kortina
3import process from "node:process";
4import { renderToString } from "npm:react-dom@18/server";
5import { QueryVectorStore, sb, Substrate } from "npm:substrate";
6
