\n//

Emoji exploder

\n//

Enter an emoji and see what it's composed of

\n// \n\n//

Some cool examples

\n//

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

\n\n// Fork on Val Town\n//

,\n// );\n// });\n\n// app.get(\"/emoji\", async (c) => {\n// const emoji = c.req.query(\"emoji\");\n// const emojiCodepoints = codepoints(emoji);\n// const byCodepoints = await emojiByCodepoints;\n// const zwjEmojis = await getCompoundEmojis();\n// const appearsIn = zwjEmojis.filter(compound => [...compound].includes(emoji));\n\n// return c.html(\n//

\n// \n\n//

{emoji}

\n//

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

\n//

\n// Codepoints: {emojiCodepoints.length}\n//

\n//

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

\n//

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

\n// Appears in: {appearsIn.length}\n//

\n// {e} ({[...e].join(\", \")})\n//

\n\n// Fork on Val Town\n//

,\n// );\n// });\n\n// export default app.fetch;\nexport default () => Response.json(\"Broken import, sad\");","deleted","label",[99],"permalink","https://www.val.town/x/stevekrouse/emojiExploder/code/main.tsx","extension","actionData","errors"]