Search
wordRangeFinder
@jrunning
Search for all 5-letter words between two words; good for cheating at Betweenle
HTTP
import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
function App() {
const [words, setWords] = useState<string[]>([]);
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
const url = new URL(request.url);
valle_tmp_69474411625492576302063848048847
@janpaul123
// This val will respond with a fun "Hello World" HTML page with crazy CSS style
HTTP
// This val will respond with a fun "Hello World" HTML page with crazy CSS style
export default async function(req: Request): Promise<Response> {
// CSS style for the HTML page
const cssStyle = `
thriftyJadeBonobo
@Abhs
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
function App() {
const [name, setName] = useState('');
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
if (typeof document !== "undefined") { client(); }
export default async function server(request: Request): Promise<Response> {
const { blob } = await import("https://esm.town/v/std/blob");
urlMetadata
@yawnxyz
// console.log(await getUrlMetadata('https://arstechnica.com/space/2024/06/nasa-indefinitely-delays-return-of-starliner-to-review-propulsion-data/'))
Script
import urlMetadata from 'npm:url-metadata';
export async function getUrlMetadata(url) {
try {
const metadata = await urlMetadata(url);
CaptchaGetBalance
@augustohp
Captcha Balance (Generic) Generic method /getBalance implemented by multiple Captcha providers: CapMonster Anti-Captcha NextCaptcha Usage example: import fetchBalanceFromCaptchaProvider from "https://esm.town/v/augustohp/CaptchaGetBalance";
const remainingBalance = await fetchBalanceFromCaptchaProvider(Deno.env.get("CAPMONSTER_KEY"), "capmonster");
Script
import { fetchJSON } from "https://esm.town/v/stevekrouse/fetchJSON";
export default async function fetchBalanceFromCaptchaProvider(
token: string,
provider: "capmonster" | "anticaptcha" | "nextcaptcha",
jsoninvoice_editor
@pomdtr
@jsxImportSource npm:hono/jsx
Script
"quantity": 7,
"price": 70,
export function Editor() {
return (
<html>
expressHTMLExample
@slade
An interactive, runnable TypeScript val by slade
Script
export async function expressHTMLExample(req, res) {
return res.send(`<h1>Hi ${req.query.name || req.body.name}!</h1>`);
valentine
@Coga_12
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
"PLZ BE MINE",
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(
purpleGrouse
@stevekrouse
robpike.io A re-implementation of https://robpike.io/
HTTP
export default async function(req: Request): Promise<Response> {
const { readable, writable } = new TransformStream();
const writer = writable.getWriter();
LampChat
@AppleLamps
@jsxImportSource https://esm.sh/react@18.2.0
HTTP
</div>
function App() {
const [messages, setMessages] = useState([]);
</div>
function client() {
createRoot(document.getElementById("root")).render(<App />);
client();
export default async function server(request) {
if (request.method === "POST" && new URL(request.url).pathname === "/chat") {
const { OpenAI } = await import("https://esm.town/v/std/openai");
const openai = new OpenAI();
try {
messages.push({ role: "user", content: prompt });
const completion = await openai.chat.completions.create({
messages: messages,
} catch (error) {
console.error("OpenAI API error:", error);
return new Response(
SermonGPTAPI
@mjweaver01
An interactive, runnable TypeScript val by mjweaver01
HTTP
export default async function server(request: Request): Promise<Response> {
const { blob } = await import("https://esm.town/v/std/blob");
if (request.method === "POST" && new URL(request.url).pathname === "/stream") {
const { OpenAI } = await import("https://esm.town/v/std/openai");
const openai = new OpenAI();
const { question } = await request.json();
const season = getSeason(currentDate);
const stream = await openai.chat.completions.create({
messages: [
headers: { "Content-Type": "application/json" },
function getSeason(date: Date): string {
const month = date.getMonth();
WebComponentExample
@matthiasraimann
Example of Web Component in ValTown This code shows how you can very fast deploy a Web Component to the wide world.
HTTP
export default async function(req: Request): Promise<Response> {
const jsFile = `
class RegisterForEvent extends HTMLElement {
testAndroidBingApps
@xuangong
An interactive, runnable TypeScript val by xuangong
Cron
import { fetch } from "https://esm.town/v/std/fetch";
import { ruleAndroidAppsCheck } from "https://esm.town/v/xuangong/ruleAndroidAppsCheck";
export async function testAndroidBingApps() {
const { default: axios } = await import("npm:axios");
const url =
valentine
@ihatecs
Haiiii My love
Please pick yes or no :D
HTTP
"Click if you hate milo ",
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(
