snapshot of https://github.com/go-gitea/gitea.git (main, 2026-09-15; blobs > 131072B omitted)

web_src/js/features/tribute.ts

@@ -0,0 +1,60 @@
+import {emojiKeys, emojiHTML, emojiString} from './emoji.ts';
+import {html, htmlRaw} from '../utils/html.ts';
+import {fetchMentions} from '../utils/match.ts';
+import type {TributeCollection} from 'tributejs';
+import type {Mention} from '../types.ts';
+
+export async function attachTribute(element: HTMLElement) {
+  const {default: Tribute} = await import('tributejs');
+  const mentionsUrl = element.closest('[data-mentions-url]')?.getAttribute('data-mentions-url');
+
+  const emojiCollection: TributeCollection<string> = { // emojis
+    trigger: ':',
+    requireLeadingSpace: true,
+    values: (query: string, cb: (matches: Array<string>) => void) => {
+      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 (item === undefined) return '';
+      return emojiString(item.original) ?? '';
+    },
+    menuItemTemplate: (item) => {
+      return html`<div class="tribute-item">${htmlRaw(emojiHTML(item.original))}<span>${item.original}</span></div>`;
+    },
+  };
+
+  const mentionCollection: TributeCollection<Mention> = {
+    values: async (_query: string, cb: (matches: Mention[]) => void) => { // eslint-disable-line @typescript-eslint/no-misused-promises -- tributejs ignores the returned promise, results arrive via the callback
+      cb(mentionsUrl ? await fetchMentions(mentionsUrl) : []);
+    },
+    requireLeadingSpace: true,
+    menuItemTemplate: (item) => {
+      const fullNameHtml = item.original.fullname && item.original.fullname !== '' ? html`<span class="fullname">${item.original.fullname}</span>` : '';
+      return html`
+        <div class="tribute-item">
+          <img alt src="${item.original.avatar}" width="21" height="21"/>
+          <span class="name">${item.original.name}</span>
+          ${htmlRaw(fullNameHtml)}
+        </div>
+      `;
+    },
+  };
+
+  const tribute = new Tribute({
+    collection: [
+      emojiCollection,
+      mentionCollection,
+    ] as TributeCollection<any>[],
+    noMatchTemplate: () => '',
+  });
+  tribute.attach(element);
+  return tribute;
+}