☰

Arcalive Template Loader

-

  1. // ==UserScript==
  2. // @name        Arcalive Template Loader
  3. // @name:ko     아카라이브 글 양식 스크립트
  4. // @namespace   Violentmonkey Scripts
  5. // @match       https://arca.live/b/*/write
  6. // @match       https://arca.live/b/*/*/edit
  7. // @grant       none
  8. // @version     1.0.3
  9. // @author      -
  10. // @description -
  11. // @description:ko -
  12. // ==/UserScript==
  13.  
  14. // 심야식당 고정 탬플릿 (표만 불러옵니다)
  15. const TEMPLATE = {
  16.   '요청': 'https://arca.live/b/simya/29695511',
  17.   '미번': 'https://arca.live/b/simya/29696978',
  18.   '번역': 'https://arca.live/b/simya/29697375'
  19. };
  20.  
  21. // 탬플릿 불러오기
  22. const fetchTemplate = async (category) => {
  23.   // 커스텀 양식 불러오기
  24.   let currentTemplate = localStorage.getItem("ARCA_CUSTOM_FORM_FOR_PATH_" + location.pathname + "_AND_FOR_CATEGORY_" + category)
  25.   if(currentTemplate) return currentTemplate
  26.   // 심야식당 확인
  27.   if(location.href.includes("simya")) {
  28.     // 기본 양식 불러오기
  29.     if(!TEMPLATE[category]) return '';
  30.     return await fetch(TEMPLATE[category])
  31.       .then(res => res.text())
  32.       .then(html => new DOMParser().parseFromString(html, 'text/html'))
  33.       .then(dom => dom.querySelector(".article-content").innerHTML); // 해당 게시글을 불러오기
  34.   } else {
  35.     return null
  36.   }
  37. }
  38.  
  39. // 탬플릿 불러오기
  40. const loadTemplate = async (category) => {
  41.   const template = await fetchTemplate(category);
  42.   const editorBox = document.querySelector('.write-body .fr-element');
  43.   let formDiv = editorBox.querySelector("#smpeople-article-form")
  44.   if (!template && formDiv) {
  45.     editorBox.removeChild(formDiv);
  46.   }
  47.   if (template) {
  48.     if (!formDiv) {
  49.       let formElement = document.createElement("div");
  50.       formElement.setAttribute("id", "smpeople-article-form")
  51.       editorBox.appendChild(formElement)
  52.       formDiv = editorBox.querySelector("#smpeople-article-form")
  53.     }
  54.     formDiv.innerHTML = template;
  55.   }
  56. };
  57.  
  58. // 탬플릿 붙여넣기
  59. const attachTemplate = () => {
  60.   const tabs = document.querySelectorAll('.sub-row span');
  61.   tabs.forEach(tab => {
  62.     const button = tab.querySelector('input');
  63.     const label = tab.querySelector('label');
  64.  
  65.     if(button && label) {
  66.       button.addEventListener('click', e => {
  67.         loadTemplate(label.innerText);
  68.       });
  69.     }
  70.   });
  71. }
  72.  
  73. // onload시 한번 실행
  74. let loaded = false
  75. window.addEventListener('load', e => {
  76.   if(!loaded) {
  77.     attachTemplate();
  78.     customForm();
  79.     loaded = true
  80.   }
  81. });
  82.  
  83. // 커스텀 양식 함수
  84. function customForm() {
  85.   // 커스텀 양식 저장
  86.   let makeFormBtn = document.createElement("div")
  87.   makeFormBtn.setAttribute("class", "btn btn-arca")
  88.   makeFormBtn.setAttribute("id", "makeFormBtn")
  89.   makeFormBtn.setAttribute("style", "margin:0 5px")
  90.   makeFormBtn.append("양식 저장")
  91.   makeFormBtn.onclick = function() {
  92.     let doCustom = confirm("본 게시글을 양식으로 저장하시겠습니까?\n현재 선택된 탭에 본 게시글이 양식으로 설정되며,\n기존 양식을 덮어쓰게 됩니다.")
  93.     if (doCustom) {
  94.       checkRadio("category").then((category) => {
  95.         let customForm = document.querySelector('.write-body .fr-element').innerHTML
  96.         localStorage.setItem("ARCA_CUSTOM_FORM_FOR_PATH_" + location.pathname + "_AND_FOR_CATEGORY_" + category, String(customForm))
  97.       })
  98.     }
  99.   }
  100.   // 커스텀 양식 삭제
  101.   let deleteFormBtn = document.createElement("div")
  102.   deleteFormBtn.setAttribute("class", "btn btn-arca")
  103.   deleteFormBtn.setAttribute("id", "deleteFormBtn")
  104.   deleteFormBtn.setAttribute("style", "margin:0 5px")
  105.   deleteFormBtn.append("양식 삭제")
  106.   deleteFormBtn.onclick = function() {
  107.     let doCustom = confirm("현재 선택된 탭에 설정된 양식을 삭제하시겠습니까?\n단, 기본 양식은 삭제되지 않습니다.")
  108.     if (doCustom) {
  109.       checkRadio("category").then((category) => {
  110.         localStorage.removeItem("ARCA_CUSTOM_FORM_FOR_PATH_" + location.pathname + "_AND_FOR_CATEGORY_" + category)
  111.         let form = document.querySelector("#smpeople-article-form")
  112.         if(form) {
  113.           form.remove()
  114.         }
  115.       })
  116.     }
  117.   }
  118.   // 글머리 div에 버튼 추가
  119.   let articleRow = document.querySelector("#article_write_form > div:nth-child(5)")
  120.   articleRow.appendChild(makeFormBtn)
  121.   articleRow.appendChild(deleteFormBtn)
  122. }
  123.  
  124. // 라디오버튼 체크 함수
  125. function checkRadio(name) {
  126.   return new Promise((resolve, reject) => {
  127.     var radios = document.getElementsByName(name);
  128.     for (let i = 0, length = radios.length; i < length; i++) {
  129.       if (radios[i].checked) {
  130.         checkLabel(radios[i].id).then((val) => {
  131.           resolve(val)
  132.         })
  133.       }
  134.     }
  135.   })
  136. }
  137.  
  138. // 레이블 체크 함수
  139. function checkLabel(value) {
  140.   return new Promise((resolve, reject) => {
  141.     var labels = document.querySelectorAll('.sub-row label');
  142.     for (let i = 0, length = labels.length; i < length; i++) {
  143.       if (labels[i].getAttribute('for') === value) {
  144.         resolve(labels[i].innerText)
  145.       }
  146.     }
  147.   })
  148. }