ViewOnYPMemoryHole

An add-on for ViewOnYP that adds support for Memory Hole.

Per 19-01-2022. Zie de nieuwste versie.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey, Greasemonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Violentmonkey.

Voor het installeren van scripts heb je een extensie nodig, zoals Tampermonkey of Userscripts.

Voor het installeren van scripts heb je een extensie nodig, zoals {tampermonkey_link:Tampermonkey}.

Voor het installeren van scripts heb je een gebruikersscriptbeheerder nodig.

(Ik heb al een user script manager, laat me het downloaden!)

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een extensie nodig, zoals {stylus_link:Stylus}.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

Voor het installeren van gebruikersstijlen heb je een gebruikersstijlbeheerder nodig.

(Ik heb al een beheerder - laat me doorgaan met de installatie!)

// @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt MIT
/* eslint-env browser, greasemonkey */
/* jshint asi: true, esversion: 11 */

// ==UserScript==
// @name            ViewOnYPMemoryHole
// @name:de         ViewOnYPMemoryHole
// @name:en         ViewOnYPMemoryHole
// @namespace       https://github.com/TheLastZombie/
// @version         1.0.1
// @description     An add-on for ViewOnYP that adds support for Memory Hole.
// @description:de  Ein Add-on für ViewOnYP, das Unterstützung für Memory Hole hinzufügt.
// @description:en  An add-on for ViewOnYP that adds support for Memory Hole.
// @homepageURL     https://thelastzombie.github.io/userscripts/
// @supportURL      https://github.com/TheLastZombie/userscripts/issues/new?labels=ViewOnYPMemoryHole
// @contributionURL https://ko-fi.com/rcrsch
// @author          TheLastZombie <[email protected]>
// @match           *://www.patreon.com/*
// @connect         api.memoryhole.cc
// @grant           GM.deleteValue
// @grant           GM_deleteValue
// @grant           GM.getValue
// @grant           GM_getValue
// @grant           GM.registerMenuCommand
// @grant           GM_registerMenuCommand
// @grant           GM.setValue
// @grant           GM_setValue
// @grant           GM.xmlHttpRequest
// @grant           GM_xmlhttpRequest
// @require         https://greasemonkey.github.io/gm4-polyfill/gm4-polyfill.js
// @icon            https://raw.githubusercontent.com/TheLastZombie/userscripts/master/icons/ViewOnYPMemoryHole.png
// @copyright       2022, TheLastZombie (https://github.com/TheLastZombie/)
// @license         MIT; https://github.com/TheLastZombie/userscripts/blob/master/LICENSE
// ==/UserScript==

// ==OpenUserJS==
// @author          TheLastZombie
// ==/OpenUserJS==

(async function () {
  if (!await GM.getValue('cache2')) await GM.setValue('cache2', {})
  const cache = await GM.getValue('cache2')

  GM.registerMenuCommand('Clear cache', () => {
    GM.deleteValue('cache2')
      .then(alert('Cache cleared successfully.'))
  })

  const campaign = document.head.innerHTML.match(/"id": "\d+?"/)[0].slice(7, -1)

  if (cache[campaign]) return show(cache[campaign])

  GM.xmlHttpRequest({
    url: 'https://api.memoryhole.cc/graphql',
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    data: JSON.stringify({
      query: 'query { getPatreonByCampaignId (campaignId: ' + campaign + ') { creator { id } } }'
    }),
    onload: response => {
      const id = JSON.parse(response.responseText).data?.getPatreonByCampaignId?.creator?.id

      if (id) show(id)
    }
  })

  function show (id) {
    if (document.getElementById('voyp')) {
      insert(id)
    } else {
      const observer = new MutationObserver(() => {
        if (document.getElementById('voyp')) insert(id)
      })
      observer.observe(document.body, { childList: true })
    }

    if (!cache[campaign]) cache[campaign] = id
    GM.setValue('cache2', cache)
  }

  function insert (id) {
    document.getElementById('voyp').insertAdjacentHTML('beforeend', '<br>Memory Hole: <a href="https://memoryhole.cc/creator/' + id + '">https://memoryhole.cc/creator/' + id + '</a>')

    // eslint-disable-next-line no-func-assign
    insert = () => {} // jshint ignore:line
  }
})()

// @license-end