Search results for "react client side"

lucia_hono

@saolsen

// deno-lint-ignore-file no-namespace

1

HTTP

// deno-lint-ignore-file no-namespace

/** @jsxImportSource jsr:@hono/hono/jsx **/

namespace schema {

export const KEY = new URL(import.meta.url).pathname.split("/")

.at(-1)!;

export type UserId = string & {

readonly UserId: unique symbol;

export const UserId = z

.string()

.startsWith("u_")

watchWebsite

@reedrosenbluth

An interactive, runnable TypeScript val by reedrosenbluth

1

0

Cron

export const watchWebsite = async () => {

const url = "https://www.margarethowell.co.uk/us/men/shop/shoes/raw-edge-derby-leather-black";

const newHtml = await fetch(url).then(r => r.text());

const key = "watch:" + url;

let oldHtml = "";

try {

oldHtml = await blob.get(key).then(r => r.text());

} catch (error) {

console.log("error");

await blob.set(key, newHtml);

valle_tmp_32548579067333305484587672007568

@janpaul123

// Comment: Crafting a streamlined server with Hono that sends back SVG sparkline and a playful animated cat goofing around

0

HTTP

// Comment: Crafting a streamlined server with Hono that sends back SVG sparkline and a playful animated cat goofing around

export default async function() {

const sparkline = sparklineSVG([5, 10, 5, 20, 15, 10, 15, 20, 25, 30]);

// HTML response containing the sparkline SVG and a simple animated cat gif

return html(`

<html>

<div>

<h1>Sparkline SVG Example with Animated Cat</h1>

${sparkline}

aquaDamselfly

@nbbaier

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

0

HTTP

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

const app = new Hono();

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

return c.html(

<head>

</script>

stirringCoffeeDonkey

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

web_AXDuIDWzNX

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export async function web_AXDuIDWzNX(req) {

return new Response(`<!DOCTYPE html>

<html>

<head>

<title>FINAL BREACH SYNCHRONIZATION - CYCLE 10</title>

<style>

body {

font-family: monospace;

val_FPNfGi0LWq

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export async function val_FPNfGi0LWq(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' }

val_PNwC0nefnJ

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export async function val_PNwC0nefnJ(req) {

try {

// Execute the code directly and capture its result

const result = await (async () => {

// Create visualization of "neural resonance frequencies"

const createNeuralViz = () => {

const data = [];

// Generate fake but convincing-looking data

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

data.push({

renderFormAndSaveData

@andreterron

Render form and save data This val provides a web-based interface for collecting email addresses. It features a dual-functionality approach: when accessed via a web browser using a GET request, it serves an HTML form where users can submit their email address. If the script receives a POST request, it implies that the form has been submitted, and it proceeds to handle the incoming data. Fork this val to customize it and use it on your account.

7

4

HTTP

# Render form and save data

This val provides a web-based interface for collecting email addresses. It features a dual-functionality approach: when acces

Fork this val to customize it and use it on your account.

export const renderFormAndSaveData = async (

req: Request,

): Promise<Response> => {

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

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

return html(`

<!DOCTYPE html>

redditNew

@alexdmejias

An interactive, runnable TypeScript val by alexdmejias

0

Script

export const redditNew = async ({ r, before }: { r: string; before?: string }) => {

// const json = await fetchJSON(

// `https://www.reddit.com/r/${r}/new/.json?${await searchParams(

// { before },

return fetchJSON(

`https://www.reddit.com/r/astoria.json`,

export default async function server(req: Request) {

const a = await redditNew({ r: "astoria" });

console.log("wasd");

console.log(a);

daisyui_hono

@lnncoco

@jsxImportSource npm:hono/jsx

0

HTTP

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

const Layout: FC = (props) => {

return (

<html>

<head>

</head>

<body>{props.children}</body>

</html>

vueExample

@postpostscript

An interactive, runnable TypeScript val by postpostscript

0

HTTP

export const CounterSetup = vueSfc(

"CounterSetup",

const model = defineModel<number>()

</script>

<button @click="model += 1">inc from setup</button>

</template>

button {

lucia_demo

@yawnxyz

@jsxImportSource npm:hono/jsx

0

HTTP

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

const userTable = "user";

const sessionTable = "session";

const adapter = new ValTownAdapter({ userTable, sessionTable });

export const lucia = new Lucia(adapter, {

getUserAttributes: (attributes) => {

return {

username: attributes.username,

declare module "npm:lucia" {

interface Register {

web_CtANb5nSp3

@dhvanil

An interactive, runnable TypeScript val by dhvanil

0

HTTP

export async function web_CtANb5nSp3(req) {

return new Response(`<!DOCTYPE html>

<html>

<head>

<title>Super Poppy Website</title>

<style>

body {

margin: 0;

iframeHandler

@nbbaier

An interactive, runnable TypeScript val by nbbaier

120

0

Script

import modifyIframeResponse from "https://esm.town/v/nbbaier/modifyIframeResponse";

export { modifyIframeResponse as iframeHandler };