Search

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

export default function Home(

dispatch: Dispatch<{

This Val will proxy anthropic HTTP requests from some frontend client, like langchain, so that you can utilize anthropic apis from the browser.

Convert it to an HTTP val in order to use it (you may want to setup an ENV var / header to protect the endpoint with a secret key)

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 url = new URL(req.url);

const clientID = `${url.protocol}//${url.host}/`;

const redirectUri = `${url.protocol}//${url.host}/auth/callback`;

const tokenUrl = new URL("https://lastlogin.io/token");

tokenUrl.searchParams.set("client_id", clientID);

tokenUrl.searchParams.set("code", code);

const authUrl = new URL("https://lastlogin.io/auth");

authUrl.searchParams.set("client_id", clientID);

authUrl.searchParams.set("redirect_uri", redirectUri);

query: req.query,

path: req.path,

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

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

pixelData.push(data);

github: {

clientId: Deno.env.get("GITHUB_OAUTH_TEST1_CLIENT"),

clientSecret: Deno.env.get("GITHUB_OAUTH_TEST1_SECRET"),

userInfoUrl: "https://api.github.com/user"

google: {

clientId: Deno.env.get("GOOGLE_OAUTH_COVERSHEET_CLIENT"),

clientSecret: Deno.env.get("GOOGLE_OAUTH_COVERSHEET_SECRET"),

redirectUri: "https://yawnxyz-hnclonehtmx.web.val.run/auth/google/callback",

* 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 = {

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;

</script>

<h2>Install this PWA</h2>

<p>To get a widget in your Windows Widgets sidebar!</p>

<img src="${tinyLogomark}" />

</html>

widgets: [{

name: "simplepwa widget",

description: "A simple demo widget for the Windows sidebar",

tag: "simplepwa",

ms_ac_template: "template.json",

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

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

import React from "https://esm.sh/react";

export function Island({

children: any;

const child = React.Children.only(children);

return (

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

export default async function(req: Request) {

return new Response(

export const testVTClient = (async () => {

const { createApiClient } = await import(

"https://esm.sh/gh/nbbaier/valtown-zodios@main/src/spec/valtown-client.ts"

const apiClient = createApiClient("https://api.val.town");

const params = {

params: { username: "stevekrouse", val_name: "fetchJSON" },

const user = await apiClient.getValname(params);

return user;