Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

\"\n },\n \"building-user-interfaces\": {\n \"title\": \"Building User Interfaces.\",\n \"date\": \"2025-05-26\",\n \"content\": \"

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Curabitur blandit tempus porttitor. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

\"\n }\n}",[],[153,173],[153],{"_102":184,"_95":185,"_154":186,"_156":-5,"_157":139,"_158":187,"_160":161,"_104":188,"_99":163,"_164":165,"_166":-5,"_167":22,"_168":-5,"_169":189,"_98":201},"b1d684c6-a52b-11f0-918e-0224a6c84d84","icons","aea8fcde-a52b-11f0-918e-0224a6c84d84",293,["D",1760026753407],[190],{"_102":191,"_95":192,"_154":193,"_156":186,"_157":139,"_158":194,"_160":161,"_104":195,"_99":196,"_164":197,"_166":198,"_167":22,"_168":-5,"_169":199,"_98":200},"36c7cb82-a6b1-11f0-bdb7-0224a6c84d84","github.tsx","b3acc972-a52b-11f0-9954-0224a6c84d84",482,["D",1760194050682],10,"script","/** @jsxImportSource https://esm.sh/mono-jsx@0.7.5 */\n\nexport function IconGithub({ size = \"1em\" }: { size?: number | string }) {\n return (\n \n \n \n \n \n );\n}",[],[185,192],[185],{"_102":203,"_95":204,"_154":205,"_156":-5,"_157":139,"_158":206,"_160":161,"_104":207,"_99":208,"_164":178,"_166":209,"_167":22,"_168":-5,"_169":210,"_98":211},"9c6c789c-a5b3-11f0-8817-0224a6c84d84","README.md","0abecaea-3b09-11f0-bf90-9e149126039e",470,["D",1760085129043],4,"# mono-jsx\n\n`` as a `Response`.\n\nhttps://github.com/ije/mono-jsx ↗",[],[204],{"_102":213,"_95":214,"_154":215,"_156":-5,"_157":139,"_158":216,"_160":161,"_104":217,"_99":218,"_164":219,"_166":220,"_167":22,"_168":221,"_169":222,"_98":223},"5c8470a0-a6b1-11f0-be5a-0224a6c84d84","lazy.tsx","ceb7af6c-3c7a-11f0-b5fd-9e149126039e",489,["D",1760194113996],41,"http","/** @jsxImportSource https://esm.sh/mono-jsx@0.7.5 */\n\ntype Props = { title: string };\n\nconst components = {\n Profile: (props: Props) =>

#{props.title}

,\n Projects: (props: Props) =>

#{props.title}

,\n Settings: (props: Props) =>

#{props.title}

,\n};\n\nfunction Dash(this: FC<{ page: keyof typeof components }>) {\n this.page = \"Profile\";\n\n return (\n <>\n

\n this.page = \"Profile\"}\n disabled={this.$(() => this.page === \"Profile\")}\n >\n Profile\n \n this.page = \"Projects\"}\n disabled={this.$(() => this.page === \"Projects\")}\n >\n Projects\n \n this.page = \"Settings\"}\n disabled={this.$(() => this.page === \"Settings\")}\n >\n Settings\n \n

\n Loading...

}\n />\n

\n \n );\n}\n\nexport default (req: Request) => (\n \n \n \n);","mono-jsx-lazy",[],[214],{"_102":225,"_95":226,"_154":227,"_156":-5,"_157":139,"_158":228,"_160":161,"_104":229,"_99":230,"_164":219,"_166":231,"_167":22,"_168":96,"_169":232,"_98":233},"3c80f148-a6b1-11f0-9adf-0224a6c84d84","main.tsx","901ddfa4-3a29-11f0-a5b2-9e149126039e",484,["D",1760194060284],141,"/** @jsxImportSource https://esm.sh/mono-jsx@0.7.5 */\n\nfunction App(this: FC<{ a: number; b: number }>) {\n this.a = 1;\n this.b = 2;\n\n this.effect(() => {\n console.log(this.a * this.b);\n });\n\n return (\n \n \n {\" * \"}\n \n {\" = \"}\n {this.computed(() => this.a * this.b)}\n \n );\n}\n\nexport default (_res: Request) => (\n \n

\n Welcome to{\" \"}\n \n mono-jsx\n !\n

\n \n \n);",[],[226],{"_102":235,"_95":236,"_154":237,"_156":-5,"_157":139,"_158":238,"_160":161,"_104":239,"_99":240,"_164":219,"_166":241,"_167":22,"_168":242,"_169":243,"_98":244},"3eaceb84-a6b1-11f0-bf0e-0224a6c84d84","route-form.tsx","805a0588-a528-11f0-ab87-0224a6c84d84",485,["D",1760194063930],24,"/** @jsxImportSource https://esm.sh/mono-jsx@0.7.5 */\n\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nawait sqlite.execute(`create table if not exists kv(\n key text unique,\n value text\n)`);\n\n// delete all rows\n// await sqlite.execute(`delete from kv where 1=1`);\n\nasync function Index(this: FC) {\n if (this.form) {\n const message = this.form.get(\"message\") as string | null;\n if (!message) {\n return Message is required;\n }\n const key = crypto.randomUUID();\n await sqlite.execute({\n sql: `insert into kv(key, value) values(?, ?)`,\n args: [key, message],\n });\n return

* {message}

;\n }\n\n const result = await sqlite.execute({ sql: `select * from kv`, args: [] });\n return (\n

\n {result.rows.map((row: [string, string]) =>

* {row[1]}

)}\n {/* <- new message will be inserted here */}\n \n \n \n \n );\n}\n\nexport default (req: Request) => (\n \n \n \n \n);","mono-jsx-route-form",[],[236],{"_102":246,"_95":247,"_154":248,"_156":-5,"_157":139,"_158":249,"_160":161,"_104":250,"_99":218,"_164":219,"_166":251,"_167":22,"_168":252,"_169":253,"_98":254},"4132255e-a6b1-11f0-8c2e-0224a6c84d84","router.tsx","329904c6-3c6d-11f0-bc3f-9e149126039e",486,["D",1760194068159],"/** @jsxImportSource https://esm.sh/mono-jsx@0.7.5 */\n\nimport posts from \"./data/posts.json\" with { type: \"json\" };\n\nconst routes = {\n \"/\": () => (\n

Welcome to mono-jsx!

\n ),\n \"/about\": () => (\n

