update body before send_message

[fmealla]

Hi!!
I am trying to add a text to the body right before the send_message is executed. I am making the changes using the before send_message listener, but I don't see the change being reflected. Is there any way to do this?

[josteink]

I don't think that's going to work (anymore). AFAIK 2 things have changed on Gmail's end:

• scheduled/delayed send
• how sending email (once sending is commenced) is actually implemented

First of all, I believe the send_message is only triggered once the actual email is being sent, not when the user clicks "send", and the default is that email sending is delayed slightly to allow a user to cancel sending, if they quickly discover something was wrong or the email was sent accidentally.

This will cause a disconnect in time between when the email-editor view is open and the sending of the actual email (and thus the triggering of the event) happens. This may be causing confusion on your end?

Secondly, the event-data has changed. In the olde days, gmail would send the entire mail as you clicked send, and we could (as I understand) intercept and modify the contents before the email was sent off.

Now the email contents is constantly passed off to the gmail-servers as the user authors it, and when you click "Send" gmail just instructs the server to send the message which is already uploaded.

This means that to modify the message "on send", you must:

1. intercept the click-event for the "send" button.
2. physically alter the message in the editor.
3. trigger a user-like event for the editor to make Gmail upload it to the server.
4. invoke the intercepted send-button event-handler
5. hope it works.

Not undoable... But nothing I have tried or even prototyped.

And it's clearly outside the scope of what Gmail.js plans to deliver of features.

If you want to do this, you're on your own... But feel free to share with the community how you did it!

[donovan-intuitisoft]

For anyone wanting to do this I achieved it by creating a fake send button and placing it on top of the real one, intercepting click on it and then clicking the original send button programmatically

private listenToSendEvents(): void {
        const { originalSendButton, sendButtonCopy } = this.mockSendButton();

        sendButtonCopy.addEventListener('click', async () => {
            // add your text in the email body or other operations here

            originalSendButton.click();
        });
    }

private mockSendButton(): {
        originalSendButton: HTMLDivElement;
        sendButtonCopy: HTMLDivElement;
    } {
        const originalSendButton = this.gmailEditor.querySelector(
            '.aoO',
        )! as HTMLDivElement; // whatever your dom query is to get the original send button of the current editor
        const copy = originalSendButton.cloneNode(true) as HTMLDivElement;
        copy.style.zIndex = '30001';
        originalSendButton.style.position = 'absolute';
        originalSendButton.parentElement!.style.position = 'relative';
        originalSendButton.parentNode!.insertBefore(copy, originalSendButton);

        return {
            originalSendButton,
            sendButtonCopy: copy,
        };
    }