Search results for "react client side"

staticChess

@bjenhamin4alfredolvchenki

Plain, brutalist, no bloat chess. Every page is only html and css. Every chess move is made by clicking a link. Send a link to your friend and they'll send you one back to make your move. No silly animations or slick interactivity to trip up your gameplay. When Google indexes this site will we successfully compute all possible chess moves? Functionality is quite limited, and things might be broken. Please let me know if you find bugs! Inspired by this HN discussion about sites that have all possible game states of tic-tac-toe. I plan on extending this to support real gameplay. I think it could be a nice simple interface for long form games with friends. Might also be fun to add a static AI to play against. Feel free to PR any changes if you'd like to see something added.

0

HTTP (deprecated)

/** @jsxImportSource https://esm.sh/react */

import { Chess, Move, Square } from "npm:chess.js";

import minify from "npm:css-simple-minifier";

import { renderToString } from "npm:react-dom/server";

class StaticChess {

size = 8;

changes

@saolsen

View val changes as a diff. Go to /v/username/valname/version to see a diff between that version and the previous one. For example https://saolsen-changes.web.val.run/v/saolsen/tracing/108

1 2

4

HTTP (deprecated)

let diffEditor = monaco.editor.createDiffEditor(

document.getElementById("container"),

renderSideBySide: true,

diffEditor.setModel({

original: originalModel,

azureWombat

@karlstens

@jsxImportSource npm:react

0

HTTP (deprecated)

/** @jsxImportSource npm:react **/

import { renderToString } from "npm:react-dom@18/server";

export default (req: Request) => {

const styles = `

push

@jrmann100

@jsxImportSource npm:hono@3/jsx

2 2 4

2

HTTP (deprecated)

addEventListener("notificationclick", (event) => {

if (typeof event.notification.data?.url === "string") {

clients.openWindow(event.notification.data?.url);

200,

{ "Content-Type": "text/javascript" },

p5

@eyeseethru

P5 sketch Easily turn a p5.js sketch into a val. See https://www.val.town/v/saolsen/p5_sketch for an example. Usage Make a p5 sketch, you can import the p5 types to make it easier. import type * as p5 from "npm:@types/p5"; Export any "global" p5 functions. These are functions like setup and draw that p5 will call. Set the val type to http and default export the result of sketch , passing in import.meta.url . A full example looks like this. import type * as p5 from "npm:@types/p5"; export function setup() { createCanvas(400, 400); } export function draw() { if (mouseIsPressed) { fill(0); } else { fill(255); } ellipse(mouseX, mouseY, 80, 80); } import { sketch } from "https://esm.town/v/saolsen/p5"; export default sketch(import.meta.url); How it works The sketch function returns an http handler that sets up a basic page with p5.js added. It then imports your module from the browser and wires up all the exports so p5.js can see them. All the code in your val will run in the browser (except for the default sketch export) so you can't call any Deno functions, environment variables, or other server side apis.

0

Script

## How it works

so you can't call any Deno functions, environment variables, or other server side apis.

policybuilder

@avboy72

@jsxImportSource npm:react

0

HTTP (deprecated)

/** @jsxImportSource npm:react **/

import { renderToString } from "npm:react-dom@18/server";

export default (req: Request) => {

return new Response(

caniuse_notifier

@stevekrouse

@jsxImportSource npm:react

0

Cron

/** @jsxImportSource npm:react **/

import { blob } from "https://esm.town/v/std/blob";

import { email } from "https://esm.town/v/std/email";

import { renderToString } from "npm:react-dom@18/server";

const updatedKey = "caniuse-updated-at";

const dataKey = "caniuse-data";

changes

@willthereader

View val changes as a diff. Go to /v/username/valname/version to see a diff between that version and the previous one. For example https://saolsen-changes.web.val.run/v/saolsen/tracing/108

0

HTTP (deprecated)

let diffEditor = monaco.editor.createDiffEditor(

document.getElementById("container"),

renderSideBySide: true,

diffEditor.setModel({

original: originalModel,

sapphireManatee

@thecurryman

@jsxImportSource https://esm.sh/preact

0

HTTP (deprecated)

/** @jsxImportSource https://esm.sh/preact */

import cheerio from "npm:cheerio";

import { render } from "npm:preact-render-to-string";

export let isBoeing = async (airline, number) => {

const response = await fetch("https://www.flightstats.com/v2/flight-tracker/" + airline + "/" + number);

greenTiger

@maxm

@jsxImportSource https://esm.sh/react

0

HTTP (deprecated)

/** @jsxImportSource https://esm.sh/react */

import { renderToString } from "npm:react-dom/server";

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

return new Response(

dateme_faq_react

@stevekrouse

@jsxImportSource https://esm.sh/react@18.2.0

7

0

Script

/** @jsxImportSource https://esm.sh/react@18.2.0 */

let linkClass = "text-sky-600 hover:text-sky-500";

export default () => (

staticChess

@injoon5

Check it out here: https://chess.maxmcd.com Plain, brutalist, no bloat chess. Every page is only html and css. Every chess move is made by clicking a link. Send a link to your friend and they'll send you one back to make your move. No silly animations or slick interactivity to trip up your gameplay. When Google indexes this site will we successfully compute all possible chess moves? Functionality is quite limited, and things might be broken. Please let me know if you find bugs! Inspired by this HN discussion about sites that have all possible game states of tic-tac-toe. I plan on extending this to support real gameplay. I think it could be a nice simple interface for long form games with friends. Might also be fun to add a static AI to play against. Feel free to PR any changes if you'd like to see something added.

0

HTTP (deprecated)

/** @jsxImportSource https://esm.sh/react */

import { analyticsHandlerWrapper } from "https://esm.town/v/maxm/valTownAnalytics";

import { Chess, Move, Square } from "npm:chess.js";

import minify from "npm:css-simple-minifier";

import { renderToString } from "npm:react-dom/server";

class StaticChess {

size = 8;

staticChess

@tmcw

Check it out here: https://chess.maxmcd.com Plain, brutalist, no bloat chess. Every page is only html and css. Every chess move is made by clicking a link. Send a link to your friend and they'll send you one back to make your move. No silly animations or slick interactivity to trip up your gameplay. When Google indexes this site will we successfully compute all possible chess moves? Functionality is quite limited, and things might be broken. Please let me know if you find bugs! Inspired by this HN discussion about sites that have all possible game states of tic-tac-toe. I plan on extending this to support real gameplay. I think it could be a nice simple interface for long form games with friends. Might also be fun to add a static AI to play against. Feel free to PR any changes if you'd like to see something added.

0

HTTP (deprecated)

/** @jsxImportSource https://esm.sh/react */

import { analyticsHandlerWrapper } from "https://esm.town/v/maxm/valTownAnalytics";

import { Chess, Move, Square } from "npm:chess.js";

import minify from "npm:css-simple-minifier";

import { renderToString } from "npm:react-dom/server";

class StaticChess {

size = 8;

staticChess

@compuives

Static Chess Check it out here: https://chess.maxmcd.com Plain, brutalist, no bloat chess. Every page is only html and css. Every chess move is made by clicking a link. Send a link to your friend and they'll send you one back to make your move. No silly animations or slick interactivity to trip up your gameplay. When Google indexes this site will we successfully compute all possible chess moves? Functionality is quite limited, and things might be broken. Please let me know if you find bugs! Inspired by this HN discussion about sites that have all possible game states of tic-tac-toe. I plan on extending this to support real gameplay. I think it could be a nice simple interface for long form games with friends. Might also be fun to add a static AI to play against. Feel free to PR any changes if you'd like to see something added.

0

HTTP (deprecated)

/** @jsxImportSource https://esm.sh/react */

import { modifyFetchHandler as codeOnValTown } from "https://esm.town/v/andreterron/codeOnValTown?v=45";

import { modifyResponse } from "https://esm.town/v/andreterron/codeOnVT_modifyResponse?v=9";

import { Chess, Move, Square } from "npm:chess.js";

import minify from "npm:css-simple-minifier";

import { renderToString } from "npm:react-dom/server";

class StaticChess {

size = 8;

linkInBioTemplate

@kananrengaraju

@jsxImportSource https://esm.sh/react

0

HTTP (deprecated)

/** @jsxImportSource https://esm.sh/react */

import { renderToString } from "npm:react-dom/server";

export default async function(req: Request) {

return new Response(