About mono-jsx

Building User Interfaces.

\n ),\n \"/blog\": () => (\n

Blog

\n Hello World!\n
\n Building User Interfaces.\n

\n ),\n \"/post/:slug\": async function (this: FC) {\n const post = posts[this.request.params!.slug];\n return (\n

{post.title}

{post.date}

{html(post.content)}

\n );\n },\n};\n\nexport default (res: Request) => (\n \n

\n \n

Page not Found

\n \n \n);","mono-jsx-router",[],[247],{"_102":256,"_95":257,"_154":258,"_156":-5,"_157":139,"_158":259,"_160":161,"_104":260,"_99":261,"_164":219,"_166":262,"_167":22,"_168":263,"_169":264,"_98":265},"88a3f71a-a77d-11f0-bb7a-0224a6c84d84","session.tsx","5f30ad82-a51c-11f0-a4ee-0224a6c84d84",491,["D",1760281805349],77,"/** @jsxImportSource https://esm.sh/mono-jsx@0.7.5 */\n\nimport { IconGithub } from \"./icons/github.tsx\";\n\nfunction Index(this: FC) {\n const user = this.session.get<{ name: string; avatar_url: string }>(\"user\");\n if (!user) {\n return (\n

\n \n \n Continue with GitHub\n \n

\n );\n }\n return (\n

\n Welcome,\n \n {user.name}!\n

\n Logout\n

\n );\n}\n\nconst client_id = Deno.env.get(\"GITHUB_OAUTH_CLIENT_ID\");\nconst client_secret = Deno.env.get(\"GITHUB_OAUTH_CLIENT_SECRET\");\nconst cookie_secret = Deno.env.get(\"SESSION_COOKIE_SECRET\");\n\nfunction Login(this: FC) {\n const state = crypto.randomUUID();\n const oauth_url =\n `https://github.com/login/oauth/authorize?client_id=${client_id}&scope=read:user+user:email&state=${state}`;\n this.session.set(\"oauth_state\", state);\n return ;\n}\n\nfunction Logout(this: FC) {\n this.session.destroy();\n return ;\n}\n\nasync function Callback(this: FC) {\n const { searchParams } = this.request.URL;\n const code = searchParams.get(\"code\");\n const state = searchParams.get(\"state\");\n const oauth_state = this.session.get(\"oauth_state\");\n if (!code) {\n return

Missing code

;\n }\n if (!state) {\n return

Missing state

;\n }\n if (state !== oauth_state) {\n return

Invalid state

;\n }\n const { access_token, error } = await fetch(\n \"https://github.com/login/oauth/access_token\",\n {\n method: \"POST\",\n headers: {\n \"Accept\": \"application/json\",\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({ client_id, client_secret, code }),\n },\n ).then((r) => r.json());\n if (error) {\n return

{error}

;\n }\n const { name, avatar_url } = await fetch(\"https://api.github.com/user\", {\n headers: {\n Accept: \"application/json\",\n Authorization: `token ${access_token}`,\n UserAgent: \"Deno/2.0.0\",\n },\n }).then((r) => r.json());\n this.session.delete(\"oauth_state\");\n this.session.set(\"user\", { name, avatar_url });\n return ;\n}\n\nconst routes = {\n \"/\": Index,\n \"/login\": Login,\n \"/logout\": Logout,\n \"/callback\": Callback,\n};\n\nexport default (req: Request) => (\n \n \n \n \n);","mono-jsx-session",[],[257],{"_102":267,"_95":268,"_154":269,"_156":-5,"_157":139,"_158":138,"_160":161,"_104":270,"_99":271,"_164":219,"_166":272,"_167":22,"_168":273,"_169":274,"_98":275},"e80514e0-a7ce-11f0-b25e-0224a6c84d84","view-transition.tsx","e3b04204-a533-11f0-9aae-0224a6c84d84",["D",1760316754613],128,"/** @jsxImportSource https://esm.sh/mono-jsx@0.7.5 */\n\nconst flex = {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n};\n\nfunction App(this: FC<{ vt: \"inc\" | \"dec\"; num: number }>) {\n this.vt = \"inc\";\n this.num = 1;\n return (\n \n this.num--}\n onTouchStart={() => this.vt = \"dec\"}\n onMouseEnter={() => this.vt = \"dec\"}\n >\n -\n \n\n \n {this.num}\n \n\n this.num++}\n onTouchStart={() => this.vt = \"inc\"}\n onMouseEnter={() => this.vt = \"inc\"}\n >\n +\n \n \n );\n}\n\nexport default (req: Request) => (\n \n \n \n \n \n \n \n \n);","mono-jsx-view-transition",[],[268],"files",[151,171,183,190,202,212,224,234,245,255,266],"counts",{"_280":32,"_281":163,"_282":208,"_283":284},"pulls","branches","forks","envVars",{"_285":286,"_287":32},"count",3,"emptyCount","contents",[290,293,296,299,302,305,308,311,314],{"_102":152,"_95":153,"_154":155,"_156":-5,"_157":139,"_158":159,"_160":161,"_104":291,"_99":163,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":292},["D",1748512672882],[153],{"_102":184,"_95":185,"_154":186,"_156":-5,"_157":139,"_158":187,"_160":161,"_104":294,"_99":163,"_164":165,"_166":-5,"_167":22,"_168":-5,"_98":295},["D",1760026753407],[185],{"_102":203,"_95":204,"_154":205,"_156":-5,"_157":139,"_158":206,"_160":161,"_104":297,"_99":208,"_164":178,"_166":209,"_167":22,"_168":-5,"_98":298},["D",1760085129043],[204],{"_102":213,"_95":214,"_154":215,"_156":-5,"_157":139,"_158":216,"_160":161,"_104":300,"_99":218,"_164":219,"_166":220,"_167":22,"_168":221,"_98":301},["D",1760194113996],[214],{"_102":225,"_95":226,"_154":227,"_156":-5,"_157":139,"_158":228,"_160":161,"_104":303,"_99":230,"_164":219,"_166":231,"_167":22,"_168":96,"_98":304},["D",1760194060284],[226],{"_102":235,"_95":236,"_154":237,"_156":-5,"_157":139,"_158":238,"_160":161,"_104":306,"_99":240,"_164":219,"_166":241,"_167":22,"_168":242,"_98":307},["D",1760194063930],[236],{"_102":246,"_95":247,"_154":248,"_156":-5,"_157":139,"_158":249,"_160":161,"_104":309,"_99":218,"_164":219,"_166":251,"_167":22,"_168":252,"_98":310},["D",1760194068159],[247],{"_102":256,"_95":257,"_154":258,"_156":-5,"_157":139,"_158":259,"_160":161,"_104":312,"_99":261,"_164":219,"_166":262,"_167":22,"_168":263,"_98":313},["D",1760281805349],[257],{"_102":267,"_95":268,"_154":269,"_156":-5,"_157":139,"_158":138,"_160":161,"_104":315,"_99":271,"_164":219,"_166":272,"_167":22,"_168":273,"_98":316},["D",1760316754613],[268],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_93":94,"_95":96,"_100":325,"_283":330},{"_102":103,"_95":96,"_104":326,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":113,"_14":114,"_115":-5,"_116":22,"_117":-5,"_118":119,"_16":120,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_23":327,"_133":328,"_136":329,"_148":22},["D",1748261063426],{"_93":94,"_131":132},{"_93":94,"_135":132},{"_99":138,"_95":43,"_102":139,"_140":103,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":96,"_147":94},[331,338,342],{"_332":333,"_104":334,"_335":336,"_110":72,"_337":22},"key","SESSION_COOKIE_SECRET",["D",1760021026574],"updatedAt",["D",1760021038336],"isEmpty",{"_332":339,"_104":340,"_335":341,"_110":72,"_337":22},"GITHUB_OAUTH_CLIENT_SECRET",["D",1760020732224],["D",1760020766755],{"_332":343,"_104":344,"_335":345,"_110":72,"_337":22},"GITHUB_OAUTH_CLIENT_ID",["D",1760020673157],["D",1760020768953],"actionData","errors"]

Key	Description
SESSION_COOKIE_SECRET
GITHUB_OAUTH_CLIENT_SECRET
GITHUB_OAUTH_CLIENT_ID

ije

mono-jsx

Environment variables