homework/js/07_chat_plus_smile/hw07_chatSmiles.js

const socket = io("http://localhost:4000");
// const socket = io("http://192.168.1.217:4000/");
users = []; // кто тут в чате

// let smiles = {};
// for (let smile of document.querySelectorAll(".emoji")) {
//     smiles[smile.nextElementSibling.innerText] = smile.getAttribute("data-src");
// }
// smilesJson = JSON.stringify(smiles,null,4);

let smileObj = {
    100: "graphics/emojis/100.png",
    1234: "graphics/emojis/1234.png",
    bowtie: "graphics/emojis/bowtie.png",
    smile: "graphics/emojis/smile.png",
    simple_smile: "graphics/emojis/simple_smile.png",
    laughing: "graphics/emojis/laughing.png",
    blush: "graphics/emojis/blush.png",
    smiley: "graphics/emojis/smiley.png",
    relaxed: "graphics/emojis/relaxed.png",
    smirk: "graphics/emojis/smirk.png",
    heart_eyes: "graphics/emojis/heart_eyes.png",
    kissing_heart: "graphics/emojis/kissing_heart.png",
    kissing_closed_eyes: "graphics/emojis/kissing_closed_eyes.png",
    flushed: "graphics/emojis/flushed.png",
    relieved: "graphics/emojis/relieved.png",
    satisfied: "graphics/emojis/satisfied.png",
    grin: "graphics/emojis/grin.png",
    wink: "graphics/emojis/wink.png",
    stuck_out_tongue_winking_eye: "graphics/emojis/stuck_out_tongue_winking_eye.png",
    stuck_out_tongue_closed_eyes: "graphics/emojis/stuck_out_tongue_closed_eyes.png",
    grinning: "graphics/emojis/grinning.png",
    kissing: "graphics/emojis/kissing.png",
    kissing_smiling_eyes: "graphics/emojis/kissing_smiling_eyes.png",
    stuck_out_tongue: "graphics/emojis/stuck_out_tongue.png",
    sleeping: "graphics/emojis/sleeping.png",
    worried: "graphics/emojis/worried.png",
    frowning: "graphics/emojis/frowning.png",
    anguished: "graphics/emojis/anguished.png",
    open_mouth: "graphics/emojis/open_mouth.png",
    grimacing: "graphics/emojis/grimacing.png",
    confused: "graphics/emojis/confused.png",
    hushed: "graphics/emojis/hushed.png",
    expressionless: "graphics/emojis/expressionless.png",
    unamused: "graphics/emojis/unamused.png",
    sweat_smile: "graphics/emojis/sweat_smile.png",
    sweat: "graphics/emojis/sweat.png",
    disappointed_relieved: "graphics/emojis/disappointed_relieved.png",
    weary: "graphics/emojis/weary.png",
    pensive: "graphics/emojis/pensive.png",
    disappointed: "graphics/emojis/disappointed.png",
    confounded: "graphics/emojis/confounded.png",
    fearful: "graphics/emojis/fearful.png",
    cold_sweat: "graphics/emojis/cold_sweat.png",
    persevere: "graphics/emojis/persevere.png",
    cry: "graphics/emojis/cry.png",
    sob: "graphics/emojis/sob.png",
    joy: "graphics/emojis/joy.png",
    astonished: "graphics/emojis/astonished.png",
    scream: "graphics/emojis/scream.png",
    neckbeard: "graphics/emojis/neckbeard.png",
    tired_face: "graphics/emojis/tired_face.png",
    angry: "graphics/emojis/angry.png",
    rage: "graphics/emojis/rage.png",
    triumph: "graphics/emojis/triumph.png",
    sleepy: "graphics/emojis/sleepy.png",
    yum: "graphics/emojis/yum.png",
    mask: "graphics/emojis/mask.png",
    sunglasses: "graphics/emojis/sunglasses.png",
    dizzy_face: "graphics/emojis/dizzy_face.png",
    imp: "graphics/emojis/imp.png",
    smiling_imp: "graphics/emojis/smiling_imp.png",
    neutral_face: "graphics/emojis/neutral_face.png",
    no_mouth: "graphics/emojis/no_mouth.png",
    innocent: "graphics/emojis/innocent.png",
    alien: "graphics/emojis/alien.png",
    yellow_heart: "graphics/emojis/yellow_heart.png",
    blue_heart: "graphics/emojis/blue_heart.png",
    purple_heart: "graphics/emojis/purple_heart.png",
    heart: "graphics/emojis/heart.png",
    green_heart: "graphics/emojis/green_heart.png",
    broken_heart: "graphics/emojis/broken_heart.png",
    heartbeat: "graphics/emojis/heartbeat.png",
    heartpulse: "graphics/emojis/heartpulse.png",
    two_hearts: "graphics/emojis/two_hearts.png",
    revolving_hearts: "graphics/emojis/revolving_hearts.png",
    cupid: "graphics/emojis/cupid.png",
    sparkling_heart: "graphics/emojis/sparkling_heart.png",
    sparkles: "graphics/emojis/sparkles.png",
    star: "graphics/emojis/star.png",
    star2: "graphics/emojis/star2.png",
    dizzy: "graphics/emojis/dizzy.png",
    boom: "graphics/emojis/boom.png",
    collision: "graphics/emojis/collision.png",
    anger: "graphics/emojis/anger.png",
    exclamation: "graphics/emojis/exclamation.png",
    question: "graphics/emojis/question.png",
    grey_exclamation: "graphics/emojis/grey_exclamation.png",
    grey_question: "graphics/emojis/grey_question.png",
    zzz: "graphics/emojis/zzz.png",
    dash: "graphics/emojis/dash.png",
    sweat_drops: "graphics/emojis/sweat_drops.png",
    notes: "graphics/emojis/notes.png",
    musical_note: "graphics/emojis/musical_note.png",
    fire: "graphics/emojis/fire.png",
    hankey: "graphics/emojis/hankey.png",
    poop: "graphics/emojis/poop.png",
    shit: "graphics/emojis/shit.png",
    "+1": "graphics/emojis/plus1.png",
    thumbsup: "graphics/emojis/thumbsup.png",
    "-1": "graphics/emojis/-1.png",
    thumbsdown: "graphics/emojis/thumbsdown.png",
    ok_hand: "graphics/emojis/ok_hand.png",
    punch: "graphics/emojis/punch.png",
    facepunch: "graphics/emojis/facepunch.png",
    fist: "graphics/emojis/fist.png",
    v: "graphics/emojis/v.png",
    wave: "graphics/emojis/wave.png",
    hand: "graphics/emojis/hand.png",
    raised_hand: "graphics/emojis/raised_hand.png",
    open_hands: "graphics/emojis/open_hands.png",
    point_up: "graphics/emojis/point_up.png",
    point_down: "graphics/emojis/point_down.png",
    point_left: "graphics/emojis/point_left.png",
    point_right: "graphics/emojis/point_right.png",
    raised_hands: "graphics/emojis/raised_hands.png",
    pray: "graphics/emojis/pray.png",
    point_up_2: "graphics/emojis/point_up_2.png",
    clap: "graphics/emojis/clap.png",
    muscle: "graphics/emojis/muscle.png",
    metal: "graphics/emojis/metal.png",
    fu: "graphics/emojis/fu.png",
    runner: "graphics/emojis/runner.png",
    running: "graphics/emojis/running.png",
    couple: "graphics/emojis/couple.png",
    family: "graphics/emojis/family.png",
    two_men_holding_hands: "graphics/emojis/two_men_holding_hands.png",
    two_women_holding_hands: "graphics/emojis/two_women_holding_hands.png",
    dancer: "graphics/emojis/dancer.png",
    dancers: "graphics/emojis/dancers.png",
    ok_woman: "graphics/emojis/ok_woman.png",
    no_good: "graphics/emojis/no_good.png",
    information_desk_person: "graphics/emojis/information_desk_person.png",
    raising_hand: "graphics/emojis/raising_hand.png",
    bride_with_veil: "graphics/emojis/bride_with_veil.png",
    person_with_pouting_face: "graphics/emojis/person_with_pouting_face.png",
    person_frowning: "graphics/emojis/person_frowning.png",
    bow: "graphics/emojis/bow.png",
    couplekiss: "graphics/emojis/couplekiss.png",
    couple_with_heart: "graphics/emojis/couple_with_heart.png",
    massage: "graphics/emojis/massage.png",
    haircut: "graphics/emojis/haircut.png",
    nail_care: "graphics/emojis/nail_care.png",
    boy: "graphics/emojis/boy.png",
    girl: "graphics/emojis/girl.png",
    woman: "graphics/emojis/woman.png",
    man: "graphics/emojis/man.png",
    baby: "graphics/emojis/baby.png",
    older_woman: "graphics/emojis/older_woman.png",
    older_man: "graphics/emojis/older_man.png",
    person_with_blond_hair: "graphics/emojis/person_with_blond_hair.png",
    man_with_gua_pi_mao: "graphics/emojis/man_with_gua_pi_mao.png",
    man_with_turban: "graphics/emojis/man_with_turban.png",
    construction_worker: "graphics/emojis/construction_worker.png",
    cop: "graphics/emojis/cop.png",
    angel: "graphics/emojis/angel.png",
    princess: "graphics/emojis/princess.png",
    smiley_cat: "graphics/emojis/smiley_cat.png",
    smile_cat: "graphics/emojis/smile_cat.png",
    heart_eyes_cat: "graphics/emojis/heart_eyes_cat.png",
    kissing_cat: "graphics/emojis/kissing_cat.png",
    smirk_cat: "graphics/emojis/smirk_cat.png",
    scream_cat: "graphics/emojis/scream_cat.png",
    crying_cat_face: "graphics/emojis/crying_cat_face.png",
    joy_cat: "graphics/emojis/joy_cat.png",
    pouting_cat: "graphics/emojis/pouting_cat.png",
    japanese_ogre: "graphics/emojis/japanese_ogre.png",
    japanese_goblin: "graphics/emojis/japanese_goblin.png",
    see_no_evil: "graphics/emojis/see_no_evil.png",
    hear_no_evil: "graphics/emojis/hear_no_evil.png",
    speak_no_evil: "graphics/emojis/speak_no_evil.png",
    guardsman: "graphics/emojis/guardsman.png",
    skull: "graphics/emojis/skull.png",
    feet: "graphics/emojis/feet.png",
    lips: "graphics/emojis/lips.png",
    kiss: "graphics/emojis/kiss.png",
    droplet: "graphics/emojis/droplet.png",
    ear: "graphics/emojis/ear.png",
    eyes: "graphics/emojis/eyes.png",
    nose: "graphics/emojis/nose.png",
    tongue: "graphics/emojis/tongue.png",
    love_letter: "graphics/emojis/love_letter.png",
    bust_in_silhouette: "graphics/emojis/bust_in_silhouette.png",
    busts_in_silhouette: "graphics/emojis/busts_in_silhouette.png",
    speech_balloon: "graphics/emojis/speech_balloon.png",
    thought_balloon: "graphics/emojis/thought_balloon.png",
    feelsgood: "graphics/emojis/feelsgood.png",
    finnadie: "graphics/emojis/finnadie.png",
    goberserk: "graphics/emojis/goberserk.png",
    godmode: "graphics/emojis/godmode.png",
    hurtrealbad: "graphics/emojis/hurtrealbad.png",
    rage1: "graphics/emojis/rage1.png",
    rage2: "graphics/emojis/rage2.png",
    rage3: "graphics/emojis/rage3.png",
    rage4: "graphics/emojis/rage4.png",
    suspect: "graphics/emojis/suspect.png",
    trollface: "graphics/emojis/trollface.png",
    sunny: "graphics/emojis/sunny.png",
    umbrella: "graphics/emojis/umbrella.png",
    cloud: "graphics/emojis/cloud.png",
    snowflake: "graphics/emojis/snowflake.png",
    snowman: "graphics/emojis/snowman.png",
    zap: "graphics/emojis/zap.png",
    cyclone: "graphics/emojis/cyclone.png",
    foggy: "graphics/emojis/foggy.png",
    ocean: "graphics/emojis/ocean.png",
    cat: "graphics/emojis/cat.png",
    dog: "graphics/emojis/dog.png",
    mouse: "graphics/emojis/mouse.png",
    hamster: "graphics/emojis/hamster.png",
    rabbit: "graphics/emojis/rabbit.png",
    wolf: "graphics/emojis/wolf.png",
    frog: "graphics/emojis/frog.png",
    tiger: "graphics/emojis/tiger.png",
    koala: "graphics/emojis/koala.png",
    bear: "graphics/emojis/bear.png",
    pig: "graphics/emojis/pig.png",
    pig_nose: "graphics/emojis/pig_nose.png",
    cow: "graphics/emojis/cow.png",
    boar: "graphics/emojis/boar.png",
    monkey_face: "graphics/emojis/monkey_face.png",
    monkey: "graphics/emojis/monkey.png",
    horse: "graphics/emojis/horse.png",
    racehorse: "graphics/emojis/racehorse.png",
    camel: "graphics/emojis/camel.png",
    sheep: "graphics/emojis/sheep.png",
    elephant: "graphics/emojis/elephant.png",
    panda_face: "graphics/emojis/panda_face.png",
    snake: "graphics/emojis/snake.png",
    bird: "graphics/emojis/bird.png",
    baby_chick: "graphics/emojis/baby_chick.png",
    hatched_chick: "graphics/emojis/hatched_chick.png",
    hatching_chick: "graphics/emojis/hatching_chick.png",
    chicken: "graphics/emojis/chicken.png",
    penguin: "graphics/emojis/penguin.png",
    turtle: "graphics/emojis/turtle.png",
    bug: "graphics/emojis/bug.png",
    honeybee: "graphics/emojis/honeybee.png",
    ant: "graphics/emojis/ant.png",
    beetle: "graphics/emojis/beetle.png",
    snail: "graphics/emojis/snail.png",
    octopus: "graphics/emojis/octopus.png",
    tropical_fish: "graphics/emojis/tropical_fish.png",
    fish: "graphics/emojis/fish.png",
    whale: "graphics/emojis/whale.png",
    whale2: "graphics/emojis/whale2.png",
    dolphin: "graphics/emojis/dolphin.png",
    cow2: "graphics/emojis/cow2.png",
    ram: "graphics/emojis/ram.png",
    rat: "graphics/emojis/rat.png",
    water_buffalo: "graphics/emojis/water_buffalo.png",
    tiger2: "graphics/emojis/tiger2.png",
    rabbit2: "graphics/emojis/rabbit2.png",
    dragon: "graphics/emojis/dragon.png",
    goat: "graphics/emojis/goat.png",
    rooster: "graphics/emojis/rooster.png",
    dog2: "graphics/emojis/dog2.png",
    pig2: "graphics/emojis/pig2.png",
    mouse2: "graphics/emojis/mouse2.png",
    ox: "graphics/emojis/ox.png",
    dragon_face: "graphics/emojis/dragon_face.png",
    blowfish: "graphics/emojis/blowfish.png",
    crocodile: "graphics/emojis/crocodile.png",
    dromedary_camel: "graphics/emojis/dromedary_camel.png",
    leopard: "graphics/emojis/leopard.png",
    cat2: "graphics/emojis/cat2.png",
    poodle: "graphics/emojis/poodle.png",
    paw_prints: "graphics/emojis/paw_prints.png",
    bouquet: "graphics/emojis/bouquet.png",
    cherry_blossom: "graphics/emojis/cherry_blossom.png",
    tulip: "graphics/emojis/tulip.png",
    four_leaf_clover: "graphics/emojis/four_leaf_clover.png",
    rose: "graphics/emojis/rose.png",
    sunflower: "graphics/emojis/sunflower.png",
    hibiscus: "graphics/emojis/hibiscus.png",
    maple_leaf: "graphics/emojis/maple_leaf.png",
    leaves: "graphics/emojis/leaves.png",
    fallen_leaf: "graphics/emojis/fallen_leaf.png",
    herb: "graphics/emojis/herb.png",
    mushroom: "graphics/emojis/mushroom.png",
    cactus: "graphics/emojis/cactus.png",
    palm_tree: "graphics/emojis/palm_tree.png",
    evergreen_tree: "graphics/emojis/evergreen_tree.png",
    deciduous_tree: "graphics/emojis/deciduous_tree.png",
    chestnut: "graphics/emojis/chestnut.png",
    seedling: "graphics/emojis/seedling.png",
    blossom: "graphics/emojis/blossom.png",
    ear_of_rice: "graphics/emojis/ear_of_rice.png",
    shell: "graphics/emojis/shell.png",
    globe_with_meridians: "graphics/emojis/globe_with_meridians.png",
    sun_with_face: "graphics/emojis/sun_with_face.png",
    full_moon_with_face: "graphics/emojis/full_moon_with_face.png",
    new_moon_with_face: "graphics/emojis/new_moon_with_face.png",
    new_moon: "graphics/emojis/new_moon.png",
    waxing_crescent_moon: "graphics/emojis/waxing_crescent_moon.png",
    first_quarter_moon: "graphics/emojis/first_quarter_moon.png",
    waxing_gibbous_moon: "graphics/emojis/waxing_gibbous_moon.png",
    full_moon: "graphics/emojis/full_moon.png",
    waning_gibbous_moon: "graphics/emojis/waning_gibbous_moon.png",
    last_quarter_moon: "graphics/emojis/last_quarter_moon.png",
    waning_crescent_moon: "graphics/emojis/waning_crescent_moon.png",
    last_quarter_moon_with_face: "graphics/emojis/last_quarter_moon_with_face.png",
    first_quarter_moon_with_face: "graphics/emojis/first_quarter_moon_with_face.png",
    crescent_moon: "graphics/emojis/crescent_moon.png",
    earth_africa: "graphics/emojis/earth_africa.png",
    earth_americas: "graphics/emojis/earth_americas.png",
    earth_asia: "graphics/emojis/earth_asia.png",
    volcano: "graphics/emojis/volcano.png",
    milky_way: "graphics/emojis/milky_way.png",
    partly_sunny: "graphics/emojis/partly_sunny.png",
    octocat: "graphics/emojis/octocat.png",
    squirrel: "graphics/emojis/squirrel.png",
    bamboo: "graphics/emojis/bamboo.png",
    gift_heart: "graphics/emojis/gift_heart.png",
    dolls: "graphics/emojis/dolls.png",
    school_satchel: "graphics/emojis/school_satchel.png",
    mortar_board: "graphics/emojis/mortar_board.png",
    flags: "graphics/emojis/flags.png",
    fireworks: "graphics/emojis/fireworks.png",
    sparkler: "graphics/emojis/sparkler.png",
    wind_chime: "graphics/emojis/wind_chime.png",
    rice_scene: "graphics/emojis/rice_scene.png",
    jack_o_lantern: "graphics/emojis/jack_o_lantern.png",
    ghost: "graphics/emojis/ghost.png",
    santa: "graphics/emojis/santa.png",
    christmas_tree: "graphics/emojis/christmas_tree.png",
    gift: "graphics/emojis/gift.png",
    bell: "graphics/emojis/bell.png",
    no_bell: "graphics/emojis/no_bell.png",
    tanabata_tree: "graphics/emojis/tanabata_tree.png",
    tada: "graphics/emojis/tada.png",
    confetti_ball: "graphics/emojis/confetti_ball.png",
    balloon: "graphics/emojis/balloon.png",
    crystal_ball: "graphics/emojis/crystal_ball.png",
    cd: "graphics/emojis/cd.png",
    dvd: "graphics/emojis/dvd.png",
    floppy_disk: "graphics/emojis/floppy_disk.png",
    camera: "graphics/emojis/camera.png",
    video_camera: "graphics/emojis/video_camera.png",
    movie_camera: "graphics/emojis/movie_camera.png",
    computer: "graphics/emojis/computer.png",
    tv: "graphics/emojis/tv.png",
    iphone: "graphics/emojis/iphone.png",
    phone: "graphics/emojis/phone.png",
    telephone: "graphics/emojis/telephone.png",
    telephone_receiver: "graphics/emojis/telephone_receiver.png",
    pager: "graphics/emojis/pager.png",
    fax: "graphics/emojis/fax.png",
    minidisc: "graphics/emojis/minidisc.png",
    vhs: "graphics/emojis/vhs.png",
    sound: "graphics/emojis/sound.png",
    speaker: "graphics/emojis/speaker.png",
    mute: "graphics/emojis/mute.png",
    loudspeaker: "graphics/emojis/loudspeaker.png",
    mega: "graphics/emojis/mega.png",
    hourglass: "graphics/emojis/hourglass.png",
    hourglass_flowing_sand: "graphics/emojis/hourglass_flowing_sand.png",
    alarm_clock: "graphics/emojis/alarm_clock.png",
    watch: "graphics/emojis/watch.png",
    radio: "graphics/emojis/radio.png",
    satellite: "graphics/emojis/satellite.png",
    loop: "graphics/emojis/loop.png",
    mag: "graphics/emojis/mag.png",
    mag_right: "graphics/emojis/mag_right.png",
    unlock: "graphics/emojis/unlock.png",
    lock: "graphics/emojis/lock.png",
    lock_with_ink_pen: "graphics/emojis/lock_with_ink_pen.png",
    closed_lock_with_key: "graphics/emojis/closed_lock_with_key.png",
    key: "graphics/emojis/key.png",
    bulb: "graphics/emojis/bulb.png",
    flashlight: "graphics/emojis/flashlight.png",
    high_brightness: "graphics/emojis/high_brightness.png",
    low_brightness: "graphics/emojis/low_brightness.png",
    electric_plug: "graphics/emojis/electric_plug.png",
    battery: "graphics/emojis/battery.png",
    calling: "graphics/emojis/calling.png",
    email: "graphics/emojis/email.png",
    mailbox: "graphics/emojis/mailbox.png",
    postbox: "graphics/emojis/postbox.png",
    bath: "graphics/emojis/bath.png",
    bathtub: "graphics/emojis/bathtub.png",
    shower: "graphics/emojis/shower.png",
    toilet: "graphics/emojis/toilet.png",
    wrench: "graphics/emojis/wrench.png",
    nut_and_bolt: "graphics/emojis/nut_and_bolt.png",
    hammer: "graphics/emojis/hammer.png",
    seat: "graphics/emojis/seat.png",
    moneybag: "graphics/emojis/moneybag.png",
    yen: "graphics/emojis/yen.png",
    dollar: "graphics/emojis/dollar.png",
    pound: "graphics/emojis/pound.png",
    euro: "graphics/emojis/euro.png",
    credit_card: "graphics/emojis/credit_card.png",
    money_with_wings: "graphics/emojis/money_with_wings.png",
    "e-mail": "graphics/emojis/e-mail.png",
    inbox_tray: "graphics/emojis/inbox_tray.png",
    outbox_tray: "graphics/emojis/outbox_tray.png",
    envelope: "graphics/emojis/envelope.png",
    incoming_envelope: "graphics/emojis/incoming_envelope.png",
    postal_horn: "graphics/emojis/postal_horn.png",
    mailbox_closed: "graphics/emojis/mailbox_closed.png",
    mailbox_with_mail: "graphics/emojis/mailbox_with_mail.png",
    mailbox_with_no_mail: "graphics/emojis/mailbox_with_no_mail.png",
    package: "graphics/emojis/package.png",
    door: "graphics/emojis/door.png",
    smoking: "graphics/emojis/smoking.png",
    bomb: "graphics/emojis/bomb.png",
    gun: "graphics/emojis/gun.png",
    hocho: "graphics/emojis/hocho.png",
    pill: "graphics/emojis/pill.png",
    syringe: "graphics/emojis/syringe.png",
    page_facing_up: "graphics/emojis/page_facing_up.png",
    page_with_curl: "graphics/emojis/page_with_curl.png",
    bookmark_tabs: "graphics/emojis/bookmark_tabs.png",
    bar_chart: "graphics/emojis/bar_chart.png",
    chart_with_upwards_trend: "graphics/emojis/chart_with_upwards_trend.png",
    chart_with_downwards_trend: "graphics/emojis/chart_with_downwards_trend.png",
    scroll: "graphics/emojis/scroll.png",
    clipboard: "graphics/emojis/clipboard.png",
    calendar: "graphics/emojis/calendar.png",
    date: "graphics/emojis/date.png",
    card_index: "graphics/emojis/card_index.png",
    file_folder: "graphics/emojis/file_folder.png",
    open_file_folder: "graphics/emojis/open_file_folder.png",
    scissors: "graphics/emojis/scissors.png",
    pushpin: "graphics/emojis/pushpin.png",
    paperclip: "graphics/emojis/paperclip.png",
    black_nib: "graphics/emojis/black_nib.png",
    pencil2: "graphics/emojis/pencil2.png",
    straight_ruler: "graphics/emojis/straight_ruler.png",
    triangular_ruler: "graphics/emojis/triangular_ruler.png",
    closed_book: "graphics/emojis/closed_book.png",
    green_book: "graphics/emojis/green_book.png",
    blue_book: "graphics/emojis/blue_book.png",
    orange_book: "graphics/emojis/orange_book.png",
    notebook: "graphics/emojis/notebook.png",
    notebook_with_decorative_cover: "graphics/emojis/notebook_with_decorative_cover.png",
    ledger: "graphics/emojis/ledger.png",
    books: "graphics/emojis/books.png",
    bookmark: "graphics/emojis/bookmark.png",
    name_badge: "graphics/emojis/name_badge.png",
    microscope: "graphics/emojis/microscope.png",
    telescope: "graphics/emojis/telescope.png",
    newspaper: "graphics/emojis/newspaper.png",
    football: "graphics/emojis/football.png",
    basketball: "graphics/emojis/basketball.png",
    soccer: "graphics/emojis/soccer.png",
    baseball: "graphics/emojis/baseball.png",
    tennis: "graphics/emojis/tennis.png",
    "8ball": "graphics/emojis/8ball.png",
    rugby_football: "graphics/emojis/rugby_football.png",
    bowling: "graphics/emojis/bowling.png",
    golf: "graphics/emojis/golf.png",
    mountain_bicyclist: "graphics/emojis/mountain_bicyclist.png",
    bicyclist: "graphics/emojis/bicyclist.png",
    horse_racing: "graphics/emojis/horse_racing.png",
    snowboarder: "graphics/emojis/snowboarder.png",
    swimmer: "graphics/emojis/swimmer.png",
    surfer: "graphics/emojis/surfer.png",
    ski: "graphics/emojis/ski.png",
    spades: "graphics/emojis/spades.png",
    hearts: "graphics/emojis/hearts.png",
    clubs: "graphics/emojis/clubs.png",
    diamonds: "graphics/emojis/diamonds.png",
    gem: "graphics/emojis/gem.png",
    ring: "graphics/emojis/ring.png",
    trophy: "graphics/emojis/trophy.png",
    musical_score: "graphics/emojis/musical_score.png",
    musical_keyboard: "graphics/emojis/musical_keyboard.png",
    violin: "graphics/emojis/violin.png",
    space_invader: "graphics/emojis/space_invader.png",
    video_game: "graphics/emojis/video_game.png",
    black_joker: "graphics/emojis/black_joker.png",
    flower_playing_cards: "graphics/emojis/flower_playing_cards.png",
    game_die: "graphics/emojis/game_die.png",
    dart: "graphics/emojis/dart.png",
    mahjong: "graphics/emojis/mahjong.png",
    clapper: "graphics/emojis/clapper.png",
    memo: "graphics/emojis/memo.png",
    pencil: "graphics/emojis/pencil.png",
    book: "graphics/emojis/book.png",
    art: "graphics/emojis/art.png",
    microphone: "graphics/emojis/microphone.png",
    headphones: "graphics/emojis/headphones.png",
    trumpet: "graphics/emojis/trumpet.png",
    saxophone: "graphics/emojis/saxophone.png",
    guitar: "graphics/emojis/guitar.png",
    shoe: "graphics/emojis/shoe.png",
    sandal: "graphics/emojis/sandal.png",
    high_heel: "graphics/emojis/high_heel.png",
    lipstick: "graphics/emojis/lipstick.png",
    boot: "graphics/emojis/boot.png",
    shirt: "graphics/emojis/shirt.png",
    tshirt: "graphics/emojis/tshirt.png",
    necktie: "graphics/emojis/necktie.png",
    womans_clothes: "graphics/emojis/womans_clothes.png",
    dress: "graphics/emojis/dress.png",
    running_shirt_with_sash: "graphics/emojis/running_shirt_with_sash.png",
    jeans: "graphics/emojis/jeans.png",
    kimono: "graphics/emojis/kimono.png",
    bikini: "graphics/emojis/bikini.png",
    ribbon: "graphics/emojis/ribbon.png",
    tophat: "graphics/emojis/tophat.png",
    crown: "graphics/emojis/crown.png",
    womans_hat: "graphics/emojis/womans_hat.png",
    mans_shoe: "graphics/emojis/mans_shoe.png",
    closed_umbrella: "graphics/emojis/closed_umbrella.png",
    briefcase: "graphics/emojis/briefcase.png",
    handbag: "graphics/emojis/handbag.png",
    pouch: "graphics/emojis/pouch.png",
    purse: "graphics/emojis/purse.png",
    eyeglasses: "graphics/emojis/eyeglasses.png",
    fishing_pole_and_fish: "graphics/emojis/fishing_pole_and_fish.png",
    coffee: "graphics/emojis/coffee.png",
    tea: "graphics/emojis/tea.png",
    sake: "graphics/emojis/sake.png",
    baby_bottle: "graphics/emojis/baby_bottle.png",
    beer: "graphics/emojis/beer.png",
    beers: "graphics/emojis/beers.png",
    cocktail: "graphics/emojis/cocktail.png",
    tropical_drink: "graphics/emojis/tropical_drink.png",
    wine_glass: "graphics/emojis/wine_glass.png",
    fork_and_knife: "graphics/emojis/fork_and_knife.png",
    pizza: "graphics/emojis/pizza.png",
    hamburger: "graphics/emojis/hamburger.png",
    fries: "graphics/emojis/fries.png",
    poultry_leg: "graphics/emojis/poultry_leg.png",
    meat_on_bone: "graphics/emojis/meat_on_bone.png",
    spaghetti: "graphics/emojis/spaghetti.png",
    curry: "graphics/emojis/curry.png",
    fried_shrimp: "graphics/emojis/fried_shrimp.png",
    bento: "graphics/emojis/bento.png",
    sushi: "graphics/emojis/sushi.png",
    fish_cake: "graphics/emojis/fish_cake.png",
    rice_ball: "graphics/emojis/rice_ball.png",
    rice_cracker: "graphics/emojis/rice_cracker.png",
    rice: "graphics/emojis/rice.png",
    ramen: "graphics/emojis/ramen.png",
    stew: "graphics/emojis/stew.png",
    oden: "graphics/emojis/oden.png",
    dango: "graphics/emojis/dango.png",
    egg: "graphics/emojis/egg.png",
    bread: "graphics/emojis/bread.png",
    doughnut: "graphics/emojis/doughnut.png",
    custard: "graphics/emojis/custard.png",
    icecream: "graphics/emojis/icecream.png",
    ice_cream: "graphics/emojis/ice_cream.png",
    shaved_ice: "graphics/emojis/shaved_ice.png",
    birthday: "graphics/emojis/birthday.png",
    cake: "graphics/emojis/cake.png",
    cookie: "graphics/emojis/cookie.png",
    chocolate_bar: "graphics/emojis/chocolate_bar.png",
    candy: "graphics/emojis/candy.png",
    lollipop: "graphics/emojis/lollipop.png",
    honey_pot: "graphics/emojis/honey_pot.png",
    apple: "graphics/emojis/apple.png",
    green_apple: "graphics/emojis/green_apple.png",
    tangerine: "graphics/emojis/tangerine.png",
    lemon: "graphics/emojis/lemon.png",
    cherries: "graphics/emojis/cherries.png",
    grapes: "graphics/emojis/grapes.png",
    watermelon: "graphics/emojis/watermelon.png",
    strawberry: "graphics/emojis/strawberry.png",
    peach: "graphics/emojis/peach.png",
    melon: "graphics/emojis/melon.png",
    banana: "graphics/emojis/banana.png",
    pear: "graphics/emojis/pear.png",
    pineapple: "graphics/emojis/pineapple.png",
    sweet_potato: "graphics/emojis/sweet_potato.png",
    eggplant: "graphics/emojis/eggplant.png",
    tomato: "graphics/emojis/tomato.png",
    corn: "graphics/emojis/corn.png",
    house: "graphics/emojis/house.png",
    house_with_garden: "graphics/emojis/house_with_garden.png",
    school: "graphics/emojis/school.png",
    office: "graphics/emojis/office.png",
    post_office: "graphics/emojis/post_office.png",
    hospital: "graphics/emojis/hospital.png",
    bank: "graphics/emojis/bank.png",
    convenience_store: "graphics/emojis/convenience_store.png",
    love_hotel: "graphics/emojis/love_hotel.png",
    hotel: "graphics/emojis/hotel.png",
    wedding: "graphics/emojis/wedding.png",
    church: "graphics/emojis/church.png",
    department_store: "graphics/emojis/department_store.png",
    european_post_office: "graphics/emojis/european_post_office.png",
    city_sunrise: "graphics/emojis/city_sunrise.png",
    city_sunset: "graphics/emojis/city_sunset.png",
    japanese_castle: "graphics/emojis/japanese_castle.png",
    european_castle: "graphics/emojis/european_castle.png",
    tent: "graphics/emojis/tent.png",
    factory: "graphics/emojis/factory.png",
    tokyo_tower: "graphics/emojis/tokyo_tower.png",
    japan: "graphics/emojis/japan.png",
    mount_fuji: "graphics/emojis/mount_fuji.png",
    sunrise_over_mountains: "graphics/emojis/sunrise_over_mountains.png",
    sunrise: "graphics/emojis/sunrise.png",
    stars: "graphics/emojis/stars.png",
    statue_of_liberty: "graphics/emojis/statue_of_liberty.png",
    bridge_at_night: "graphics/emojis/bridge_at_night.png",
    carousel_horse: "graphics/emojis/carousel_horse.png",
    rainbow: "graphics/emojis/rainbow.png",
    ferris_wheel: "graphics/emojis/ferris_wheel.png",
    fountain: "graphics/emojis/fountain.png",
    roller_coaster: "graphics/emojis/roller_coaster.png",
    ship: "graphics/emojis/ship.png",
    speedboat: "graphics/emojis/speedboat.png",
    boat: "graphics/emojis/boat.png",
    sailboat: "graphics/emojis/sailboat.png",
    rowboat: "graphics/emojis/rowboat.png",
    anchor: "graphics/emojis/anchor.png",
    rocket: "graphics/emojis/rocket.png",
    airplane: "graphics/emojis/airplane.png",
    helicopter: "graphics/emojis/helicopter.png",
    steam_locomotive: "graphics/emojis/steam_locomotive.png",
    tram: "graphics/emojis/tram.png",
    mountain_railway: "graphics/emojis/mountain_railway.png",
    bike: "graphics/emojis/bike.png",
    aerial_tramway: "graphics/emojis/aerial_tramway.png",
    suspension_railway: "graphics/emojis/suspension_railway.png",
    mountain_cableway: "graphics/emojis/mountain_cableway.png",
    tractor: "graphics/emojis/tractor.png",
    blue_car: "graphics/emojis/blue_car.png",
    oncoming_automobile: "graphics/emojis/oncoming_automobile.png",
    car: "graphics/emojis/car.png",
    red_car: "graphics/emojis/red_car.png",
    taxi: "graphics/emojis/taxi.png",
    oncoming_taxi: "graphics/emojis/oncoming_taxi.png",
    articulated_lorry: "graphics/emojis/articulated_lorry.png",
    bus: "graphics/emojis/bus.png",
    oncoming_bus: "graphics/emojis/oncoming_bus.png",
    rotating_light: "graphics/emojis/rotating_light.png",
    police_car: "graphics/emojis/police_car.png",
    oncoming_police_car: "graphics/emojis/oncoming_police_car.png",
    fire_engine: "graphics/emojis/fire_engine.png",
    ambulance: "graphics/emojis/ambulance.png",
    minibus: "graphics/emojis/minibus.png",
    truck: "graphics/emojis/truck.png",
    train: "graphics/emojis/train.png",
    station: "graphics/emojis/station.png",
    train2: "graphics/emojis/train2.png",
    bullettrain_front: "graphics/emojis/bullettrain_front.png",
    bullettrain_side: "graphics/emojis/bullettrain_side.png",
    light_rail: "graphics/emojis/light_rail.png",
    monorail: "graphics/emojis/monorail.png",
    railway_car: "graphics/emojis/railway_car.png",
    trolleybus: "graphics/emojis/trolleybus.png",
    ticket: "graphics/emojis/ticket.png",
    fuelpump: "graphics/emojis/fuelpump.png",
    vertical_traffic_light: "graphics/emojis/vertical_traffic_light.png",
    traffic_light: "graphics/emojis/traffic_light.png",
    warning: "graphics/emojis/warning.png",
    construction: "graphics/emojis/construction.png",
    beginner: "graphics/emojis/beginner.png",
    atm: "graphics/emojis/atm.png",
    slot_machine: "graphics/emojis/slot_machine.png",
    busstop: "graphics/emojis/busstop.png",
    barber: "graphics/emojis/barber.png",
    hotsprings: "graphics/emojis/hotsprings.png",
    checkered_flag: "graphics/emojis/checkered_flag.png",
    crossed_flags: "graphics/emojis/crossed_flags.png",
    izakaya_lantern: "graphics/emojis/izakaya_lantern.png",
    moyai: "graphics/emojis/moyai.png",
    circus_tent: "graphics/emojis/circus_tent.png",
    performing_arts: "graphics/emojis/performing_arts.png",
    round_pushpin: "graphics/emojis/round_pushpin.png",
    triangular_flag_on_post: "graphics/emojis/triangular_flag_on_post.png",
    jp: "graphics/emojis/jp.png",
    kr: "graphics/emojis/kr.png",
    cn: "graphics/emojis/cn.png",
    us: "graphics/emojis/us.png",
    fr: "graphics/emojis/fr.png",
    es: "graphics/emojis/es.png",
    it: "graphics/emojis/it.png",
    ru: "graphics/emojis/ru.png",
    gb: "graphics/emojis/gb.png",
    uk: "graphics/emojis/uk.png",
    de: "graphics/emojis/de.png",
    one: "graphics/emojis/one.png",
    two: "graphics/emojis/two.png",
    three: "graphics/emojis/three.png",
    four: "graphics/emojis/four.png",
    five: "graphics/emojis/five.png",
    six: "graphics/emojis/six.png",
    seven: "graphics/emojis/seven.png",
    eight: "graphics/emojis/eight.png",
    nine: "graphics/emojis/nine.png",
    keycap_ten: "graphics/emojis/keycap_ten.png",
    zero: "graphics/emojis/zero.png",
    hash: "graphics/emojis/hash.png",
    symbols: "graphics/emojis/symbols.png",
    arrow_backward: "graphics/emojis/arrow_backward.png",
    arrow_down: "graphics/emojis/arrow_down.png",
    arrow_forward: "graphics/emojis/arrow_forward.png",
    arrow_left: "graphics/emojis/arrow_left.png",
    capital_abcd: "graphics/emojis/capital_abcd.png",
    abcd: "graphics/emojis/abcd.png",
    abc: "graphics/emojis/abc.png",
    arrow_lower_left: "graphics/emojis/arrow_lower_left.png",
    arrow_lower_right: "graphics/emojis/arrow_lower_right.png",
    arrow_right: "graphics/emojis/arrow_right.png",
    arrow_up: "graphics/emojis/arrow_up.png",
    arrow_upper_left: "graphics/emojis/arrow_upper_left.png",
    arrow_upper_right: "graphics/emojis/arrow_upper_right.png",
    arrow_double_down: "graphics/emojis/arrow_double_down.png",
    arrow_double_up: "graphics/emojis/arrow_double_up.png",
    arrow_down_small: "graphics/emojis/arrow_down_small.png",
    arrow_heading_down: "graphics/emojis/arrow_heading_down.png",
    arrow_heading_up: "graphics/emojis/arrow_heading_up.png",
    leftwards_arrow_with_hook: "graphics/emojis/leftwards_arrow_with_hook.png",
    arrow_right_hook: "graphics/emojis/arrow_right_hook.png",
    left_right_arrow: "graphics/emojis/left_right_arrow.png",
    arrow_up_down: "graphics/emojis/arrow_up_down.png",
    arrow_up_small: "graphics/emojis/arrow_up_small.png",
    arrows_clockwise: "graphics/emojis/arrows_clockwise.png",
    arrows_counterclockwise: "graphics/emojis/arrows_counterclockwise.png",
    rewind: "graphics/emojis/rewind.png",
    fast_forward: "graphics/emojis/fast_forward.png",
    information_source: "graphics/emojis/information_source.png",
    ok: "graphics/emojis/ok.png",
    twisted_rightwards_arrows: "graphics/emojis/twisted_rightwards_arrows.png",
    repeat: "graphics/emojis/repeat.png",
    repeat_one: "graphics/emojis/repeat_one.png",
    new: "graphics/emojis/new.png",
    top: "graphics/emojis/top.png",
    up: "graphics/emojis/up.png",
    cool: "graphics/emojis/cool.png",
    free: "graphics/emojis/free.png",
    ng: "graphics/emojis/ng.png",
    cinema: "graphics/emojis/cinema.png",
    koko: "graphics/emojis/koko.png",
    signal_strength: "graphics/emojis/signal_strength.png",
    u5272: "graphics/emojis/u5272.png",
    u5408: "graphics/emojis/u5408.png",
    u55b6: "graphics/emojis/u55b6.png",
    u6307: "graphics/emojis/u6307.png",
    u6708: "graphics/emojis/u6708.png",
    u6709: "graphics/emojis/u6709.png",
    u6e80: "graphics/emojis/u6e80.png",
    u7121: "graphics/emojis/u7121.png",
    u7533: "graphics/emojis/u7533.png",
    u7a7a: "graphics/emojis/u7a7a.png",
    u7981: "graphics/emojis/u7981.png",
    sa: "graphics/emojis/sa.png",
    restroom: "graphics/emojis/restroom.png",
    mens: "graphics/emojis/mens.png",
    womens: "graphics/emojis/womens.png",
    baby_symbol: "graphics/emojis/baby_symbol.png",
    no_smoking: "graphics/emojis/no_smoking.png",
    parking: "graphics/emojis/parking.png",
    wheelchair: "graphics/emojis/wheelchair.png",
    metro: "graphics/emojis/metro.png",
    baggage_claim: "graphics/emojis/baggage_claim.png",
    accept: "graphics/emojis/accept.png",
    wc: "graphics/emojis/wc.png",
    potable_water: "graphics/emojis/potable_water.png",
    put_litter_in_its_place: "graphics/emojis/put_litter_in_its_place.png",
    secret: "graphics/emojis/secret.png",
    congratulations: "graphics/emojis/congratulations.png",
    m: "graphics/emojis/m.png",
    passport_control: "graphics/emojis/passport_control.png",
    left_luggage: "graphics/emojis/left_luggage.png",
    customs: "graphics/emojis/customs.png",
    ideograph_advantage: "graphics/emojis/ideograph_advantage.png",
    cl: "graphics/emojis/cl.png",
    sos: "graphics/emojis/sos.png",
    id: "graphics/emojis/id.png",
    no_entry_sign: "graphics/emojis/no_entry_sign.png",
    underage: "graphics/emojis/underage.png",
    no_mobile_phones: "graphics/emojis/no_mobile_phones.png",
    do_not_litter: "graphics/emojis/do_not_litter.png",
    "non-potable_water": "graphics/emojis/non-potable_water.png",
    no_bicycles: "graphics/emojis/no_bicycles.png",
    no_pedestrians: "graphics/emojis/no_pedestrians.png",
    children_crossing: "graphics/emojis/children_crossing.png",
    no_entry: "graphics/emojis/no_entry.png",
    eight_spoked_asterisk: "graphics/emojis/eight_spoked_asterisk.png",
    sparkle: "graphics/emojis/sparkle.png",
    eight_pointed_black_star: "graphics/emojis/eight_pointed_black_star.png",
    heart_decoration: "graphics/emojis/heart_decoration.png",
    vs: "graphics/emojis/vs.png",
    vibration_mode: "graphics/emojis/vibration_mode.png",
    mobile_phone_off: "graphics/emojis/mobile_phone_off.png",
    chart: "graphics/emojis/chart.png",
    currency_exchange: "graphics/emojis/currency_exchange.png",
    aries: "graphics/emojis/aries.png",
    taurus: "graphics/emojis/taurus.png",
    gemini: "graphics/emojis/gemini.png",
    cancer: "graphics/emojis/cancer.png",
    leo: "graphics/emojis/leo.png",
    virgo: "graphics/emojis/virgo.png",
    libra: "graphics/emojis/libra.png",
    scorpius: "graphics/emojis/scorpius.png",
    sagittarius: "graphics/emojis/sagittarius.png",
    capricorn: "graphics/emojis/capricorn.png",
    aquarius: "graphics/emojis/aquarius.png",
    pisces: "graphics/emojis/pisces.png",
    ophiuchus: "graphics/emojis/ophiuchus.png",
    six_pointed_star: "graphics/emojis/six_pointed_star.png",
    negative_squared_cross_mark: "graphics/emojis/negative_squared_cross_mark.png",
    a: "graphics/emojis/a.png",
    b: "graphics/emojis/b.png",
    ab: "graphics/emojis/ab.png",
    o2: "graphics/emojis/o2.png",
    diamond_shape_with_a_dot_inside: "graphics/emojis/diamond_shape_with_a_dot_inside.png",
    recycle: "graphics/emojis/recycle.png",
    end: "graphics/emojis/end.png",
    back: "graphics/emojis/back.png",
    on: "graphics/emojis/on.png",
    soon: "graphics/emojis/soon.png",
    clock1: "graphics/emojis/clock1.png",
    clock130: "graphics/emojis/clock130.png",
    clock10: "graphics/emojis/clock10.png",
    clock1030: "graphics/emojis/clock1030.png",
    clock11: "graphics/emojis/clock11.png",
    clock1130: "graphics/emojis/clock1130.png",
    clock12: "graphics/emojis/clock12.png",
    clock1230: "graphics/emojis/clock1230.png",
    clock2: "graphics/emojis/clock2.png",
    clock230: "graphics/emojis/clock230.png",
    clock3: "graphics/emojis/clock3.png",
    clock330: "graphics/emojis/clock330.png",
    clock4: "graphics/emojis/clock4.png",
    clock430: "graphics/emojis/clock430.png",
    clock5: "graphics/emojis/clock5.png",
    clock530: "graphics/emojis/clock530.png",
    clock6: "graphics/emojis/clock6.png",
    clock630: "graphics/emojis/clock630.png",
    clock7: "graphics/emojis/clock7.png",
    clock730: "graphics/emojis/clock730.png",
    clock8: "graphics/emojis/clock8.png",
    clock830: "graphics/emojis/clock830.png",
    clock9: "graphics/emojis/clock9.png",
    clock930: "graphics/emojis/clock930.png",
    heavy_dollar_sign: "graphics/emojis/heavy_dollar_sign.png",
    copyright: "graphics/emojis/copyright.png",
    registered: "graphics/emojis/registered.png",
    tm: "graphics/emojis/tm.png",
    x: "graphics/emojis/x.png",
    heavy_exclamation_mark: "graphics/emojis/heavy_exclamation_mark.png",
    bangbang: "graphics/emojis/bangbang.png",
    interrobang: "graphics/emojis/interrobang.png",
    o: "graphics/emojis/o.png",
    heavy_multiplication_x: "graphics/emojis/heavy_multiplication_x.png",
    heavy_plus_sign: "graphics/emojis/heavy_plus_sign.png",
    heavy_minus_sign: "graphics/emojis/heavy_minus_sign.png",
    heavy_division_sign: "graphics/emojis/heavy_division_sign.png",
    white_flower: "graphics/emojis/white_flower.png",
    heavy_check_mark: "graphics/emojis/heavy_check_mark.png",
    ballot_box_with_check: "graphics/emojis/ballot_box_with_check.png",
    radio_button: "graphics/emojis/radio_button.png",
    link: "graphics/emojis/link.png",
    curly_loop: "graphics/emojis/curly_loop.png",
    wavy_dash: "graphics/emojis/wavy_dash.png",
    part_alternation_mark: "graphics/emojis/part_alternation_mark.png",
    trident: "graphics/emojis/trident.png",
    black_small_square: "graphics/emojis/black_small_square.png",
    white_small_square: "graphics/emojis/white_small_square.png",
    black_medium_small_square: "graphics/emojis/black_medium_small_square.png",
    white_medium_small_square: "graphics/emojis/white_medium_small_square.png",
    black_medium_square: "graphics/emojis/black_medium_square.png",
    white_medium_square: "graphics/emojis/white_medium_square.png",
    black_large_square: "graphics/emojis/black_square.png",
    white_large_square: "graphics/emojis/white_large_square.png",
    white_check_mark: "graphics/emojis/white_check_mark.png",
    black_square_button: "graphics/emojis/black_square_button.png",
    white_square_button: "graphics/emojis/white_square_button.png",
    black_circle: "graphics/emojis/black_circle.png",
    white_circle: "graphics/emojis/white_circle.png",
    red_circle: "graphics/emojis/red_circle.png",
    large_blue_circle: "graphics/emojis/large_blue_circle.png",
    large_blue_diamond: "graphics/emojis/large_blue_diamond.png",
    large_orange_diamond: "graphics/emojis/large_orange_diamond.png",
    small_blue_diamond: "graphics/emojis/small_blue_diamond.png",
    small_orange_diamond: "graphics/emojis/small_orange_diamond.png",
    small_red_triangle: "graphics/emojis/small_red_triangle.png",
    small_red_triangle_down: "graphics/emojis/small_red_triangle_down.png",
    shipit: "graphics/emojis/shipit.png",
};

