Fix replying using chat effect commands (#9101)

src/SlashCommands.tsx

@@ -1305,19 +1305,17 @@ export const Commands = [
             description: effect.description(),
             args: '<message>',
             runFn: function(roomId, args) {
-                return success((async () => {
+                let content: IContent;
-                    if (!args) {
+                if (!args) {
-                        args = effect.fallbackMessage();
+                    content = ContentHelpers.makeEmoteMessage(effect.fallbackMessage());
-                        MatrixClientPeg.get().sendEmoteMessage(roomId, args);
+                } else {
-                    } else {
+                    content = {
-                        const content = {
+                        msgtype: effect.msgType,
-                            msgtype: effect.msgType,
+                        body: args,
-                            body: args,
+                    };
-                        };
+                }
-                        MatrixClientPeg.get().sendMessage(roomId, content);
+                dis.dispatch({ action: `effects.${effect.command}` });
-                    }
+                return successSync(content);
-                    dis.dispatch({ action: `effects.${effect.command}` });
-                })());
             },
             category: CommandCategories.effects,
             renderingTypes: [TimelineRenderingType.Room],

src/components/views/rooms/EditMessageComposer.tsx

@@ -337,7 +337,7 @@ class EditMessageComposer extends React.Component<IEditMessageComposerProps, ISt
                         return; // errored
                     }
 
-                    if (cmd.category === CommandCategories.messages) {
+                    if (cmd.category === CommandCategories.messages || cmd.category === CommandCategories.effects) {
                         editContent["m.new_content"] = content;
                     } else {
                         shouldSend = false;

src/components/views/rooms/SendMessageComposer.tsx

@@ -358,12 +358,13 @@ export class SendMessageComposer extends React.Component<ISendMessageComposerPro
                     return; // errored
                 }
 
-                if (cmd.category === CommandCategories.messages) {
+                if (cmd.category === CommandCategories.messages || cmd.category === CommandCategories.effects) {
                     attachRelation(content, this.props.relation);
                     if (replyToEvent) {
                         addReplyToMessageContent(content, replyToEvent, {
                             permalinkCreator: this.props.permalinkCreator,
-                            includeLegacyFallback: true,
+                            // Exclude the legacy fallback for custom event types such as those used by /fireworks
+                            includeLegacyFallback: content.msgtype?.startsWith("m.") ?? true,
                         });
                     }
                 } else {

src/editor/commands.tsx

@@ -65,7 +65,7 @@ export async function runSlashCommand(
     let error = result.error;
     if (result.promise) {
         try {
-            if (cmd.category === CommandCategories.messages) {
+            if (cmd.category === CommandCategories.messages || cmd.category === CommandCategories.effects) {
                 messageContent = await result.promise;
             } else {
                 await result.promise;