aboutsummaryrefslogtreecommitdiff
path: root/webAO/client/setEmote.js
blob: 16c95be655dfe7e8fca9adf45bba09b11813c87b (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
import fileExistsSync from '../utils/fileExistsSync';

/**
	 * Sets all the img tags to the right sources
	 * @param {*} chatmsg
	 */

const setEmote = (AO_HOST, client, charactername, emotename, prefix, pair, side) => {
  const pairID = pair ? 'pair' : 'char';
  const characterFolder = `${AO_HOST}characters/`;
  const acceptedPositions = ['def', 'pro', 'wit'];
  const position = acceptedPositions.includes(side) ? `${side}_` : '';

  const gif_s = document.getElementById(`client_${position}${pairID}_gif`);
  const png_s = document.getElementById(`client_${position}${pairID}_png`);
  const apng_s = document.getElementById(`client_${position}${pairID}_apng`);
  const webp_s = document.getElementById(`client_${position}${pairID}_webp`);
  const extensionsMap = {
    '.gif': gif_s,
    '.png': png_s,
    '.apng': apng_s,
    '.webp': webp_s,
  };

  for (const [extension, htmlElement] of Object.entries(extensionsMap)) {
    // Hides all sprites before creating a new sprite
    if (client.lastChar !== client.chatmsg.name) {
      htmlElement.src = transparentPNG;
    }
    let url;
    if (extension === '.png') {
      url = `${characterFolder}${encodeURI(charactername)}/${encodeURI(emotename)}${extension}`;
    } else {
      url = `${characterFolder}${encodeURI(charactername)}/${encodeURI(prefix)}${encodeURI(emotename)}${extension}`;
    }
    const exists = fileExistsSync(url);
    if (exists) {
      htmlElement.src = url;
      return;
    }
  }
};
export default setEmote;