Search results for "react client side"

scrapecapfriendly

@brianleroux

An interactive, runnable TypeScript val by brianleroux

1

HTTP

export async function handler(request: Request) {

let url = "https://www.capfriendly.com/";

let res = await fetch(url);

let html = await res.text();

let doc = new DOMParser().parseFromString(html, "text/html");

let table = doc.querySelector("table#cf_homepage__teamTable");

let headers = Array.from(table.querySelectorAll("th")).map(h => h.textContent.trim()).map(e => e === "" ? "?" : e);

let rawRows = Array.from(table.querySelectorAll("tr")).map(r => {

let cells = Array.from(r.querySelectorAll("td"));

console.log(cells);

web_5sTKT1xhCs

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export async function web_5sTKT1xhCs(req) {

return new Response(`<!DOCTYPE html>

<html>

<head>

<title>Gwern Branwen's Research</title>

<style>

body { font-family: 'Georgia', serif; margin: 20px; background-color: #eaeaea; }

header { background: #444; color: #fff; padding: 15px; text-align: center; }

valle_tmp_9687248893374514440365302223592

@janpaul123

// This val responds with "Hello World" to all incoming HTTP requests along with some crazy CSS gradients

0

HTTP

// This val responds with "Hello World" to all incoming HTTP requests along with some crazy CSS gradients

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

// CSS with crazy gradients

const css = `

body {

background: linear-gradient(45deg, #ee0979, #ff6a00, #ff6a00, #799f0c);

background-size: 400% 400%;

animation: gradient 15s ease infinite;

@keyframes gradient {

0% {

renderFormAndSaveData

@neverstew

An interactive, runnable TypeScript val by neverstew

1

HTTP

let { submittedEmailAddresses } = await import("https://esm.town/v/neverstew/submittedEmailAddresses");

export const renderFormAndSaveData = async (req: Request) => {

// A visit from a web browser? Serve a HTML page with a form

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

return new Response(

<!DOCTYPE html>

<html>

<head>

<title>Email Form</title>

</head>

weeklyTanPony

@stevekrouse

// This val demonstrates how to handle form data and display it back to the user

0

HTTP

// This val demonstrates how to handle form data and display it back to the user

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

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

const formData = await req.formData();

const name = formData.get('name') || '';

return new Response(`

<html>

<body>

<h1>Form Submission Result</h1>

form_demo

@andreterron

Live demo: https://andreterron-form_demo.web.val.run Form results: https://www.val.town/v/andreterron.formResponses

0

HTTP

Live demo: https://andreterron-form_demo.web.val.run

Form results: https://www.val.town/v/andreterron.formResponses

export const form_demo = async (req: Request) => {

const title = "Val Town Forms";

const formEndpoint = "https://andreterron-form_handler.web.val.run";

return html(`

<html>

<head>

<title>${title}</title>

redMonkey

@tempguy

An interactive, runnable TypeScript val by tempguy

5

0

Script

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

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

export async function doodstream(ctx: Context) {

let url = ctx.url;

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

const doodDataReq = await fetch(

`https://cool-proxy.koyeb.app/hdiuhmalkmc9d0ck7UCFVGBJHN?destination=`

+ encodeURIComponent(`${url}`),

method: "GET",

const doodData = await doodDataReq.text();

MapUser

@iamseeley

An interactive, runnable TypeScript val by iamseeley

1

0

Script

/** @jsx jsx */

/** @jsxFrag Fragment */

interface MapboxProps {

city: string;

export default function MapboxComponent({ city }: MapboxProps) {

const mapContainer = <div id="map" style={{ width: '100%', height: '400px' }}></div>;

const initializeMap = () => {

Mapbox.accessToken = 'MAPBOX_ACCESS_TOKEN';

const map = new Mapbox.Map({

container: 'map',

val_tlcH2AKDA2

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export async function val_tlcH2AKDA2(req) {

try {

// Execute the code directly and capture its result

const result = await (async () => {

const visualizeData = (data) => { const canvas = document.createElement('canvas'); const ctx = canvas.getContext(

// Return the result in a properly formatted response

return new Response(JSON.stringify({

result: result,

type: typeof result

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

translator

@yawnxyz

Press to talk, and get a translation! The app is set up so you can easily have a conversation between two people. The app will translate between the two selected languages, in each voice, as the speakers talk. Add your OpenAI API Key, and make sure to open in a separate window for Mic to work.

3

7

HTTP

Press to talk, and get a translation!

The app is set up so you can easily have a conversation between two people. The app will translate between the two selected l

Add your OpenAI API Key, and make sure to open in a separate window for Mic to work.

const app = new Hono();

const openai = new OpenAI(Deno.env.get("OPENAI_API_KEY_VOICE"));

class TranscriptionService {

async transcribeAudio(audioFile) {

try {

const transcription = await openai.audio.transcriptions.create({

file: audioFile,

claude_1044d60c_6ca2_4bb0_a80c_e9eababc3ebd

@adagradschool

An interactive, runnable TypeScript val by adagradschool

1

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",

getWeather

@tokyotribe

Get Weather Simple function to get weather data from the free wttr.in service. import { getWeather } from "https://esm.town/v/stevekrouse/getWeather"; let weather = await getWeather("Brooklyn, NY"); console.log(weather.current_condition[0].FeelsLikeF)

0

HTTP

## Get Weather

Simple function to get weather data from the free [wttr.in](https://wttr.in/:help) service.

```ts

let weather = await getWeather("Brooklyn, NY");

console.log(weather.current_condition[0].FeelsLikeF)

export async function getWeather(location: string): Promise<WeatherResponse> {

return fetchJSON(`https://wttr.in/${location}?format=j1`);

export interface WeatherResponse {

current_condition: CurrentCondition[];

nearest_area: NearestArea[];