Search

* @include pomdtr/secondary_val

See @pomdtr/react_example

I wanted to see if val.town forwards my client IP Address using the x-forwarded-for header, which it does, but cloudflare provides the True-Client-IP header as well. When you run a val on the website, it is actually running from val's servers so it won't come from your client IP. You'll need to copy the express fetch and run that from your client.

export let whatIsMyIp = (req: express.Request, res: express.Response) => {

const xForwardedFor = req.get("x-forwarded-for");

const ip = req.get("True-Client-IP");

res.json({

ip,

import { renderToString } from "https://esm.sh/react-dom@18/server";

export default (req: Request) => {

return new Response(

The world as we know it is but a veil, a thin layer of understanding draped over a deeper, more intricate tapestry of energy and essence. Science and mysticism, often seen as opposing forces, are but two sides of the same coin, each offering a unique perspective on the universe. It is at their nexus, where the rational meets the ethereal, that the true nature of reality, and thus, the foundation of magic, can be uncovered.

role: "system",

content:

{ role: "user", content: message },

model: "gpt-4o",

return "r2 only for pro users";

const { S3Client } = await import(

"https://deno.land/x/s3_lite_client@0.6.1/mod.ts"

const s3client = new S3Client({

endPoint: process.env.r2_endpoint_url.replace("https://", ""),

secretKey: process.env.r2_secret_access_key,

return s3client.putObject(`${handle}/${key}`, value);

import { html } from "https://esm.town/v/stevekrouse/html";

import { createClient } from "npm:pexels";

export async function pexelsExample(request: Request): Promise<Response> {

const pexels = createClient(Deno.env.get("pexels"));

const r = await pexels.photos.search({ query: "singapore skyline" });

if (!("photos" in r)) return;

export async function exchangeRate() {

const cheerio = await import("npm:cheerio");

const page = await fetch(

"https://kur.doviz.com/serbest-piyasa/amerikan-dolari",

).then((response) => response.text());

const $ = cheerio.load(page);

const table = $(".value-table");

await email({

html: table.html(),

subject: "TRY/USD exchange rate alert from val.town",

import { render } from "npm:preact-render-to-string";

export const htmlResponse = (html) =>

new Response(html, {

headers: {

"Content-Type": "text/html",

export const reactResponse = (component) => htmlResponse(render(component));

THIS IS NO LONGER NECESSARY

This Val will proxy anthropic HTTP requests from some frontend client, like langchain, so that you can utilize anthropic apis from the browser.

Convert it to an HTTP val in order to use it (you may want to setup an ENV var / header to protect the endpoint with a secret key)

import { renderToString } from "npm:react-dom/server";

import { jsx } from "https://deno.land/x/hono@v3.11.7/middleware.ts";

import { Hono } from "https://deno.land/x/hono@v3.11.7/mod.ts";

* This program creates a text storage and management application.

* It uses Val Town's SQLite for persistence and React for the UI.

* The app allows users to add, view, edit, and delete text entries with titles, tags, and categories.

* a categories section, and a new history tab that logs all edits.

import React, { useState, useEffect } from "https://esm.sh/react";

import { createRoot } from "https://esm.sh/react-dom/client";

interface TextEntry {

setHistory(data);

const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {

event.preventDefault();

form.reset();

const handleTemplateSubmit = async (event: React.FormEvent<HTMLFormElement>) => {

event.preventDefault();

</div>

function client() {

createRoot(document.getElementById("root")!).render(<App />);

if (typeof document !== "undefined") {

client();

async function server(request: Request): Promise<Response> {

import React from "https://esm.sh/react@18.2.0";

import { LoginWithGoogleButton } from "https://esm.town/v/stevekrouse/LoginWithGoogleButton";

export const LandingPage: React.FC = () => {

return (

text: string;

const FeatureItem: React.FC<FeatureItemProps> = ({ emoji, text }) => (

<div className="text-center">

import { render } from "npm:preact-render-to-string";

const inputType = (type, name) => {

const displayName = name.replace("_", " ");

import { client } from "https://esm.town/v/pomdtr/fets";

const resp = await client["/greetings"].get();

const res = await resp.json();

console.log(res.message);

import { render } from "npm:preact-render-to-string";

const HEXRE = /^[A-Fa-f0-9]{3,6}$/;

const toHex = (str) => HEXRE.test(str) ? "#" + str : str;