Search results for "react client side"

val_DDlHRsQXxj

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export async function val_DDlHRsQXxj(req) {

try {

// Execute the code directly and capture its result

const result = await (async () => {

const generateSeededRandomSequence = (seed, length) => {

const sequence = [];

let currentSeed = seed;

for (let i = 0; i < length; i++) {

currentSeed = (currentSeed * 9301 + 49297) % 233280;

sequence.push(currentSeed / 233280);

satisfiedPurpleHyena

@adagradschool

An interactive, runnable TypeScript val by adagradschool

0

HTTP

export default function handler(req) {

return new Response(`"\n <!DOCTYPE html>\n <html>\n <head>\n <title>Claude Chat Conversation</title

headers: {

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

val_1mTgERX3iy

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export default async function handler(req) {

try {

const result = await (async () => {

return 100;

return Response.json({ success: true, result });

} catch (error) {

return Response.json({

success: false,

error: error.message

}, { status: 500 });

codemirror_web_component

@pomdtr

An interactive, runnable TypeScript val by pomdtr

3

HTTP

const html = `

<html>

<head>

</head>

<body>

<wc-codemirror mode="javascript">

amberPig

@tempguy

An interactive, runnable TypeScript val by tempguy

0

Script

const nanoid = customAlphabet("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", 10);

const baseUrl = "https://d000d.com";

export async function doodstream(ctx: Context) {

let url = ctx.url;

if (ctx.url.includes("primewire")) {

const request = await fetch(ctx.url);

const id = url.split("/d/")[1] || url.split("/e/")[1];

const doodDataReq = await fetch(

`https://structural-sidonia-supergalaxy-4284f8da.koyeb.app/hdiuhmalkmc9d0ck7UCFVGBJHN?destination=`

+ encodeURIComponent(`${baseUrl}/e/${id}`),

vttThumbMaker

@g

Val Town Town: Thumbnail Maker Live on VTT! This is a port of my Thumbnail Maker val for the Val Town Town Runtime by @maxm build on top of val.town . Limitations: On Val Town Town, your application lives on a single route. This means serving multiple assets (main.js, styles.css) does not work the traditional way. In this example, I use a ?f= query parameter to work around this limitation. Updates to this val are not instantly applied because of caching.

1

2

Script

# Val Town Town: Thumbnail Maker

[Live on VTT!](https://maxm-valtowntown.web.val.run/handler/116)

This is a port of my

[Thumbnail Maker val](https://www.val.town/v/g/ThumbMaker)

for the

[Val Town Town Runtime](https://www.val.town/v/maxm/valtowntown)

// Val Town Town implementation of Thumb Maker

const app = new Hono();

const r404 = () => new Response('[116] 404 not found', { status: 404 });

app.get('/serve/116', (c) => {

whatsThatAgainInHotDogs

@dthyresson

A Townie remake of https://www.val.town/v/dthyresson/whatsThatInHotDogs

1

HTTP

A Townie remake of https://www.val.town/v/dthyresson/whatsThatInHotDogs

const app = new Hono()

const players = [

{ name: "Max Scherzer", team: "New York Mets", stadium: "Citi Field", salary: 43333333, hotdogPrice: 7.00 },

{ name: "Mike Trout", team: "Los Angeles Angels", stadium: "Angel Stadium", salary: 37116666, hotdogPrice: 6.50 },

{ name: "Anthony Rendon", team: "Los Angeles Angels", stadium: "Angel Stadium", salary: 36571429, hotdogPrice: 6.50 },

{ name: "Gerrit Cole", team: "New York Yankees", stadium: "Yankee Stadium", salary: 36000000, hotdogPrice: 6.00 },

{ name: "Nolan Arenado", team: "St. Louis Cardinals", stadium: "Busch Stadium", salary: 35000000, hotdogPrice: 5.75 },

{ name: "Stephen Strasburg", team: "Washington Nationals", stadium: "Nationals Park", salary: 35000000, hotdogPrice: 6.25 }

{ name: "Francisco Lindor", team: "New York Mets", stadium: "Citi Field", salary: 34100000, hotdogPrice: 7.00 },

html

@hussseinkizz

// let message = html`<p onclick="() => console.log('hola')">some ${user}</p>`;

0

Script

export function html(strings, ...values) {

let result = '';

strings.forEach((string, i) => {

result += string + (values[i] || '');

return result;

const data = {

todoItem: {

completed: true,

task: 'Sample Task',

id: 1,

wasmToDTS

@just_be

An interactive, runnable TypeScript val by just_be

0

HTTP

import {

generate_dts,

initSync,

} from "https://just_be-gh_releases.web.val.run/zephraph/wasm-to-dts/v10/wasm_to_dts_bg.wasm";

initSync(WasmModule);

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

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

const result = generate_dts(new Uint8Array(await req.arrayBuffer()));

console.log("result");

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

web_pknUV9YbLu

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export async function web_pknUV9YbLu(req) {

return new Response(`<!DOCTYPE html>

<html>

<head>

<title>Hello World</title>

<style>

body { font-family: sans-serif; margin: 2rem; }

</style>

test_explorer_router

@pomdtr

@jsxImportSource npm:hono/jsx

2 6

2

Script

/** @jsxImportSource npm:hono/jsx */

createHistory,

type HistoryEntry,

readHistory,

writeHistory,

} from "https://esm.town/v/pomdtr/test_explorer_history";

const router = new Hono();

const { author } = extractValInfo(import.meta.url);

router.get("/", async (c) => {

try {

limeBadger

@tmcw

@jsxImportSource npm:hono@3/jsx

0

HTTP

/** @jsxImportSource npm:hono@3/jsx */

const app = new Hono();

app.get("/", async (c) => {

const response = await fetch("https://hacker-news.firebaseio.com/v0/topstories.json");

const storyIds = await response.json();

const storyResponse = await fetch(`https://hacker-news.firebaseio.com/v0/item/${storyIds[0]}.json`);

const story = await storyResponse.json();

return c.html(

<div>

<h1>{story.title}</h1>

LoginModal

@iamseeley

@jsxImportSource https://esm.sh/hono@latest/jsx

2

0

Script

/** @jsxImportSource https://esm.sh/hono@latest/jsx */

export default function LoginModal() {

return (

<div id="login-modal" className="z-100 fixed inset-0 flex items-center justify-center bg-black bg-opacity-50 animate-fade

<h2 className="text-xl font-bold ">Login to Your Profile</h2>

No account?{' '}

<a

val_YI2jnzJKfc

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export async function val_YI2jnzJKfc(req) {

try {

// Execute the code directly and capture its result

const result = await (async () => {

const square = (x) => x * x; return square(9);

// Return the result in a properly formatted response

return new Response(JSON.stringify({

result: result,

type: typeof result

headers: { 'Content-Type': 'application/json' }

purpleHornet

@stevekrouse

@jsxImportSource https://esm.sh/hono@latest/jsx

0

HTTP

/** @jsxImportSource https://esm.sh/hono@latest/jsx **/

export const Bringing_My_OCD_Online = (c: Context) => {

return c.html(

<html>

<head>

<title>Bringing My OCD Online</title>

<style

dangerouslySetInnerHTML={{

__html:

`:root{--slate1: hsl(200, 7%, 8.8%);--slate2: hsl(195, 7.1%, 11%);--slate3: hsl(197, 6.8%, 13.6%);--slate4: hsl