Remove emoji-picker-element

Author: Cyperghost

app.ts

@@ -31,6 +31,7 @@ import {
   RemoveFormat,
   Table,
   Undo,
+  Emoji,
   WoltlabAttachment,
   WoltlabAutoLink,
   WoltlabAutosave,
@@ -39,7 +40,6 @@ import {
   WoltlabCode,
   WoltlabCodeBlock,
   WoltlabFontSize,
-  WoltlabEmoji,
   WoltlabHtmlEmbed,
   WoltlabImage,
   WoltlabMagicParagraph,
@@ -62,6 +62,7 @@ const defaultConfig: Core.EditorConfig = {
     Paragraph.Paragraph,
     PasteFromOffice.PasteFromOffice,
     Undo.Undo,
+    Emoji.Emoji,
 
     // Formatting
     Alignment.Alignment,
@@ -118,7 +119,6 @@ const defaultConfig: Core.EditorConfig = {
     WoltlabToolbarGroup.WoltlabToolbarGroup,
     WoltlabUpload.WoltlabUpload,
     WoltlabFontSize.WoltlabFontSize,
-    WoltlabEmoji.WoltlabEmoji,
   ],
 };
 

modules.ts

@@ -33,6 +33,7 @@ export * as Undo from "@ckeditor/ckeditor5-undo";
 export * as Upload from "@ckeditor/ckeditor5-upload";
 export * as Utils from "@ckeditor/ckeditor5-utils";
 export * as Widget from "@ckeditor/ckeditor5-widget";
+export * as Emoji from "@ckeditor/ckeditor5-emoji";
 
 export * as WoltlabAttachment from "./plugins/ckeditor5-woltlab-attachment/src";
 export * as WoltlabAutoLink from "./plugins/ckeditor5-woltlab-autolink/src";
@@ -41,7 +42,6 @@ export * as WoltlabBbcode from "./plugins/ckeditor5-woltlab-bbcode/src";
 export * as WoltlabBlockQuote from "./plugins/ckeditor5-woltlab-block-quote/src";
 export * as WoltlabCode from "./plugins/ckeditor5-woltlab-code/src";
 export * as WoltlabCodeBlock from "./plugins/ckeditor5-woltlab-code-block/src";
-export * as WoltlabEmoji from "./plugins/ckeditor5-woltlab-emoji/src";
 export * as WoltlabHtmlEmbed from "./plugins/ckeditor5-woltlab-html-embed/src";
 export * as WoltlabImage from "./plugins/ckeditor5-woltlab-image/src";
 export * as WoltlabMagicParagraph from "./plugins/ckeditor5-woltlab-magic-paragraph/src";

package.json

@@ -32,7 +32,7 @@
     "@ckeditor/ckeditor5-undo": "^45.0.0",
     "@ckeditor/ckeditor5-utils": "^45.0.0",
     "@ckeditor/ckeditor5-widget": "^45.0.0",
-    "emoji-picker-element": "^1.25.0"
+    "@ckeditor/ckeditor5-emoji": "^45.0.0"
   },
   "devDependencies": {
     "@ckeditor/ckeditor5-dev-translations": "^43.0.1",
@@ -50,4 +50,4 @@
     "webpack": "^5.98.0",
     "webpack-cli": "^6.0.1"
   }
-}
+}

plugins/ckeditor5-woltlab-emoji/package.json

@@ -65,7 +65,7 @@ export class WoltlabSmileyUi extends Plugin {
    * @inheritDoc
    */
   public static get requires() {
-    return [ContextualBalloon, "WoltlabEmoji"] as const;
+    return [ContextualBalloon] as const;
   }
 
   get #isUIVisible(): boolean {
@@ -227,7 +227,6 @@ export class WoltlabSmileyUi extends Plugin {
 
       this.#items.clear();
       const woltlabSmileys = editor.config.get("woltlabSmileys") || [];
-      const emojisDatabase = editor.config.get("woltlabEmojis")!.database;
 
       woltlabSmileys
         .filter((emoji) => {
@@ -242,31 +241,6 @@ export class WoltlabSmileyUi extends Plugin {
             marker: MARKER_NAME,
           });
         });
-
-      emojisDatabase
-        .getEmojiBySearchQuery(smileyCode)
-        .then((emojis) => {
-          emojis.forEach((emoji) => {
-            if (!("unicode" in emoji)) {
-              return;
-            }
-
-            this.#items.add({
-              item: {
-                id: emoji.annotation,
-                text: emoji.unicode,
-              },
-              marker: MARKER_NAME,
-            });
-          });
-        })
-        .finally(() => {
-          if (this.#items.length) {
-            this.#showBalloon();
-          } else {
-            this.#hideBalloon();
-          }
-        });
     });
     watcher.on("unmatched", () => {
       this.#hideBalloon();