/** @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 { getCompoundEmojis } from "https://esm.town/v/stevekrouse/zwjEmoji"; 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 zwjEmojis = await getCompoundEmojis(); const appearsIn = zwjEmojis.filter(compound => [...compound].includes(emoji)); return c.html(

{emoji}

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

Codepoints: {emojiCodepoints.length}

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

{cp} {String.fromCodePoint(parseInt(cp, 16))} {/* requires jdan's blob storage value {nameOfCodepoint(cp)} */}

Appears in: {appearsIn.length}

{e} ({[...e].join(", ")})

Fork on Val Town

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