참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/* 이 자바스크립트 설정은 모든 문서, 모든 사용자에게 적용됩니다. */
mw.loader.using(['mediawiki.util'], function() {
    function generateRandomString(length) {
        var characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+[]{}|;:,.<>?█▀▄▌▐';
        var result = '';
        for (var i = 0; i < length; i++) {
            result += characters.charAt(Math.floor(Math.random() * characters.length));
        };
        return result;
    };

    var rsgelements = document.querySelectorAll('i[data-random-string]');
    rsgelements.forEach(function(rsgelements) {
        var length = parseInt(rsgelements.getAttribute('data-random-string'));
        var interval = rsgelements.getAttribute('data-interval') === 'true';
        var intervalTime = parseInt(rsgelements.getAttribute('data-intervaltime'));

        if (interval) {
            setInterval(function() {
                rsgelements.textContent = generateRandomString(length);
            }, intervalTime);
        } else {
            rsgelements.textContent = generateRandomString(length);
        }
    });

    class DeleterReplacer {
        constructor(element) {
            this.element = element;
            this.originalString = element.getAttribute('string-deleter-replacer') || element.textContent.trim();
            this.finalString = element.getAttribute('result') || '[Removed]';
            this.delay = parseInt(element.getAttribute('delete-delay')) || 50;
            this.deleteSpeed = parseInt(element.getAttribute('delete-speed')) || 5;
            this.currentString = this.originalString;
            this.step = 0;
            this.maxSteps = Math.ceil(this.originalString.length / this.deleteSpeed) + 3; 
            this.intervalId = null;
            this.element.textContent = this.originalString;
            this.start();
        }

        transformStep() {
            this.step++;
            if (this.step <= this.maxSteps) {
                const charsToReplace = Math.min(this.deleteSpeed, this.currentString.length);
                let indices = [];
                for (let i = 0; i < this.currentString.length; i++) {
                    if (this.currentString.charAt(i) !== '█') {
                        indices.push(i);
                    };
                };
                for (let i = 0; i < charsToReplace && indices.length > 0; i++) {
                    const randomIndex = Math.floor(Math.random() * indices.length);
                    const charIndex = indices[randomIndex];
                    this.currentString = this.currentString.substring(0, charIndex) + '█' + this.currentString.substring(charIndex + 1);
                    indices.splice(randomIndex, 1);
                };
                if (this.currentString.replace(/█/g, '').length < 5) {
                    this.currentString = this.currentString.replace(/[^█]/g, '█');
                };
                this.element.textContent = this.currentString;
            } else if (this.step === this.maxSteps + 1) {
                this.element.textContent = this.finalString.substring(0, 3) || ''; 
            } else if (this.step === this.maxSteps + 2) {
                this.element.textContent = this.finalString;
                clearInterval(this.intervalId);
            };
        };
        start() {
            this.intervalId = setInterval(() => this.transformStep(), this.delay);
        };
    };
    $(function() {
        const sdrElements = document.querySelectorAll('i[string-deleter-replacer]');
        sdrElements.forEach(element => {
            new DeleterReplacer(element);
        });
    });
});