T3.chat - Markdown code un-indenter

Automatically un-indents code blocks in the message input.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name        T3.chat - Markdown code un-indenter
// @namespace   Violentmonkey Scripts
// @match       https://beta.t3.chat/*
// @match       https://t3.chat/*
// @grant       none
// @version     1.0
// @author      koza.dev
// @description Automatically un-indents code blocks in the message input.
// @license MIT
// ==/UserScript==

(function() {
    let debounceTimer

    const unindent = (text) => {
        return text.replace(/```([\s\S]*?)```/g, (match, code) => {
            const lines = code.split('\n')

            // Filter out empty lines to find the actual minimum indentation
            const contentLines = lines.filter((line) => line.trim().length > 0)
            if (contentLines.length === 0) return match

            const minIndent = Math.min(
                ...contentLines.map((line) => line.match(/^\s*/)[0].length)
            )

            const processedCode = lines
                .map((line) => (line.length >= minIndent ? line.slice(minIndent) : line.trimStart()))
                .join('\n')

            return '```' + processedCode + '```'
        })
    }

    const processInput = (target) => {
        const originalValue = target.value
        const newValue = unindent(originalValue)

        if (originalValue !== newValue) {
            const start = target.selectionStart
            const end = target.selectionEnd

            target.value = newValue

            // Restore cursor position
            target.selectionStart = start
            target.selectionEnd = end

            // Trigger Svelte 5 reactivity
            target.dispatchEvent(
                new InputEvent('input', {
                    bubbles: true,
                    cancelable: true,
                    inputType: 'insertText'
                })
            )
            target.dispatchEvent(new Event('change', { bubbles: true }))
        }
    }

    window.addEventListener('input', (e) => {
        if (e.target.id !== 'chat-input') return

        clearTimeout(debounceTimer)
        debounceTimer = setTimeout(() => {
            processInput(e.target)
        }, 500)
    })
})()