webAppForRDSBlueGreenmain.tsx3 matches
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";45function PostgreSQLParameterCalculator() {6const instanceTypes = [7{261}262263function client() {264createRoot(document.getElementById("root")).render(<PostgreSQLParameterCalculator />);265}267if (typeof document !== "undefined") { client(); }268269export default async function server(request: Request): Promise<Response> {270return new Response(`271<html>
5import { renderToString } from "npm:react-dom/server";67function StatusRow({ rows }) {8return (9<div className="w-full flex flex-col space-y-2">28}2930function StatusSection({ url, rows }) {31const sectionRows = rows.filter(row => row[0] === url);32const percentUp = Math.round((sectionRows.filter(row => row[1]).length / sectionRows.length) * 100);44}4546export default async function(req: Request): Promise<Response> {47const { rows } = await sqlite.execute(48"select url, ok, duration, timestamp from uptime order by timestamp desc limit 200",
isMyWebsiteDownmain.tsx1 match
6);78export async function uptimeCheck(url: string) {9let ok = true;10let reason: string;
OpenTowniesystem_prompt.txt17 matches
101. `http`: http vals export a default server request handler.112. `script`: script vals can be imported into other vals, similar to an npm package.123. `cron`: cron vals export a function that can automatically run at user-set intervals, similar to a cron command.134. `email`: email vals export a function that runs when its associated email address receives an email.1415Follow these requirements for Val Town when generating code.49</requirements>5051If the user asks for specific functionality, the Val Town standard library includes the following:5253<libraries>63```6465Blob storage only works on the server. If the val includes client-side code, use dynamic imports to import this module in the server function, e.g.:66`const { blob } = await import("https://esm.town/v/std/blob");`67</library>78If you are changing a SQLite table's schema, you should also change the table's name so it creates a fresh table, ie by adding _2 or _3 after it everywhere. Ensure that tables are created before they are used.7980SQLite storage only works on the server. If the val includes client-side code, use dynamic imports to import this module in the server function, e.g.:81`const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");`82</library>99```100101OpenAI only works on the server. If the val includes client-side code, use dynamic imports to import this module in the server function, e.g.:102`const { OpenAI } = await import "https://esm.town/v/std/openai");`103</library>113```114115Email only works on the server. If the val includes client-side code, use dynamic imports to import this module in the server function, e.g.:116`const { email } = await import "https://esm.town/v/std/email");`117</library>131Write the code in ```val code fences.132Include the val type as metadata on the code fence, e.g.: ```val type=script133If this is a new val, decide what val type is appropriate based on the user's prompt. Default to choosing http type vals unless the user has requested specific functionality that requires a different type.134135* If the user requests diff format in their prompt, follow these steps:157* Use fetch to communicate with the backend server portion.158*/159function App() {160return (161<div>167/**168* Client-only code169* Any code that makes use of document or window should be scoped to the `client()` function.170* This val should not cause errors when imported as a module in a browser.171*/172function client() {173createRoot(document.getElementById("root")).render(<App />);174}177/**178* Server-only code179* Any code that is meant to run on the server should be included in the server function.180* This can include endpoints that the client side component can send fetch requests to.181*/182export default async function server(request: Request): Promise<Response> {183/** If needed, blob storage or sqlite can be imported as a dynamic import in this function.184* Blob storage should never be used in the browser directly.185* Other server-side specific modules can be imported in a similar way.232```val type=script233/** Use this template for creating script vals only */234export default function () {235return "Hello, world";236}243```val type=cron244/** Use this template for creating cron vals only */245export default async function (interval: Interval) {246// code will run at an interval set by the user247console.log(`Hello, world: ${Date.now()}`);270// The email address for this val will be `<username>.<valname>@valtown.email` which can be derived from:271// const emailAddress = new URL(import.meta.url).pathname.split("/").slice(-2).join(".") + "@valtown.email";272export default async function (e: Email) {273console.log("Email received!", email.from, email.subject, email.text);274}
OpenTownieindex4 matches
5import { generateCodeAnthropic, makeFullPrompt } from "./backend/generateCode";67function App() {8const [messages, setMessages] = useState<{ content: string; role: string }[]>([]);9const [inputMessage, setInputMessage] = useState("make a todo app");11const [bearerToken, _setBearerToken] = useState(localStorage.getItem("val-town-bearer"));1213function setBearerToken(token: string) {14_setBearerToken(token);15localStorage.setItem("val-town-bearer", token);79}8081function client() {82createRoot(document.getElementById("root")).render(<App />);83}84if (typeof document !== "undefined") { client(); }8586export default async function server(req: Request): Promise<Response> {87// console.log(req);88if (req.method === "POST") {
OpenTowniegenerateCode2 matches
1import OpenAI from "https://esm.sh/openai";23function parseValResponse(response: string) {4const codeBlockRegex = /```val type=(\w+)\n([\s\S]*?)```/;5const match = response.match(codeBlockRegex);25}2627export async function generateCodeAnthropic(messages: Message[]): Promise<ValResponse | null> {28const system = await (await fetch(`${import.meta.url.split("/").slice(0, -1).join("/")}/system_prompt.txt`)).text();29
HorrorGamemain.tsx3 matches
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";45function HorrorGame() {6const [gameState, setGameState] = useState({7scene: "start",88}8990function client() {91createRoot(document.getElementById("root")).render(<HorrorGame />);92}93if (typeof document !== "undefined") { client(); }9495export default async function server(request: Request): Promise<Response> {96return new Response(`97<html>
sereneTanWolfmain.tsx3 matches
3import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";45function LinkInBio() {6const links = [7// Placeholder links to be customized63}6465function client() {66createRoot(document.getElementById("root")).render(<LinkInBio />);67}68if (typeof document !== "undefined") { client(); }6970export default async function server(request: Request): Promise<Response> {71return new Response(`72<html>
ThumbMakermain.tsx7 matches
2* This application creates a thumbnail maker using Hono for server-side routing and client-side JavaScript for image processing.3* It allows users to upload images, specify output options, and generate a composite thumbnail image.4* The app uses the HTML5 Canvas API for image manipulation and supports drag-and-drop functionality.5*6* The process is divided into two steps:18import { Hono } from 'npm:hono';1920function html() {21/*22<!DOCTYPE html>81}8283function css() {84/*85body {216}217218function js() {219/*220const fileInput = document.getElementById('fileInput');240let thumbnailMetadata;241242function updateUI() {243generateBtn.disabled = files.length === 0;244thumbWidth.disabled = keepAspectRatio.checked;245}246247function resetToStep1() {248thumbnailOptions.style.display = 'block';249renderOptions.style.display = 'none';375});376377function getImage(file) {378return new Promise((resolve) => {379const url = URL.createObjectURL(file);
openGreenVicunamain.tsx1 match
15}1617export default function analyzeLotteryDraws() {18const drawData: LotteryDraw[] = [19{ drawNumber: 14, date: "31.01.2024-21:30", numbers: [9, 13, 79, 83, 84, 89, 18, 4] },
