Dynamically fixes RTL/LTR direction, justifies Persian text, and allows font switching on AI chatbots.
// ==UserScript==
// @name AI Chat Font & Direction Fixer
// @name:fa اصلاح فونت و جهت‌دهی چت‌بات‌ها
// @namespace https://github.com/gemini-user/ai-chat-styler
// @version 4.1
// @description Dynamically fixes RTL/LTR direction, justifies Persian text, and allows font switching on AI chatbots.
// @description:fa اصلاح پویای جهت نوشتار، ترازبندی متن فارسی و امکان انتخاب فونت در چت‌بات‌های هوش مصنوعی.
// @author Your Assistant
// @match https://chatgpt.com/*
// @match https://gemini.google.com/*
// @match https://chat.qwen.ai/*
// @match https://grok.com/*
// @match https://chat.deepseek.com/*
// @match https://copilot.chat.github.com/*
// @grant GM_addStyle
// @grant GM_registerMenuCommand
// @grant GM_getValue
// @grant GM_setValue
// @run-at document-body
// ==/UserScript==
(function() {
'use strict';
// --- بخش اول: تنظیمات فونت و منو ---
const fonts = {
vazirmatn: {
menuName: 'انتخاب فونت: وزیرمتن',
cssName: "'Vazirmatn'",
cdnUrl: 'https://cdn.jsdelivr.net/gh/rastikerdar/[email protected]/Vazirmatn-font-face.css'
},
vazirCode: {
menuName: 'انتخاب فونت: وزیر کد',
cssName: "'Vazir Code'",
cdnUrl: 'https://cdn.jsdelivr.net/npm/[email protected]/dist/font-face.css'
},
iranSans: {
menuName: 'انتخاب فونت: ایران سنس',
cssName: "'IRANSans-medium'",
cdnUrl: 'https://cdn.jsdelivr.net/npm/[email protected]/iransans/font.css'
}
};
const selectedFontKey = GM_getValue('selectedFont', 'vazirmatn');
const selectedFont = fonts[selectedFontKey];
Object.keys(fonts).forEach(key => {
GM_registerMenuCommand(fonts[key].menuName, () => {
GM_setValue('selectedFont', key);
window.location.reload();
});
});
// --- بخش دوم: استایل‌های پایه (فونت و کد) ---
const css = `
@import url('${fonts.vazirmatn.cdnUrl}');
@import url('${fonts.vazirCode.cdnUrl}');
@import url('${fonts.iranSans.cdnUrl}');
/* اعمال فونت انتخاب شده به تمام بخش‌های متنی */
body, button, input, textarea, div, p, span, li,
h1, h2, h3, h4, h5, h6, a, label, strong, td, th {
font-family: ${selectedFont.cssName}, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}
/* استایل ثابت برای بلوک‌های کد */
pre, code, kbd, samp, pre *, code * {
font-family: 'Consolas', 'Menlo', 'monospace' !important;
direction: ltr !important;
text-align: left !important;
}
`;
GM_addStyle(css);
// --- بخش سوم: منطق هوشمند جاوااسکریپت برای اصلاح جهت‌دهی و ترازبندی ---
const persianRegex = /[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF]/;
function fixDirection(element) {
// از دستکاری بلوک‌های کد و منوهای قابل ویرایش خودداری کن
if (!element || element.nodeType !== 1 || element.isContentEditable || element.closest('pre, code, nav, [role="navigation"], [role="menu"]')) {
return;
}
// فقط عناصر متنی اصلی را بررسی کن
if (element.matches('p, li, h1, h2, h3, h4, h5, h6, blockquote, td, th, div')) {
// بررسی کن آیا خود عنصر یا فرزندانش متن فارسی دارند
const hasPersian = persianRegex.test(element.textContent);
if (hasPersian) {
element.style.direction = 'rtl';
element.style.textAlign = 'justify'; // <--- تغییر اصلی: ترازبندی دوطرفه برای متن فارسی
} else {
// اگر هیچ متن فارسی در عنصر و فرزندانش نبود، به حالت پیش‌فرض برگردان
if (!element.querySelector('[style*="direction: rtl"]')) {
element.style.direction = 'ltr';
element.style.textAlign = 'left';
}
}
}
}
// مشاهده‌گر برای شناسایی تغییرات زنده در صفحه (مثل پاسخ‌های جدید چت‌بات)
const observer = new MutationObserver((mutations) => {
mutations.forEach((mutation) => {
mutation.addedNodes.forEach((node) => {
if (node.nodeType === 1) { // اگر یک عنصر HTML بود
fixDirection(node); // خود عنصر را بررسی کن
node.querySelectorAll('p, li, h1, h2, h3, h4, div').forEach(fixDirection); // فرزندانش را هم بررسی کن
}
});
});
});
// مشاهده‌گر را روی کل بدنه صفحه فعال کن
observer.observe(document.body, {
childList: true,
subtree: true
});
// یک اسکن اولیه برای محتوایی که از قبل در صفحه وجود دارد
document.querySelectorAll('p, li, h1, h2, h3, h4, div').forEach(fixDirection);
})();