freeformServer

Public

Fork

Back

Version 20

6/3/2024

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

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

import { Hono } from "npm:hono";

const app = new Hono();

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

app.get("/", c => readmeToHtmlResponse(me.author, me.name));

app.get("/edit", c => c.redirect(me.htmlUrl));

app.get("/v/:author/:name", (c) => {

const val = c.req.param();

return c.html(`<!DOCTYPE html>

<style>

:root{--syntax_normal:#1b1e23;--syntax_comment:#a9b0bc;--syntax_number:#20a5ba;--syntax_keyword:#c30771;--syntax_atom:#10a778;--syntax_string:#008ec4;--syntax_error:#ffbedc;--syntax_unknown_variable:#838383;--syntax_known_variable:#005f87;--syntax_matchbracket:#20bbfc;--syntax_key:#6636b4;--mono_fonts:82%/1.5 Menlo,Consolas,monospace}.observablehq--collapsed,.observablehq--expanded,.observablehq--function,.observablehq--gray,.observablehq--import,.observablehq--string:after,.observablehq--string:before{color:var(--syntax_normal)}.observablehq--collapsed,.observablehq--inspect a{cursor:pointer}.observablehq--field{text-indent:-1em;margin-left:1em}.observablehq--empty{color:var(--syntax_comment)}.observablehq--blue,.observablehq--keyword{color:#3182bd}.observablehq--forbidden,.observablehq--pink{color:#e377c2}.observablehq--orange{color:#e6550d}.observablehq--boolean,.observablehq--null,.observablehq--undefined{color:var(--syntax_atom)}.observablehq--bigint,.observablehq--date,.observablehq--green,.observablehq--number,.observablehq--regexp,.observablehq--symbol{color:var(--syntax_number)}.observablehq--index,.observablehq--key{color:var(--syntax_key)}.observablehq--prototype-key{color:#aaa}.observablehq--empty{font-style:oblique}.observablehq--purple,.observablehq--string{color:var(--syntax_string)}.observablehq--error,.observablehq--red{color:#e7040f}.observablehq--inspect{font:var(--mono_fonts);overflow-x:auto;display:block;white-space:pre}.observablehq--error .observablehq--inspect{word-break:break-all;white-space:pre-wrap}

</style>

import {Inspector} from "https://esm.sh/@observablehq/inspector"

function display(val) {

const d = document.body.appendChild(document.createElement('div'))

const inspector = new Inspector(d);

inspector.fulfilled(val);

}

globalThis.width = window.innerWidth;

const mod = await import("https://esm.town/v/${val.author}/${val.name}")

display(mod.default);

</script>

`);

});

app.get("/v/:author/:name/edit", (c) => {

const val = c.req.param();

pomdtr-freeformserver.web.val.run

Updated: June 3, 2024