Paste text into Grok textarea from main page
Від
// ==UserScript==
// @name grok Paste
// @description Paste text into Grok textarea from main page
// @match *://grok.com/*
// @version 0.0.1.20250803154653
// @namespace https://greasyfork.org/users/1435046
// ==/UserScript==
(function () {
'use strict';
window.addEventListener("message", event => {
const data = event.data;
if (event.data && event.data.type === 'reasonButtonClicked') {
document.querySelector('button[aria-label="Think"]').click();
return;
}
if (event.data?.type === 'newChatButtonClicked') {
const customNewChatButton = document.querySelector('a[href="/"]');
if (customNewChatButton) customNewChatButton.click();
}
//grab style element
let grokCssStyleId = document.getElementById('grokCssStyleId');
let chatMessageInput = document.querySelector('div:has(> div > form > div > div > div > textarea[aria-label="Ask Grok anything"])');
let chatMessageInputRule = 'div:has(> div > form > div > div > div > textarea[aria-label="Ask Grok anything"]) {display: none !important;}';
let chatMessageInputBackdrop = document.querySelector('.chat-input-backdrop');
let chatMessageInputBackdropRule = '.chat-input-backdrop {display: none !important;}';
let header = document.querySelector('div:has(> div > div > button[aria-label="Toggle sidebar"] > svg > path[d="M3 12h18"])');
//if event data type is defaultChatMessageInputDisplay
if (event.data?.type === 'defaultChatMessageInputDisplay') {
console.log('default');
if (chatMessageInput) {
//delete the rule here
grokCssStyleId.innerHTML = grokCssStyleId.innerHTML.replace(`${chatMessageInputRule}`, '')
grokCssStyleId.innerHTML = grokCssStyleId.innerHTML.replace(`${chatMessageInputBackdropRule}`, '')
header.style.removeProperty('display');
//return
return;
}
}
if (event.data?.type === 'customizeChatMessageInputDisplay') {
console.log('customize');
if (chatMessageInput) {
grokCssStyleId.innerHTML += `${chatMessageInputRule}`
grokCssStyleId.innerHTML += `${chatMessageInputBackdropRule}`
header.style.display = 'none';
//return
return;
}
}
if (event.data.type === "prompt" && event.data.content.trim()) {
const textarea = document.querySelector('textarea[aria-label="Ask Grok anything"]');
if (textarea) {
const nativeInputValueSetter = Object.getOwnPropertyDescriptor(window.HTMLTextAreaElement.prototype, "value").set;
nativeInputValueSetter.call(textarea, event.data.content); // Set like the browser would
// Now trigger a React-compatible InputEvent
const inputEvent = new InputEvent('input', {
bubbles: true,
cancelable: true,
inputType: 'insertText',
data: event.data.content,
});
textarea.dispatchEvent(inputEvent);
document.querySelector('button[aria-label="Submit"]').click();
}
}
});
})();