Search

const transport = new ServerTransport();

serve({

public: true,

transport,

handlers: {

"example:event": (ctx) => {

console.log("received event:", ctx.data);

"example:request": () => {

console.log("received request");

return { test: true };

export let myTestForm = [{

"name": "Howdy",

"email": "Yoooo@icloud.com",

"message": "asdfassdafas"

"name": "Seth",

"email": "seth@dijkjdfs.com",

"message": "Thankyou"

"name": "set",

"email": "seth@dijkjdfs.com",

A basic example of an API endpoint to use with Framer Fetch. CORS headers are permissive by default on Val Town, so no need to set them.

export default async function(req: Request): Promise<Response> {

// Pick a random greeting

const greetings = ["Hello!", "Welcome!", "Hi!", "Heya!", "Hoi!"];

const index = Math.floor(Math.random() * greetings.length);

return Response.json({ data: greetings[index] });

export type RequestHandler = (req?: Request) => Response | Promise<Response>;

export function createWrappedHandler(

handler: RequestHandler,

...transforms: ReadableWritablePair[]

): RequestHandler {

return async (req?: Request) => {

const res = await handler(req);

return pipeResponse(res, ...transforms);

export function pipeResponse(

Creating, customizing, and hosting resumes can get complicated and time-consuming. This project aims to simplify that process and maybe make it a little more enjoyable.

*Follow the steps in your **resumeConfig** to get started*.

Happy job hunting! 💼✨

Thanks to [@nbbaier](https://www.val.town/u/nbbaier) for the great feedback and [resumeValidator](https://www.val.town/v/nbbaier/resumeValidator)!

Also, big thanks to [Thomas Davis](https://github.com/thomasdavis) for JSON Resume Standard!

export default async function resumeHandler(req: Request): Promise<Response> {

if (req.method === "GET") {

try {

const config = await resumeSetup(resumeConfig);

export interface ValResponse {

id: string;

author: {

id: string;

username: string;

name: string;

code: string;

public: boolean;

privacy: "public" | "unlisted" | "private"; // Added privacy type

version: number;

export async function hnTopStory() {

const topStories: Number[] = await fetch(

"https://hacker-news.firebaseio.com/v0/topstories.json?print=pretty"

).then((res) => res.json());

const id = topStories[0];

const story: {

title: string;

url: string;

time: number;

type: string;

export default async function(req: Request): Promise<Response> {

return Response.json({ ok: true });

import { Buffer } from "node:buffer";

export async function generateKeys() {

const { default: nacl } = await import("npm:tweetnacl@1.0.3");

const keyPair = nacl.sign.keyPair();

return {

publicKey: Buffer.from(keyPair.publicKey).toString("base64"),

secretKey: Buffer.from(keyPair.secretKey).toString("base64"),

export async function csp(url) {

const response = await fetch(url);

const policies = response.headers.get("Content-Security-Policy").split(";")

.map((p) => p.trim()).filter(String);

return policies.reduce((acc, el) => {

const spaceIndex = el.indexOf(" ");

const directive = el.slice(0, spaceIndex);

const values = el.slice(spaceIndex + 1, el.length);

acc[directive] = values.split(" ");

return acc;


Adds a "Code on Val Town" ribbon to your page. This lets your website visitors navigate to the code behind it.

This uses [github-fork-ribbon-css](https://github.com/simonwhitaker/github-fork-ribbon-css) under the hood.

Here are 2 different ways to add the "Code on Val Town" ribbon:

* @param bodyText HTML string that will be used to inject the element.

* @param val Define which val should open. Defaults to the root reference

export function modifyHtmlString(

bodyText: string,

import { fetch } from "https://esm.town/v/std/fetch";

export const politelyinvinciblepointerHandleFormEx = (async () => {

let body = { args: [{ email: "example@example.com" }] };

const response =

(await fetch(

"https://api.val.town/v1/run/politelyinvinciblepointer.handleForm",

method: "POST",

body: JSON.stringify(body),

)).json();

console.log(response);

export default async function(req: Request): Promise<Response> {

return Response.json("hello world!");

https://observablehq.com/plot/marks/dot

const app = new Hono();

const title = "Frequency Dot Plot";

const View = () => {

return (

<html>

<body>

<h1>{title}</h1>

<div id="myplot"></div>

export default async function (req: Request): Promise<Response> {

return Response.json({ ok: true })