☰

GreasyFork 脚本过滤器

根据标题关键字过滤 GreasyFork 脚本，并提供侧边栏管理过滤器，支持导入导出关键字txt文件

// ==UserScript==
// @name         GreasyFork 脚本过滤器
// @namespace    http://tampermonkey.net/
// @version      1.2
// @description  根据标题关键字过滤 GreasyFork 脚本，并提供侧边栏管理过滤器，支持导入导出关键字txt文件
// @author       Yourname
// @match        https://greasyfork.org/zh-CN/scripts*
// @grant        none
// ==/UserScript==

(function () {
  'use strict';

  // 等待 DOM 元素加载完成
  function waitForElement(selector, callback) {
    const el = document.querySelector(selector);
    if (el) return callback(el);
    const observer = new MutationObserver(() => {
      const el = document.querySelector(selector);
      if (el) {
        observer.disconnect();
        callback(el);
      }
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  waitForElement('.script-list', initFilterUI);

  function initFilterUI() {
    const savedKeywords = JSON.parse(localStorage.getItem('gf_filter_keywords') || '[]');
    let keywords = savedKeywords;

    const sidebar = document.createElement('div');
    sidebar.id = 'gf-filter-sidebar';
    sidebar.innerHTML = `
  <h2>关键词过滤器</h2>
  <div id="input-container">
    <input id="new-keyword" type="text" placeholder="添加关键字">
    <label style="font-size: 12px; margin-left: 6px;">
      <input type="checkbox" id="case-sensitive"> 区分大小写
    </label>
    <button id="add-btn">添加</button>
  </div>
  <ul id="keyword-list"></ul>
  <div id="bottom-buttons" style="display: flex; justify-content: space-between; align-items: center; margin-top: 10px; gap: 10px; flex-wrap: wrap;">
    <div style="display: flex; gap: 10px;">
      <button id="delete-selected-btn" style="background: #d9534f; color: white; border-radius: 4px; padding: 6px 10px; border: none; cursor: pointer;">删除已选中</button>
      <button id="delete-all-btn" style="background: #c9302c; color: white; border-radius: 4px; padding: 6px 10px; border: none; cursor: pointer;">删除所有</button>
    </div>
    <div style="display: flex; gap: 10px;">
      <button id="export-btn" style="background: #007bff; color: white; border: none; border-radius: 4px; padding: 6px 10px; cursor: pointer;">导出关键字</button>
      <button id="import-btn" style="background: #28a745; color: white; border: none; border-radius: 4px; padding: 6px 10px; cursor: pointer;">导入关键字</button>
      <input type="file" id="import-file" accept=".txt" style="display:none">
    </div>
  </div>
`;
      // 添加“删除所有关键字”按钮事件
sidebar.querySelector('#delete-all-btn').addEventListener('click', () => {
  if (confirm('确定要删除所有关键字吗？此操作不可撤销！')) {
    keywords = [];
    saveKeywords();
    renderKeywords();
    applyFilter();
  }
});
    document.body.appendChild(sidebar);

    const toggleBtn = document.createElement('div');
    toggleBtn.id = 'gf-filter-toggle';
    toggleBtn.innerText = '☰';
    document.body.appendChild(toggleBtn);

    const style = document.createElement('style');
    style.textContent = `
      #gf-filter-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 220px;
        max-width: 80vw;
        background: #ffffff;
        box-shadow: 2px 0 8px rgba(0,0,0,0.2);
        padding: 16px;
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        z-index: 9999;
        font-family: sans-serif;
        overflow-y: auto;
      }
      #gf-filter-sidebar.open {
        transform: translateX(0);
      }
      #gf-filter-toggle {
        position: fixed;
        top: 900px;
        left: 0;
        width: 40px;
        height: 40px;
        background: #007acc;
        color: white;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
        cursor: pointer;
        z-index: 10000;
        transition: background 0.3s;
      }
      #gf-filter-toggle:hover {
        background: #005fa3;
      }
      #input-container {
        position: sticky;
        top: 0;
        background: white;
        padding-bottom: 10px;
        z-index: 1;
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        align-items: center;
        border-bottom: 1px solid #ddd;
        margin-bottom: 10px;
      }
      #input-container input[type="text"] {
        flex: 1;
        padding: 4px 6px;
        border: 1px solid #ccc;
        border-radius: 4px;
      }
      #input-container button {
        padding: 4px 8px;
        background: #28a745;
        border: none;
        color: white;
        border-radius: 4px;
        cursor: pointer;
      }
      #keyword-list {
        list-style: none;
        padding: 0;
        margin: 0;
        max-height: calc(100vh - 260px);
        overflow-y: auto;
      }
      #keyword-list li {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 4px 0;
        border-bottom: 1px dashed #ddd;
        font-size: 14px;
      }
      #keyword-list .remove-btn {
        margin-left: auto;
        background: transparent;
        border: none;
        color: #d00;
        cursor: pointer;
        font-weight: bold;
      }
    `;
    document.head.appendChild(style);

    function renderKeywords() {
      const list = sidebar.querySelector('#keyword-list');
      list.innerHTML = '';
      keywords.forEach((keyword, index) => {
        const li = document.createElement('li');
        li.innerHTML = `
          <input type="checkbox" class="keyword-checkbox" data-index="${index}">
          <span class="keyword-text" title="${keyword.text}">${keyword.text}${keyword.caseSensitive ? ' (区分大小写)' : ''}</span>
          <button class="remove-btn" data-index="${index}">✕</button>
        `;
        list.appendChild(li);
      });

      list.querySelectorAll('.remove-btn').forEach(btn => {
        btn.addEventListener('click', () => {
          const index = Number(btn.dataset.index);
          keywords.splice(index, 1);
          saveKeywords();
          renderKeywords();
          applyFilter();
        });
      });
    }

    function saveKeywords() {
      localStorage.setItem('gf_filter_keywords', JSON.stringify(keywords));
    }

    function applyFilter() {
      const items = document.querySelectorAll('.script-list li');
      items.forEach(item => {
        const titleEl = item.querySelector('h2 a');
        if (!titleEl) return;
        const title = titleEl.textContent;
        const hidden = keywords.some(k => {
          return k.caseSensitive
            ? title.includes(k.text)
            : title.toLowerCase().includes(k.text.toLowerCase());
        });
        item.style.display = hidden ? 'none' : '';
      });
    }

    sidebar.querySelector('#add-btn').addEventListener('click', () => {
      const input = sidebar.querySelector('#new-keyword');
      const checkbox = sidebar.querySelector('#case-sensitive');
      const text = input.value.trim();
      const caseSensitive = checkbox.checked;
      if (text && !keywords.some(k => k.text === text && k.caseSensitive === caseSensitive)) {
        keywords.push({ text, caseSensitive });
        saveKeywords();
        renderKeywords();
        applyFilter();
        input.value = '';
        checkbox.checked = false;
      }
    });

    sidebar.querySelector('#new-keyword').addEventListener('keydown', e => {
      if (e.key === 'Enter') {
        sidebar.querySelector('#add-btn').click();
      }
    });

    sidebar.querySelector('#delete-selected-btn').addEventListener('click', () => {
      const checkedBoxes = sidebar.querySelectorAll('.keyword-checkbox:checked');
      if (checkedBoxes.length === 0) return;
      const toDeleteIndices = Array.from(checkedBoxes).map(box => Number(box.dataset.index));
      toDeleteIndices.sort((a, b) => b - a).forEach(i => keywords.splice(i, 1));
      saveKeywords();
      renderKeywords();
      applyFilter();
    });

    // 导出关键字
    sidebar.querySelector('#export-btn').addEventListener('click', () => {
      if (keywords.length === 0) {
        alert('没有关键字可导出！');
        return;
      }
      // 每行：关键字\t区分大小写(true/false)
      const content = keywords.map(k => `${k.text}\t${k.caseSensitive}`).join('\n');
      const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
      const url = URL.createObjectURL(blob);

      const a = document.createElement('a');
      a.href = url;
      a.download = 'gf_filter_keywords.txt';
      a.click();
      URL.revokeObjectURL(url);
    });

    // 导入关键字
    const importFileInput = sidebar.querySelector('#import-file');
    sidebar.querySelector('#import-btn').addEventListener('click', () => {
      importFileInput.value = null;
      importFileInput.click();
    });

    importFileInput.addEventListener('change', (e) => {
      const file = e.target.files[0];
      if (!file) return;
      const reader = new FileReader();
      reader.onload = (ev) => {
        const text = ev.target.result;
        // 按行解析，每行格式：关键字\t区分大小写(true/false)
        const lines = text.split(/\r?\n/);
        let addedCount = 0;
        lines.forEach(line => {
          const [word, cs] = line.split('\t');
          if (word && cs) {
            const caseSensitive = cs.trim().toLowerCase() === 'true';
            if (!keywords.some(k => k.text === word && k.caseSensitive === caseSensitive)) {
              keywords.push({ text: word, caseSensitive });
              addedCount++;
            }
          }
        });
        if (addedCount > 0) {
          saveKeywords();
          renderKeywords();
          applyFilter();
          alert(`成功导入 ${addedCount} 条关键字`);
        } else {
          alert('没有导入任何新关键字');
        }
      };
      reader.readAsText(file);
    });

    toggleBtn.addEventListener('click', e => {
      e.stopPropagation();
      sidebar.classList.toggle('open');
    });

    document.addEventListener('click', e => {
      if (!sidebar.contains(e.target) && !toggleBtn.contains(e.target)) {
        sidebar.classList.remove('open');
      }
    });

    renderKeywords();
    applyFilter();
  }
})();