const wwwConstStrFirst = `<img src="https://www.webfx.com/tools/emoji-cheat-sheet/`;
const wwwConstStrLast = `" width="25"></img>`;

function smilify(message) {
    for (key in smileObj) {
        // key += "";  // если раскомментировать, то можно ниже обращаться через точку
        while (message !== message.replace(`:${key}:`, wwwConstStrFirst + smileObj[key] + wwwConstStrLast)) {
            message = message.replace(`:${key}:`, wwwConstStrFirst + smileObj[key] + wwwConstStrLast);
        }
    }
    return message;
}

// let nick = "testnick";
while (!(nick = prompt("Введите свой ник:"))) {}
nickId.value = nick;
socket.emit("msg", {
    nick: nickId.value,
    message: "---Я тут новенький!!!---",
});
nickId.setAttribute("readonly", "readonly");

// отправка сообщения в чат при нажатии Enter в поле ввода сообщения
// при нажатии стрелки вверх - повтор последнего собщения
msgId.addEventListener("keydown", function (e) {
    // console.log(e.keyCode);
    if (e.keyCode === 13) {
        sendId.onclick();
    }

    if (e.keyCode === 38) {
        msgId.value = lastMsg;
    }
});

function reciveMsg(msg) {
    console.log(msg);
    let p = document.createElement("div");
    if (msg.nick === "--Администрация--") {
        p.append(msg.nick + ":  " + msg.message);
        chatWindow.append(p);
        users.length = 0;
        socket.emit("msg", {
            nick: nickId.value,
            message: "$$_iAm_$$",
        });
    } else if (msg.message !== "$$_iAm_$$") {
        msg.message = smilify(msg.message);
        let msgNick = document.createElement("span");
        msgNick.setAttribute("class", "nikInChat");

        if (~msg.message.indexOf(`to_` + nick + ":")) {
            // если пришло личное сообщение
            p.setAttribute("style", `color: green`);
        }

        msgNick.insertAdjacentHTML("beforeend", "<b>" + msg.nick + ":</b>  ");

        // кликабельный ник
        msgNick.onclick = function () {
            msgId.value = `to_` + msg.nick + `: ` + msgId.value;
        };

        p.append(msgNick);
        p.insertAdjacentHTML("beforeend", msg.message);
        chatWindow.append(p);
    }

    chatWindow.scrollTop = chatWindow.scrollHeight; // прокрутка скрола чата

    if (!~users.indexOf(msg.nick) && msg.nick !== "--Администрация--") {
        users.push(msg.nick);
        users.sort((a, b) => (a < b && -1) || 1);
        whoIsHere.innerHTML = "Кто у нас тут в чате:";
        for (let i of users) {
            let p = document.createElement("div");
            p.setAttribute("class", "nikInChat");
            p.onclick = function () {
                msgId.value = `to_` + i + `: ` + msgId.value; // еще замыкание !!!
            };
            p.insertAdjacentHTML("beforeend", "<b>" + i + "</b>");
            whoIsHere.append(p);
        }
    }
}

socket.on("msg", (msg) => reciveMsg(msg));

var lastMsg;

sendId.onclick = () => {
    socket.emit("msg", {
        nick: nickId.value,
        message: smilify(msgId.value),
    });
    lastMsg = msgId.value;
    msgId.value = "";
};

// debugger;
// построение поля смайликов
for (let [key, value] of Object.entries(smileObj)) {
    let smile = document.createElement("span");
    smile.setAttribute("class", "smile");
    smile.insertAdjacentHTML("beforeend", wwwConstStrFirst + value + wwwConstStrLast);
    smile.onclick = function () {
        msgId.value += ` :${key}: `; // походу это замыкание
    };
    smileArea.append(smile);
}