1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25
26. 26
27. 27
28. 28
29. 29
30. 30
31. 31
32. 32
33. 33
34. 34
35. 35
36. 36
37. 37
38. 38
39. 39
40. 40
41. 41
42. 42
43. 43
44. 44
45. 45
46. 46
47. 47
48. 48
49. 49
50. 50
51. 51
52. 52
53. 53
54. 54
55. 55
56. 56
57. 57
58. 58
59. 59
60. 60
61. 61
62. 62
63. 63
64. 64
65. 65
66. 66
67. 67
68. 68
69. 69
70. 70
71. 71
72. 72
73. 73
74. 74
75. 75
76. 76
77. 77

import {emojiKeys, emojiHTML, emojiString} from './emoji.js';
import {uniq} from '../utils.js';

function makeCollections({mentions, emoji}) {
  const collections = [];

  if (mentions) {
    collections.push({
      trigger: ':',
      requireLeadingSpace: true,
      values: (query, cb) => {
        const matches = [];
        for (const name of emojiKeys) {
          if (name.includes(query)) {
            matches.push(name);
            if (matches.length > 5) break;
          }
        }
        cb(matches);
      },
      lookup: (item) => item,
      selectTemplate: (item) => {
        if (typeof item === 'undefined') return null;
        return emojiString(item.original);
      },
      menuItemTemplate: (item) => {
        return `<div class="tribute-item">${emojiHTML(item.original)}<span>${item.original}</span></div>`;
      }
    });
  }

  if (emoji) {
    collections.push({
      values: window.config.tributeValues,
      requireLeadingSpace: true,
      menuItemTemplate: (item) => {
        return `
          <div class="tribute-item">
            <img src="${item.original.avatar}"/>
            <span class="name">${item.original.name}</span>
            ${item.original.fullname && item.original.fullname !== '' ? `<span class="fullname">${item.original.fullname}</span>` : ''}
          </div>
        `;
      }
    });
  }

  return collections;
}

export default async function attachTribute(elementOrNodeList, {mentions, emoji} = {}) {
  if (!window.config.requireTribute || !elementOrNodeList) return;
  const nodes = Array.from('length' in elementOrNodeList ? elementOrNodeList : [elementOrNodeList]);
  if (!nodes.length) return;

  const mentionNodes = nodes.filter((node) => {
    return mentions || node.id === 'content';
  });
  const emojiNodes = nodes.filter((node) => {
    return emoji || node.id === 'content' || node.classList.contains('emoji-input');
  });
  const uniqueNodes = uniq([...mentionNodes, ...emojiNodes]);
  if (!uniqueNodes.length) return;

  const {default: Tribute} = await import(/* webpackChunkName: "tribute" */'tributejs');

  const collections = makeCollections({
    mentions: mentions || mentionNodes.length > 0,
    emoji: emoji || emojiNodes.length > 0,
  });

  const tribute = new Tribute({collection: collections, noMatchTemplate: ''});
  for (const node of uniqueNodes) {
    tribute.attach(node);
  }
  return tribute;
}