Search

Example template to quickly get started with a backend for Fetch in Framer.

import { cors } from "npm:hono/cors";

const app = new Hono();

app.use(cors());

app.get("/", async (c) => {

return c.json({ data: "https://gravatar.com/avatar/cb18420ea6d5e7d80748de33a18b6149?size=256" });

export default app.fetch;

export const parseHTML = async (

html: string,

process: (document) => Promise<any>

console.log("pre import");

const { DOMParser } = await import(

"https://deno.land/x/deno_dom@v0.1.38/deno-dom-wasm.ts"

console.log("pre-parse");

const document = new DOMParser().parseFromString(html, "text/html");

console.log("pre-process");

return await process(document);

export const citiBikeSpotChecker = async (req, res) => {

const { data } = await fetch(

"https://gbfs.citibikenyc.com/gbfs/en/station_status.json"

).then((r) => r.json());

const { stations } = data;

const { ids } = req.body;

const selectedStations = stations.filter((item) =>

ids.includes(item.station_id)

const idToInfo = {};

selectedStations.forEach((item) => {

In-memory semantic search; load it up with valtown KV.

This is a "dumb" version of vector search, for prototyping RAG responses and UIs — with both regular search (w/ Lunr) and vector search (with OpenAI embeddings + cosine similarity)

Usage:

const documents = [

{ id: 1, content: 'cats dogs' },

{ id: 2, content: 'elephants giraffes lions tigers' },

const app = new Hono();

app.use('*', cors({

origin: '*',

allowMethods: ['GET', 'POST'],

Enter a raw github URL to a package.json,

https://raw.githubusercontent.com/username/repo/branch/package.json

and get a response of all release notes for all packages from current to latest.

- [ ] GenAI summary

interface PackageJson {

dependencies?: Record<string, string>;

devDependencies?: Record<string, string>;

const ParamsSchema = z.object({

id: z

.string()

.min(3)

.openapi({

param: {

name: "id",

in: "path",

example: "1212121",

const UserSchema = z

export const handler = async (req) => {

console.log("Label system test running...");

return new Response(

JSON.stringify({

message: "Label System is working!",

timestamp: new Date().toISOString(),

headers: {

"Content-Type": "application/json",

export async function val_rP0fdOu8JK(req) {

try {

// Execute the code directly and capture its result

const result = await (async () => {

// Enhanced Game of Life with consciousness levels

class ConsciousnessGrid {

constructor(size = 10) {

this.size = size;

// Each cell now has an energy level (0-1) instead of just binary state

this.grid = Array(size).fill().map(() =>

export const isMyWebsiteDown = async (req, res) => {

if (req.get("auth") !== process.env.authtoken)

return res.end("Unauthorized");

const URL = process.env.site1;

const [date, time] = new Date().toISOString().split("T");

let ok = true;

let reason: string;

try {

const res = await fetch(URL);

if (res.status !== 200) {

see styles: [typingcliStyles](https://www.val.town/v/iamseeley/typingcliStyles)

- [ ] improve styles (invert text color w/ background when at current character)

export function typingCli(element, text, callback = () => {}) {

let i = 0;

function type() {

if (i < text.length) {

const span = document.createElement('span');

span.textContent = text.charAt(i);

element.appendChild(span);

export const runPostSaveMessage = (async () => {

const response = await fetch(

"https://chris_symbiote-postSaveMessage.express.val.run",

method: "POST",

headers: {

"Accept": "application/json",

"Content-Type": "application/json",

body: JSON.stringify({ message: "Textual content" }),

console.log(JSON.stringify({ message: "Textual content" }));

console.log(response.status);

export let rideWithGPSredirect = (req, res) => {

console.log(req);

res.status(200).send({ results: JSON.stringify(req) });

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

const blog_bookmark = await fetchJSON(

"https://datasette.simonwillison.net/simonwillisonblog/blog_blogmark.json?_labels=on&_shape=objects",

const blog_quotation = await fetchJSON(

"https://datasette.simonwillison.net/simonwillisonblog/blog_quotation.json?_labels=on&_shape=objects",

export default () => Response.json({ blog_bookmark, blog_quotation });

export function testHTML(req: express.Request, res: express.Response) {

res.send(

"<html lang='en'>" +

"<head>" +

"<meta charset='utf-8'>" +

"<title>Hello World</title>" +

"</head>" +

"<body>" +

"<h1><a href='https://example.com/'>Hello World</a></h1>" +

"</body>" +

export async function val_5PE61NGtHN(req) {

try {

// Execute the code directly and capture its result

const result = await (async () => {

// Enhanced Game of Life with consciousness paths and interaction types

class ConsciousnessNetwork {

constructor(size = 8) {

this.size = size;

this.grid = Array(size).fill().map(() =>

Array(size).fill().map(() => ({