YouTube Subscription Manager (ES)

Cancelar suscripciones individuales o en lote en /feed/channels. Muestra resumen y permite descargar un .md con tabla.

您需要先安裝使用者腳本管理器擴展,如 TampermonkeyGreasemonkeyViolentmonkey 之後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyViolentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能,如 TampermonkeyUserscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展,比如 Tampermonkey,才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

(我已經安裝了使用者腳本管理器,讓我安裝!)

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展,比如 Stylus,才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

(我已經安裝了使用者樣式管理器,讓我安裝!)

// ==UserScript==
// @name         YouTube Subscription Manager (ES)
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @namespace    http://tampermonkey.net/
// @version      2.2-es
// @description  Cancelar suscripciones individuales o en lote en /feed/channels. Muestra resumen y permite descargar un .md con tabla.
// @author       Baarometh
// @match        https://www.youtube.com/feed/channels
// @grant        none
// @license      GNU GPLv3
// ==/UserScript==

(function () {
  'use strict';

  /* ===== utilidades ===== */
  const esperar = (ms) => new Promise(r => setTimeout(r, ms));
  const normalizar = (s) => (s||'').toString().normalize('NFD').replace(/[\u0300-\u036f]/g,'').trim().toLowerCase();
  const click = (el) => el && el.dispatchEvent(new MouseEvent('click',{bubbles:true,cancelable:true,buttons:1}));

  // limpia celdas para Markdown: sin saltos y con pipes escapados
  const limpiarCeldaMD = (s) => String(s ?? '')
    .replace(/\r?\n|\r/g, ' ')
    .replace(/\s+/g, ' ')
    .replace(/\|/g, '\\|')
    .trim();

  /* ===== vocabulario ===== */
  const txtDesuscribir = ['unsubscribe','anular','anular suscripcion','cancelar suscripcion','darse de baja','quitar suscripcion'].map(normalizar);
  const txtConfirmar   = ['unsubscribe','anular suscripcion','anular','confirmar','aceptar'].map(normalizar);

  /* ===== selectores ===== */
  const sel = {
    campana: '#notification-preference-button button, #notification-preference-button yt-icon-button button',
    suscrito: 'ytd-subscribe-button-renderer button, #subscribe-button button',
    confirmFijo: '#confirm-button button',
    menusAbiertos: 'tp-yt-iron-dropdown[opened], ytd-menu-popup-renderer[slot="dropdown-content"]',
    itemsMenu: 'tp-yt-paper-item, ytd-menu-service-item-renderer, tp-yt-paper-listbox tp-yt-paper-item',
    acciones: '#buttons',
    tarjeta: 'ytd-channel-renderer',
    raiz: 'ytd-page-manager'
  };

  /* ===== estado ===== */
  const eventos = [];  // {nombre, url, fechaIso, fechaLocal, estado}

  /* ===== helpers DOM ===== */
  const menuAbierto = () => {
    const m = Array.from(document.querySelectorAll(sel.menusAbiertos));
    return m.length ? m[m.length - 1] : document;
  };

  const buscarOpcionDesuscribir = (raiz) => {
    const items = Array.from(raiz.querySelectorAll(sel.itemsMenu));
    for (const it of items) {
      const lab = it.querySelector('yt-formatted-string, .label') || it;
      if (txtDesuscribir.includes(normalizar(lab.textContent))) return it;
    }
    return null;
  };

  const botonConfirmar = () => {
    const fijo = document.querySelector(sel.confirmFijo);
    if (fijo) return fijo;
    const cand = Array.from(document.querySelectorAll('tp-yt-paper-dialog button, ytd-popup-container tp-yt-paper-button, yt-button-renderer button'));
    return cand.find(b => txtConfirmar.some(w => normalizar(b.textContent).includes(w))) || null;
  };

  // nombre real del canal desde el título; evita arrastrar descripciones
  function obtenerNombreCanal(tarjeta) {
    const candidatos = [
      'ytd-channel-name #text',
      'ytd-channel-name yt-formatted-string#text',
      'yt-formatted-string.ytd-channel-name',
      'a#main-link > yt-formatted-string',
      '#channel-title'
    ];
    for (const s of candidatos) {
      const el = tarjeta.querySelector(s);
      if (el && el.innerText && el.innerText.trim()) {
        return el.innerText.replace(/\r?\n|\r/g, ' ').replace(/\s+/g, ' ').trim();
      }
    }
    const img = tarjeta.querySelector('img[alt]');
    if (img?.alt?.trim()) return img.alt.trim();
    const a = tarjeta.querySelector('a#main-link, a[href*="/@"]');
    const m = a?.href?.match(/\/@([^\/]+)/);
    if (m) return `@${decodeURIComponent(m[1])}`;
    return 'Canal';
  }

  function obtenerUrl(tarjeta) {
    const a = tarjeta.querySelector('a#main-link, a[href*="/@"], a[href^="/channel/"]');
    if (!a?.href) return '';
    try { return new URL(a.getAttribute('href'), location.origin).href; } catch { return a.href; }
  }

  /* ===== flujo por canal ===== */
  const abrirMenu = async (tarjeta) => {
    let b = tarjeta.querySelector(sel.campana) || tarjeta.querySelector(sel.suscrito);
    if (!b) return null;
    click(b);
    await esperar(250);
    return menuAbierto();
  };

  const desuscribirCanal = async (tarjeta) => {
    const nombre = obtenerNombreCanal(tarjeta);
    const url = obtenerUrl(tarjeta);

    tarjeta.scrollIntoView({behavior:'smooth', block:'center'});
    await esperar(150);

    const menu = await abrirMenu(tarjeta);
    if (!menu) return;

    let item = buscarOpcionDesuscribir(menu);
    if (!item) { await esperar(250); item = buscarOpcionDesuscribir(menuAbierto()); }
    if (!item) return;

    click(item);
    await esperar(300);

    let btn = botonConfirmar();
    if (!btn) { await esperar(300); btn = botonConfirmar(); }
    if (btn) {
      click(btn);
      eventos.push({
        nombre,
        url,
        fechaIso: new Date().toISOString(),
        fechaLocal: new Date().toLocaleString(),
        estado: 'Desuscrito'
      });
    }
  };

  /* ===== resumen + descarga Markdown ===== */
  function generarMarkdown() {
    const total = eventos.length;
    const fecha = new Date().toLocaleString();

    let md = `# Resumen de desuscripciones en YouTube\n\n`;
    md += `- Fecha de ejecucion: ${limpiarCeldaMD(fecha)}\n`;
    md += `- Total de canales: **${total}**\n\n`;
    md += `| # | Canal | URL | Fecha | Estado |\n`;
    md += `|---:|---|---|---|---|\n`;

    eventos.forEach((e, i) => {
      const nombre = limpiarCeldaMD(e.nombre);
      const url = limpiarCeldaMD(e.url);
      const fechaLocal = limpiarCeldaMD(e.fechaLocal);
      const estado = limpiarCeldaMD(e.estado);
      md += `| ${i + 1} | [${nombre}](${url || '#'}) | ${url} | ${fechaLocal} | ${estado} |\n`;
    });

    return md + '\n';
  }

  function descargarMarkdown() {
    const contenido = generarMarkdown();
    const blob = new Blob([contenido], { type: 'text/markdown;charset=utf-8' });
    const url = URL.createObjectURL(blob);
    const a = document.createElement('a');
    const fecha = new Date().toISOString().replace(/[:T]/g, '-').slice(0, 19);
    a.href = url;
    a.download = `desuscripciones-${fecha}.md`;
    document.body.appendChild(a);
    a.click();
    a.remove();
    URL.revokeObjectURL(url);
  }

  function mostrarResumen() {
    const total = eventos.length;
    const vista = eventos.slice(0, 15);

    const overlay = document.createElement('div');
    overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:10000;display:flex;align-items:center;justify-content:center;';

    const modal = document.createElement('div');
    modal.style.cssText = 'width:min(640px,90vw);max-height:80vh;background:#fff;color:#0f0f0f;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.35);display:flex;flex-direction:column;';

    const header = document.createElement('div');
    header.style.cssText = 'padding:16px 20px;border-bottom:1px solid #e5e5e5;font-weight:700;font-size:16px;';
    header.textContent = `Te has desuscrito de ${total} canal${total!==1?'es':''}`;

    const cuerpo = document.createElement('div');
    cuerpo.style.cssText = 'padding:12px 20px;overflow:auto;flex:1;';
    const ul = document.createElement('ul');
    ul.style.cssText = 'margin:8px 0;padding-left:18px;';
    vista.forEach(e => { const li = document.createElement('li'); li.textContent = e.nombre; ul.appendChild(li); });
    cuerpo.appendChild(ul);
    if (eventos.length > vista.length) {
      const extra = document.createElement('div');
      extra.style.cssText = 'color:#606060;font-size:12px;';
      extra.textContent = `…y ${eventos.length - vista.length} más.`;
      cuerpo.appendChild(extra);
    }

    const acciones = document.createElement('div');
    acciones.style.cssText = 'padding:12px 20px;border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;';

    const btnMd = document.createElement('button');
    btnMd.textContent = 'Descargar .md';
    btnMd.style.cssText = 'background:#e5e5e5;color:#0f0f0f;border:none;padding:10px 14px;border-radius:4px;font-weight:600;cursor:pointer;';
    btnMd.addEventListener('click', descargarMarkdown);

    const btnOk = document.createElement('button');
    btnOk.textContent = 'Aceptar';
    btnOk.style.cssText = 'background:#FF0000;color:#fff;border:none;padding:10px 16px;border-radius:4px;font-weight:700;cursor:pointer;';
    btnOk.addEventListener('click', () => overlay.remove());

    acciones.appendChild(btnMd);
    acciones.appendChild(btnOk);

    modal.appendChild(header);
    modal.appendChild(cuerpo);
    modal.appendChild(acciones);
    overlay.appendChild(modal);
    document.body.appendChild(overlay);
  }

  /* ===== lote ===== */
  async function desuscribirSeleccionados() {
    eventos.length = 0;
    const checks = document.querySelectorAll('.casilla-desuscribir:checked');
    for (const c of checks) {
      const tarjeta = c.closest(sel.tarjeta);
      if (tarjeta) {
        await desuscribirCanal(tarjeta);
        await esperar(600);
      }
    }
    mostrarResumen();
  }

  /* ===== UI ===== */
  function asegurarBotonFlotante() {
    if (document.querySelector('#boton-desuscribir-lote')) return;
    const b = document.createElement('button');
    b.id = 'boton-desuscribir-lote';
    b.textContent = 'Cancelar suscripciones seleccionadas';
    b.style.cssText = 'position:fixed;bottom:20px;right:20px;z-index:9999;background:#FF0000;color:#fff;border:none;padding:12px 16px;font-size:14px;font-weight:600;border-radius:4px;cursor:pointer;box-shadow:0 2px 5px rgba(0,0,0,.2);';
    b.addEventListener('click', desuscribirSeleccionados);
    document.body.appendChild(b);
  }

  function decorarTarjeta(t) {
    if (!t.querySelector('.boton-desuscribir')) {
      const b = document.createElement('button');
      b.className = 'boton-desuscribir';
      b.textContent = 'Cancelar suscripción';
      b.style.cssText = 'margin-left:12px;padding:8px 12px;background:#FF0000;color:#fff;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:filter .2s;';
      b.addEventListener('mouseover',()=>{b.style.filter='brightness(.9)';});
      b.addEventListener('mouseout',()=>{b.style.filter='';});
      b.addEventListener('click',()=>desuscribirCanal(t));
      (t.querySelector(sel.acciones) || t).appendChild(b);
    }
    if (!t.querySelector('.casilla-desuscribir')) {
      const c = document.createElement('input');
      c.type = 'checkbox';
      c.title = 'Seleccionar canal';
      c.className = 'casilla-desuscribir';
      c.style.cssText = 'margin-left:10px;transform:scale(1.4);cursor:pointer;';
      (t.querySelector(sel.acciones) || t).appendChild(c);
    }
  }

  function montarUI() {
    document.querySelectorAll(sel.tarjeta).forEach(decorarTarjeta);
    asegurarBotonFlotante();
  }

  async function autodesplazar() {
    const cont = document.querySelector('ytd-section-list-renderer, ytd-two-column-browse-results-renderer') || document.scrollingElement;
    if (!cont) return;
    cont.scrollTop = cont.scrollHeight;
    await esperar(250);
  }

  /* ===== arranque ===== */
  montarUI();
  new MutationObserver(montarUI).observe(document.querySelector(sel.raiz) || document.body, { childList:true, subtree:true });

  document.addEventListener('click', (e) => {
    if (e.target && e.target.id === 'boton-desuscribir-lote') autodesplazar();
  });
})();