// ==UserScript==
// @name         LeetCode Focus Mode
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  just focus!
// @author       litt1e-p
// @match        https://leetcode-cn.com/problemset/*
// @match        https://leetcode-cn.com/problems/*
// @match        https://leetcode-cn.com/contest/*/problems/*
// @match        https://leetcode.com/problemset/*
// @match        https://leetcode.com/problems/*
// @match        https://leetcode.com/contest/*/problems/*
// @grant        GM_setValue
// @grant        GM_getValue
// @downloadURL none
// ==/UserScript==
(function(){
    var nel = document.querySelector('#navbar-root');
    if (!nel) return;
    function insertStyle() {
        const style = document.createElement('style');
        style.innerHTML = `
        .lc-nav-func-btn {
          width: 100px;
          height: 44px;
          background: #fff;
          border: 1px solid #ddd;
          color: #666;
          font-size: 16px;
          z-index: 999999;
          position: absolute;
          right: 0;
          top: 0px;
        }
        `
        document.body.appendChild(style);
    }
    function insertBtn() {
      var el = document.createElement('button');
      el.setAttribute('class', 'lc-nav-func-btn');
      el.addEventListener('click', btnEvent)
      document.body.appendChild(el);
    }
    function toggleBtn(active = true) {
      var el = document.querySelector('.lc-nav-func-btn');
      if (!el) return;
      el.innerText = active ? 'hide' : 'show';
    }
    function els () {
      var usNav = '#navbar-root';
      var cat = '.category-group-base';
      var sid = '.blog-sidebar';
      var cnNav = '#noj-navbar';
      var flo = '.floating-layer-container';
      var els = [usNav, cnNav, cat, sid, flo];
      var rs = [];
      for (var i = 0, l = els.length; i < l; i++) {
        const el = document.querySelector(els[i]);
        if (el) rs.push(el);
      }
      return rs;
    }
    function toggleEls(show = true) {
      var ls = els();
      for (let i = 0, l = ls.length; i < l; i++) {
        ls[i].style.display = (show ? 'block' : 'none');
      }
    }
    function btnEvent(e) {
      var el = e.target;
      var s = el.innerText === 'show';
      toggleState(s);
      syncState(s);
    }
    function toggleState(s) {
      setTimeout(() => {
        toggleBtn(s);
        toggleEls(s);
      }, 20);
    }
    function syncState(show = false) {
      window.localStorage.setItem('lc-focus-show#', show ? 1 : 0)
    }
    function savedState() {
      return window.localStorage.getItem('lc-focus-show#')
    }
    function initState() {
      let s = savedState();
      if (s === null) return;
      toggleState(+s);
    }
    function main() {
      insertStyle();
      insertBtn();
      toggleBtn();
      initState();
    }
    main();
})();