Search

responds with a JSON Structure containing some interesting details about the

client and its request.

This val is the companion of

[https://rozek-gdi_clientinfo.web.val.run/](https://rozek-gdi_clientinfo.web.val.run/)

which contains the browser part (aka "frontend") for this example.

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

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

function NodeJSLearningTodoList() {

return <NodeJSLearningTodoList />;

function client() {

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

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

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

import { renderToString } from "https://esm.sh/react-dom@18/server";

export default (req: Request) => {

return new Response(

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

export default (req: Request) => {

return new Response(

import { Dispatch } from "https://esm.sh/react";

export default function Home(

dispatch: Dispatch<{

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

export default (req: Request) => {

return new Response(

import { reactExample } from "https://esm.town/v/stevekrouse/reactExample?v=0";

import { aFunction } from "https://esm.town/v/taufiq/aFunction";

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

return reactExample();

const explosion = document.createElement('div');

explosion.className = 'explosion';

explosion.style.left = e.clientX + 'px';

explosion.style.top = e.clientY + 'px';

explosion.style.width = '100px';

explosion.style.height = '100px';

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

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

const getFeedUrl = (request: Request) => {

const search = new URL(request.url).searchParams;

query: req.query,

path: req.path,

ip: req.get("true-client-ip"),

userAgent: req.get("user-agent"),

pixelData.push(data);

client side csv viewer

* This application creates a CSV viewer using a Hono app that serves a client-side application.

* It allows users to upload a CSV file, view its contents in a table format, and provides basic sorting functionality.

* The approach:

* 1. Create a server-side Hono app to handle file uploads and serve the HTML, CSS, and JavaScript.

* 2. Implement client-side JavaScript to handle file reading, parsing CSV, and displaying the data in a table.

* 3. Add sorting functionality to allow users to sort the table by clicking on column headers.

* Libraries used:

* - Hono for the server-side application

* - Papa Parse (via esm.sh) for parsing CSV on the client-side

import { serve } from 'https://esm.town/v/g/serveUtils';

- [2024-03-16 - readmeManager: Edit Val Readmes With Persistent Drafts](https://val.town/v/postpostscript/readmeManager)

- [2024-04-09 - reactiveStateBlob: wrap blob state in a proxy to autosave it on changes](https://val.town/v/postpostscript/reactiveStateBlob)

- [2024-04-24 - lock: lock that releases when it leaves the execution context](https://val.town/v/postpostscript/lock)

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

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

const CONFIG = {

import { renderToString } from "https://esm.sh/react-dom@18/server";

export default (req: Request) => {

return new Response(

Sidebar's been one of my biggest design resources for the last decade. Since sidebar.io's break announcement this morning (https://sidebar.io/break/) I've set out to mess around with using Val.town to archive sidebar.

The Google Sheet can be found here: https://docs.google.com/spreadsheets/d/1RghvMfPTR5xvHMAk1pKYuH2pFYYKOJ6bH0LLkHNZiuc/edit?usp=sharing

sema.release();

export async function getSidebar(limit = 1, start = 0) {

const gql = {

// console.log('gql:', JSON.stringify(gql));

let results = await fetchJSON(`https://archive.sidebar.io/graphql`, {

method: 'POST',

while (allLinks.length < totalLimit) {

const links = await getSidebar(limit, offset);

allLinks = allLinks.concat(links);

export default app.fetch;