Migrate WCF.Conversation.Message.InlineEditor to typescript

Author: Cyperghost

files/js/WCF.Conversation.js

@@ -1145,29 +1145,3 @@ WCF.Conversation.Label.Manager = Class.extend({
 		this._dialog.wcfDialog('close');
 	}
 });
-
-/**
- * Namespace for conversation messages.
- */
-WCF.Conversation.Message = { };
-
-/**
- * Provides an inline editor for conversation messages.
- * 
- * @see	WCF.Message.InlineEditor
- */
-WCF.Conversation.Message.InlineEditor = WCF.Message.InlineEditor.extend({
-	/**
-	 * @see	WCF.Message.InlineEditor.init()
-	 */
-	init: function(containerID, quoteManager) {
-		this._super(containerID, true, quoteManager);
-	},
-	
-	/**
-	 * @see	WCF.Message.InlineEditor._getClassName()
-	 */
-	_getClassName: function() {
-		return 'wcf\\data\\conversation\\message\\ConversationMessageAction';
-	}
-});

files/js/WoltLabSuite/Core/Conversation/Ui/Message/InlineEditor.js

@@ -169,9 +169,7 @@
 		{assign var=__supportPaste value=true}
 		{if !$conversation->canReply()}{assign var=__supportPaste value=false}{/if}
 		{include file='shared_messageQuoteManager' wysiwygSelector='text' supportPaste=$__supportPaste}
-		
-		new WCF.Conversation.Message.InlineEditor({@$conversation->conversationID}, $quoteManager);
-		
+
 		require(["WoltLabSuite/Core/Conversation/Ui/Message/Quote"], ({ UiConversationMessageQuote }) => {
 			new UiConversationMessageQuote($quoteManager);
 		});
@@ -187,8 +185,13 @@
 			});
 		{/if}
 	});
-	
-	require(['WoltLabSuite/Core/Conversation/Ui/Object/Action/RemoveParticipant'], (UiObjectActionRemoveParticipant) => {
+
+	require([
+		'WoltLabSuite/Core/Conversation/Ui/Object/Action/RemoveParticipant',
+		'WoltLabSuite/Core/Conversation/Ui/Message/InlineEditor',
+	], (UiObjectActionRemoveParticipant, { UiConversationMessageInlineEditor }) => {
+		new UiConversationMessageInlineEditor({$conversation->conversationID});
+
 		UiObjectActionRemoveParticipant.setup();
 	});
 </script>

templates/conversation.tpl

@@ -0,0 +1,19 @@
+/**
+ * Inline editor for conversation messages.
+ *
+ * @author  Olaf Braun
+ * @copyright  2001-2025 WoltLab GmbH
+ * @license  WoltLab License <http://www.woltlab.com/license-agreement.html>
+ * @since  6.2
+ */
+
+import UiMessageInlineEditor from "WoltLabSuite/Core/Ui/Message/InlineEditor";
+
+export class UiConversationMessageInlineEditor extends UiMessageInlineEditor {
+  constructor(containerID: number) {
+    super({
+      className: "wcf\\data\\conversation\\message\\ConversationMessageAction",
+      containerId: containerID.toString(),
+    });
+  }
+}