Finds GreasyFork/SleazyFork scripts for the current domain
// ==UserScript== // @name GreasyFork/SleazyFork Script Finder // @namespace http://tampermonkey.net/ // @version 3.3.1 // @description Finds GreasyFork/SleazyFork scripts for the current domain // @author Pipos_ // @match *://*/* // @grant GM_xmlhttpRequest // @grant GM_openInTab // @grant GM_addStyle // @grant GM_registerMenuCommand // @grant GM_unregisterMenuCommand // @grant GM_getValue // @grant GM_setValue // @grant GM_deleteValue // @icon data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgVHJhbnNmb3JtZWQgYnk6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDY0IDY0IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSIjMDAwMDAwIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtmaWxsOiNCNEU2REQ7fSAuc3Qxe2ZpbGw6IzgwRDRDNDt9IC5zdDJ7ZmlsbDojRDJGMEVBO30gLnN0M3tmaWxsOiNGRkZGRkY7fSAuc3Q0e2ZpbGw6I0ZCRDg3Mjt9IC5zdDV7ZmlsbDojREI3NzY3O30gLnN0NntmaWxsOiNGMzhFN0E7fSAuc3Q3e2ZpbGw6I0Y2QUY2Mjt9IC5zdDh7ZmlsbDojMzJBNDhFO30gLnN0OXtmaWxsOiM1YmIxNWQ7fSAuc3QxMHtmaWxsOiM1YmIxNWQ7fSAuc3QxMXtmaWxsOiNFQUExNTc7fSAuc3QxMntmaWxsOiM1YmIxNWQ7fSAuc3QxM3tmaWxsOiNGOUM0NkE7fSAuc3QxNHtmaWxsOiNDRTZCNjE7fSA8L3N0eWxlPiA8Zz4gPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0yMy41NiwxNy45N2MyLjIsMCw0LjA2LDEuNDEsNC43NywzLjM3YzAuMTMtMC4zOSwwLjIyLTAuOCwwLjIyLTEuMjNjMC0yLjEzLTEuNzMtMy44Ni0zLjg2LTMuODYgYy0xLjYsMC0yLjk3LDAuOTctMy41NiwyLjM2QzIxLjg1LDE4LjIsMjIuNjgsMTcuOTcsMjMuNTYsMTcuOTd6Ii8+IDxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNNDAuNDQsMTcuOTdjLTIuMiwwLTQuMDYsMS40MS00Ljc3LDMuMzdjLTAuMTMtMC4zOS0wLjIyLTAuOC0wLjIyLTEuMjNjMC0yLjEzLDEuNzMtMy44NiwzLjg2LTMuODYgYzEuNiwwLDIuOTcsMC45NywzLjU2LDIuMzZDNDIuMTUsMTguMiw0MS4zMiwxNy45Nyw0MC40NCwxNy45N3oiLz4gPHBhdGggY2xhc3M9InN0OSIgZD0iTTUzLjcyLDMyYy0wLjItMC4yOS04Ljc0LTExLjM4LTguOTctMTEuNjJjLTAuOS0xLjQ0LTIuNDktMi40MS00LjMxLTIuNDFjLTIuNDcsMC00LjUzLDEuNzYtNC45OSw0LjEgYy0yLjI1LTAuNjQtNC42NC0wLjY0LTYuODksMGMtMC40Ni0yLjM0LTIuNTItNC4xLTQuOTktNC4xYy0xLjgyLDAtMy40MSwwLjk3LTQuMzEsMi40MWMtMC4yMywwLjI1LTguNzgsMTEuMzMtOC45NywxMS42MiBDOC44NiwzMy42Nyw4LDM1LjgzLDgsMzguMTljMCw1LjI4LDQuMjgsOS41Niw5LjU2LDkuNTZjNS4xNCwwLDkuMzEtNC4wNSw5LjU0LTkuMTNjMC4wMy0wLjIxLDAuNTgtNS41OSwwLjk5LTkuNzYgYzIuMzEtMS43Miw1LjUtMS43MSw3LjgxLDBjMC40MSw0LjE2LDAuOTUsOS41NCwwLjk5LDkuNzVjMC4yMyw1LjA4LDQuNDEsOS4xMyw5LjU0LDkuMTNjNS4yOCwwLDkuNTYtNC4yOCw5LjU2LTkuNTYgQzU2LDM1LjgzLDU1LjE0LDMzLjY3LDUzLjcyLDMyeiBNMzIsMjYuMzdjLTAuOTMsMC0xLjY4LTAuNzUtMS42OC0xLjY4czAuNzUtMS42OCwxLjY4LTEuNjhzMS42OCwwLjc1LDEuNjgsMS42OCBTMzIuOTMsMjYuMzcsMzIsMjYuMzd6Ii8+IDxjaXJjbGUgY2xhc3M9InN0MTAiIGN4PSIxNy41NiIgY3k9IjM4LjE5IiByPSI5LjU2Ii8+IDxjaXJjbGUgY2xhc3M9InN0MyIgY3g9IjE3LjU2IiBjeT0iMzguMTkiIHI9IjcuNTYiLz4gPGNpcmNsZSBjbGFzcz0ic3QxMCIgY3g9IjQ2LjQ0IiBjeT0iMzguMTkiIHI9IjkuNTYiLz4gPGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iNDYuNDQiIGN5PSIzOC4xOSIgcj0iNy41NiIvPiA8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTcuNTYsMzIuNjNjMy44MywwLDcsMi44Nyw3LjQ5LDYuNTZjMC4wNC0wLjMzLDAuMDctMC42NiwwLjA3LTFjMC00LjE3LTMuMzktNy41Ni03LjU2LTcuNTYgUzEwLDM0LjAyLDEwLDM4LjE5YzAsMC4zNCwwLjAzLDAuNjcsMC4wNywxQzEwLjU3LDM1LjQ5LDEzLjczLDMyLjYzLDE3LjU2LDMyLjYzeiIvPiA8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNDYuNDQsMzIuNjNjMy44MywwLDcsMi44Nyw3LjQ5LDYuNTZjMC4wNC0wLjMzLDAuMDctMC42NiwwLjA3LTFjMC00LjE3LTMuMzktNy41Ni03LjU2LTcuNTYgcy03LjU2LDMuMzktNy41Niw3LjU2YzAsMC4zNCwwLjAzLDAuNjcsMC4wNywxQzM5LjQ0LDM1LjQ5LDQyLjYsMzIuNjMsNDYuNDQsMzIuNjN6Ii8+IDwvZz4gPC9nPgoNPC9zdmc+ // @require https://cdn.jsdelivr.net/npm/[email protected]/src/index.min.js // @connect greasyfork.org // @connect sleazyfork.org // @license WTFPL // ==/UserScript== (function() { "use strict"; try { if (window.self !== window.top) return; } catch (e) { return; } const DEFAULT_SETTINGS = { autoCompact: true, autoCompactDelay: 2200, cacheDuration: 5 * 60 * 1000, hiddenDomains: [], defaultSort: "daily", theme: "light" }; class ThemeService { constructor() { this.settings = new SettingsService(); this.currentTheme = this.settings.getSetting("theme"); this.applyTheme(this.currentTheme); } toggleTheme() { const newTheme = this.currentTheme === "light" ? "dark" : "light"; this.currentTheme = newTheme; this.settings.setSetting("theme", newTheme); this.applyTheme(newTheme); } applyTheme(theme) { const root = document.documentElement; if (theme === "dark") { // Dark mode root.style.setProperty("--gf-toast-bg", "#0f172a"); root.style.setProperty("--gf-toast-text", "#f8fafc"); root.style.setProperty("--gf-color-white", "#f8fafc"); root.style.setProperty("--gf-color-dark-blue", "#f8fafc"); root.style.setProperty("--gf-color-gray-500", "#9ca3af"); root.style.setProperty("--gf-color-gray-600", "#d1d5db"); root.style.setProperty("--gf-color-gray-800", "#f3f4f6"); root.style.setProperty("--gf-color-gray-900", "#f9fafb"); root.style.setProperty("--gf-color-shadow-light", "rgba(255, 255, 255, 0.12)"); root.style.setProperty("--gf-color-shadow-medium", "rgba(255, 255, 255, 0.14)"); root.style.setProperty("--gf-color-shadow-dark", "rgba(255, 255, 255, 0.18)"); root.style.setProperty("--gf-color-background-blur", "rgba(15, 23, 42, 0.92)"); root.style.setProperty("--gf-background-primary", "#0f172a"); root.style.setProperty("--gf-background-secondary", "#1e293b"); root.style.setProperty("--gf-background-tertiary", "#334155"); root.style.setProperty("--gf-background-modal", "#0f172a"); root.style.setProperty("--gf-background-header", "#0f172a"); root.style.setProperty("--gf-background-footer", "#1e293b"); root.style.setProperty("--gf-text-primary", "#f8fafc"); root.style.setProperty("--gf-text-secondary", "#cbd5e1"); root.style.setProperty("--gf-text-tertiary", "#94a3b8"); root.style.setProperty("--gf-border-light", "rgba(255, 255, 255, 0.08)"); root.style.setProperty("--gf-border-medium", "rgba(255, 255, 255, 0.12)"); root.style.setProperty("--gf-border-heavy", "rgba(255, 255, 255, 0.16)"); } else { // Light mode root.style.setProperty("--gf-toast-bg", "#0f172a"); root.style.setProperty("--gf-toast-text", "#ffffff"); root.style.setProperty("--gf-color-white", "#ffffff"); root.style.setProperty("--gf-color-dark-blue", "#0f172a"); root.style.setProperty("--gf-color-gray-500", "#6b7280"); root.style.setProperty("--gf-color-gray-600", "#64748b"); root.style.setProperty("--gf-color-gray-800", "#111827"); root.style.setProperty("--gf-color-gray-900", "#0f172a"); root.style.setProperty("--gf-color-shadow-light", "rgba(0, 0, 0, 0.12)"); root.style.setProperty("--gf-color-shadow-medium", "rgba(0, 0, 0, 0.14)"); root.style.setProperty("--gf-color-shadow-dark", "rgba(0, 0, 0, 0.18)"); root.style.setProperty("--gf-color-background-blur", "rgba(255, 255, 255, 0.92)"); root.style.setProperty("--gf-background-primary", "#ffffff"); root.style.setProperty("--gf-background-secondary", "#f5f5f7"); root.style.setProperty("--gf-background-tertiary", "#f3f4f6"); root.style.setProperty("--gf-background-modal", "#ffffff"); root.style.setProperty("--gf-background-header", "#ffffff"); root.style.setProperty("--gf-background-footer", "#f5f5f7"); root.style.setProperty("--gf-text-primary", "#111827"); root.style.setProperty("--gf-text-secondary", "#6b7280"); root.style.setProperty("--gf-text-tertiary", "#64748b"); root.style.setProperty("--gf-border-light", "rgba(0, 0, 0, 0.08)"); root.style.setProperty("--gf-border-medium", "rgba(0, 0, 0, 0.12)"); root.style.setProperty("--gf-border-heavy", "rgba(0, 0, 0, 0.16)"); } } getThemeIcon() { return this.currentTheme === "light" ? "moon" : "sun"; } } class ToastService { constructor() { this.toast = null; this.timeout = null; } show(message) { this.hide(); this.toast = document.createElement("div"); this.toast.className = "gf-toast"; this.toast.textContent = message; document.body.appendChild(this.toast); setTimeout(() => { this.toast.classList.add("show"); }, 10); this.timeout = setTimeout(() => { this.hide(); }, 3000); } hide() { if (this.timeout) { clearTimeout(this.timeout); this.timeout = null; } if (this.toast) { this.toast.classList.remove("show"); setTimeout(() => { if (this.toast && this.toast.parentNode) { this.toast.parentNode.removeChild(this.toast); this.toast = null; } }, 300); } } } class SettingsService { constructor() { this.settings = this.loadSettings(); } loadSettings() { const saved = GM_getValue("user_settings", {}); return { ...DEFAULT_SETTINGS, ...saved }; } saveSettings() { GM_setValue("user_settings", this.settings); } getSetting(key) { return this.settings[key]; } setSetting(key, value) { this.settings[key] = value; this.saveSettings(); } isDomainHidden(domain) { return this.settings.hiddenDomains.includes(domain); } hideDomain(domain) { if (!this.isDomainHidden(domain)) { this.settings.hiddenDomains.push(domain); this.saveSettings(); } } showDomain(domain) { this.settings.hiddenDomains = this.settings.hiddenDomains.filter(d => d !== domain); this.saveSettings(); } } class HostService { getCurrentHost() { const hostname = window.location.hostname; return hostname.replace(/^(www\.|m\.|mobile\.)/, ""); } extractRootDomain(host) { const parts = host.split("."); if (parts.length > 2) return parts.slice(-2).join("."); return host; } formatHostForDisplay(host) { return this.extractRootDomain(host); } } class ScriptService { constructor(baseUrl, serviceName) { this.baseUrl = baseUrl; this.serviceName = serviceName; this.cache = new Map(); this.settings = new SettingsService(); } async searchScriptsByHost(host) { const rootDomain = new HostService().extractRootDomain(host); const cacheKey = `${this.serviceName}_${rootDomain}`; const cached = this.cache.get(cacheKey); const cacheDuration = this.settings.getSetting("cacheDuration"); if (cached && Date.now() - cached.timestamp < cacheDuration) { return cached.data; } let scripts = []; try { scripts = await this._fetchFromBySiteAPI(rootDomain); } catch (error1) { try { scripts = await this._fetchFromSearchAPI(rootDomain); } catch (error2) { scripts = []; } } const filtered = this._filterRelevantScripts(scripts, rootDomain); this.cache.set(cacheKey, { data: filtered, timestamp: Date.now() }); return filtered; } async _fetchFromBySiteAPI(domain) { return new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: "GET", url: `${this.baseUrl}/scripts/by-site/${domain}.json`, headers: { Accept: "application/json" }, onload: (response) => { if (response.status === 200) { try { resolve(JSON.parse(response.responseText)); } catch (e) { reject(e); } } else if (response.status === 404) { resolve([]); } else { reject(new Error(`API error: ${response.status}`)); } }, onerror: reject, }); }); } async _fetchFromSearchAPI(domain) { return new Promise((resolve, reject) => { GM_xmlhttpRequest({ method: "GET", url: `${this.baseUrl}/scripts.json?q=${encodeURIComponent(domain)}&sort=updated`, headers: { Accept: "application/json" }, onload: (response) => { if (response.status === 200) { try { resolve(JSON.parse(response.responseText)); } catch (e) { reject(e); } } else { reject(new Error(`Search error: ${response.status}`)); } }, onerror: reject, }); }); } _filterRelevantScripts(scripts, domain) { return scripts .filter((script) => { if (script.domains) { return script.domains.some((d) => d.includes(domain) || domain.includes(d)); } return true; }) .slice(0, 150); } getDirectSearchUrl(domain) { return `${this.baseUrl}/scripts/by-site/${domain}`; } } class UIService { constructor() { this.themeService = new ThemeService(); this.styles = ` :root { --gf-color-white: #fff; --gf-color-dark-blue: #0f172a; --gf-color-green: #4CAF50; --gf-color-purple: #9C27B0; --gf-color-dark-purple: #7b1fa2; --gf-color-gray-500: #6b7280; --gf-color-gray-600: #64748b; --gf-color-gray-800: #111827; --gf-color-gray-900: #0f172a; --gf-color-error-red: #b91c1c; --gf-color-shadow-light: rgba(0, 0, 0, 0.12); --gf-color-shadow-medium: rgba(0, 0, 0, 0.14); --gf-color-shadow-dark: rgba(0, 0, 0, 0.18); --gf-color-background-blur: rgba(255, 255, 255, 0.92); --gf-color-green-highlight: rgba(76, 175, 80, 0.16); --gf-background-primary: #ffffff; --gf-background-secondary: #f5f5f7; --gf-background-tertiary: #f3f4f6; --gf-background-modal: #ffffff; --gf-background-header: #ffffff; --gf-background-footer: #f5f5f7; --gf-text-primary: #111827; --gf-text-secondary: #6b7280; --gf-text-tertiary: #64748b; --gf-border-light: rgba(0, 0, 0, 0.08); --gf-border-medium: rgba(0, 0, 0, 0.12); --gf-border-heavy: rgba(0, 0, 0, 0.16); } .gf-toast { position: fixed; top: 24px; left: 50%; transform: translateX(-50%) translateY(-30px); background: var(--gf-toast-bg); color: var(--gf-toast-text); padding: 14px 28px; border-radius: 12px; font-size: 14px; font-weight: 600; box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25); opacity: 0; transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 2147483647; pointer-events: none; text-align: center; max-width: 480px; width: max-content; line-height: 1.5; backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.1); } .gf-toast.show { opacity: 1; transform: translateX(-50%) translateY(0); } .gf-script-finder { all: initial; position: fixed !important; bottom: 14px !important; right: 0 !important; z-index: 2147483647 !important; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important; transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .gf-pill { display: flex; align-items: center; gap: 8px; height: 34px; padding: 0 10px 0 8px; border-radius: 999px; border: 1px solid var(--gf-border-light); background: var(--gf-color-background-blur); backdrop-filter: blur(8px); box-shadow: 0 10px 26px var(--gf-color-shadow-medium); cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); opacity: .55; position: relative; overflow: hidden; right: 14px !important; } .gf-pill:hover { opacity: 1; box-shadow: 0 14px 34px var(--gf-color-shadow-dark); } .gf-pill:active { transform: scale(.98); } .gf-pill-icon { width: 22px; height: 22px; border-radius: 999px; flex: 0 0 auto; background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPCEtLSBVcGxvYWRlZCB0bzogU1ZHIFJlcG8sIHd3dy5zdmdyZXBvLmNvbSwgVHJhbnNmb3JtZWQgYnk6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDY0IDY0IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIiB4bWx6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSIjMDAwMDAwIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHN0eWxlIHR5cGU9InRleHQvY3NzIj4gLnN0MHtmaWxsOiNCNEU2REQ7fSAuc3Qxe2ZpbGw6IzgwRDRDNDt9IC5zdDJ7ZmlsbDojRDJGMEVBO30gLnN0M3tmaWxsOiNGRkZGRkY7fSAuc3Q0e2ZpbGw6I0ZCRDg3Mjt9IC5zdDV7ZmlsbDojREI3NzY3O30gLnN0NntmaWxsOiNGMzhFN0E7fSAuc3Q3e2ZpbGw6I0Y2QUY2Mjt9IC5zdDh7ZmlsbDojMzJBNDhFO30gLnN0OXtmaWxsOiM1YmIxNWQ7fSAuc3QxMHtmaWxsOiM1YmIxNWQ7fSAuc3QxMXtmaWxsOiNFQUExNTc7fSAuc3QxMntmaWxsOiM1YmIxNWQ7fSAuc3QxM3tmaWxsOiNGOUM0NkE7fSAuc3QxNHtmaWxsOiNDRTZCNjE7fSA8L3N0eWxlPiA8Zz4gPHBhdGggY2xhc3M9InN0MTAiIGQ9Ik0yMy41NiwxNy45N2MyLjIsMCw0LjA2LDEuNDEsNC43NywzLjM3YzAuMTMtMC4zOSwwLjIyLTAuOCwwLjIyLTEuMjNjMC0yLjEzLTEuNzMtMy44Ni0zLjg2LTMuODYgYy0xLjYsMC0yLjk3LDAuOTctMy41NiwyLjM2QzIxLjg1LDE4LjIsMjIuNjgsMTcuOTcsMjMuNTYsMTcuOTd6Ii8+IDxwYXRoIGNsYXNzPSJzdDEwIiBkPSJNNDAuNDQsMTcuOTdjLTIuMiwwLTQuMDYsMS40MS00Ljc3LDMuMzdjLTAuMTMtMC4zOS0wLjIyLTAuOC0wLjIyLTEuMjNjMC0yLjEzLDEuNzMtMy44NiwzLjg2LTMuODYgYzEuNiwwLDIuOTcsMC45NywzLjU2LDIuMzZDNDIuMTUsMTguMiw0MS4zMiwxNy45Nyw0MC40NCwxNy45N3oiLz4gPHBhdGggY2xhc3M9InN0OSIgZD0iTTUzLjcyLDMyYy0wLjItMC4yOS04Ljc0LTExLjM4LTguOTctMTEuNjJjLTAuOS0xLjQ0LTIuNDktMi40MS00LjMxLTIuNDFjLTIuNDcsMC00LjUzLDEuNzYtNC45OSw0LjEgYy0yLjI1LTAuNjQtNC42NC0wLjY0LTYuODksMGMtMC40Ni0yLjM0LTIuNTItNC4xLTQuOTktNC4xYy0xLjgyLDAtMy40MSwwLjk3LTQuMzEsMi40MWMtMC4yMywwLjI1LTguNzgsMTEuMzMtOC45NywxMS42MiBDOC44NiwzMy42Nyw4LDM1LjgzLDgsMzguMTljMCw1LjI4LDQuMjgsOS41Niw5LjU2LDkuNTZjNS4xNCwwLDkuMzEtNC4wNSw5LjU0LTkuMTNjMC4wMy0wLjIxLDAuNTgtNS41OSwwLjk5LTkuNzYgYzIuMzEtMS43Miw1LjUtMS43MSw3LjgxLDBjMC40MSw0LjE2LDAuOTUsOS41NCwwLjk5LDkuNzVjMC4yMyw1LjA4LDQuNDEsOS4xMyw5LjU0LDkuMTNjNS4yOCwwLDkuNTYtNC4yOCw5LjU2LTkuNTYgQzU2LDM1LjgzLDU1LjE0LDMzLjY3LDUzLjcyLDMyeiBNMzIsMjYuMzdjLTAuOTMsMC0xLjY4LTAuNzUtMS42OC0xLjY4czAuNzUtMS42OCwxLjY4LTEuNjhzMS42OCwwLjc1LDEuNjgsMS42OCBTMzIuOTMsMjYuMzcsMzIsMjYuMzd6Ii8+IDxjaXJjbGUgY2xhc3M9InN0MTAiIGN4PSIxNy41NiIgY3k9IjM4LjE5IiByPSI5LjU2Ii8+IDxjaXJjbGUgY2xhc3M9InN0MyIgY3g9IjE3LjU2IiBjeT0iMzguMTkiIHI9IjcuNTYiLz4gPGNpcmNsZSBjbGFzcz0ic3QxMCIgY3g9IjQ2LjQ0IiBjeT0iMzguMTkiIHI9IjkuNTYiLz4gPGNpcmNsZSBjbGFzcz0ic3QzIiBjeD0iNDYuNDQiIGN5PSIzOC4xOSIgcj0iNy41NiIvPiA8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMTcuNTYsMzIuNjNjMy44MywwLDcsMi44Nyw3LjQ5LDYuNTZjMC4wNC0wLjMzLDAuMDctMC42NiwwLjA3LTFjMC00LjE3LTMuMzktNy41Ni03LjU2LTcuNTYgUzEwLDM0LjAyLDEwLDM4LjE5YzAsMC4zNCwwLjAzLDAuNjcsMC4wNywxQzEwLjU3LDM1LjQ5LDEzLjczLDMyLjYzLDE3LjU2LDMyLjYzeiIvPiA8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNDYuNDQsMzIuNjNjMy44MywwLDcsMi44Nyw3LjQ5LDYuNTZjMC4wNC0wLjMzLDAuMDctMC42NiwwLjA3LTFjMC00LjE3LTMuMzktNy41Ni03LjU2LTcuNTYgcy03LjU2LDMuMzktNy41Niw3LjU2YzAsMC4jNCwwLjAzLDAuNjcsMC4wNywxQzM5LjQ0LDM1LjQ5LDQyLjYsMzIuNjMsNDYuNDQsMzIuNjN6Ii8+IDwvZz4gPC9nPgoNPC9zdmc+); background-repeat: no-repeat; background-position: center; background-size: contain; } .gf-pill-label { font-size: 12px; font-weight: 800; letter-spacing: .2px; color: var(--gf-color-dark-blue); white-space: nowrap; } .gf-pill-badge { min-width: 18px; height: 18px; padding: 0 6px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 900; color: var(--gf-color-white); background: var(--gf-color-green); line-height: 1; } .gf-pill.compact { width: 24px !important; padding: 0 !important; border-radius: 24px 0 0 24px !important; gap: 0 !important; transform: scale(0.8); opacity: 0.3; right: 0 !important; } .gf-pill.compact .gf-pill-icon { width: 100% !important; height: 100% !important; background-size: 16px 16px !important; background-position: 4px center !important; } .gf-pill.compact .gf-pill-label, .gf-pill.compact .gf-pill-badge { display: none !important; } .gf-modal { position: absolute; bottom: 44px; right: 14px; width: 480px; max-height: min(82vh, 780px); background: var(--gf-background-modal); border-radius: 20px; border: 1px solid var(--gf-border-light); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02), 0 20px 60px rgba(0, 0, 0, 0.12), 0 8px 20px rgba(0, 0, 0, 0.08); overflow: hidden; display: none; } .gf-modal.visible { display: flex; flex-direction: column; } .gf-modal-header { padding: 18px 24px; background: var(--gf-background-header); border-bottom: 1px solid var(--gf-border-light); position: relative; } .gf-modal-header::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--gf-color-green) 0%, #66BB6A 100%); } .gf-modal-header.sleazyfork::before { background: linear-gradient(90deg, var(--gf-color-purple) 0%, #BA68C8 100%); } .gf-modal-header-content { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .gf-modal-title-area { flex: 1; min-width: 0; } .gf-modal-title { font-weight: 700; font-size: 17px; line-height: 1.3; color: var(--gf-text-primary); margin: 0 0 6px 0; letter-spacing: -0.2px; } .gf-modal-subtitle { font-size: 13px; color: var(--gf-text-secondary); font-weight: 600; display: flex; align-items: center; gap: 6px; margin: 0; } .gf-modal-subtitle-count { display: inline-flex; align-items: center; justify-content: center; min-width: 22px; height: 22px; padding: 0 7px; background: var(--gf-background-tertiary); border-radius: 6px; font-size: 12px; font-weight: 700; color: var(--gf-text-primary); line-height: 1; } .gf-theme-toggle { width: 36px; height: 36px; border-radius: 10px; border: none; cursor: pointer; background: var(--gf-background-tertiary); color: var(--gf-text-secondary); font-size: 20px; display: grid; place-items: center; transition: all 0.2s ease; flex-shrink: 0; margin-left: auto; } .gf-theme-toggle:hover { background: var(--gf-background-tertiary); color: var(--gf-text-primary); transform: scale(1.05); } .gf-theme-toggle:active { transform: scale(0.95); } .gf-close-button { width: 36px; height: 36px; border-radius: 10px; border: none; cursor: pointer; background: var(--gf-background-tertiary); color: var(--gf-text-secondary); font-size: 20px; display: grid; place-items: center; transition: all 0.2s ease; flex-shrink: 0; font-weight: 300; } .gf-close-button:hover { background: var(--gf-background-tertiary); color: var(--gf-text-primary); transform: scale(1.05); } .gf-close-button:active { transform: scale(0.95); } .gf-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 24px; background: var(--gf-background-secondary); border-bottom: 1px solid var(--gf-border-light); } .gf-tab { padding: 10px 16px; border: 1px solid var(--gf-border-light); border-radius: 10px; cursor: pointer; background: var(--gf-background-modal); font-size: 14px; font-weight: 600; color: var(--gf-text-secondary); transition: all 0.2s ease; position: relative; overflow: hidden; } .gf-tab::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, var(--gf-color-green-highlight), rgba(76, 175, 80, 0.04)); opacity: 0; transition: opacity 0.2s ease; } .gf-tab.sleazyfork::before { background: linear-gradient(135deg, rgba(156, 39, 176, 0.08), rgba(156, 39, 176, 0.04)); } .gf-tab:hover { border-color: var(--gf-border-medium); } .gf-tab:hover::before { opacity: 1; } .gf-tab.active { background: linear-gradient(135deg, var(--gf-color-green), #66BB6A); color: #ffffff; border-color: transparent; box-shadow: 0 4px 12px rgba(76, 175, 80, 0.25); } .gf-tab.sleazyfork.active { background: linear-gradient(135deg, var(--gf-color-purple), #BA68C8); box-shadow: 0 4px 12px rgba(156, 39, 176, 0.25); } .gf-tab.active::before { opacity: 0; } .gf-sort-menu { padding: 14px 24px; background: var(--gf-background-secondary); border-bottom: 1px solid var(--gf-border-light); display: flex; align-items: center; gap: 12px; } .gf-sort-label { font-size: 13px; font-weight: 600; color: var(--gf-text-primary); flex-shrink: 0; } .gf-sort-select { flex: 1; padding: 9px 14px; border-radius: 10px; border: 1px solid var(--gf-border-light); background: var(--gf-background-tertiary); color: var(--gf-text-primary); font-size: 13px; font-weight: 500; cursor: pointer; outline: none; transition: all 0.2s ease; } .gf-sort-select:hover { background: var(--gf-background-tertiary); border-color: var(--gf-border-medium); } .gf-sort-select:focus { border-color: var(--gf-color-green); background: var(--gf-background-modal); box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1); } .gf-sort-select.sleazyfork:focus { border-color: var(--gf-color-purple); box-shadow: 0 0 0 3px rgba(156, 39, 176, 0.1); } .gf-modal-content { flex: 1; overflow-y: auto; background: var(--gf-background-modal); } .gf-modal-content::-webkit-scrollbar { width: 8px; } .gf-modal-content::-webkit-scrollbar-track { background: transparent; } .gf-modal-content::-webkit-scrollbar-thumb { background: var(--gf-border-medium); border-radius: 4px; } .gf-modal-content::-webkit-scrollbar-thumb:hover { background: var(--gf-border-heavy); } .gf-loading { padding: 60px 24px; text-align: center; display: grid; gap: 16px; place-items: center; } .gf-loading-spinner { width: 40px; height: 40px; border-radius: 50%; border: 3px solid var(--gf-border-light); border-top-color: var(--gf-color-green); animation: gfSpin 0.8s linear infinite; } .gf-loading-spinner.sleazyfork { border-top-color: var(--gf-color-purple); } @keyframes gfSpin { to { transform: rotate(360deg); } } .gf-loading-text { font-size: 14px; color: var(--gf-text-secondary); font-weight: 500; } .gf-script-item { padding: 18px 24px; border-bottom: 1px solid var(--gf-border-light); cursor: pointer; transition: all 0.2s ease; position: relative; background: var(--gf-background-modal); } .gf-script-item::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: linear-gradient(135deg, var(--gf-color-green), #66BB6A); opacity: 0; transition: opacity 0.2s ease; } .gf-script-item:hover::before { opacity: 1; } .gf-script-item:hover { background: var(--gf-background-tertiary); } .gf-script-item:last-child { border-bottom: none; } .gf-script-top { display: grid; gap: 8px; margin-bottom: 10px; } .gf-script-title { display: block; text-decoration: none; color: var(--gf-text-primary); font-weight: 700; font-size: 15px; line-height: 1.4; transition: color 0.2s ease; } .gf-script-title:hover { color: var(--gf-color-green); } .gf-script-sub { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; font-size: 12px; color: var(--gf-text-secondary); font-weight: 600; } .gf-script-sub i { font-size: 13px; margin-right: 2px; } .gf-dot { opacity: 0.4; font-size: 10px; } .gf-script-description { color: var(--gf-text-primary); font-size: 13px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 12px; } .gf-script-meta { display: flex; flex-wrap: wrap; gap: 6px; } .gf-badge { display: inline-flex; align-items: center; gap: 5px; padding: 6px 10px; border-radius: 8px; font-size: 11px; font-weight: 700; background: var(--gf-background-tertiary); color: var(--gf-text-primary); line-height: 1; border: 1px solid var(--gf-border-light); transition: all 0.2s ease; } .gf-badge i { font-size: 14px; line-height: 1; } .gf-badge:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .gf-badge-score-high { background: linear-gradient(135deg, #dcfce7, #bbf7d0); color: #166534; border-color: #86efac; } .gf-badge-score-mid { background: linear-gradient(135deg, #fef3c7, #fde68a); color: #92400e; border-color: #fcd34d; } .gf-badge-score-low { background: linear-gradient(135deg, #fee2e2, #fecaca); color: #991b1b; border-color: #fca5a5; } .gf-empty-state, .gf-error { padding: 60px 32px; text-align: center; background: var(--gf-background-modal); } .gf-empty-state-title, .gf-error-title { font-weight: 700; font-size: 16px; color: var(--gf-text-primary); margin-bottom: 8px; } .gf-empty-state-text, .gf-error-text { color: var(--gf-text-secondary); font-size: 14px; line-height: 1.6; margin-bottom: 20px; } .gf-error-title { color: var(--gf-color-error-red); } .gf-empty-state a, .gf-error button { display: inline-flex; align-items: center; justify-content: center; padding: 11px 20px; border-radius: 10px; background: linear-gradient(135deg, var(--gf-color-green), #66BB6A); color: var(--gf-color-white); text-decoration: none; font-weight: 700; font-size: 13px; border: none; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 4px 12px rgba(76, 175, 80, 0.2); } .gf-empty-state a:hover, .gf-error button:hover { box-shadow: 0 6px 16px rgba(76, 175, 80, 0.3); } .gf-empty-state a.sleazyfork, .gf-error button.sleazyfork { background: linear-gradient(135deg, var(--gf-color-purple), #BA68C8); box-shadow: 0 4px 12px rgba(156, 39, 176, 0.2); } .gf-empty-state a.sleazyfork:hover, .gf-error button.sleazyfork:hover { box-shadow: 0 6px 16px rgba(156, 39, 176, 0.3); } .gf-footer { padding: 16px 24px; border-top: 1px solid var(--gf-border-light); background: var(--gf-background-footer); font-size: 12px; display: flex; align-items: center; justify-content: space-between; gap: 16px; } .gf-footer-text { color: var(--gf-text-secondary); font-weight: 600; } .gf-footer a { color: var(--gf-color-green); text-decoration: none; font-weight: 700; transition: color 0.2s ease; } .gf-footer a:hover { color: #388e3c; text-decoration: underline; } .gf-footer a.sleazyfork { color: var(--gf-color-purple); } .gf-footer a.sleazyfork:hover { color: var(--gf-color-dark-purple); } .gf-hide-button { padding: 8px 14px; border-radius: 8px; border: 1px solid var(--gf-border-light); background: var(--gf-background-modal); color: var(--gf-text-secondary); font-size: 12px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; } .gf-hide-button:hover { background: var(--gf-background-tertiary); border-color: var(--gf-border-medium); } @media (max-width: 480px) { .gf-toast { top: 16px; padding: 12px 20px; max-width: 90%; font-size: 13px; } .gf-modal { width: calc(100vw - 28px); right: 14px; max-height: min(85vh, 680px); } .gf-script-finder { right: 0 !important; bottom: 10px !important; } .gf-modal-header { padding: 16px 20px 14px; } .gf-modal-title { font-size: 16px; } .gf-tabs { padding: 10px 20px; } .gf-sort-menu { padding: 12px 20px; } .gf-script-item { padding: 16px 20px; } .gf-footer { padding: 14px 20px; flex-direction: column; gap: 12px; text-align: center; } } `; } getIcon(name) { return `<i class="ph ph-${name}"></i>`; } getLicenseIcon(license) { const licenseMap = { 'MIT': 'scroll', 'GPL': 'scales', 'Apache': 'apache-logo', 'BSD': 'file-text', 'ISC': 'certificate', 'MPL': 'mozilla-logo', 'CC': 'creative-commons-logo', }; for (const [key, icon] of Object.entries(licenseMap)) { if (license && license.toUpperCase().includes(key)) { return this.getIcon(icon); } } return this.getIcon('certificate'); } injectStyles() { if (typeof GM_addStyle === "function") { GM_addStyle(this.styles); return; } const style = document.createElement("style"); style.textContent = this.styles; document.head.appendChild(style); } createPill() { const pill = document.createElement("div"); pill.className = "gf-pill"; pill.title = "Find scripts for this site"; pill.innerHTML = ` <div class="gf-pill-icon"></div> <div class="gf-pill-label">Scripts</div> <div class="gf-pill-badge" style="display:none;">0</div> `; return pill; } createModal() { const modal = document.createElement("div"); modal.className = "gf-modal"; modal.innerHTML = ` <div class="gf-modal-header"> <div class="gf-modal-header-content"> <div class="gf-modal-title-area"> <h2 class="gf-modal-title">Scripts for this site</h2> <p class="gf-modal-subtitle"> <span class="gf-modal-subtitle-count">0</span> <span>scripts available</span> </p> </div> <button class="gf-theme-toggle" title="Toggle dark/light mode"> <i class="ph ph-${this.themeService.getThemeIcon()}"></i> </button> <button class="gf-close-button" title="Close">×</button> </div> </div> <div class="gf-tabs"> <button class="gf-tab greasyfork active" data-service="greasyfork">GreasyFork</button> <button class="gf-tab sleazyfork" data-service="sleazyfork">SleazyFork</button> </div> <div class="gf-sort-menu"> <span class="gf-sort-label">Sort by:</span> <select class="gf-sort-select" aria-label="Sort scripts"> <option value="daily">Daily installs</option> <option value="total">Total installs</option> <option value="good">Good ratings</option> <option value="fanscore">Fanscore</option> <option value="updatedate">Update date</option> <option value="createdate">Create date</option> </select> </div> <div class="gf-modal-content"> <div class="gf-loading"> <div class="gf-loading-spinner"></div> <div class="gf-loading-text">Searching scripts...</div> </div> </div> <div class="gf-footer"> <div class="gf-footer-text">Data from <a href="https://greasyfork.org" target="_blank" class="greasyfork">GreasyFork</a></div> <button class="gf-hide-button">Hide for this site</button> </div> `; return modal; } updateModalTitle(title, serviceName) { const titleElement = this.modal.querySelector(".gf-modal-title"); if (titleElement) titleElement.textContent = title; const headerElement = this.modal.querySelector(".gf-modal-header"); if (headerElement) { headerElement.classList.toggle("sleazyfork", serviceName === "sleazyfork"); } const footerLink = this.modal.querySelector(".gf-footer a"); if (footerLink) { if (serviceName === "greasyfork") { footerLink.href = "https://greasyfork.org"; footerLink.textContent = "GreasyFork"; footerLink.className = "greasyfork"; } else { footerLink.href = "https://sleazyfork.org"; footerLink.textContent = "SleazyFork"; footerLink.className = "sleazyfork"; } } } updateActiveTab(serviceName) { this.modal.querySelectorAll(".gf-tab").forEach((tab) => { tab.classList.toggle("active", tab.dataset.service === serviceName); }); } updateActiveSortDropdown(sortType, serviceName) { const select = this.modal.querySelector(".gf-sort-select"); if (!select) return; select.value = sortType; select.classList.toggle("sleazyfork", serviceName === "sleazyfork"); } showLoading(serviceName) { const content = this.modal.querySelector(".gf-modal-content"); if (!content) return; const spinnerClass = serviceName === "greasyfork" ? "" : "sleazyfork"; const label = serviceName === "greasyfork" ? "GreasyFork" : "SleazyFork"; content.innerHTML = ` <div class="gf-loading"> <div class="gf-loading-spinner ${spinnerClass}"></div> <div class="gf-loading-text">Searching scripts on ${label}...</div> </div> `; } showError(message, retryCallback, serviceName) { const content = this.modal.querySelector(".gf-modal-content"); if (!content) return; const buttonClass = serviceName === "greasyfork" ? "" : "sleazyfork"; content.innerHTML = ` <div class="gf-error"> <div class="gf-error-title">Something went wrong</div> <div class="gf-error-text">${this._escapeHtml(message)}</div> ${ retryCallback ? `<button class="gf-retry ${buttonClass}">Try again</button>` : "" } </div> `; if (retryCallback) { content.querySelector(".gf-retry").addEventListener("click", retryCallback); } } showEmptyState(domain, directUrl, serviceName) { const content = this.modal.querySelector(".gf-modal-content"); if (!content) return; const serviceDisplay = serviceName === "greasyfork" ? "GreasyFork" : "SleazyFork"; const linkClass = serviceName === "greasyfork" ? "" : "sleazyfork"; content.innerHTML = ` <div class="gf-empty-state"> <div class="gf-empty-state-title">No scripts found</div> <div class="gf-empty-state-text">Nothing matched <strong>${this._escapeHtml(domain)}</strong> on ${serviceDisplay}.</div> <a href="${this._escapeHtml(directUrl)}" target="_blank" class="${linkClass}">Search manually</a> </div> `; } createScriptItem(script, serviceName) { const item = document.createElement("div"); item.className = "gf-script-item"; const formatNumber = (num) => { const n = Number(num); if (!Number.isFinite(n)) return null; if (n >= 1000) return (n / 1000).toFixed(1).replace(".0", "") + "k"; return n.toString(); }; const safeDate = (iso) => { if (!iso) return null; const d = new Date(iso); return Number.isNaN(d.getTime()) ? null : d.toLocaleDateString(); }; const daily = formatNumber(script.daily_installs); const total = formatNumber(script.total_installs); const good = formatNumber(script.good_ratings); const fanScore = script.fan_score != null ? Number(script.fan_score) : null; const fanScoreText = Number.isFinite(fanScore) ? fanScore.toFixed(1) : null; const updatedDate = safeDate(script.code_updated_at); const createdDate = safeDate(script.created_at); const scriptUrl = script.url?.startsWith("http") ? script.url : (serviceName === "greasyfork" ? "https://greasyfork.org" : "https://sleazyfork.org") + (script.url || ""); const badge = (icon, text, title, extraClass = "") => { if (!text) return ""; return `<span class="gf-badge ${extraClass}" title="${this._escapeHtml(title)}">${this.getIcon(icon)} ${this._escapeHtml(text)}</span>`; }; const fanClass = fanScore >= 8 ? "gf-badge-score-high" : fanScore >= 6 ? "gf-badge-score-mid" : fanScore >= 0 ? "gf-badge-score-low" : ""; const author = script.users?.[0]?.name || null; const licenseIcon = script.license ? this.getLicenseIcon(script.license) : ''; item.innerHTML = ` <div class="gf-script-top"> <a href="${this._escapeHtml(scriptUrl)}" target="_blank" class="gf-script-title" title="${this._escapeHtml(script.name || "")}"> ${this._escapeHtml(script.name || "Untitled script")} </a> <div class="gf-script-sub"> ${author ? `<span title="Author">${this.getIcon('user')} ${this._escapeHtml(author)}</span>` : ""} ${author && script.version ? `<span class="gf-dot">•</span>` : ""} ${script.version ? `<span title="Version">${this.getIcon('git-branch')} v${this._escapeHtml(script.version)}</span>` : ""} ${(author || script.version) && script.license ? `<span class="gf-dot">•</span>` : ""} ${script.license ? `<span title="License">${licenseIcon} ${this._escapeHtml(script.license)}</span>` : ""} </div> </div> <div class="gf-script-description" title="${this._escapeHtml(script.description || "")}"> ${this._escapeHtml(script.description || "No description available")} </div> <div class="gf-script-meta"> ${badge("download-simple", daily ? `${daily}/day` : null, "Daily installs")} ${badge("chart-bar", total, "Total installs")} ${badge("star", good, "Positive ratings")} ${badge("flame", fanScoreText, "Fan score", fanScoreText ? fanClass : "")} ${badge("arrow-clockwise", updatedDate, "Last code update")} ${badge("calendar-plus", createdDate, "Created at")} </div> `; return item; } setPillCount(count) { const badge = this.pill.querySelector(".gf-pill-badge"); const subtitleCount = this.modal.querySelector(".gf-modal-subtitle-count"); const subtitleText = this.modal.querySelector(".gf-modal-subtitle span:last-child"); if (badge) { if (!count || count <= 0) { badge.style.display = "none"; badge.textContent = ""; } else { badge.style.display = "inline-flex"; badge.textContent = count > 99 ? "99+" : String(count); } } if (subtitleCount) { subtitleCount.textContent = count || 0; } if (subtitleText) { subtitleText.textContent = count === 1 ? "script available" : "scripts available"; } } setPillServiceColor(serviceName) { const badge = this.pill.querySelector(".gf-pill-badge"); if (!badge) return; badge.style.background = serviceName === "greasyfork" ? "var(--gf-color-green)" : "var(--gf-color-purple)"; } showPill() { this.container.style.display = ""; } hidePill() { this.container.style.display = "none"; } setCompactMode(compact) { this.pill.classList.toggle("compact", !!compact); } _escapeHtml(text) { const div = document.createElement("div"); div.textContent = text || ""; return div.innerHTML; } } class ScriptFinderController { constructor(hostService, uiService) { this.hostService = hostService; this.uiService = uiService; this.settings = new SettingsService(); this.toast = new ToastService(); this.services = { greasyfork: new ScriptService("https://greasyfork.org", "greasyfork"), sleazyfork: new ScriptService("https://sleazyfork.org", "sleazyfork"), }; this.currentService = "greasyfork"; this.currentSort = this.settings.getSetting("defaultSort"); this.isModalOpen = false; this.isLoading = false; this.currentDomain = null; this.compactTimer = null; } async initialize() { this.uiService.injectStyles(); this.setupUI(); this.setupEventListeners(); const host = this.hostService.getCurrentHost(); this.currentDomain = this.hostService.extractRootDomain(host); this.setupMenuCommands(); if (this.settings.isDomainHidden(this.currentDomain)) { this.uiService.hidePill(); return; } this.uiService.showPill(); const autoCompact = this.settings.getSetting("autoCompact"); this.uiService.setCompactMode(false); if (autoCompact) { this.startCompactTimer(); } } setupUI() { this.container = document.createElement("div"); this.container.className = "gf-script-finder"; this.pill = this.uiService.createPill(); this.modal = this.uiService.createModal(); this.uiService.container = this.container; this.uiService.pill = this.pill; this.uiService.modal = this.modal; this.modalContent = this.modal.querySelector(".gf-modal-content"); this.container.appendChild(this.pill); this.container.appendChild(this.modal); document.body.appendChild(this.container); } setupMenuCommands() { if (typeof GM_registerMenuCommand !== "function") return; if (window._menuCommandIds) { window._menuCommandIds.forEach(id => { if (typeof GM_unregisterMenuCommand === "function") { GM_unregisterMenuCommand(id); } }); window._menuCommandIds = []; } else { window._menuCommandIds = []; } const domainDisplay = this.hostService.formatHostForDisplay(this.currentDomain); const isHidden = this.settings.isDomainHidden(this.currentDomain); const createMenuCommands = () => { if (window._menuCommandIds) { window._menuCommandIds.forEach(id => { if (typeof GM_unregisterMenuCommand === "function") { GM_unregisterMenuCommand(id); } }); window._menuCommandIds = []; } const domainDisplay = this.hostService.formatHostForDisplay(this.currentDomain); const isHidden = this.settings.isDomainHidden(this.currentDomain); const toggleText = isHidden ? `Show for ${domainDisplay}` : `Hide for ${domainDisplay}`; const toggleId = GM_registerMenuCommand(toggleText, () => { if (isHidden) { this.settings.showDomain(this.currentDomain); this.uiService.showPill(); this.toast.show(`Script finder shown for ${domainDisplay}`); } else { const confirmed = confirm(`Hide script for ${domainDisplay}? You can show it again via Tampermonkey menu.`); if (confirmed) { this.settings.hideDomain(this.currentDomain); this.uiService.hidePill(); this.toast.show(`Script finder hidden for ${domainDisplay}`); } } setTimeout(() => createMenuCommands(), 100); }); window._menuCommandIds.push(toggleId); if (!isHidden) { const greasyId = GM_registerMenuCommand("Open Script Finder (GreasyFork)", () => { this.currentService = "greasyfork"; this.openModal(); }); window._menuCommandIds.push(greasyId); const sleazyId = GM_registerMenuCommand("Open Script Finder (SleazyFork)", () => { this.currentService = "sleazyfork"; this.openModal(); }); window._menuCommandIds.push(sleazyId); const compactId = GM_registerMenuCommand("Toggle Auto-Compact Mode", () => { const current = this.settings.getSetting("autoCompact"); const newValue = !current; this.settings.setSetting("autoCompact", newValue); if (newValue) { if (!this.isModalOpen) { this.startCompactTimer(); this.toast.show("Auto-compact mode ENABLED - The pill will automatically minimize."); } else { this.toast.show("Auto-compact mode ENABLED - Pill will auto-compact when you close the modal."); } } else { this.clearCompactTimer(); this.uiService.setCompactMode(false); this.toast.show("Auto-compact mode DISABLED - The pill will remain expanded."); } }); window._menuCommandIds.push(compactId); } const resetId = GM_registerMenuCommand("Reset All Settings", () => { const confirmed = confirm("Reset all settings to default?"); if (confirmed) { GM_deleteValue("user_settings"); this.toast.show("All settings reset to default"); location.reload(); } }); window._menuCommandIds.push(resetId); }; createMenuCommands(); } setupEventListeners() { this.pill.addEventListener("click", () => this.toggleModal()); this.pill.addEventListener("mouseenter", () => { this.uiService.setCompactMode(false); this.clearCompactTimer(); }); this.pill.addEventListener("mouseleave", () => { const autoCompact = this.settings.getSetting("autoCompact"); if (autoCompact && !this.isModalOpen) { this.startCompactTimer(); } }); this.modal.querySelector(".gf-close-button").addEventListener("click", () => this.closeModal()); this.modal.querySelector(".gf-theme-toggle").addEventListener("click", () => { this.uiService.themeService.toggleTheme(); const themeToggleIcon = this.modal.querySelector(".gf-theme-toggle i"); themeToggleIcon.className = `ph ph-${this.uiService.themeService.getThemeIcon()}`; }); this.modal.querySelectorAll(".gf-tab").forEach((tab) => { tab.addEventListener("click", (e) => { const serviceName = e.currentTarget.dataset.service; if (serviceName !== this.currentService) { this.currentService = serviceName; this.uiService.updateActiveTab(serviceName); this.uiService.setPillServiceColor(serviceName); this.uiService.updateActiveSortDropdown(this.currentSort, serviceName); this.loadScripts(); } }); }); const sortSelect = this.modal.querySelector(".gf-sort-select"); if (sortSelect) { sortSelect.addEventListener("change", (e) => { this.currentSort = e.currentTarget.value; this.uiService.updateActiveSortDropdown(this.currentSort, this.currentService); this.displayCachedScripts(); }); } this.modal.querySelector(".gf-hide-button").addEventListener("click", () => { const domainDisplay = this.hostService.formatHostForDisplay(this.currentDomain); const isCurrentlyHidden = this.settings.isDomainHidden(this.currentDomain); if (isCurrentlyHidden) { this.settings.showDomain(this.currentDomain); this.uiService.showPill(); this.toast.show(`Script finder shown for ${domainDisplay}`); } else { const confirmed = confirm(`Hide the pill for ${domainDisplay}? You can show it again via Tampermonkey menu.`); if (confirmed) { this.settings.hideDomain(this.currentDomain); this.uiService.hidePill(); this.toast.show(`Script finder hidden for ${domainDisplay}`); } } setTimeout(() => this.setupMenuCommands(), 100); this.closeModal(); }); document.addEventListener("keydown", (e) => { if (e.key === "Escape" && this.isModalOpen) this.closeModal(); }); document.addEventListener("click", (e) => { if (this.isModalOpen && !this.container.contains(e.target)) { this.closeModal(); } }); document.addEventListener("fullscreenchange", () => { const isFs = !!document.fullscreenElement || !!document.webkitFullscreenElement; this.container.style.display = isFs ? "none" : ""; }); } clearCompactTimer() { if (this.compactTimer) clearTimeout(this.compactTimer); this.compactTimer = null; } startCompactTimer() { this.clearCompactTimer(); const autoCompact = this.settings.getSetting("autoCompact"); if (!autoCompact) return; const delay = this.settings.getSetting("autoCompactDelay"); this.compactTimer = setTimeout(() => { if (!this.isModalOpen) this.uiService.setCompactMode(true); }, delay); } toggleModal() { this.isModalOpen ? this.closeModal() : this.openModal(); } openModal() { this.isModalOpen = true; this.modal.classList.add("visible"); this.pill.style.opacity = "1"; this.uiService.updateActiveTab(this.currentService); this.uiService.setPillServiceColor(this.currentService); this.uiService.updateActiveSortDropdown(this.currentSort, this.currentService); this.uiService.setCompactMode(false); this.clearCompactTimer(); const hideButton = this.modal.querySelector(".gf-hide-button"); if (hideButton) { const isHidden = this.settings.isDomainHidden(this.currentDomain); hideButton.textContent = "Hide for this site"; } this.loadScripts(); } closeModal() { this.isModalOpen = false; this.modal.classList.remove("visible"); this.pill.style.opacity = ""; const autoCompact = this.settings.getSetting("autoCompact"); if (autoCompact) { this.startCompactTimer(); } } sortScripts(scripts) { if (!scripts) return []; const scriptCopy = [...scripts]; switch (this.currentSort) { case "daily": return scriptCopy.sort((a, b) => (b.daily_installs || 0) - (a.daily_installs || 0)); case "total": return scriptCopy.sort((a, b) => (b.total_installs || 0) - (a.total_installs || 0)); case "good": return scriptCopy.sort((a, b) => (b.good_ratings || 0) - (a.good_ratings || 0)); case "fanscore": return scriptCopy.sort((a, b) => (b.fan_score || 0) - (a.fan_score || 0)); case "updatedate": return scriptCopy.sort((a, b) => new Date(b.code_updated_at || 0) - new Date(a.code_updated_at || 0)); case "createdate": return scriptCopy.sort((a, b) => new Date(b.created_at || 0) - new Date(a.created_at || 0)); default: return scriptCopy.sort((a, b) => (b.daily_installs || 0) - (a.daily_installs || 0)); } } displayCachedScripts() { const service = this.services[this.currentService]; const cached = service.cache.get(`${this.currentService}_${this.currentDomain}`); const scripts = cached?.data || []; const displayHost = this.hostService.formatHostForDisplay(this.currentDomain); const serviceDisplay = this.currentService === "greasyfork" ? "GreasyFork" : "SleazyFork"; this.uiService.updateModalTitle(`Scripts for ${displayHost}`, this.currentService); this.uiService.updateActiveSortDropdown(this.currentSort, this.currentService); if (!scripts || scripts.length === 0) { const directUrl = service.getDirectSearchUrl(this.currentDomain); this.uiService.showEmptyState(displayHost, directUrl, this.currentService); this.uiService.setPillCount(0); return; } const sortedScripts = this.sortScripts(scripts); this.modalContent.innerHTML = ""; this.uiService.setPillCount(sortedScripts.length); sortedScripts.forEach((script) => { const item = this.uiService.createScriptItem(script, this.currentService); item.addEventListener("click", (e) => { if (e.target.tagName === "A") return; const url = script.url?.startsWith("http") ? script.url : this.services[this.currentService].baseUrl + (script.url || ""); if (url) GM_openInTab(url, { active: true }); }); this.modalContent.appendChild(item); }); } async loadScripts() { if (this.isLoading) return; this.isLoading = true; const service = this.services[this.currentService]; this.uiService.showLoading(this.currentService); try { const host = this.hostService.getCurrentHost(); this.currentDomain = this.hostService.extractRootDomain(host); const scripts = await service.searchScriptsByHost(this.currentDomain); this.uiService.setPillCount(Array.isArray(scripts) ? scripts.length : 0); this.displayCachedScripts(); } catch (error) { this.uiService.showError( `Error searching scripts: ${error?.message || "Unknown error"}`, () => this.loadScripts(), this.currentService ); this.uiService.setPillCount(0); } finally { this.isLoading = false; } } } function initializeApp() { try { const hostService = new HostService(); const uiService = new UIService(); const controller = new ScriptFinderController(hostService, uiService); controller.initialize(); } catch (e) { console.error("[Script Finder] Init error:", e); } } if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initializeApp); } else { setTimeout(initializeApp, 80); } })();
