Search

import { S3Client } from "https://deno.land/x/s3_lite_client@0.6.1/mod.ts";

const cloudflareR2client = new S3Client({

endPoint: Deno.env.get("cloudflareR2Endpoint"), // This stores as secrets in val.town

let currentDate = new Date().toISOString(); // Otherwise, we take the current date

await cloudflareR2client.putObject("transcription-" + currentDate + ".json", req.body);

return Response.json({ ok: true });

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;

import { DateTime } from "https://cdn.skypack.dev/luxon@2.3.2";

import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo?v=27";

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

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

const { author, name, httpEndpoint } = extractValInfo(import.meta.url);

sqlite.batch([

3. Use the `OpenAI` client from `npm:openai`:

import { type ClientOptions, OpenAI as RawOpenAI } from "npm:openai";

* API Client for interfacing with the OpenAI API. Uses Val Town credentials.

private rawOpenAIClient: RawOpenAI;

* API Client for interfacing with the OpenAI API. Uses Val Town credentials.

* @param {number} [opts.timeout=10 minutes] - The maximum amount of time (in milliseconds) the client will wait for a response before timing out.

* @param {number} [opts.maxRetries=2] - The maximum number of times the client will retry a request.

* @param {boolean} [opts.dangerouslyAllowBrowser=false] - By default, client-side use of this library is not allowed, as it risks exposing your secret API credentials to attackers.

constructor(options: Omit<ClientOptions, "baseURL" | "apiKey" | "organization"> = {}) {

this.rawOpenAIClient = new RawOpenAI({

return this.rawOpenAIClient.chat;

async function emailSignInLink(clientToken: string) {

qs.set("clientToken", clientToken);

const clientToken = qs.get("clientToken");

let clientPayload;

clientPayload = clientToken && await verifyThirdParty(clientToken, {

console.log("error verifying clientPayload", e);

if (!clientPayload) {

const { returnTo } = clientPayload;

redirectQS.set("clientToken", clientToken);

emailSignInLink(clientToken);

* Users can upvote each post exactly once and comment on stories in an infinitely nested style.

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

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

import { luciaMiddleware } from "https://esm.town/v/yawnxyz/lucia_middleware_safe";

</html>

function client() {

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

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

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

Base working example of combining Hono, React/JSX, and html templates

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

import { Hono } from 'npm:hono'

import { html } from 'npm:hono/html'

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;

import process from "node:process";

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

import { QueryVectorStore, sb, Substrate } from "npm:substrate";

type ShotResult = {

- [ ] merge edit and view pages

- [ ] add client side navigation using htmx

- [ ] use codemirror instead of a textarea for editing text blobs

export let npmExample = (async () => {

const { HUMAN_PROMPT, AI_PROMPT, Client } = await import(

"npm:@anthropic-ai/sdk"

); // The Lodash library exported as ES modules.

const client = new Client(

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

console.log("size of prompt", prompt.length);

const result = await client.complete({

prompt,

import { decodeGrammar } from "https://esm.town/v/beneskildsen/decodeGrammar";

import { dispatch } from "https://esm.town/v/beneskildsen/dispatch";

export const snip = (x, y, clientID, grammar) => {

return dispatch(

type: "SNIP",

pos: { x, y },

clientID,

grammar: decodeGrammar(grammar),

bonsaiReducer,

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

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

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

reloadOnVals(${JSON.stringify(vals)})

</script>`;

export const ReloadScriptReactElement = ({ vals } = { vals: [parentReference()] }) =>

createElement("script", {

type: "module",

export const googleClient = async () => {

const { google } = await import("npm:googleapis");

const key = { client_id: "test", client_secret: "test" };

const client = new google.auth.OAuth2(key.client_id, key.client_secret, [

"https://example.com",

return client;

A simple Slack chat bot prototype able to reply to mentions, channel messages containing keywords, add reactions and act on the slash commands.

body: JSON.stringify({ channel, text, thread_ts }),

async function reaction(channel: string, timestamp: string, name: string = "thumbsup") {

return await fetchJSON(

"https://slack.com/api/reactions.add",

headers: { "Authorization": `Bearer ${SLACK_BOT_TOKEN}` },

await message(channel, "<@" + event.user + ">: all good!");

console.log("reaction", await reaction(channel, event.ts));

return Response.json({ ok: true });