weseek__growi/packages/app/src/components/PageEditor/CommentMentionHelper.ts

import { apiv3Get } from '~/client/util/apiv3-client';

export default class CommentMentionHelper {

  editor;

  pattern: RegExp;


  constructor(editor) {
    this.editor = editor;
    this.pattern = /@[A-Za-z0-9._-]{1,}/;
  }

  showUsernameHint = () => {
    const currentPos = this.editor.getCursor();
    const sc = this.editor.getSearchCursor(this.pattern, currentPos, { multiline:  false });
    if (sc.findPrevious()) {
      const isMentioning = (currentPos.line === sc.to().line && currentPos.ch === sc.to().ch);
      if (!isMentioning) {
        return;
      }
    }
    else {
      return;
    }

    this.editor.showHint({
      completeSingle: false,
      hint: () => {
        const mention = this.editor.getDoc().getRange(sc.from(), sc.to());
        const username = mention.replace('@', '');
        const users = this.getUsersList(username);

        return {
          list: users,
          from: sc.from(),
          to: sc.to(),
        };
      },
    });
  }

  getUsersList = async(username) => {
    const { data } = await apiv3Get('/users/list', { username });
    return data.users.map(user => ({
      ...user,
    }));
  }

}