Search
memorablePeachNightingale
@demon1
Hello!!! Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right. You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen! Have fun with it and hopefully your crush says yes hehe.
HTTP
"How can you resist this charm? 😘",
function App() {
const [noClicks, setNoClicks] = useState(0);
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
return new Response(
valentine
@Movayed
Hello!!! Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right. You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen! Have fun with it and hopefully your crush says yes hehe.
HTTP
"Please don't do this to me, I'm your Lulluuuuu",
function App() {
const [noClicks, setNoClicks] = useState(0);
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
return new Response(
imgGenUrl
@maxm
Image generated from a path name powered by fal.ai https://maxm-imggenurl.web.val.run/firefly.jpg
https://maxm-imggenurl.web.val.run/retro-computer-hacking.jpg
https://maxm-imggenurl.web.val.run/100-yoyos-at-once.jpg
HTTP
const genKey = (key: string): string => {
return "genImageCache-v1-" + key;
export default async function(req: Request): Promise<Response> {
let key = new URL(req.url).pathname;
let url = await blob.getJSON(genKey(key));

cors_example_backend
@stevekrouse
An interactive, runnable TypeScript val by stevekrouse
HTTP
export default async function(req: Request) {
const url = new URL(req.url);
if (url.pathname === "/default") {
lostKeys
@moe
p5 sketch
HTTP
let hueBase
export function setup() {
canvasSize = 800
// saveGif("p5js-" + new Date().getTime(), 12);
export function draw() {
background(0)
drawSquare(x1, y1)
function drawSquare(x, y) {
let inset = gridSize * 0.06
pop()
export function keyPressed() {
if (key == "i") {
saveGif("p5js-" + new Date().getTime(), 12, {})
// export function touchEnded() {
// saveCanvas("p5js-" + new Date().getTime(), "png");

pollRSSFeeds
@stevekrouse
Poll RSS feeds This val periodically polls specified RSS feeds and send the author an email with new items. It checks each feed defined in rssFeeds for new content since the last run and sends an email with the details of the new items. Usage Fork @stevekrouse/rssFeeds and update it with your desired RSS feeds; Fork this val and replace the https://esm.town/v/stevekrouse/rssFeeds import with your newly forked val; Enjoy RSS updates on your email!
Cron
import { newRSSItems } from "https://esm.town/v/stevekrouse/newRSSItems";
import { rssFeeds } from "https://esm.town/v/stevekrouse/rssFeeds";
export async function pollRSSFeeds({ lastRunAt }: Interval) {
return Promise.all(
Object.entries(rssFeeds).map(async ([name, url]) => {
steadyIndigoCrane
@ann
Hello!!! Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right. You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen! Have fun with it and hopefully your crush says yes hehe.
HTTP
"UKY 🩷 Pookie",
function App() {
const [yessClicks, setYessClicks] = useState(0);
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
return new Response(
CommandProcessorTest
@curtcox
An interactive, runnable TypeScript val by curtcox
HTTP
import { command_processor } from "https://esm.town/v/curtcox/command_processor";
import { form } from "https://esm.town/v/curtcox/command_processor_test_form";
async function process(command: string): Promise<string> {
const result = await command_processor(command);
return result.output.content;
export default async function(req: Request): Promise<Response> {
return form(req, process);
selarApp
@selarcom
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
import React, { useEffect, useState } from "https://esm.sh/react@18.2.0";
function App() {
const [leads, setLeads] = useState([]);
color: "#666",
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite");
web_c9Qpa86DyZ
@dhvanil
An interactive, runnable TypeScript val by dhvanil
HTTP
export async function web_c9Qpa86DyZ(req) {
return new Response(`<!DOCTYPE html>
camera.position.z = 5;
function animate() {
requestAnimationFrame(animate);
animate();
function explode() {
document.querySelector('h1').style.transform = 'scale(1.5)';
}, 200);
function party() {
cube.material.color.setHex(Math.random() * 0xffffff);
X
@AppleLamps
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
function App() {
return (
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
return new Response(`
extractValArgs
@sdan
An interactive, runnable TypeScript val by sdan
Script
import { extractArgs } from "https://esm.town/v/sdan/extractArgs";
import { valToString } from "https://esm.town/v/sdan/valToString";
export async function extractValArgs(val: string) {
const code = await valToString(val);
return extractArgs(code) as Promise<{
bookReservationOnResy
@fshine99
// To test the function
Script
bookToken: slotDetails.book_token.value,
return bookedReservation;
// To test the function
bookReservationOnResy({
reservation: {

references
@mgruel
An interactive, runnable TypeScript val by mgruel
Script
"name": string;
"referencedAt": string;
export async function references({ token, since, until, offset, limit }: {
token: string;
since?: Date;
Ray
@Val11
Hello!!! Feel free to mess around with this val and make it your own :). Just click on "Fork" in the top right. You can change the phrases that show up as you click no, you can change the firstImg and secondImg, maybe even add more images. And you can also change the colors and any of the text on the screen! Have fun with it and hopefully your crush says yes hehe.
HTTP
const NO_PHRASES = [
function App() {
const [noClicks, setNoClicks] = useState(0);
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
return new Response(