Greasy Fork Install Button at search

adds install button at search and at user pages.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey, Greasemonkey или Violentmonkey.

Для установки этого скрипта вам необходимо установить расширение, такое как Tampermonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Violentmonkey.

Чтобы установить этот скрипт, вы сначала должны установить расширение браузера, например Tampermonkey или Userscripts.

Чтобы установить этот скрипт, сначала вы должны установить расширение браузера, например Tampermonkey.

Чтобы установить этот скрипт, вы должны установить расширение — менеджер скриптов.

(у меня уже есть менеджер скриптов, дайте мне установить скрипт!)

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение браузера, например Stylus.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

Чтобы установить этот стиль, сначала вы должны установить расширение — менеджер стилей.

(у меня уже есть менеджер стилей, дайте мне установить скрипт!)

// ==UserScript==
// @name Greasy Fork Install Button at search
// @namespace -
// @version 1.0.0
// @description adds install button at search and at user pages.
// @author NotYou
// @match *://*sleazyfork.org/*
// @match *://*greasyfork.org/*
// @grant none
// @run-at document-idle
// @license GPL-3.0-or-later
// ==/UserScript==

(function() {
    var $ = (s) => document.querySelector(s)

    var $$ = (s) => document.querySelectorAll(s)

    var appendHTML = function(el, html) {
        el.insertAdjacentHTML('beforeend', html)
    }

    var domain = location.host

    // STYLES
    appendHTML($('head'), ['<style>',

    '.custom-install-link-parent {',
      'text-decoration: none !important;',
    '}',

    '.custom-install-link-parent > * {',
      'transform: scale(0.7);',
    '}',

    '.custom-install-link {',
      'margin-right: -15px !important;',
      'margin-left: -6px !important;',
    '}',

    '.custom-install-style-link {',
      'margin-left: -14px !important;',
      'margin-right: -26px !important;',
    '}',

    '</style>'].join(''))

    // USER SCRIPT

    $$('#user-script-list > li[data-script-type="public"] > article > h2 > a, #browse-script-list > li[data-script-type="public"] > article > h2 > a').forEach(function(e) {
        var data = e.parentNode.parentNode.parentNode.dataset
        var scriptId = data.scriptId
        var scriptName = data.scriptName

        appendHTML(e, '<span data-install-format="js" data-script-id="'+ scriptId +'" data-script-name="' + scriptName + '"><a href="https://' + domain + '/scripts/' + scriptId + '/code/' + scriptName + '.user.js" class="custom-install-link-parent"><span class="install-link custom-install-link">Install</span></a><span>')
    })

    // USER STYLE

    $$('#user-script-list > li[data-script-language="css"] > article > h2 > a, #browse-script-list > li[data-script-language="css"] > article > h2 > a').forEach(function(e) {
        var data = e.parentNode.parentNode.parentNode.dataset
        var scriptId = data.scriptId
        var scriptName = data.scriptName

        appendHTML(e, '<span data-install-format="css" data-script-id="'+ scriptId +'" data-script-name="' + scriptName + '"><a target="_blank" href="https://' + domain + '/scripts/' + scriptId + '/code/' + scriptName + '.user.css" class="custom-install-link-parent"><span class="install-link custom-install-link custom-install-style-link">Install as style</span></a><span>')
    })

    // LIBRARIES

    $$('#user-library-script-list > li > article > h2 > a, #browse-script-list > li[data-script-type="library"] > article > h2 > a').forEach(function(e) {
        var data = e.parentNode.parentNode.parentNode.dataset
        var scriptId = data.scriptId
        var scriptName = data.scriptName
        var _scriptName = scriptName.replace(/\s/g, "-")

        appendHTML(e, '<span data-install-format="js" data-script-id="'+ scriptId +'" data-script-name="' + scriptName + '"><a href=javascript:void(0) onclick=navigator.clipboard.writeText("https://' + domain + '/scripts/' + scriptId + '/code/' + _scriptName + '.js") class="custom-install-link-parent"><span class="install-link custom-install-link">Copy URL</span></a><span>')
    })
})()