Search

A openapi JSON spec is available at <https://pomdtr-fets.web.val.run/openapi.json>.

You can access a fully typed client with a single import:

import { client } from "https://esm.town/v/pomdtr/fets";

const resp = await client["/greetings"].get();

const res = await resp.json();

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

import { createClient, createRouter, Response } from "npm:fets@0.7.1";

export const router = createRouter({

const val = extractValInfo(import.meta.url);

export const client = createClient<typeof router>({

fetchFn: router.fetch,

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

export default (req: Request) => {

return new Response(

dragOffsetX = event.clientX - tile.offsetLeft;

dragOffsetY = event.clientY - tile.offsetTop;

const lensCenterX = event.clientX;

const lensCenterY = event.clientY;

const tileRect = tiles[i].getBoundingClientRect();

draggedTile.style.left = `${Math.min(Math.max(event.clientX - dragOffsetX, 0), maxX)}px`;

draggedTile.style.top = `${Math.min(Math.max(event.clientY - dragOffsetY, 0), maxY)}px`;

const binRect = bins[i].getBoundingClientRect();

if (event.clientX > binRect.left && event.clientX < binRect.right && event.clientY > binRect.top && event.clientY < binRect.bottom) {

dragOffsetX = event.clientX - newTile.offsetLeft;

import Cerebras from "https://esm.sh/@cerebras/cerebras_cloud_sdk";

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

import { Prism as SyntaxHighlighter } from "https://esm.sh/react-syntax-highlighter";

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

const { OpenAIEmbeddings } = await import("npm:langchain/embeddings");

const { createClient } = await import(

"https://esm.sh/@supabase/supabase-js@2"

"npm:langchain/document_loaders/web/cheerio"

const client = createClient(

process.env.supabaseURL,

openAIApiKey: process.env.OPEN_API_KEY,

client,

tableName: "documents",

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

export const emailGithubReactions = async () => {

const username = "stevekrouse";

event.type === "IssueCommentEvent" && event.payload.action === "created"

const recentReactions = [];

for (const comment of comments) {

for (

const reaction of await fetchJSON(

comment.payload.comment.reactions.url,

if (msAgo(15 * msMinute)) {

recentReactions.push(

`${reaction.user.login} reacted with ${reaction.content} to ${comment.payload.comment.html_url}`,

if (recentReactions.length > 0) {

await email({

text: recentReactions.join("\n"),

subject: "new github reactions!",

// Ex: user.bsky.social

const handle = params.HANDLE || "";

// YOUR bluesky password, or preferably an App Password (found in your client settings)

// Ex: abcd-1234-efgh-5678

const password = params.PASS || "";

import { newClient } from "https://esm.town/v/maxm/libraryThatNeedsValidation";

try {

let client = await newClient("maxm", "wrong");

} catch (err) {

console.log(err);

let client = await newClient("maxm", "password");

console.log("logged in and validated", client.getUsername());

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

export default (req: Request) => {

// Use global btoa() method for base64 encoding

export function myReactComponent() {

return `

const Example = () => {

return React.createElement("div", null, "Hello, React!");

ReactDOM.render(React.createElement(Example), document.getElementById("root"));

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

import * as fal from "npm:@fal-ai/serverless-client";

fal.config({

// Can also be auto-configured using environment variables:

const websites = [

{ name: 'React-Client', url: 'https://iamseeley-reactserver.web.val.run/' },

{ name: 'React-Client-CDN', url: 'https://iamseeley-clientmultiroutereact.web.val.run/' },

{ name: 'Vue', url: 'https://iamseeley-multiroutevue.web.val.run/' },

{ name: 'Svelte', url: 'https://iamseeley-multiroutesvelte.web.val.run/' },

{ name: 'Preact', url: 'https://iamseeley-multiroutepreact.web.val.run/' },

{ name: 'React', url: 'https://iamseeley-multiroutereact.web.val.run/' },

{ name: 'Hono', url: 'https://iamseeley-multiroutehono.web.val.run/' },

export const react = await import("npm:react");

import { DragDropContext, Draggable, Droppable } from "https://esm.sh/react-beautiful-dnd@13.1.1";

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

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

function TaskBoard() {

</div>

function client() {

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

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

client();

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

2. HTMX is used for handling AJAX requests without writing JavaScript.

3. Alpine.js provides reactivity for the clipboard functionality.

4. The Turndown library is used to convert HTML to Markdown.

* This val creates a simple web interface using Hono framework to convert HTML to Markdown.

* It uses HTMX for dynamic updates and Alpine.js for reactivity.

* The Turndown library is used for HTML to Markdown conversion.

* The interface includes two text areas (input and output) and buttons for conversion and copying.