/** @jsxImportSource npm:hono@3/jsx */ import { codepoints } from "https://esm.town/v/jdan/codepoints"; import { emojiByCodepoints } from "https://esm.town/v/jdan/emojiByCodepoints"; import { nameOfCodepoint } from "https://esm.town/v/jdan/nameOfUnicode"; import { Hono } from "npm:hono"; const app = new Hono(); app.get("/", async (c) => { return c.html(

Emoji exploder

Enter an emoji and see what it's composed of

Some cool examples

😶‍🌫️ –{" "} face in clouds
👩🏼‍🤝‍👨🏿 –{" "} Woman and Man Holding Hands: Light Skin Tone, Medium Skin Tone
🏴󠁧󠁢󠁷󠁬󠁳󠁿 –{" "} flag: Wales
👩🏻‍❤️‍💋‍👩🏽 –{" "} Kiss: Woman, Light Skin Tone, Woman, Medium Skin Tone
↔️ –{" "} left-right arrow
🇵🇸 –{" "} flag: Palestinian Territories

Fork on Val Town

, ); }); app.get("/emoji", async (c) => { const emoji = c.req.query("emoji"); const emojiCodepoints = codepoints(emoji); const byCodepoints = await emojiByCodepoints; const parts = await Promise.all(emojiCodepoints.map(async (cp) => { const name = await nameOfCodepoint(cp); return (

{cp} {String.fromCodePoint(parseInt(cp, 16))} {name}

); })); return c.html(

{emoji}

Description: {byCodepoints[emojiCodepoints.join("-")]?.description}

Codepoints: {emojiCodepoints.length}

{codepoints(emoji).join("-")}

{parts} Fork on Val Town

, ); }); export default app.fetch;

emojiExploder