Planetsuzy Threads - Login Last Visit bug workaround

Versão de: 23/05/2020. Veja: a última versão.
Faça uma pergunta, publique uma análise, ou denuncie o script.
// ==UserScript==
// @namespace   Planetsuzy
// @name        Planetsuzy Threads - Login Last Visit bug workaround
// @description Login Last Visit bug workaround
// @version     1.0
// @license     MIT
// @icon        http://ps.fscache.com/styles/style1/images/statusicon/forum_old.gif
// @include     /^https?:\/\/(www\.)?planetsuzy\.org\//
// @require     https://cdnjs.cloudflare.com/ajax/libs/datejs/1.0/date.min.js
// @grant       GM_getValue
// @grant       GM_setValue
// @grant       GM_addStyle
// ==/UserScript==

(() => {
  // Check for login page.
  const redirectPanel = document.querySelector('.panelsurround');
  if (redirectPanel !== null && redirectPanel.innerText.indexOf('Thank you for logging in') >= 0) {
    GM_setValue('loginFlag', true);
    GM_setValue('disabled', false);

    return;
  }

  // Parse currently displayed last login time.
  function findLastLoginTime() {
    const lastLoginTimeElement = document.querySelector('table td[nowrap=nowrap] > div > span.time');

    if (lastLoginTimeElement !== null) {
      const welcomePanel = lastLoginTimeElement.closest('td[nowrap=nowrap]');
      if (welcomePanel.innerText.indexOf('Welcome,') >= 0 && welcomePanel.innerText.indexOf('You last visited:') >= 0) {
        return welcomePanel.innerText.split('You last visited:', 2)[1].split('\n')[0].trim();
      }
    }

    return null;
  }

  const displayedLastLoginTimeString = findLastLoginTime();

  // Check for next page right after login.
  if (GM_getValue('loginFlag',  false) === true && displayedLastLoginTimeString !== null) {
    GM_setValue('lastLoginTime', Date.parse(displayedLastLoginTimeString).toString('s'));
    GM_setValue('loginFlag', false);
  }

  const rememberedLastLoginTimeString = GM_getValue('lastLoginTime', null);
  const effectiveLastLoginTime = Date.parse(rememberedLastLoginTimeString || displayedLastLoginTimeString);
  const isEnabled = !GM_getValue('disabled', false);

  // Visibly mark old posts.
  if (isEnabled) {
    document.querySelectorAll('div[id^=edit]')
      .forEach((postElement) => {
        const postId = postElement.getAttribute('id').split('edit', 2)[1];
        const anchor = postElement.querySelector(`a[name^=post${postId}]`);
        const postTime = Date.parse(anchor.parentElement.innerText.trim());
        if (postTime < effectiveLastLoginTime) {
          postElement.classList.add('thread-tools-old-post');
        }
      });
  }

  // Buttons to disable functionality until next login.
  const threadToolsMenu = document.querySelector('#threadtools_menu tbody');
  if (threadToolsMenu !== null) {
    function createThreadToolsMenuElement(enabled, icon, caption, disabledCaption, callback) {
      const tr = document.createElement('tr');
      const td = document.createElement('td');
      const link = document.createElement('a');
      link.innerHTML = caption;
      const span = document.createElement('span');
      span.innerHTML = icon;
      span.style.padding = '0 .7em';
      function onMouseOver() {
        td.setAttribute('class', 'vbmenu_hilite vbmenu_hilite_alink');
        td.style.cursor = 'pointer';
      };
      function onMouseOut() {
        td.setAttribute('class', 'vbmenu_option vbmenu_option_alink');
        td.style.cursor = 'default';
      };
      function onClick() {
        td.removeEventListener('mouseover', onMouseOver);
        td.removeEventListener('mouseout', onMouseOut);
        link.removeEventListener('click', onClick);
        link.innerHTML += ' (' + disabledCaption + ')';
        link.style.opacity = '0.7';
        onMouseOut();
        callback();
      }
      onMouseOut();

      if (enabled) {
        td.addEventListener('mouseover', onMouseOver);
        td.addEventListener('mouseout', onMouseOut);
        link.addEventListener('click', onClick);
      } else {
        link.innerHTML += ' (' + disabledCaption + ')';
        link.style.opacity = '0.7';
      }
      link.prepend(span);
      td.appendChild(link);
      tr.appendChild(td);
      return tr;
    }

    const oldPostElements = document.querySelectorAll('div[id^=edit].thread-tools-old-post');

    threadToolsMenu.appendChild(
      createThreadToolsMenuElement(
        oldPostElements.length > 0,
        '👀',
        'Disable old posts marking until next login',
        isEnabled && oldPostElements.length === 0 ? 'no old posts on page' : 'disabled',
        () => {
          document.querySelectorAll('div[id^=edit].thread-tools-old-post')
            .forEach((element) => element.classList.remove('thread-tools-old-post'));
          GM_setValue('disabled', true);
        }
      )
    );

    const threadToolsButton = document.querySelector('#threadtools');
    if (threadToolsButton !== null) {
      threadToolsButton.classList.add('thread-tools-old-post-have-additions');
    }
  }
})();

GM_addStyle(`
  .thread-tools-old-post-have-additions {
    background: #2c539e;
    transition: background 300ms linear;
  }
  .thread-tools-old-post {
    opacity: .5;
    transition: opacity .2s;
  }
  .thread-tools-old-post:hover {
    opacity: 1;
  }
`);