Inject prompt into Mistral's contenteditable div
Verzia zo dňa
// ==UserScript==
// @name Mistral Chat Prompt Injector (Contenteditable Fix)
// @description Inject prompt into Mistral's contenteditable div
// @match https://chat.mistral.ai/*
// @run-at document-idle
// @version 0.0.1.20250802220325
// @namespace https://greasyfork.org/users/1435046
// ==/UserScript==
(function () {
window.addEventListener('message', event => {
if (event.data?.type === 'newChatButtonClicked') {
document.querySelector('a[href="/chat"]')?.click();
return;
}
let chatMessageInput = document.querySelector('div:has(> form > div > div > div > div > div > div > div > div[contenteditable])');
let header = document.querySelector('div:has(> div > button > svg > path[d="M9 3v18"])');
//if event data type is defaultChatMessageInputDisplay
if (event.data?.type === 'defaultChatMessageInputDisplay') {
console.log('default');
if (chatMessageInput) {
chatMessageInput.style.removeProperty('display');
header.style.removeProperty('display');
//return
return;
}
}
if (event.data?.type === 'customizeChatMessageInputDisplay') {
console.log('customize');
if (chatMessageInput) {
chatMessageInput.style.display = 'none';
header.style.display = 'none';
//return
return;
}
}
if (event.data.type === "prompt" && event.data.content.trim()) {
const editor = document.querySelector('[contenteditable="true"].ProseMirror');
if (editor) {
// Focus the editor first
editor.focus();
// Create a new text node with the prompt
const textNode = document.createTextNode(event.data.content);
// Remove any existing children
while (editor.firstChild) {
editor.removeChild(editor.firstChild);
}
// Append a paragraph <p> with the text content
const p = document.createElement('p');
p.appendChild(textNode);
editor.appendChild(p);
// Manually dispatch an input event to trigger updates
const inputEvent = new Event('input', { bubbles: true });
editor.dispatchEvent(inputEvent);
// submit
// Select the submit button
const submitButton = document.querySelector('button[type="submit"][aria-disabled="false"]');
// If the button exists initially, click it
if (submitButton) {
submitButton.click();
} else {
// Create a MutationObserver to detect when the specific button appears in the DOM
const mutationObserver = new MutationObserver((mutationsList, observer) => {
// Look for the specific submit button by matching both the button type and aria-disabled attributes
const newSubmitButton = document.querySelector('button[type="submit"][aria-disabled="false"]');
if (newSubmitButton) {
// If the button is found, click it and disconnect the observer
newSubmitButton.click();
observer.disconnect(); // Disconnect the observer after it's done
}
});
// Start observing the document for changes to add the specific button
mutationObserver.observe(document.body, {
childList: true,
subtree: true
});
}
}
}
});
})();