${getTranslation('info_shortcuts_title')}
| ${getTranslation('info_header_shortcut')} | ${getTranslation('info_header_action')} |
|---|---|
Tab |
${getTranslation('info_shortcut_tab')} |
Shift + Enter |
${getTranslation('info_shortcut_shift_enter')} |
Ctrl + D |
${getTranslation('info_shortcut_ctrl_d')} |
Ctrl + P |
${getTranslation('info_shortcut_ctrl_p')} |
Ctrl + M |
${getTranslation('info_shortcut_ctrl_m')} |
Ctrl + Space |
${getTranslation('info_shortcut_ctrl_space')} |
${getTranslation('api_help_title')}
${getTranslation('api_help_text')}
`; overlay.appendChild(modal); document.body.appendChild(overlay); const linkBtn = document.getElementById('api-help-link'); if(linkBtn) linkBtn.focus(); overlay.addEventListener('click', (e) => { if (e.target === overlay) { document.body.removeChild(overlay); } }); const escListener = (e) => { if (e.key === 'Escape') { if (document.body.contains(overlay)) { document.body.removeChild(overlay); } document.removeEventListener('keydown', escListener); } }; document.addEventListener('keydown', escListener); } async function createTextStyleEditor(textarea) { if (textarea.dataset.editorApplied) return; textarea.dataset.editorApplied = 'true'; textarea.addEventListener('keydown', function(e) { if (e.key === 'Tab') { e.preventDefault(); const start = this.selectionStart; const end = this.selectionEnd; this.setRangeText(' ', start, end, 'end'); } if (e.shiftKey && e.key === 'Enter') { e.preventDefault(); const start = this.selectionStart; const end = this.selectionEnd; this.setRangeText('', start, end, 'end'); } if (e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === 'd') { e.preventDefault(); insertText(this, '
\n', '\n
', '');
}
if (e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === 'p') {
e.preventDefault();
insertText(this, '', '
', ''); } if (e.ctrlKey && !e.shiftKey && e.key.toLowerCase() === 'm') { e.preventDefault(); insertText(this, '```\n', '\n```', ''); } if (e.ctrlKey && !e.shiftKey && e.key === ' ') { e.preventDefault(); insertText(this, ' ', '', ''); } }); const container = document.createElement('div'); container.className = 'txt-editor-container'; const toolbar = document.createElement('div'); toolbar.className = 'txt-editor-toolbar'; const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)'); function applyTheme(isDark) { container.classList.toggle('dark-theme', isDark); container.classList.toggle('light-theme', !isDark); } applyTheme(mediaQuery.matches); mediaQuery.addEventListener('change', e => applyTheme(e.matches)); const tools = [ { type: 'select', title: getTranslation('titles'), options: { 'H1': '1', 'H2': '2', 'H3': '3', 'H4': '4', 'H5': '5', 'H6': '6' }, action: (val) => insertText(textarea, `- \n${items}\n
- \n${items}\n
' + getTranslation('details_summary_placeholder') + '
' + getTranslation('details_content_placeholder') + '\n ') : getTranslation('quote'); const quoteHtml = `
${content}`; textarea.setRangeText(quoteHtml, start, end, 'select'); textarea.focus(); } }, { title: getTranslation('inline_code'), icon: '', action: () => insertText(textarea, '
', '', getTranslation('inline_code_placeholder')) },
{ title: getTranslation('code_block'), label: '', action: () => insertText(textarea, '', '\n') }, { type: 'divider' }, { title: getTranslation('link'), icon: '', action: () => { const start = textarea.selectionStart; const end = textarea.selectionEnd; const selectedText = textarea.value.substring(start, end); showCustomPrompt({ inputs: [ { id: 'url', label: getTranslation('prompt_insert_url'), placeholder: 'https://', type: 'url', required: true }, { id: 'text', label: getTranslation('prompt_link_text'), placeholder: getTranslation('link_text_placeholder'), value: selectedText, required: false } ], onConfirm: ({ url, text }) => { if (url) { const linkText = text || selectedText || url; const selectionMode = selectedText ? 'end' : 'select'; textarea.setRangeText(`${linkText}`, start, end, selectionMode); textarea.focus();}}});}}, { title: getTranslation('image'), icon: '', action: () => showCustomPrompt({ inputs: [ { id: 'src', label: getTranslation('prompt_insert_image_url'), placeholder: 'https://', type: 'url' }, { id: 'title', label: getTranslation('prompt_image_title'), placeholder: getTranslation('image_title_placeholder'), required: false }, { id: 'width', label: getTranslation('prompt_image_width'), placeholder: '500px', type: 'number', required: false }, { id: 'height', label: getTranslation('prompt_image_height'), placeholder: '500px', type: 'number', required: false } ], onConfirm: ({ src, title, width, height }) => { if (src) { const titleAttr = title ? ` title="${title}"` : ''; const widthAttr = width ? ` width="${width}"` : ''; const heightAttr = height ? ` height="${height}"` : ''; insertText(textarea, `
| ${getTranslation('table_header_placeholder')} | `).join('\n ') + '\n
|---|
| ${getTranslation('table_cell_placeholder')} | `).join('\n ') + '\n
' } ] }
],
onConfirm: async ({ text, color, tag }) => {
await GM_setValue(LAST_TAG_TYPE_KEY, tag);
let newElement;
if (tag === 'div') {
newElement = `\n {
const newHr = `
`; textarea.setRangeText(newHr, start, end, 'select'); textarea.focus(); } }); } }); const borderStyleBtn = createToolbarButton({ title: getTranslation('border_style'), label: '', action: async () => { const start = textarea.selectionStart; const end = textarea.selectionEnd; const selectedText = textarea.value.substring(start, end); const lastTag = await GM_getValue(LAST_TAG_TYPE_KEY, 'span'); showCustomPrompt({ inputs: [ { id: 'text', label: getTranslation('prompt_border_text'), type: 'text', value: selectedText || getTranslation('border_text_placeholder') }, { id: 'size', label: getTranslation('prompt_border_size'), type: 'number', value: '1' }, { id: 'color', label: getTranslation('prompt_border_color'), type: 'text', value: input.value }, { id: 'tag', label: getTranslation('prompt_border_tag_type'), type: 'select', value: lastTag, options: [ { value: 'span', text: '' }, { value: 'div', text: '
\n ${text}\n
\n`;
} else {
newElement = `${text}`;
}
textarea.setRangeText(newElement, start, end, selectedText ? 'end' : 'select');
textarea.focus();
}
});
}
});
const hrStyleBtn = createToolbarButton({
title: getTranslation('horizontal_line_style'),
label: '',
action: () => {
const start = textarea.selectionStart;
const end = textarea.selectionEnd;
const selectedText = textarea.value.substring(start, end).trim();
let currentSize = '1';
let currentColor = input.value;
const hrRegex = /`; textarea.setRangeText(newHr, start, end, 'select'); textarea.focus(); } }); } }); const borderStyleBtn = createToolbarButton({ title: getTranslation('border_style'), label: '', action: async () => { const start = textarea.selectionStart; const end = textarea.selectionEnd; const selectedText = textarea.value.substring(start, end); const lastTag = await GM_getValue(LAST_TAG_TYPE_KEY, 'span'); showCustomPrompt({ inputs: [ { id: 'text', label: getTranslation('prompt_border_text'), type: 'text', value: selectedText || getTranslation('border_text_placeholder') }, { id: 'size', label: getTranslation('prompt_border_size'), type: 'number', value: '1' }, { id: 'color', label: getTranslation('prompt_border_color'), type: 'text', value: input.value }, { id: 'tag', label: getTranslation('prompt_border_tag_type'), type: 'select', value: lastTag, options: [ { value: 'span', text: '' }, { value: 'div', text: '
' } ] }
],
onConfirm: async ({ text, size, color, tag }) => {
await GM_setValue(LAST_TAG_TYPE_KEY, tag);
let newElement;
if (tag === 'div') {
newElement = `\n
\n ${text}\n
`;
} else {
newElement = `${text}`;
}
textarea.setRangeText(newElement, start, end, selectedText ? 'end' : 'select');
textarea.focus();
}
});
}
});
colorContainer.append(input, colorBtn, bgBtn, hrStyleBtn, borderStyleBtn);
toolbar.appendChild(colorContainer);
} else {
toolbar.appendChild(createToolbarButton(tool));
}
}
const infoButton = createToolbarButton({
title: getTranslation('info_tooltip'),
icon: '',
action: showInfoModal
});
infoButton.style.marginLeft = 'auto';
toolbar.appendChild(infoButton);
textarea.parentNode.insertBefore(container, textarea);
container.append(toolbar, textarea);
}
function applyToAllTextareas() {
const textareas = document.querySelectorAll('textarea:not(#script_version_code):not([data-editor-applied])');
textareas.forEach(createTextStyleEditor);
}
function enableSourceEditorCheckbox() {
const enableCheckbox = () => {
const checkbox = document.getElementById('enable-source-editor-code');
if (checkbox && !checkbox.checked) {
checkbox.checked = true;
const event = new Event('change', {
bubbles: true
});
checkbox.dispatchEvent(event);
}
};
enableCheckbox();
const observer = new MutationObserver((mutationsList, observer) => {
for (const mutation of mutationsList) {
if (mutation.type === 'childList') {
const checkbox = document.getElementById('enable-source-editor-code');
if (checkbox) {
enableCheckbox();
observer.disconnect();
break;
}
}
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
}
function isMarkdownPage() {
const path = window.location.pathname;
const markdownSegments = [ '/new', '/edit', '/feedback', '/discussions', '/conversations' ];
if (path.includes('/sets/')) {
return false;
}
return markdownSegments.some(segment => path.includes(segment));
}
// #endregion
// ================
// #region DOWNLOAD
// ================
function isCodePage() {
return /^\/([a-z]{2}(-[A-Z]{2})?\/)?scripts\/\d+-.+\/code/.test(window.location.pathname);
}
function initializeDownloadButton() {
const waitFor = (sel) =>
new Promise((resolve) => {
const el = document.querySelector(sel);
if (el) return resolve(el);
const obs = new MutationObserver(() => {
const el = document.querySelector(sel);
if (el) {
obs.disconnect();
resolve(el);
}
});
obs.observe(document, { childList: true, subtree: true });
});
waitFor('label[for="wrap-lines"]').then((label) => {
const wrapLinesCheckbox = document.getElementById('wrap-lines');
if (wrapLinesCheckbox) {
wrapLinesCheckbox.checked = false;
}
const toolbar = label.parentElement;
const btn = document.createElement('button');
btn.className = 'btn';
btn.textContent = getTranslation('download');
btn.style.marginLeft = '12px';
btn.style.backgroundColor = '#005200';
btn.style.color = 'white';
btn.style.border = 'none';
btn.style.padding = '6px 16px';
btn.style.borderRadius = '4px';
btn.style.cursor = 'pointer';
btn.addEventListener('mouseenter', () => btn.style.backgroundColor = '#1e971e');
btn.addEventListener('mouseleave', () => btn.style.backgroundColor = '#005200');
btn.addEventListener('click', () => {
const normalizedPath = normalizeScriptPath(window.location.pathname);
const scriptId = extractScriptIdFromNormalizedPath(normalizedPath);
if (!scriptId) {
alert(getTranslation('scriptIdNotFound'));
return;
}
const scriptUrl = `https://update.greasyfork.icu/scripts/${scriptId}.js`;
btn.disabled = true;
btn.textContent = getTranslation('downloading');
GM_xmlhttpRequest({
method: 'GET',
url: scriptUrl,
onload: function (res) {
const code = res.responseText;
if (!code) {
alert(getTranslation('notFound'));
return;
}
const nameMatch = code.match(/\/\/\s*@name\s+(.+)/i);
const fileName = nameMatch ? `${nameMatch[1].trim()}.user.js` : 'script.user.js';
const blob = new Blob([code], { type: 'application/javascript;charset=utf-8' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = fileName;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
},
onerror: function (res) {
alert(getTranslation('downloadError'));
},
ontimeout: function () {
alert(getTranslation('downloadTimeout'));
},
onloadend: function () {
btn.disabled = false;
btn.textContent = getTranslation('download');
}
});
});
toolbar.appendChild(btn);
const spacer = document.createElement('div');
spacer.style.height = '12px';
toolbar.appendChild(spacer);
});
}
// #endregion
// ================
// #region INICIALIZAR
// ================
async function start() {
iconCache = await GM_getValue(CACHE_KEY, {});
await determineLanguage();
languageModal = createLanguageModal();
document.body.appendChild(languageModal);
registerLanguageMenu();
registerForceUpdateMenu();
setupThemeChangeListener();
if (isMarkdownPage()) {
applyToAllTextareas();
enableSourceEditorCheckbox();
}
if (isCodePage()){
initializeDownloadButton();
}
processIconElements();
highlightScriptDescription();
if (isScriptPage()) {
addAdditionalInfoSeparator();
}
makeDiscussionClickable();
applySyntaxHighlighting();
const observer = new MutationObserver(() => {
processIconElements();
highlightScriptDescription();
if (isScriptPage()) {
addAdditionalInfoSeparator();
}
if (isMarkdownPage()) {
applyToAllTextareas();
}
makeDiscussionClickable();
applySyntaxHighlighting();
});
observer.observe(document.body, {
childList: true,
subtree: true
});
}
start();
// #endregion
})();