{`${author}/${name}`}

/** @jsxImportSource https://esm.sh/preact **/ import { modifyFetchHandler } from "https://esm.town/v/andreterron/codeOnValTown?v=50"; import { api } from "https://esm.town/v/pomdtr/api"; import { extractValInfo } from "https://esm.town/v/pomdtr/extractValInfo"; import { gfm } from "https://esm.town/v/pomdtr/gfm"; import { compile } from "npm:@mdx-js/mdx"; import { render } from "npm:preact-render-to-string"; import remarkFrontmatter from "npm:remark-frontmatter"; import remarkMdxFrontmatter from "npm:remark-mdx-frontmatter"; const css = ` .markdown-body { box-sizing: border-box; min-width: 200px; max-width: 980px; margin: 0 auto; padding: 45px; } @media (max-width: 767px) { .markdown-body { padding: 15px; } } `; export function mdx(author: string, name: string) { return async (req: Request) => { const { readme } = await api(`/v1/alias/${author}/${name}`); const vfile = await compile(readme, { jsxImportSource: "https://esm.sh/preact", remarkPlugins: [remarkFrontmatter, remarkMdxFrontmatter], }); const url = new URL(req.url); if (url.pathname == "/mod.js") { return new Response(vfile.toString(), { headers: { "Content-Type": "text/javascript", }, }); } const blob = new Blob([vfile.toString()], { type: "text/tsx", }); const importURL = URL.createObjectURL(blob); const { default: MDXContent } = await import(importURL); return new Response( render( {`${author}/${name}`} , ), { headers: { "Content-Type": "text/html", }, }, ); }; } const { author, name } = extractValInfo(import.meta.url); export default mdx(author, name);

mdx

Version 37