tag base element

[mefengl]

Cause ChatGPT web is using Tailwind, if we pre-tag elements with id, it will make other scripts' development easier.

Such as, I used to get sendButton by the last button in the form, but after installing the wide-screen mode script, that function actually returned the wrong button.

this should not be much work, cause can use the function defined in #1

[adamlui]

OK create a PR so I know what you mean

[adamlui]

(ChatGPT Widescreen uses get button with class containing bottom in form)

[mefengl]

like this:

// Use the added functions to get the elements
const submitButton = chatgpt.getSubmitButton();
const textarea = chatgpt.getTextarea();
const regenerateButton = chatgpt.getRegenerateButton();
const stopGeneratingButton = chatgpt.getStopGeneratingButton();
const newChatButton = chatgpt.getNewChatButton();

// Assign reasonable IDs to the elements
submitButton.id = 'chatgpt-submit-button';
textarea.id = 'chatgpt-textarea';
regenerateButton.id = 'chatgpt-regenerate-button';
stopGeneratingButton.id = 'chatgpt-stop-generating-button';
newChatButton.id = 'chatgpt-new-chat-button';

[mefengl]

or make it an init method?

Seems not good if adding runtime to a package

[adamlui]

I like your first idea, also using var instead of const ensures compatibility with older browsers (const doesn't work in browser versions before 2015, var works since 1995)