Search

status

@overengineered

Uptime Status Page This is the status page for the data generated by this uptime cron: @stevekrouse/uptime

HTTP

/** @jsxImportSource npm:preact */

import { sqlite } from "https://esm.town/v/std/sqlite?v=6";

import { html } from "https://esm.town/v/stevekrouse/html";

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

export const sha256 = async function digestMessage(message) {

const msgUint8 = new TextEncoder().encode(message); // encode as (utf-8) Uint8Array

brooklynWeatherVal

@sris3

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

HTTP

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

import React, { useState, useEffect, useCallback, useMemo } from "https://esm.sh/react@18.2.0";

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

function WeatherApp() {

</div>

function client() {

createRoot(document.getElementById("root")).render(<WeatherApp />);

if (typeof document !== "undefined") { client(); }

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

multiUserChatwithLLM

@trob

@jsxImportSource https://esm.sh/react

HTTP

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

import React, { useState, useEffect, useRef } from "https://esm.sh/react";

import { createRoot } from "https://esm.sh/react-dom/client";

function App() {

</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);

const clientToken = url.searchParams.get("token") || "0";

const result = await sqlite.execute(`SELECT token FROM ${KEY}_reset_${SCHEMA_VERSION} ORDER BY id DESC LIMIT 1`);

const latestToken = result.rows[0]?.token || 0;

const reset = parseInt(clientToken) < latestToken;

return new Response(JSON.stringify({ reset, token: latestToken }), {

infoboxCrawler

@jdan

@jsxImportSource https://esm.sh/react

1 2

HTTP

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

import cheerio from "https://esm.sh/cheerio@1.0.0-rc.12";

import cytoscape from "https://esm.sh/cytoscape@3.23.0";

import React, { useEffect, useRef, useState } from "https://esm.sh/react";

import { createRoot } from "https://esm.sh/react-dom/client";

cytoscape.use(dagre);

</div>

function client() {

createRoot(document.getElementById("root")).render(<App />);

if (typeof document !== "undefined") {

client();

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

beautifulColorfulPortfolioWebsite

@abidiqrar

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

HTTP

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

import React, { useState } from "https://esm.sh/react@18.2.0";

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

const COLORS = {

{ name: "Cool Web App", tech: "React, TypeScript", emoji: "💡" },

{ name: "Mobile Game", tech: "Unity, C#", emoji: "🎮" },

</div>

function client() {

createRoot(document.getElementById("root")).render(<PortfolioApp />);

if (typeof document !== "undefined") { client(); }

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

closedChocolateMarmoset

@jdan

@jsxImportSource https://esm.sh/react

HTTP

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

import cheerio from "https://esm.sh/cheerio@1.0.0-rc.12";

import cytoscape from "https://esm.sh/cytoscape@3.23.0";

import React, { useEffect, useRef, useState } from "https://esm.sh/react";

import { createRoot } from "https://esm.sh/react-dom/client";

cytoscape.use(dagre);

</div>

function client() {

createRoot(document.getElementById("root")).render(<App />);

if (typeof document !== "undefined") {

client();

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

BreathingInstructional

@nemonicui

This is an instructional when there is negative stress to help with relaxation.

HTTP

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

import React, { useState, useEffect } from "https://esm.sh/react";

import { createRoot } from "https://esm.sh/react-dom/client";

const breathingTechniques = {

cursor: 'pointer'

function client() {

createRoot(document.getElementById("root")).render(<App />);

if (typeof document !== "undefined") { client(); }

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

ezzzz

@temptemp

@jsxImportSource https://esm.sh/react

HTTP

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

import React, { useState } from "https://esm.sh/react";

import { createRoot } from "https://esm.sh/react-dom/client";

function Card({ content }) {

</div>

function client() {

createRoot(document.getElementById("root")).render(<App />);

if (typeof document !== "undefined") { client(); }

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

Goldcalculator

@Madhu3283

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

HTTP

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

import React, { useState, useEffect } from "https://esm.sh/react@18.2.0?deps=react@18.2.0,react-dom@18.2.0";

import ReactDOM from "https://esm.sh/react-dom@18.2.0?deps=react@18.2.0,react-dom@18.2.0";

// Custom Logo Component

</div>

function client() {

const rootElement = document.getElementById("root");

if (rootElement) {

ReactDOM.createRoot(rootElement).render(<GoldSellCalculator />);

if (typeof document !== "undefined") {

client();

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

GDI_FileUpload

@rozek

This val is part of a series of examples to introduce "val.town" in my computer science course at Stuttgart University of Applied Sciences . The idea is to motivate even first-semester students not to wait but to put their ideas into practice from the very beginning and implement web apps with frontend and backend. It contains a simple web page which expects a file and uploads it to a preconfigured server. That server then responds with a JSON structure containg name, type and size of the file which the web page finally presents to the user. This val is the companion of https://rozek-gdi_fileuploadservice.web.val.run/ which contains the server part (aka "backend") for this example. The code was created using Townie - with only a few small manual corrections. This val is licensed under the MIT License.

HTTP

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

import React, { useState } from "https://esm.sh/react";

import { createRoot } from "https://esm.sh/react-dom/client";

function App() {

</div>

function client() {

const root = document.getElementById("root");

if (typeof document !== "undefined") {

client();

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

gameWebsite

@ffgamebet13

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

HTTP

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

import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

function GameStoreApps() {

</html>

function client() {

createRoot(document.getElementById("root")).render(<App />);

if (typeof document !== "undefined") { client(); }

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

LampBlogs

@AppleLamps

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

HTTP

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

import { AlertCircle, Dice5, Loader2, Send } from "https://esm.sh/lucide-react@0.258.0";

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

import React, { useEffect, useRef, useState } from "https://esm.sh/react@18.2.0";

function Alert({ variant, children }) {

</div>

function client() {

createRoot(document.getElementById("root")).render(<App />);

if (typeof document !== "undefined") {

client();

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

weatherDashboard

@marianoeramirez

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

HTTP

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

import React, { useState, useEffect } from "https://esm.sh/react@18.2.0";

import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";

function Home() {

</div>

function client() {

createRoot(document.getElementById("root")).render(<App />);

if (typeof document !== "undefined") { client(); }

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

whiteMongoose

@tfayyaz

@jsxImportSource https://esm.sh/react

HTTP

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

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

export default async function(req: Request) {

return new Response(

diligentSapphireOrca

@gigmx

An interactive, runnable TypeScript val by gigmx

HTTP

menuButton.addEventListener('click', () => {

menuDropdown.classList.toggle('hidden');

// Close dropdown when clicking outside

document.addEventListener('click', (e) => {

if (!menuButton.contains(e.target) && !menuDropdown.contains(e.target)) {

…

29 30

32 33

…

250