AniPlusPlus

Auto-skip the loading screen on AniPlus

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

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

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

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

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

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

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

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

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

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

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

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

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

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

// ==UserScript==
// @name         AniPlusPlus
// @namespace    https://aniplus.co
// @version      2.0.0
// @license      MIT
// @description  Auto-skip the loading screen on AniPlus
// @match        https://aniplus.co/*
// @match        http://aniplus.co/*
// @run-at       document-start
// @grant        none
// ==/UserScript==

(function () {
  'use strict';

  const LOG = '[AniPlusPlus]';
  const GLOBAL_KEY = '__aniplusPlus';

  function state() {
    return window[GLOBAL_KEY] || (window[GLOBAL_KEY] = {});
  }

  function skipLoadingAd() {
    const el = document.querySelector('[class*="ad-window"]');
    if (!el) return false;

    const fiberKey = Object.keys(el).find((k) => k.startsWith('__reactFiber'));
    if (!fiberKey) return false;

    let fiber = el[fiberKey];
    while (fiber) {
      const onFinish = fiber.memoizedProps?.onFinish;
      if (fiber.type?.name === 'y' && typeof onFinish === 'function') {
        onFinish();
        console.log(LOG, 'loading skipped on', location.pathname);
        return true;
      }
      fiber = fiber.return;
    }

    return false;
  }

  function stopLoadingWatch(s) {
    if (s.loadingObserver) s.loadingObserver.disconnect();
    if (s.loadingInterval) clearInterval(s.loadingInterval);
    if (s.loadingTimeout) clearTimeout(s.loadingTimeout);
    s.loadingObserver = null;
    s.loadingInterval = null;
    s.loadingTimeout = null;
  }

  function watchForLoadingAd() {
    const s = state();
    stopLoadingWatch(s);

    if (skipLoadingAd()) return;

    s.loadingObserver = new MutationObserver(() => {
      if (skipLoadingAd()) stopLoadingWatch(s);
    });

    const start = () => {
      if (skipLoadingAd()) return;

      s.loadingObserver.observe(document.documentElement, {
        childList: true,
        subtree: true,
      });

      s.loadingInterval = setInterval(() => {
        if (skipLoadingAd()) stopLoadingWatch(s);
      }, 50);

      s.loadingTimeout = setTimeout(() => stopLoadingWatch(s), 30000);
    };

    if (document.documentElement) start();
    else document.addEventListener('DOMContentLoaded', start, { once: true });
  }

  function installHistoryHooks() {
    const s = state();
    if (s.historyHooked) return;
    s.historyHooked = true;

    const rerun = () => setTimeout(watchForLoadingAd, 0);
    const wrap = (original) =>
      function () {
        const result = original.apply(this, arguments);
        rerun();
        return result;
      };

    history.pushState = wrap(history.pushState);
    history.replaceState = wrap(history.replaceState);
    window.addEventListener('popstate', rerun);
  }

  installHistoryHooks();
  watchForLoadingAd();
})();