Search

Results include substring matches and semantically similar vals. Learn more
demon1 avatar
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(
Movayed avatar
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(
maxm avatar
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));
stevekrouse avatar
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") {
moe avatar
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");
stevekrouse avatar
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]) => {
ann avatar
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(
curtcox avatar
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);
selarcom avatar
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");
dhvanil avatar
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);
AppleLamps avatar
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(`
sdan avatar
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<{
fshine99 avatar
bookReservationOnResy
@fshine99
// To test the function
Script
bookToken: slotDetails.book_token.value,
return bookedReservation;
// To test the function
bookReservationOnResy({
reservation: {
mgruel avatar
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;
Val11 avatar
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(