Dynamic DeepSeek RTL/LTR Direction

Dynamically set text direction for Deepseek chat elements based on content

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name          Dynamic DeepSeek RTL/LTR Direction
// @namespace     http://tampermonkey.net/
// @version       V4.1
// @description   Dynamically set text direction for Deepseek chat elements based on content
// @author        Reda Elsayed
// @match         https://chat.deepseek.com/
// @match         https://chat.deepseek.com/*
// @match         https://chat.deepseek.com/*/chat/*/*
// @icon          https://www.deepseek.com/path/to/icon.png
// @grant         none
// ==/UserScript==

(function () {
  "use strict";

  const textareaClass = "c92459f0";
  const targetClass = "ds-markdown ds-markdown--block";
  const codeClass = "md-code-block";

  function isRTL(text) {
    const rtlPattern = /[\u0591-\u07FF\uFB1D-\uFDFD\uFE70-\uFEFC]/;
    return rtlPattern.test(text);
  }

  function updateDirection() {
    const targetElements = document.getElementsByClassName(targetClass);
    const codeElements = document.getElementsByClassName(codeClass);

    Array.from(targetElements).forEach((element) => {
      const textContent = element.textContent.trim();
      const newDirection = isRTL(textContent) ? "rtl" : "ltr";

      if (textContent.length > 0 && element.style.direction !== newDirection) {
        element.style.direction = newDirection;
        element.style.textAlign = newDirection === "rtl" ? "right" : "left";
      }
    });

    Array.from(codeElements).forEach((element) => {
      element.style.direction = "ltr";
      element.style.textAlign = "left";
    });
  }

  function observeChanges() {
    const observer = new MutationObserver(() => {
      updateDirection();
    });

    observer.observe(document.body, { childList: true, subtree: true });
  }

  function observeTextArea() {
    const textAreaElements = document.getElementsByClassName(textareaClass);
    Array.from(textAreaElements).forEach((textArea) => {
      textArea.addEventListener("input", () => {
        const text = textArea.value.trim();
        const direction = isRTL(text) ? "rtl" : "ltr";
        textArea.style.direction = direction;
        textArea.style.textAlign = direction === "rtl" ? "right" : "left";
      });
    });
  }

  function applyToExistingMessages() {
    // Ensure all existing messages have the correct direction on load
    updateDirection();
  }

  // Initialize the script
  applyToExistingMessages();
  observeChanges();
  observeTextArea();
})();