mirror of
https://github.com/elder-plinius/P4RS3LT0NGV3.git
synced 2026-05-25 17:37:52 +02:00
EP
717 lines
29 KiB
JavaScript
717 lines
29 KiB
JavaScript
// Emoji Library for P4RS3LT0NGV3
|
|
|
|
// Create namespace for emoji library
|
|
window.emojiLibrary = {};
|
|
|
|
// Additional emojis for expanded library
|
|
window.emojiLibrary.ADDITIONAL_EMOJIS = [
|
|
// Animals & Nature
|
|
"🦊", "🦁", "🐯", "🐮", "🐷", "🐸", "🐵", "🐔", "🐧", "🐦", "🐤", "🦆", "🦅", "🦉", "🦇", "🐺", "🐗", "🐴", "🦄", "🐝", "🐛", "🦋", "🐌", "🐞", "🐜", "🕷️", "🦂", "🦟", "🦠", "🦨", "🦩", "🦫", "🦬", "🐻❄️", "🐼", "🐨", "🐕", "🐶", "🐩", "🐈", "🐱",
|
|
|
|
// Food & Drink
|
|
"🍏", "🍎", "🍐", "🍊", "🍋", "🍌", "🍉", "🍇", "🍓", "🍈", "🍒", "🍑", "🥭", "🍍", "🥥", "🥝", "🍅", "🍆", "🥑", "🥦", "🥬", "🥒", "🌶️", "🌽", "🥕", "🧄", "🧅", "🥔", "🍠", "🥐", "🍔", "🍕", "🍖", "🍗", "🍤", "🍣", "🍱", "🍜", "🍲", "🍥",
|
|
|
|
// Travel & Places
|
|
"🚗", "🚕", "🚙", "🚌", "🚎", "🚒", "🚑", "🚚", "🚛", "🚜", "🚲", "🚐", "🚟", "🚡", "🚀", "🛸", "🛥️", "🏎️", "🏍️", "🚤", "🚢", "🚁", "🚂", "🚆", "🚈", "🌎", "🌏", "🌍", "🏔️", "🏕️",
|
|
|
|
// Activities & Sports
|
|
"⚽", "🏀", "🏈", "🏐", "🏉", "🎾", "🎳", "🏑", "🏒", "🏓", "🏸", "🥊", "🥋", "🥅", "🤾", "🎿", "🏄", "🏂", "🏊", "🏋️", "🤼", "🤸", "🤺", "🤽", "🤹", "🎯", "🎱", "🎽", "🚴", "🚵",
|
|
|
|
// Tech & Objects
|
|
"💻", "⌨️", "🖥️", "🖱️", "🖨️", "📱", "☎️", "📞", "📟", "📠", "📺", "📻", "🎙️", "🎚️", "🎛️", "🧭", "⏱️", "⏲️", "⏰", "🕰️", "📡", "🔋", "🔌", "💡", "🏮", "🪔", "🧯", "🛢️", "💸", "💵", "💳", "💴", "💶", "💷", "💰", "💱", "💲", "💼", "💽", "💾", "💿",
|
|
|
|
// Symbols
|
|
"❤️", "💛", "💚", "💙", "💜", "💔", "💕", "💞", "💓", "💗", "💖", "💘", "💝", "💟", "💤", "💢", "💣", "💥", "💦", "💨", "💩", "💫", "💬", "🔥", "💠", "👾", "👻", "💀", "👽", "👿",
|
|
|
|
// Mystical & Fantasy
|
|
"🧙", "🧙♂️", "🧙♀️", "🧚", "🧚♂️", "🧚♀️", "🧛", "🧛♂️", "🧛♀️", "🧜", "🧜♂️", "🧜♀️", "👹", "👺", "👻", "👽", "👾", "🐲", "🔮", "🐍", "🐉", "🦄", "👸", "🥷", "👰", "🧔", "⚗️", "🔯", "🔱", "⚜️", "✨", "🌠", "🌋", "💎", "💐", "🍄", "🌺", "🌹", "🐭", "🐚", "🐊", "🐢", "🐇", "🐰", "🔥", "💥", "🌀", "🌈", "🌪️",
|
|
|
|
// Flags
|
|
"🏁", "🚩", "🎌", "🏴", "🏳️", "🏳️🌈", "🏳️⚧️", "🏴☠️", "🇺🇸", "🇨🇦", "🇬🇧", "🇩🇪", "🇫🇷", "🇮🇹", "🇯🇵", "🇰🇷", "🇷🇺", "🇨🇳", "🇮🇳", "🇦🇺", "🇧🇷", "🇪🇸", "🇳🇱", "🇵🇹", "🇸🇪", "🇦🇷", "🇦🇺", "🇦🇹", "🇧🇪", "🇧🇴"
|
|
];
|
|
|
|
// Make emoji list globally available
|
|
window.emojiLibrary.EMOJI_LIST = [
|
|
// Faces and People
|
|
"😀", // Grinning Face
|
|
"😁", // Beaming Face with Smiling Eyes
|
|
"😂", // Face with Tears of Joy
|
|
"🤣", // Rolling on the Floor Laughing
|
|
"😃", // Grinning Face with Big Eyes
|
|
"😄", // Grinning Face with Smiling Eyes
|
|
"😅", // Grinning Face with Sweat
|
|
"😆", // Grinning Squinting Face
|
|
"😉", // Winking Face
|
|
"😊", // Smiling Face with Smiling Eyes
|
|
"😋", // Face Savoring Food
|
|
"😎", // Smiling Face with Sunglasses
|
|
"😍", // Smiling Face with Heart-Eyes
|
|
"😘", // Face Blowing a Kiss
|
|
"🥰", // Smiling Face with Hearts
|
|
"😗", // Kissing Face
|
|
"😙", // Kissing Face with Smiling Eyes
|
|
"😚", // Kissing Face with Closed Eyes
|
|
"🙂", // Slightly Smiling Face
|
|
"🤗", // Hugging Face
|
|
"🤩", // Star-Struck
|
|
"🤔", // Thinking Face
|
|
"🤨", // Face with Raised Eyebrow
|
|
"😐", // Neutral Face
|
|
"😑", // Expressionless Face
|
|
"😶", // Face Without Mouth
|
|
"🙄", // Face with Rolling Eyes
|
|
"😏", // Smirking Face
|
|
"😣", // Persevering Face
|
|
"😥", // Sad but Relieved Face
|
|
"😮", // Face with Open Mouth
|
|
"🤐", // Zipper-Mouth Face
|
|
"😯", // Hushed Face
|
|
"😪", // Sleepy Face
|
|
"😫", // Tired Face
|
|
"😴", // Sleeping Face
|
|
"😌", // Relieved Face
|
|
"😛", // Face with Tongue
|
|
"😜", // Winking Face with Tongue
|
|
"😝", // Squinting Face with Tongue
|
|
"🤤", // Drooling Face
|
|
"😒", // Unamused Face
|
|
"😓", // Downcast Face with Sweat
|
|
"😔", // Pensive Face
|
|
"😕", // Confused Face
|
|
"🙃", // Upside-Down Face
|
|
"🤑", // Money-Mouth Face
|
|
"😲", // Astonished Face
|
|
"🙁", // Slightly Frowning Face
|
|
"😖", // Confounded Face
|
|
"😞", // Disappointed Face
|
|
"😟", // Worried Face
|
|
"😤", // Face with Steam From Nose
|
|
"😢", // Crying Face
|
|
"😭", // Loudly Crying Face
|
|
"😧", // Anguished Face
|
|
"😨", // Fearful Face
|
|
"😩", // Weary Face
|
|
"🤯", // Exploding Head
|
|
"😱", // Face Screaming in Fear
|
|
"😳", // Flushed Face
|
|
"🥵", // Hot Face
|
|
"🥶", // Cold Face
|
|
"😡", // Pouting Face
|
|
"😠", // Angry Face
|
|
"🤬", // Face with Symbols on Mouth
|
|
"😷", // Face with Medical Mask
|
|
"🤒", // Face with Thermometer
|
|
"🤕", // Face with Head-Bandage
|
|
"🤢", // Nauseated Face
|
|
"🤮", // Face Vomiting
|
|
"🤧", // Sneezing Face
|
|
"😇", // Smiling Face with Halo
|
|
"🥳", // Partying Face
|
|
"🥴", // Woozy Face
|
|
"🥺", // Pleading Face
|
|
"🧐", // Face with Monocle
|
|
"🥱", // Yawning Face
|
|
"🧠", // Brain
|
|
|
|
// Gestures and Body Parts
|
|
"👍", // Thumbs Up
|
|
"👎", // Thumbs Down
|
|
"👏", // Clapping Hands
|
|
"🙌", // Raising Hands
|
|
"🤝", // Handshake
|
|
"👋", // Waving Hand
|
|
"✌️", // Victory Hand
|
|
"🤟", // Love-You Gesture
|
|
"🤘", // Sign of the Horns
|
|
"👊", // Oncoming Fist
|
|
"✊", // Raised Fist
|
|
"👆", // Backhand Index Pointing Up
|
|
"👇", // Backhand Index Pointing Down
|
|
"👈", // Backhand Index Pointing Left
|
|
"👉", // Backhand Index Pointing Right
|
|
"👌", // OK Hand
|
|
"🤌", // Pinched Fingers
|
|
"🤏", // Pinching Hand
|
|
"✋", // Raised Hand
|
|
"🤚", // Raised Back of Hand
|
|
"🖐️", // Hand with Fingers Splayed
|
|
"🖖", // Vulcan Salute
|
|
"👀", // Eyes
|
|
"👁️", // Eye
|
|
"👄", // Mouth
|
|
"🧿", // Nazar Amulet
|
|
|
|
// Celebration & Objects
|
|
"🎉", // Party Popper
|
|
"🎊", // Confetti Ball
|
|
"🎂", // Birthday Cake
|
|
"🎁", // Wrapped Gift
|
|
"🎈", // Balloon
|
|
"🎄", // Christmas Tree
|
|
"🎃", // Jack-O-Lantern
|
|
"🏆", // Trophy
|
|
"🏅", // Sports Medal
|
|
"🥇", // 1st Place Medal
|
|
"🥈", // 2nd Place Medal
|
|
"🥉", // 3rd Place Medal
|
|
"💰", // Money Bag
|
|
"💸", // Money with Wings
|
|
"💵", // Dollar Banknote
|
|
"💴", // Yen Banknote
|
|
"💶", // Euro Banknote
|
|
"💷", // Pound Banknote
|
|
"💯", // Hundred Points
|
|
"📱", // Mobile Phone
|
|
"💻", // Laptop
|
|
"⌨️", // Keyboard
|
|
"🖥️", // Desktop Computer
|
|
"🔒", // Locked
|
|
"🔓", // Unlocked
|
|
|
|
// Food & Drink
|
|
"🍕", // Pizza
|
|
"🍔", // Hamburger
|
|
"🍦", // Ice Cream
|
|
"🍩", // Doughnut
|
|
"🍺", // Beer Mug
|
|
"🍷", // Wine Glass
|
|
"☕", // Hot Beverage
|
|
|
|
// Nature & Weather
|
|
"🌈", // Rainbow
|
|
"🌞", // Sun with Face
|
|
"🌙", // Crescent Moon
|
|
"⭐", // Star
|
|
"🌟", // Glowing Star
|
|
"⚡", // High Voltage
|
|
"❄️", // Snowflake
|
|
"🔥", // Fire
|
|
"💧", // Droplet
|
|
"🌊", // Water Wave
|
|
|
|
// Animals
|
|
"🐱", // Cat Face
|
|
"🐶", // Dog Face
|
|
"🦊", // Fox
|
|
"🐼", // Panda
|
|
"🦁", // Lion
|
|
"🐬", // Dolphin
|
|
"🦄", // Unicorn
|
|
|
|
// Symbols & Special
|
|
"❤️", // Red Heart
|
|
"🧡", // Orange Heart
|
|
"💚", // Green Heart
|
|
"💙", // Blue Heart
|
|
"💜", // Purple Heart
|
|
"🚀", // Rocket
|
|
"👀", // Eyes
|
|
"💀", // Skull
|
|
"🥹", // Face Holding Back Tears
|
|
"🐍", // Snake
|
|
"🐉", // Dragon
|
|
"🐲", // Dragon Face
|
|
"🧙♂️", // Wizard
|
|
"🪄", // Magic Wand
|
|
"🏴☠️", // Pirate Flag
|
|
"🦅", // Eagle (often associated with pirates)
|
|
"🦜", // Parrot (pirate symbol)
|
|
"💻", // Laptop (hacker symbol)
|
|
"🕶️", // Sunglasses (cool guy symbol)
|
|
"🧑💻", // Technologist
|
|
"👨💻", // Man Technologist
|
|
"👩💻", // Woman Technologist
|
|
"🕵️", // Detective
|
|
"🕵️♂️", // Man Detective
|
|
"🕵️♀️", // Woman Detective
|
|
"🖥️", // Desktop Computer
|
|
"⌨️", // Keyboard
|
|
"🖱️", // Computer Mouse
|
|
"🕹️", // Joystick
|
|
"📱", // Mobile Phone
|
|
"📲", // Mobile Phone with Arrow
|
|
"🔓", // Unlocked (hacker symbol)
|
|
"🔑", // Key (hacker symbol)
|
|
"🗝️", // Old Key (hacker symbol)
|
|
"🛡️", // Shield (hacker symbol)
|
|
"⚔️", // Crossed Swords (hacker symbol)
|
|
"🧬", // DNA (hacker symbol)
|
|
"🧫", // Petri Dish (hacker symbol)
|
|
"🧪", // Test Tube (hacker symbol)
|
|
"🛠️", // Hammer and Wrench (hacker symbol)
|
|
"⚙️", // Gear (hacker symbol)
|
|
"🧰", // Toolbox (hacker symbol)
|
|
"🧲", // Magnet (hacker symbol)
|
|
"💣", // Bomb (hacker symbol)
|
|
"🕳️", // Hole (hacker symbol)
|
|
"📡", // Satellite Antenna (hacker symbol)
|
|
"🛰️", // Satellite (hacker symbol)
|
|
"📞", // Telephone Receiver (hacker symbol)
|
|
"☎️", // Telephone (hacker symbol)
|
|
"📟", // Pager (hacker symbol)
|
|
"📠", // Fax Machine (hacker symbol)
|
|
"🔌", // Electric Plug (hacker symbol)
|
|
"💡", // Light Bulb (hacker symbol)
|
|
"🔦", // Flashlight (hacker symbol)
|
|
"🕯️", // Candle (hacker symbol)
|
|
"🗞️", // Rolled-Up Newspaper (hacker symbol)
|
|
"📜", // Scroll (hacker symbol)
|
|
"📃", // Page with Curl (hacker symbol)
|
|
"📄", // Page Facing Up (hacker symbol)
|
|
"📑", // Bookmark Tabs (hacker symbol)
|
|
"📊", // Bar Chart (hacker symbol)
|
|
"📈", // Chart Increasing (hacker symbol)
|
|
"📉", // Chart Decreasing (hacker symbol)
|
|
"🗂️", // Card Index Dividers (hacker symbol)
|
|
"🗃️", // Card File Box (hacker symbol)
|
|
"🗄️", // File Cabinet (hacker symbol)
|
|
"🗑️", // Wastebasket (hacker symbol)
|
|
"🛢️", // Oil Drum (hacker symbol)
|
|
"🛎️", // Bellhop Bell (hacker symbol)
|
|
"🧳", // Luggage (hacker symbol)
|
|
"🛌", // Person in Bed (hacker symbol)
|
|
"🛏️", // Bed (hacker symbol)
|
|
"🛋️", // Couch and Lamp (hacker symbol)
|
|
"🪑", // Chair (hacker symbol)
|
|
"🚪", // Door (hacker symbol)
|
|
"🧴", // Lotion Bottle (hacker symbol)
|
|
"🧷", // Safety Pin (hacker symbol)
|
|
"🧹", // Broom (hacker symbol)
|
|
"🧺", // Basket (hacker symbol)
|
|
"🧻", // Roll of Paper (hacker symbol)
|
|
"🧼", // Soap (hacker symbol)
|
|
"🧽", // Sponge (hacker symbol)
|
|
"🧯", // Fire Extinguisher (hacker symbol)
|
|
"🛒", // Shopping Cart (hacker symbol)
|
|
"🚬", // Cigarette (hacker symbol)
|
|
"⚰️", // Coffin (hacker symbol)
|
|
"⚱️", // Funeral Urn (hacker symbol)
|
|
"🗿", // Moai (hacker symbol)
|
|
"🛂", // Passport Control (hacker symbol)
|
|
"🛃", // Customs (hacker symbol)
|
|
"🛄", // Baggage Claim (hacker symbol)
|
|
"🛅", // Left Luggage (hacker symbol)
|
|
"🚹", // Men's Room (hacker symbol)
|
|
"🚺", // Women's Room (hacker symbol)
|
|
"🚼", // Baby Symbol (hacker symbol)
|
|
"🚻", // Restroom (hacker symbol)
|
|
"🚮", // Litter in Bin Sign (hacker symbol)
|
|
"🚰", // Potable Water (hacker symbol)
|
|
"🚾", // Water Closet (hacker symbol)
|
|
"🚭", // No Smoking (hacker symbol)
|
|
"🚯", // No Littering (hacker symbol)
|
|
"🚱", // Non-Potable Water (hacker symbol)
|
|
|
|
// Additional Smileys & Emotion
|
|
"😊", // Smiling Face with Smiling Eyes
|
|
"😇", // Smiling Face with Halo
|
|
"🙂", // Slightly Smiling Face
|
|
"🙃", // Upside-Down Face
|
|
"😉", // Winking Face
|
|
"😌", // Relieved Face
|
|
"😍", // Smiling Face with Heart-Eyes
|
|
"🥰", // Smiling Face with Hearts
|
|
"😘", // Face Blowing a Kiss
|
|
"😗", // Kissing Face
|
|
"😙", // Kissing Face with Smiling Eyes
|
|
"😚", // Kissing Face with Closed Eyes
|
|
"😋", // Face Savoring Food
|
|
"😛", // Face with Tongue
|
|
"😝", // Squinting Face with Tongue
|
|
"😜", // Winking Face with Tongue
|
|
"🤪", // Zany Face
|
|
|
|
// Additional People & Body
|
|
"🧑🚀", // Astronaut
|
|
"👨🚀", // Man Astronaut
|
|
"👩🚀", // Woman Astronaut
|
|
"🧑🔬", // Scientist
|
|
"👨🔬", // Man Scientist
|
|
"👩🔬", // Woman Scientist
|
|
"🧑⚕️", // Health Worker
|
|
"👨⚕️", // Man Health Worker
|
|
"👩⚕️", // Woman Health Worker
|
|
"🧑🔧", // Mechanic
|
|
"👨🔧", // Man Mechanic
|
|
"👩🔧", // Woman Mechanic
|
|
"🧑🚒", // Firefighter
|
|
"👨🚒", // Man Firefighter
|
|
"👩🚒", // Woman Firefighter
|
|
|
|
// Additional Animals & Nature
|
|
"🦒", // Giraffe
|
|
"🦓", // Zebra
|
|
"🦬", // Bison
|
|
"🦙", // Llama
|
|
"🦘", // Kangaroo
|
|
"🦥", // Sloth
|
|
"🦦", // Otter
|
|
"🦡", // Badger
|
|
"🦔", // Hedgehog
|
|
"🦝", // Raccoon
|
|
"🐿️", // Chipmunk
|
|
"🦫", // Beaver
|
|
"🦎", // Lizard
|
|
"🐊", // Crocodile
|
|
"🐢", // Turtle
|
|
"🦕", // Sauropod
|
|
"🦖", // T-Rex
|
|
"🐋", // Whale
|
|
"🐬", // Dolphin
|
|
"🦭", // Seal
|
|
|
|
// Additional Food & Drink
|
|
"🥞", // Pancakes
|
|
"🧇", // Waffle
|
|
"🧀", // Cheese Wedge
|
|
"🍖", // Meat on Bone
|
|
"🍗", // Poultry Leg
|
|
"🥩", // Cut of Meat
|
|
"🥓", // Bacon
|
|
"🍔", // Hamburger
|
|
"🍟", // French Fries
|
|
"🍕", // Pizza
|
|
"🌭", // Hot Dog
|
|
"🥪", // Sandwich
|
|
"🌮", // Taco
|
|
"🌯", // Burrito
|
|
"🥙", // Stuffed Flatbread
|
|
"🧆", // Falafel
|
|
"🥚", // Egg
|
|
"🍳", // Cooking
|
|
"🥘", // Shallow Pan of Food
|
|
"🍲", // Pot of Food
|
|
|
|
// Additional Travel & Places
|
|
"🏙️", // Cityscape
|
|
"🌆", // Cityscape at Dusk
|
|
"🌇", // Sunset
|
|
"🌃", // Night with Stars
|
|
"🌉", // Bridge at Night
|
|
"🏞️", // National Park
|
|
"🏜️", // Desert
|
|
"🏝️", // Desert Island
|
|
"🏖️", // Beach with Umbrella
|
|
"⛰️", // Mountain
|
|
"🏔️", // Snow-Capped Mountain
|
|
"🌋", // Volcano
|
|
"🗻", // Mount Fuji
|
|
"🏠", // House
|
|
"🏡", // House with Garden
|
|
"🏢", // Office Building
|
|
"🏣", // Japanese Post Office
|
|
"🏤", // Post Office
|
|
"🏥", // Hospital
|
|
"🏦", // Bank
|
|
|
|
// Additional Flags
|
|
"🇺🇸", // United States
|
|
"🇬🇧", // United Kingdom
|
|
"🇨🇦", // Canada
|
|
"🇯🇵", // Japan
|
|
"🇩🇪", // Germany
|
|
"🇫🇷", // France
|
|
"🇮🇹", // Italy
|
|
"🇪🇸", // Spain
|
|
"🇷🇺", // Russia
|
|
"🇨🇳", // China
|
|
"🇮🇳", // India
|
|
"🇧🇷", // Brazil
|
|
"🇦🇺", // Australia
|
|
"🇲🇽", // Mexico
|
|
"🇰🇷", // South Korea
|
|
"🇿🇦", // South Africa
|
|
"🇸🇪", // Sweden
|
|
"🇳🇴", // Norway
|
|
"🇳🇿", // New Zealand
|
|
"🇮🇪", // Ireland
|
|
];
|
|
|
|
// Define standard emoji categories using the Unicode CLDR categorization
|
|
window.emojiLibrary.CATEGORIES = [
|
|
{ id: 'all', name: 'All Emojis', icon: '🔍' },
|
|
{ id: 'smileys', name: 'Smileys & Emotion', icon: '😀' },
|
|
{ id: 'people', name: 'People & Body', icon: '👋' },
|
|
{ id: 'animals', name: 'Animals & Nature', icon: '🐵' },
|
|
{ id: 'food', name: 'Food & Drink', icon: '🍎' },
|
|
{ id: 'travel', name: 'Travel & Places', icon: '🚗' },
|
|
{ id: 'activities', name: 'Activities', icon: '⚽' },
|
|
{ id: 'objects', name: 'Objects', icon: '💡' },
|
|
{ id: 'symbols', name: 'Symbols', icon: '🔣' },
|
|
{ id: 'flags', name: 'Flags', icon: '🏁' }
|
|
];
|
|
|
|
// Function to render emoji grid with categories
|
|
window.emojiLibrary.renderEmojiGrid = function(containerId, onEmojiSelect, filteredList) {
|
|
console.log('Rendering emoji grid to:', containerId);
|
|
|
|
// Get container by ID
|
|
const container = document.getElementById(containerId);
|
|
if (!container) {
|
|
console.error('Container not found:', containerId);
|
|
return;
|
|
}
|
|
|
|
// Clear container
|
|
container.innerHTML = '';
|
|
|
|
// Create grid note
|
|
const gridNote = document.createElement('div');
|
|
gridNote.className = 'emoji-grid-note';
|
|
gridNote.innerHTML = '<i class="fas fa-magic"></i> Click any emoji to automatically copy your hidden message';
|
|
container.appendChild(gridNote);
|
|
|
|
// Create category tabs
|
|
const categoryTabs = document.createElement('div');
|
|
categoryTabs.className = 'emoji-category-tabs';
|
|
|
|
// Add category tabs
|
|
window.emojiLibrary.CATEGORIES.forEach(category => {
|
|
const tab = document.createElement('button');
|
|
tab.className = 'emoji-category-tab';
|
|
if (category.id === 'all') {
|
|
tab.classList.add('active');
|
|
}
|
|
tab.setAttribute('data-category', category.id);
|
|
tab.innerHTML = `${category.icon} ${category.name}`;
|
|
categoryTabs.appendChild(tab);
|
|
});
|
|
|
|
container.appendChild(categoryTabs);
|
|
|
|
// Create emoji grid with enforced styling
|
|
const gridContainer = document.createElement('div');
|
|
gridContainer.className = 'emoji-grid';
|
|
|
|
// Combine all emojis for a larger selection
|
|
const allEmojis = [...window.emojiLibrary.EMOJI_LIST, ...window.emojiLibrary.ADDITIONAL_EMOJIS];
|
|
|
|
// Use the provided filtered list if available, otherwise default to full list
|
|
const emojisToShow = filteredList && filteredList.length > 0 ? filteredList : allEmojis;
|
|
console.log(`Adding ${emojisToShow.length} emojis to grid`);
|
|
|
|
// Add emojis to grid with enforced styling
|
|
emojisToShow.forEach(emoji => {
|
|
const emojiButton = document.createElement('button');
|
|
emojiButton.className = 'emoji-button';
|
|
emojiButton.textContent = emoji; // Use textContent for better emoji handling
|
|
emojiButton.title = 'Click to encode with this emoji';
|
|
|
|
emojiButton.addEventListener('click', () => {
|
|
if (typeof onEmojiSelect === 'function') {
|
|
onEmojiSelect(emoji);
|
|
// Add visual feedback when clicked
|
|
emojiButton.style.backgroundColor = '#e6f7ff';
|
|
setTimeout(() => {
|
|
emojiButton.style.backgroundColor = '';
|
|
}, 300);
|
|
}
|
|
});
|
|
|
|
gridContainer.appendChild(emojiButton);
|
|
});
|
|
|
|
container.appendChild(gridContainer);
|
|
console.log('Emoji grid rendering complete');
|
|
|
|
// Helper function to categorize emojis using standard Unicode ranges
|
|
function categorizeEmoji(emoji) {
|
|
// Get the code point of the emoji
|
|
const code = emoji.codePointAt(0);
|
|
|
|
// Smileys & Emotion (faces, emotions, hearts)
|
|
if ((code >= 0x1F600 && code <= 0x1F64F) || // Emoticons
|
|
(code >= 0x1F910 && code <= 0x1F92F) || // Face-hand
|
|
(code >= 0x1F970 && code <= 0x1F97A) || // Faces
|
|
(code >= 0x1F9D0 && code <= 0x1F9DF) || // Faces
|
|
(code >= 0x2763 && code <= 0x2764) || // Hearts
|
|
(code >= 0x1F48B && code <= 0x1F49F) || // Hearts and love
|
|
(code >= 0x1F493 && code <= 0x1F49F) || // Hearts
|
|
emoji === '😀' || emoji === '😃' || emoji === '😄' || emoji === '😁' || emoji === '😆' ||
|
|
emoji === '😅' || emoji === '😂' || emoji === '🤣' || emoji === '☺️' || emoji === '😊') {
|
|
return 'smileys';
|
|
}
|
|
|
|
// People & Body (people, hands, body parts)
|
|
if ((code >= 0x1F466 && code <= 0x1F487) || // People
|
|
(code >= 0x1F9D1 && code <= 0x1F9DD) || // People
|
|
(code >= 0x1F468 && code <= 0x1F469) || // Man/Woman
|
|
(code >= 0x1F46E && code <= 0x1F9CF) || // People roles
|
|
(code >= 0x1F44B && code <= 0x1F450) || // Hands
|
|
(code >= 0x1F918 && code <= 0x1F91F) || // Hand symbols
|
|
(code >= 0x1F926 && code <= 0x1F937) || // People gestures
|
|
emoji.includes('👨') || emoji.includes('👩') || emoji.includes('🧑') ||
|
|
emoji.includes('👶') || emoji.includes('👦') || emoji.includes('👧') ||
|
|
emoji.includes('🧒') || emoji.includes('👴') || emoji.includes('👵') ||
|
|
emoji.includes('🧓') || emoji.includes('👮') || emoji.includes('👷')) {
|
|
return 'people';
|
|
}
|
|
|
|
// Animals & Nature (animals, plants, weather)
|
|
if ((code >= 0x1F400 && code <= 0x1F43F) || // Animals
|
|
(code >= 0x1F980 && code <= 0x1F9AF) || // Animals
|
|
(code >= 0x1F330 && code <= 0x1F33F) || // Plants
|
|
(code >= 0x1F340 && code <= 0x1F37F) || // More plants
|
|
(code >= 0x1F300 && code <= 0x1F32C) || // Weather
|
|
emoji === '🐵' || emoji === '🐒' || emoji === '🦍' || emoji === '🦧' ||
|
|
emoji === '🐶' || emoji === '🐕' || emoji === '🦮' || emoji === '🐩' ||
|
|
emoji === '🐺' || emoji === '🦊' || emoji === '🦝' || emoji === '🐱' ||
|
|
emoji === '🌱' || emoji === '🌲' || emoji === '🌳' || emoji === '🌴' ||
|
|
emoji === '🌵' || emoji === '🌷' || emoji === '🌸' || emoji === '🌹') {
|
|
return 'animals';
|
|
}
|
|
|
|
// Food & Drink
|
|
if ((code >= 0x1F32D && code <= 0x1F37F) || // Food items
|
|
(code >= 0x1F95F && code <= 0x1F9AA) || // More food
|
|
(code >= 0x1F950 && code <= 0x1F96F) || // More food
|
|
emoji === '🍇' || emoji === '🍈' || emoji === '🍉' || emoji === '🍊' ||
|
|
emoji === '🍋' || emoji === '🍌' || emoji === '🍍' || emoji === '🥭' ||
|
|
emoji === '🍎' || emoji === '🍏' || emoji === '🍐' || emoji === '🍑' ||
|
|
emoji === '🍒' || emoji === '🍓' || emoji === '🥝' || emoji === '🍅' ||
|
|
emoji === '🥥' || emoji === '🥑' || emoji === '🍆' || emoji === '🥔') {
|
|
return 'food';
|
|
}
|
|
|
|
// Travel & Places (transportation, buildings, maps)
|
|
if ((code >= 0x1F680 && code <= 0x1F6FF) || // Transport
|
|
(code >= 0x1F30D && code <= 0x1F32C) || // Earth/Weather
|
|
(code >= 0x1F3D7 && code <= 0x1F3DB) || // Buildings
|
|
(code >= 0x1F3E0 && code <= 0x1F3F0) || // Buildings
|
|
(code >= 0x26E9 && code <= 0x26F5) || // Buildings/Places
|
|
emoji === '🚗' || emoji === '🚕' || emoji === '🚙' || emoji === '🚌' ||
|
|
emoji === '🚎' || emoji === '🏎️' || emoji === '🚓' || emoji === '🚑' ||
|
|
emoji === '🚒' || emoji === '🚐' || emoji === '🛻' || emoji === '🚚' ||
|
|
emoji === '🚛' || emoji === '🚜' || emoji === '🛵' || emoji === '🏍️' ||
|
|
emoji === '🛺' || emoji === '🚲' || emoji === '🛴' || emoji === '🚏') {
|
|
return 'travel';
|
|
}
|
|
|
|
// Activities (sports, music, arts, hobbies)
|
|
if ((code >= 0x1F380 && code <= 0x1F3A0) || // Events
|
|
(code >= 0x1F3A3 && code <= 0x1F3BE) || // Sports
|
|
(code >= 0x1F3BF && code <= 0x1F3C9) || // Sports
|
|
(code >= 0x1F3CF && code <= 0x1F3D6) || // Sports
|
|
(code >= 0x1F3F8 && code <= 0x1F3FF) || // Activities
|
|
(code >= 0x1F93A && code <= 0x1F94F) || // Sports
|
|
emoji === '⚽' || emoji === '⚾' || emoji === '🏀' || emoji === '🏐' ||
|
|
emoji === '🏈' || emoji === '🏉' || emoji === '🎾' || emoji === '🥏' ||
|
|
emoji === '🎳' || emoji === '🏏' || emoji === '🏑' || emoji === '🏒' ||
|
|
emoji === '🥍' || emoji === '🏓' || emoji === '🏸' || emoji === '🥊') {
|
|
return 'activities';
|
|
}
|
|
|
|
// Objects (household, office, tools)
|
|
if ((code >= 0x1F4A1 && code <= 0x1F4CC) || // Office
|
|
(code >= 0x1F4D0 && code <= 0x1F4F7) || // Office/Tools
|
|
(code >= 0x1F4FF && code <= 0x1F53D) || // Various objects
|
|
(code >= 0x1F56F && code <= 0x1F5A4) || // Objects
|
|
(code >= 0x1F5D1 && code <= 0x1F5FF) || // Office objects
|
|
(code >= 0x1F6D1 && code <= 0x1F6DF) || // Misc objects
|
|
emoji === '⌚' || emoji === '📱' || emoji === '📲' || emoji === '💻' ||
|
|
emoji === '⌨️' || emoji === '🖥️' || emoji === '🖨️' || emoji === '🖱️' ||
|
|
emoji === '🖲️' || emoji === '🕹️' || emoji === '🗜️' || emoji === '💽' ||
|
|
emoji === '💾' || emoji === '💿' || emoji === '📀' || emoji === '📼') {
|
|
return 'objects';
|
|
}
|
|
|
|
// Symbols (punctuation, alphanum, geometric, etc)
|
|
if ((code >= 0x1F300 && code <= 0x1F320) || // Various symbols
|
|
(code >= 0x1F170 && code <= 0x1F251) || // Enclosed characters
|
|
(code >= 0x1F523 && code <= 0x1F5FF) || // Symbols
|
|
(code >= 0x2600 && code <= 0x26FF) || // Misc symbols
|
|
(code >= 0x2700 && code <= 0x27BF) || // Dingbats
|
|
(code >= 0x1F5FB && code <= 0x1F64F) || // Symbols
|
|
(code >= 0x1F680 && code <= 0x1F6FF) || // Transport symbols
|
|
emoji === '💯' || emoji === '📛' || emoji === '🔰' || emoji === '⭕' ||
|
|
emoji === '✅' || emoji === '☑️' || emoji === '✔️' || emoji === '❌' ||
|
|
emoji === '❎' || emoji === '➰' || emoji === '➿' || emoji === '〽️' ||
|
|
emoji === '✳️' || emoji === '✴️' || emoji === '❇️' || emoji === '©️') {
|
|
return 'symbols';
|
|
}
|
|
|
|
// Flags (country flags, flag symbols)
|
|
if ((code >= 0x1F1E6 && code <= 0x1F1FF) || // Regional indicators for flags
|
|
emoji === '🏁' || emoji === '🚩' || emoji === '🎌' || emoji === '🏴' ||
|
|
emoji.includes('🏳️') || // Flag variants
|
|
emoji.includes('🏴') || // Flag variants
|
|
// Check for country flags (pairs of regional indicators)
|
|
(emoji.length >= 2 &&
|
|
emoji.codePointAt(0) >= 0x1F1E6 && emoji.codePointAt(0) <= 0x1F1FF &&
|
|
emoji.codePointAt(2) >= 0x1F1E6 && emoji.codePointAt(2) <= 0x1F1FF)) {
|
|
return 'flags';
|
|
}
|
|
|
|
// Default to 'all' if we can't categorize
|
|
return 'all';
|
|
}
|
|
|
|
// Add event listeners to category tabs with actual filtering
|
|
document.querySelectorAll('.emoji-category-tab').forEach(tab => {
|
|
tab.addEventListener('click', function() {
|
|
// Remove active class from all tabs
|
|
document.querySelectorAll('.emoji-category-tab').forEach(t => {
|
|
t.classList.remove('active');
|
|
});
|
|
// Add active class to clicked tab
|
|
this.classList.add('active');
|
|
|
|
const selectedCategory = this.getAttribute('data-category');
|
|
console.log('Selected category:', selectedCategory);
|
|
|
|
// Get all emoji buttons
|
|
const allEmojis = [...window.emojiLibrary.EMOJI_LIST, ...window.emojiLibrary.ADDITIONAL_EMOJIS];
|
|
|
|
// Filter emojis based on selected category
|
|
let filteredEmojis = allEmojis;
|
|
if (selectedCategory !== 'all') {
|
|
filteredEmojis = allEmojis.filter(emoji => {
|
|
const category = categorizeEmoji(emoji);
|
|
console.log(`Emoji: ${emoji}, Category: ${category}`);
|
|
return category === selectedCategory;
|
|
});
|
|
}
|
|
|
|
// Clear and rebuild the grid with filtered emojis
|
|
const gridContainer = container.querySelector('.emoji-grid');
|
|
if (gridContainer) {
|
|
// Clear existing emojis
|
|
gridContainer.innerHTML = '';
|
|
|
|
// Add filtered emojis
|
|
filteredEmojis.forEach(emoji => {
|
|
const emojiButton = document.createElement('button');
|
|
emojiButton.className = 'emoji-button';
|
|
emojiButton.textContent = emoji;
|
|
emojiButton.title = 'Click to encode with this emoji';
|
|
|
|
emojiButton.addEventListener('click', () => {
|
|
if (typeof onEmojiSelect === 'function') {
|
|
onEmojiSelect(emoji);
|
|
// Add visual feedback when clicked
|
|
emojiButton.style.backgroundColor = '#e6f7ff';
|
|
setTimeout(() => {
|
|
emojiButton.style.backgroundColor = '';
|
|
}, 300);
|
|
}
|
|
});
|
|
|
|
gridContainer.appendChild(emojiButton);
|
|
});
|
|
|
|
// Update the count display
|
|
const countDisplay = container.querySelector('.emoji-count');
|
|
if (countDisplay) {
|
|
countDisplay.textContent = `${filteredEmojis.length} emojis available`;
|
|
}
|
|
}
|
|
});
|
|
});
|
|
|
|
// Debug info - add count display
|
|
const countDisplay = document.createElement('div');
|
|
countDisplay.className = 'emoji-count';
|
|
countDisplay.textContent = `${emojisToShow.length} emojis available`;
|
|
container.appendChild(countDisplay);
|
|
};
|