| 1 | /** A `:shortcode:` emoji the editor can complete, matched by its code or its keywords. */ |
| 2 | export interface Emoji { |
| 3 | code: string; |
| 4 | char: string; |
| 5 | keywords?: readonly string[]; |
| 6 | } |
| 7 | |
| 8 | // A curated set skewed toward dev-chat use rather than the full Unicode table, so the whole |
| 9 | // autocomplete stack stays a static in-bundle lookup with no dependency. |
| 10 | const EMOJI: readonly Emoji[] = [ |
| 11 | { code: "smile", char: "😄", keywords: ["happy", "joy"] }, |
| 12 | { code: "smiley", char: "😃", keywords: ["happy"] }, |
| 13 | { code: "grin", char: "😁" }, |
| 14 | { code: "laughing", char: "😆", keywords: ["lol", "haha"] }, |
| 15 | { code: "rofl", char: "🤣", keywords: ["lmao"] }, |
| 16 | { code: "joy", char: "😂", keywords: ["tears", "cry", "laugh"] }, |
| 17 | { code: "sweat_smile", char: "😅", keywords: ["phew"] }, |
| 18 | { code: "wink", char: "😉" }, |
| 19 | { code: "blush", char: "😊", keywords: ["happy"] }, |
| 20 | { code: "slight_smile", char: "🙂" }, |
| 21 | { code: "upside_down", char: "🙃" }, |
| 22 | { code: "yum", char: "😋", keywords: ["tasty"] }, |
| 23 | { code: "sunglasses", char: "😎", keywords: ["cool"] }, |
| 24 | { code: "heart_eyes", char: "😍", keywords: ["love"] }, |
| 25 | { code: "star_struck", char: "🤩", keywords: ["amazed"] }, |
| 26 | { code: "thinking", char: "🤔", keywords: ["hmm"] }, |
| 27 | { code: "smirk", char: "😏" }, |
| 28 | { code: "neutral", char: "😐", keywords: ["meh"] }, |
| 29 | { code: "expressionless", char: "😑" }, |
| 30 | { code: "unamused", char: "😒" }, |
| 31 | { code: "roll_eyes", char: "🙄" }, |
| 32 | { code: "grimacing", char: "😬", keywords: ["yikes"] }, |
| 33 | { code: "relieved", char: "😌" }, |
| 34 | { code: "pensive", char: "😔" }, |
| 35 | { code: "sleepy", char: "😪", keywords: ["tired"] }, |
| 36 | { code: "sleeping", char: "😴", keywords: ["zzz"] }, |
| 37 | { code: "mask", char: "😷", keywords: ["sick"] }, |
| 38 | { code: "dizzy_face", char: "😵" }, |
| 39 | { code: "exploding_head", char: "🤯", keywords: ["mind", "blown"] }, |
| 40 | { code: "cowboy", char: "🤠" }, |
| 41 | { code: "sob", char: "😭", keywords: ["cry", "crying"] }, |
| 42 | { code: "cry", char: "😢", keywords: ["sad", "tear"] }, |
| 43 | { code: "disappointed", char: "😞", keywords: ["sad"] }, |
| 44 | { code: "worried", char: "😟" }, |
| 45 | { code: "confused", char: "😕" }, |
| 46 | { code: "frowning", char: "🙁" }, |
| 47 | { code: "persevere", char: "😣" }, |
| 48 | { code: "confounded", char: "😖" }, |
| 49 | { code: "tired_face", char: "😫" }, |
| 50 | { code: "weary", char: "😩" }, |
| 51 | { code: "pleading", char: "🥺", keywords: ["puppy"] }, |
| 52 | { code: "triumph", char: "😤" }, |
| 53 | { code: "angry", char: "😠", keywords: ["mad"] }, |
| 54 | { code: "rage", char: "😡", keywords: ["mad", "furious"] }, |
| 55 | { code: "cursing", char: "🤬", keywords: ["swear"] }, |
| 56 | { code: "scream", char: "😱", keywords: ["shock", "fear"] }, |
| 57 | { code: "fearful", char: "😨" }, |
| 58 | { code: "cold_sweat", char: "😰" }, |
| 59 | { code: "flushed", char: "😳", keywords: ["blush", "embarrassed"] }, |
| 60 | { code: "hot", char: "🥵", keywords: ["heat"] }, |
| 61 | { code: "cold", char: "🥶", keywords: ["freezing"] }, |
| 62 | { code: "woozy", char: "🥴" }, |
| 63 | { code: "nauseated", char: "🤢", keywords: ["sick"] }, |
| 64 | { code: "vomiting", char: "🤮", keywords: ["puke"] }, |
| 65 | { code: "sneezing", char: "🤧" }, |
| 66 | { code: "shush", char: "🤫", keywords: ["quiet"] }, |
| 67 | { code: "zipper_mouth", char: "🤐" }, |
| 68 | { code: "raised_eyebrow", char: "🤨", keywords: ["skeptical", "suspicious"] }, |
| 69 | { code: "monocle", char: "🧐", keywords: ["inspect"] }, |
| 70 | { code: "nerd", char: "🤓", keywords: ["geek"] }, |
| 71 | { code: "shrug", char: "🤷", keywords: ["dunno", "idk"] }, |
| 72 | { code: "facepalm", char: "🤦", keywords: ["ugh"] }, |
| 73 | { code: "wave", char: "👋", keywords: ["hi", "hello", "bye"] }, |
| 74 | { code: "thumbsup", char: "👍", keywords: ["+1", "yes", "approve", "lgtm"] }, |
| 75 | { code: "thumbsdown", char: "👎", keywords: ["-1", "no"] }, |
| 76 | { code: "ok_hand", char: "👌" }, |
| 77 | { code: "pinch", char: "🤏", keywords: ["small", "tiny"] }, |
| 78 | { code: "v", char: "✌️", keywords: ["peace"] }, |
| 79 | { code: "crossed_fingers", char: "🤞", keywords: ["luck", "hope"] }, |
| 80 | { code: "point_up", char: "☝️" }, |
| 81 | { code: "point_down", char: "👇" }, |
| 82 | { code: "point_left", char: "👈" }, |
| 83 | { code: "point_right", char: "👉" }, |
| 84 | { code: "raised_hands", char: "🙌", keywords: ["praise", "yay"] }, |
| 85 | { code: "clap", char: "👏", keywords: ["applause"] }, |
| 86 | { code: "pray", char: "🙏", keywords: ["please", "thanks", "thank you"] }, |
| 87 | { code: "handshake", char: "🤝", keywords: ["deal"] }, |
| 88 | { code: "muscle", char: "💪", keywords: ["strong", "flex"] }, |
| 89 | { code: "fist", char: "✊" }, |
| 90 | { code: "punch", char: "👊", keywords: ["bump"] }, |
| 91 | { code: "eyes", char: "👀", keywords: ["look", "watching"] }, |
| 92 | { code: "brain", char: "🧠" }, |
| 93 | { code: "heart", char: "❤️", keywords: ["love"] }, |
| 94 | { code: "orange_heart", char: "🧡" }, |
| 95 | { code: "yellow_heart", char: "💛" }, |
| 96 | { code: "green_heart", char: "💚" }, |
| 97 | { code: "blue_heart", char: "💙" }, |
| 98 | { code: "purple_heart", char: "💜" }, |
| 99 | { code: "black_heart", char: "🖤" }, |
| 100 | { code: "broken_heart", char: "💔" }, |
| 101 | { code: "sparkling_heart", char: "💖" }, |
| 102 | { code: "fire", char: "🔥", keywords: ["lit", "hot", "flame"] }, |
| 103 | { code: "sparkles", char: "✨", keywords: ["shiny", "clean"] }, |
| 104 | { code: "star", char: "⭐", keywords: ["favorite"] }, |
| 105 | { code: "star2", char: "🌟", keywords: ["glowing"] }, |
| 106 | { code: "zap", char: "⚡", keywords: ["lightning", "fast"] }, |
| 107 | { code: "boom", char: "💥", keywords: ["explosion", "collision"] }, |
| 108 | { code: "collision", char: "💢" }, |
| 109 | { code: "dizzy", char: "💫" }, |
| 110 | { code: "sweat_drops", char: "💦" }, |
| 111 | { code: "dash", char: "💨", keywords: ["fast", "wind"] }, |
| 112 | { code: "hundred", char: "💯", keywords: ["100", "perfect"] }, |
| 113 | { code: "tada", char: "🎉", keywords: ["party", "celebrate", "yay"] }, |
| 114 | { code: "confetti", char: "🎊", keywords: ["party"] }, |
| 115 | { code: "balloon", char: "🎈" }, |
| 116 | { code: "gift", char: "🎁", keywords: ["present"] }, |
| 117 | { code: "trophy", char: "🏆", keywords: ["win", "award"] }, |
| 118 | { code: "medal", char: "🏅" }, |
| 119 | { code: "rocket", char: "🚀", keywords: ["ship", "launch", "deploy"] }, |
| 120 | { code: "airplane", char: "✈️" }, |
| 121 | { code: "bulb", char: "💡", keywords: ["idea"] }, |
| 122 | { code: "wrench", char: "🔧", keywords: ["fix", "tool"] }, |
| 123 | { code: "hammer", char: "🔨", keywords: ["build"] }, |
| 124 | { code: "hammer_and_wrench", char: "🛠️", keywords: ["tools"] }, |
| 125 | { code: "gear", char: "⚙️", keywords: ["settings", "config"] }, |
| 126 | { code: "nut_and_bolt", char: "🔩" }, |
| 127 | { code: "lock", char: "🔒", keywords: ["secure", "private"] }, |
| 128 | { code: "unlock", char: "🔓" }, |
| 129 | { code: "key", char: "🔑" }, |
| 130 | { code: "mag", char: "🔍", keywords: ["search", "find", "zoom"] }, |
| 131 | { code: "link", char: "🔗" }, |
| 132 | { code: "paperclip", char: "📎" }, |
| 133 | { code: "pushpin", char: "📌", keywords: ["pin"] }, |
| 134 | { code: "memo", char: "📝", keywords: ["note", "write", "edit"] }, |
| 135 | { code: "clipboard", char: "📋", keywords: ["copy", "paste"] }, |
| 136 | { code: "books", char: "📚", keywords: ["docs", "read"] }, |
| 137 | { code: "book", char: "📖" }, |
| 138 | { code: "package", char: "📦", keywords: ["box", "npm", "module"] }, |
| 139 | { code: "computer", char: "💻", keywords: ["laptop", "code"] }, |
| 140 | { code: "keyboard", char: "⌨️" }, |
| 141 | { code: "floppy_disk", char: "💾", keywords: ["save"] }, |
| 142 | { code: "battery", char: "🔋" }, |
| 143 | { code: "electric_plug", char: "🔌" }, |
| 144 | { code: "hourglass", char: "⏳", keywords: ["wait", "loading", "time"] }, |
| 145 | { code: "watch", char: "⌚", keywords: ["time"] }, |
| 146 | { code: "alarm_clock", char: "⏰", keywords: ["time", "reminder"] }, |
| 147 | { code: "calendar", char: "📅", keywords: ["date", "schedule"] }, |
| 148 | { code: "chart", char: "📈", keywords: ["graph", "up", "growth"] }, |
| 149 | { code: "chart_down", char: "📉", keywords: ["graph", "down"] }, |
| 150 | { code: "bar_chart", char: "📊", keywords: ["graph", "stats"] }, |
| 151 | { code: "bug", char: "🐛", keywords: ["issue", "defect"] }, |
| 152 | { code: "skull", char: "💀", keywords: ["dead", "cooked"] }, |
| 153 | { code: "ghost", char: "👻", keywords: ["boo"] }, |
| 154 | { code: "alien", char: "👽" }, |
| 155 | { code: "robot", char: "🤖", keywords: ["bot", "ai"] }, |
| 156 | { code: "poop", char: "💩", keywords: ["crap"] }, |
| 157 | { code: "clown", char: "🤡" }, |
| 158 | { code: "check", char: "✅", keywords: ["done", "yes", "pass", "white_check_mark"] }, |
| 159 | { code: "heavy_check", char: "✔️", keywords: ["done"] }, |
| 160 | { code: "x", char: "❌", keywords: ["no", "fail", "cross"] }, |
| 161 | { code: "warning", char: "⚠️", keywords: ["caution", "alert"] }, |
| 162 | { code: "no_entry", char: "⛔", keywords: ["stop", "blocked"] }, |
| 163 | { code: "question", char: "❓", keywords: ["help"] }, |
| 164 | { code: "exclamation", char: "❗", keywords: ["important"] }, |
| 165 | { code: "recycle", char: "♻️", keywords: ["refactor"] }, |
| 166 | { code: "arrows_clockwise", char: "🔄", keywords: ["refresh", "sync", "retry"] }, |
| 167 | { code: "back", char: "🔙" }, |
| 168 | { code: "arrow_up", char: "⬆️" }, |
| 169 | { code: "arrow_down", char: "⬇️" }, |
| 170 | { code: "arrow_right", char: "➡️" }, |
| 171 | { code: "arrow_left", char: "⬅️" }, |
| 172 | { code: "hash", char: "#️⃣" }, |
| 173 | { code: "red_circle", char: "🔴", keywords: ["record", "live"] }, |
| 174 | { code: "green_circle", char: "🟢", keywords: ["online", "ok"] }, |
| 175 | { code: "yellow_circle", char: "🟡" }, |
| 176 | { code: "coffee", char: "☕", keywords: ["cafe"] }, |
| 177 | { code: "beer", char: "🍺", keywords: ["drink", "cheers"] }, |
| 178 | { code: "pizza", char: "🍕" }, |
| 179 | { code: "cake", char: "🎂", keywords: ["birthday"] }, |
| 180 | { code: "hamburger", char: "🍔" }, |
| 181 | { code: "sun", char: "☀️", keywords: ["sunny"] }, |
| 182 | { code: "moon", char: "🌙", keywords: ["night"] }, |
| 183 | { code: "cloud", char: "☁️" }, |
| 184 | { code: "rainbow", char: "🌈" }, |
| 185 | { code: "snowflake", char: "❄️", keywords: ["cold", "snow"] }, |
| 186 | { code: "cat", char: "🐱" }, |
| 187 | { code: "dog", char: "🐶" }, |
| 188 | { code: "unicorn", char: "🦄" }, |
| 189 | { code: "snake", char: "🐍", keywords: ["python"] }, |
| 190 | { code: "penguin", char: "🐧", keywords: ["linux"] }, |
| 191 | { code: "four_leaf_clover", char: "🍀", keywords: ["luck", "clover"] }, |
| 192 | ]; |
| 193 | |
| 194 | /** |
| 195 | * Emoji matching `query` (the text after `:`), code-prefix matches first, then code substrings, then |
| 196 | * keyword hits. An empty query returns the leading slice so the menu can open on a bare `:`. |
| 197 | */ |
| 198 | export function searchEmoji(query: string, limit = 8): Emoji[] { |
| 199 | const q = query.toLowerCase(); |
| 200 | if (q === "") return EMOJI.slice(0, limit); |
| 201 | const prefix: Emoji[] = []; |
| 202 | const infix: Emoji[] = []; |
| 203 | const keyword: Emoji[] = []; |
| 204 | for (const emoji of EMOJI) { |
| 205 | if (emoji.code.startsWith(q)) prefix.push(emoji); |
| 206 | else if (emoji.code.includes(q)) infix.push(emoji); |
| 207 | else if (emoji.keywords?.some((word) => word.includes(q))) keyword.push(emoji); |
| 208 | if (prefix.length >= limit) break; |
| 209 | } |
| 210 | return [...prefix, ...infix, ...keyword].slice(0, limit); |
| 211 | } |