/** @jsxImportSource npm:react */ import { serveRequest } from "https://esm.town/v/maxm/reqEvaltown"; import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo?v=29"; import { sqlite } from "https://esm.town/v/stevekrouse/sqlite"; import { Hono } from "npm:hono"; import React from "npm:react"; import { renderToString } from "npm:react-dom/server"; const { httpEndpoint } = extractValInfo(import.meta.url); const SCHEMA_VERSION = 1; const KEY = new URL(import.meta.url).pathname.split("/").at(-1); class ContentStore { private tableName: string; constructor() { this.tableName = `${KEY}_content_${SCHEMA_VERSION}`; } async init() { await sqlite.execute(` CREATE TABLE IF NOT EXISTS ${this.tableName} ( id INTEGER PRIMARY KEY AUTOINCREMENT, body TEXT NOT NULL, created_at DATETIME DEFAULT CURRENT_TIMESTAMP ) `); } async insertContent(handler: string) { const result = await sqlite.execute( `INSERT INTO ${this.tableName} (body) VALUES (?) RETURNING id`, [handler], ); return result.rows[0].id; } async getContent(id: string) { const result = await sqlite.execute( `SELECT body FROM ${this.tableName} WHERE id = ?`, [id], ); return result.rows[0]?.body; } } const contentStore = new ContentStore(); await contentStore.init(); function Town() { return (

{`🏘️ 🌳 🏠
🚶‍♂️ ⛲ 🚶‍♀️
🏡 🚲 🌳`}

View Source

); } function HomePage() { return ( Val Town Town

Val Town Town

Write an HTTP handler and deploy it with one click!

); } function ContentPage({ handler, id }: { handler: string; id: string }) { return ( {`Val Town Town - HTTP Handler #${id}`}

{`HTTP Handler #${id}`}

Visit: {`${httpEndpoint}/serve/${id}`}

valtowntown