commented out EmojiAutoCompleteHelper class

packages/app/src/components/PageEditor/EmojiAutoCompleteHelper.js

@@ -1,148 +1,149 @@
-import UpdateDisplayUtil from '~/client/util/codemirror/update-display-util.ext';
+// import UpdateDisplayUtil from '~/client/util/codemirror/update-display-util.ext';
 
+// This class will be deleted by GW-7652
 class EmojiAutoCompleteHelper {
 
-  constructor(emojiStrategy) {
-    this.emojiStrategy = emojiStrategy;
-
-    this.emojiShortnameImageMap = {};
-
-    this.initEmojiImageMap = this.initEmojiImageMap.bind(this);
-    this.showHint = this.showHint.bind(this);
-
-    this.initEmojiImageMap();
-  }
-
-  initEmojiImageMap() {
-    for (const data of Object.values(this.emojiStrategy)) {
-      const shortname = data.shortname;
-      // add image tag
-      this.emojiShortnameImageMap[shortname] = emojione.shortnameToImage(shortname);
-    }
-  }
-
-  /**
-   * try to find emoji terms and show hint
-   * @param {any} editor An editor instance of CodeMirror
-   */
-  showHint(editor) {
-    // see https://regex101.com/r/gy3i03/1
-    const pattern = /:[^:\s]+/;
-
-    const currentPos = editor.getCursor();
-    // find previous ':shortname'
-    const sc = editor.getSearchCursor(pattern, currentPos, { multiline: false });
-    if (sc.findPrevious()) {
-      const isInputtingEmoji = (currentPos.line === sc.to().line && currentPos.ch === sc.to().ch);
-      // return if it isn't inputting emoji
-      if (!isInputtingEmoji) {
-        return;
-      }
-    }
-    else {
-      return;
-    }
-
-    /*
-     * https://github.com/weseek/growi/issues/703 is caused
-     * because 'editor.display.viewOffset' is zero
-     *
-     * call stack:
-     *   1. https://github.com/codemirror/CodeMirror/blob/5.42.0/addon/hint/show-hint.js#L220
-     *   2. https://github.com/codemirror/CodeMirror/blob/5.42.0/src/edit/methods.js#L189
-     *   3. https://github.com/codemirror/CodeMirror/blob/5.42.0/src/measurement/position_measurement.js#L372
-     *   4. https://github.com/codemirror/CodeMirror/blob/5.42.0/src/measurement/position_measurement.js#L315
-     */
-    UpdateDisplayUtil.forceUpdateViewOffset(editor);
-
-    // see https://codemirror.net/doc/manual.html#addon_show-hint
-    editor.showHint({
-      completeSingle: false,
-      // closeOnUnfocus: false,  // for debug
-      hint: () => {
-        const matched = editor.getDoc().getRange(sc.from(), sc.to());
-        const term = matched.replace(':', ''); // remove ':' in the head
-
-        // get a list of shortnames
-        const shortnames = this.searchEmojiShortnames(term);
-        if (shortnames.length >= 1) {
-          return {
-            list: this.generateEmojiRenderer(shortnames),
-            from: sc.from(),
-            to: sc.to(),
-          };
-        }
-      },
-    });
-  }
-
-  /**
-   * see https://codemirror.net/doc/manual.html#addon_show-hint
-   * @param {string[]} emojiShortnames a list of shortname
-   */
-  generateEmojiRenderer(emojiShortnames) {
-    return emojiShortnames.map((shortname) => {
-      return {
-        text: shortname,
-        className: 'crowi-emoji-autocomplete',
-        render: (element) => {
-          element.innerHTML = `<div class="img-container">${this.emojiShortnameImageMap[shortname]}</div>`
-            + `<span class="shortname-container">${shortname}</span>`;
-        },
-      };
-    });
-  }
-
-  /**
-   * transplanted from https://github.com/emojione/emojione/blob/master/examples/OTHER.md
-   * @param {string} term
-   * @returns {string[]} a list of shortname
-   */
-  searchEmojiShortnames(term) {
-    const maxLength = 12;
-
-    const results1 = [];
-    const results2 = [];
-    const results3 = [];
-    const results4 = [];
-    const countLen1 = () => { return results1.length };
-    const countLen2 = () => { return countLen1() + results2.length };
-    const countLen3 = () => { return countLen2() + results3.length };
-    const countLen4 = () => { return countLen3() + results4.length };
-
-    // TODO performance tune
-    // when total length of all results is less than `maxLength`
-    for (const data of Object.values(this.emojiStrategy)) {
-      if (maxLength <= countLen1()) { break }
-      // prefix match to shortname
-      else if (data.shortname.indexOf(`:${term}`) > -1) {
-        results1.push(data.shortname);
-        continue;
-      }
-      else if (maxLength <= countLen2()) { continue }
-      // partial match to shortname
-      else if (data.shortname.indexOf(term) > -1) {
-        results2.push(data.shortname);
-        continue;
-      }
-      else if (maxLength <= countLen3()) { continue }
-      // partial match to elements of aliases
-      else if ((data.aliases != null) && data.aliases.find((elem) => { return elem.indexOf(term) > -1 })) {
-        results3.push(data.shortname);
-        continue;
-      }
-      else if (maxLength <= countLen4()) { continue }
-      // partial match to elements of keywords
-      else if ((data.keywords != null) && data.keywords.find((elem) => { return elem.indexOf(term) > -1 })) {
-        results4.push(data.shortname);
-      }
-    }
-
-    let results = results1.concat(results2).concat(results3).concat(results4);
-    results = results.slice(0, maxLength);
-
-    return results;
-  }
+  // constructor(emojiStrategy) {
+  //   this.emojiStrategy = emojiStrategy;
+
+  //   this.emojiShortnameImageMap = {};
+
+  //   this.initEmojiImageMap = this.initEmojiImageMap.bind(this);
+  //   this.showHint = this.showHint.bind(this);
+
+  //   this.initEmojiImageMap();
+  // }
+
+  // initEmojiImageMap() {
+  //   for (const data of Object.values(this.emojiStrategy)) {
+  //     const shortname = data.shortname;
+  //     // add image tag
+  //     this.emojiShortnameImageMap[shortname] = emojione.shortnameToImage(shortname);
+  //   }
+  // }
+
+  // /**
+  //  * try to find emoji terms and show hint
+  //  * @param {any} editor An editor instance of CodeMirror
+  //  */
+  // showHint(editor) {
+  //   // see https://regex101.com/r/gy3i03/1
+  //   const pattern = /:[^:\s]+/;
+
+  //   const currentPos = editor.getCursor();
+  //   // find previous ':shortname'
+  //   const sc = editor.getSearchCursor(pattern, currentPos, { multiline: false });
+  //   if (sc.findPrevious()) {
+  //     const isInputtingEmoji = (currentPos.line === sc.to().line && currentPos.ch === sc.to().ch);
+  //     // return if it isn't inputting emoji
+  //     if (!isInputtingEmoji) {
+  //       return;
+  //     }
+  //   }
+  //   else {
+  //     return;
+  //   }
+
+  //   /*
+  //    * https://github.com/weseek/growi/issues/703 is caused
+  //    * because 'editor.display.viewOffset' is zero
+  //    *
+  //    * call stack:
+  //    *   1. https://github.com/codemirror/CodeMirror/blob/5.42.0/addon/hint/show-hint.js#L220
+  //    *   2. https://github.com/codemirror/CodeMirror/blob/5.42.0/src/edit/methods.js#L189
+  //    *   3. https://github.com/codemirror/CodeMirror/blob/5.42.0/src/measurement/position_measurement.js#L372
+  //    *   4. https://github.com/codemirror/CodeMirror/blob/5.42.0/src/measurement/position_measurement.js#L315
+  //    */
+  //   UpdateDisplayUtil.forceUpdateViewOffset(editor);
+
+  //   // see https://codemirror.net/doc/manual.html#addon_show-hint
+  //   editor.showHint({
+  //     completeSingle: false,
+  //     // closeOnUnfocus: false,  // for debug
+  //     hint: () => {
+  //       const matched = editor.getDoc().getRange(sc.from(), sc.to());
+  //       const term = matched.replace(':', ''); // remove ':' in the head
+
+  //       // get a list of shortnames
+  //       const shortnames = this.searchEmojiShortnames(term);
+  //       if (shortnames.length >= 1) {
+  //         return {
+  //           list: this.generateEmojiRenderer(shortnames),
+  //           from: sc.from(),
+  //           to: sc.to(),
+  //         };
+  //       }
+  //     },
+  //   });
+  // }
+
+  // /**
+  //  * see https://codemirror.net/doc/manual.html#addon_show-hint
+  //  * @param {string[]} emojiShortnames a list of shortname
+  //  */
+  // generateEmojiRenderer(emojiShortnames) {
+  //   return emojiShortnames.map((shortname) => {
+  //     return {
+  //       text: shortname,
+  //       className: 'crowi-emoji-autocomplete',
+  //       render: (element) => {
+  //         element.innerHTML = `<div class="img-container">${this.emojiShortnameImageMap[shortname]}</div>`
+  //           + `<span class="shortname-container">${shortname}</span>`;
+  //       },
+  //     };
+  //   });
+  // }
+
+  // /**
+  //  * transplanted from https://github.com/emojione/emojione/blob/master/examples/OTHER.md
+  //  * @param {string} term
+  //  * @returns {string[]} a list of shortname
+  //  */
+  // searchEmojiShortnames(term) {
+  //   const maxLength = 12;
+
+  //   const results1 = [];
+  //   const results2 = [];
+  //   const results3 = [];
+  //   const results4 = [];
+  //   const countLen1 = () => { return results1.length };
+  //   const countLen2 = () => { return countLen1() + results2.length };
+  //   const countLen3 = () => { return countLen2() + results3.length };
+  //   const countLen4 = () => { return countLen3() + results4.length };
+
+  //   // TODO performance tune
+  //   // when total length of all results is less than `maxLength`
+  //   for (const data of Object.values(this.emojiStrategy)) {
+  //     if (maxLength <= countLen1()) { break }
+  //     // prefix match to shortname
+  //     else if (data.shortname.indexOf(`:${term}`) > -1) {
+  //       results1.push(data.shortname);
+  //       continue;
+  //     }
+  //     else if (maxLength <= countLen2()) { continue }
+  //     // partial match to shortname
+  //     else if (data.shortname.indexOf(term) > -1) {
+  //       results2.push(data.shortname);
+  //       continue;
+  //     }
+  //     else if (maxLength <= countLen3()) { continue }
+  //     // partial match to elements of aliases
+  //     else if ((data.aliases != null) && data.aliases.find((elem) => { return elem.indexOf(term) > -1 })) {
+  //       results3.push(data.shortname);
+  //       continue;
+  //     }
+  //     else if (maxLength <= countLen4()) { continue }
+  //     // partial match to elements of keywords
+  //     else if ((data.keywords != null) && data.keywords.find((elem) => { return elem.indexOf(term) > -1 })) {
+  //       results4.push(data.shortname);
+  //     }
+  //   }
+
+  //   let results = results1.concat(results2).concat(results3).concat(results4);
+  //   results = results.slice(0, maxLength);
+
+  //   return results;
+  // }
 
 }