Github tabs to Space

tabs to space

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

You will need to install an extension such as Tampermonkey to install this script.

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name Github tabs to Space
// @namespace github.com/alejandrosc/
// @match https://github.com/*
// @version 1.0.1
// @homepageURL https://github.com/alejandrosc
// @description tabs to space
// @grant none
// @run-at document-start
// ==/UserScript==

"use strict";

window.onload = function () {
  const spaces = 2;
  const regex_find = /^\t+/;
  const regex_split = /[^\t]/;

  const query_selector =
    ".highlight.tab-size.js-file-line-container td.blob-code.blob-code-inner.js-file-line";

  const elements = document.querySelectorAll(query_selector);

  for (let i = 0, length = elements.length; i < length; i++) {
    let line = elements[i];
    line.innerHTML = line.innerHTML.replace(
      regex_find,
      " ".repeat(spaces * line.innerHTML.split(regex_split)[0].length),
      line.innerHTML
    );
  }
};