Diferencia entre revisiones de «MediaWiki:Common.js»

De Historia del Club Escuela de Piraguismo Aranjuez
Saltar a: navegación, buscar
 
Línea 1: Línea 1:
−
/* ==========================================================
+
/*
−
  WIKICONSULTAS – Chat de consultas
+
COMMON.JS (MÍNIMO) — PRUEBA DE EJECUCIÓN
−
  Especializado en: Piragüismo en Aranjuez
 
−
  Ubicación: MediaWiki:Common.js
 
−
  ========================================================== */
 
  
−
(function () {
+
Objetivo: confirmar si la wiki está ejecutando JavaScript del sitio.
−
  'use strict';
+
Resultado esperado:
 +
- Aparece un botón fijo abajo a la derecha: "WIKICONSULTAS (TEST)"
 +
- Al hacer clic, muestra un alert.
  
−
  // ================= CONFIGURACIÓN =================
+
INSTRUCCIONES:
−
  // Sustituye esta URL por el webhook de Make cuando lo tengas
+
1) Pega TODO este contenido en MediaWiki:Common.js (reemplaza lo que haya).
−
  var WIKICONSULTAS_ENDPOINT = 'https://TU-DOMINIO.com/wikiconsultas';
+
2) Guarda.
 +
3) Abre: /index.php?title=Página_principal&action=purge (confirma).
 +
4) Recarga con Ctrl+F5.
  
−
  var SCOPE_NOTICE = 'Puedo ayudarte solo con consultas sobre el piragüismo en Aranjuez basándome en el contenido de esta wiki.';
+
Si NO aparece el botón, el servidor NO está cargando Site JS (modules=site).
 +
*/
  
−
  // ================= ESTILOS =================
+
(function () {
−
  function addStyles() {
+
   'use strict';
−
    mw.util.addCSS(`
 
−
      #wikiconsultas-btn{
 
−
        position:fixed; right:18px; bottom:18px; z-index:9999;
 
−
        padding:10px 14px; border-radius:999px; border:1px solid rgba(0,0,0,.15);
 
−
        background:#fff; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.18);
 
−
        font-weight:600;
 
−
      }
 
−
      #wikiconsultas-overlay{
 
−
        position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,.45);
 
−
        display:none; align-items:center; justify-content:center; padding:18px;
 
−
      }
 
−
      #wikiconsultas-modal{
 
−
        width:min(760px, 96vw); height:min(560px, 86vh);
 
−
        background:#fff; border-radius:14px; overflow:hidden;
 
−
        box-shadow:0 14px 40px rgba(0,0,0,.25);
 
−
        display:flex; flex-direction:column;
 
−
      }
 
−
      #wikiconsultas-head{
 
−
        display:flex; align-items:center; justify-content:space-between;
 
−
        padding:12px 14px; border-bottom:1px solid rgba(0,0,0,.10);
 
−
      }
 
−
      #wikiconsultas-title{ font-size:16px; font-weight:700; }
 
−
      #wikiconsultas-close{
 
−
        border:0; background:transparent; cursor:pointer; font-size:20px; line-height:1;
 
−
        padding:6px 10px; border-radius:10px;
 
−
      }
 
−
      #wikiconsultas-close:hover{ background:rgba(0,0,0,.06); }
 
−
      #wikiconsultas-scope{
 
−
        padding:10px 14px; font-size:13px; color:#333;
 
−
        background:rgba(0,0,0,.03); border-bottom:1px solid rgba(0,0,0,.08);
 
−
      }
 
−
      #wikiconsultas-log{
 
−
        padding:14px; overflow:auto; flex:1; background:#fafafa;
 
−
      }
 
−
      .wk-msg{ margin:0 0 10px 0; display:flex; gap:10px; }
 
−
      .wk-badge{
 
−
        width:28px; height:28px; border-radius:50%;
 
−
        display:flex; align-items:center; justify-content:center;
 
−
        font-weight:700; font-size:12px; flex:0 0 auto;
 
−
        border:1px solid rgba(0,0,0,.12); background:#fff;
 
−
      }
 
−
      .wk-bubble{
 
−
        padding:10px 12px; border-radius:12px; max-width:85%;
 
−
        border:1px solid rgba(0,0,0,.10); background:#fff;
 
−
        white-space:pre-wrap;
 
−
      }
 
−
      #wikiconsultas-foot{
 
−
        padding:10px; border-top:1px solid rgba(0,0,0,.10);
 
−
        display:flex; gap:10px; background:#fff;
 
−
      }
 
−
      #wikiconsultas-input{
 
−
        flex:1; padding:10px 12px; border-radius:10px;
 
−
        border:1px solid rgba(0,0,0,.18);
 
−
      }
 
−
      #wikiconsultas-send{
 
−
        padding:10px 14px; border-radius:10px; border:1px solid rgba(0,0,0,.18);
 
−
        background:#fff; cursor:pointer; font-weight:700;
 
−
      }
 
−
      #wikiconsultas-send:hover{ background:rgba(0,0,0,.04); }
 
−
    `);
 
−
  }
 
−
 
 
−
  // ================= DOM HELPERS =================
 
−
  function el(tag, attrs, children) {
 
−
    var node = document.createElement(tag);
 
−
    if (attrs) Object.keys(attrs).forEach(function (k) { node.setAttribute(k, attrs[k]); });
 
−
    (children || []).forEach(function (c) {
 
−
      node.appendChild(typeof c === 'string' ? document.createTextNode(c) : c);
 
−
    });
 
−
    return node;
 
−
  }
 
−
 
 
−
  function appendMsg(log, who, text) {
 
−
    var msg = el('div', { class: 'wk-msg' }, [
 
−
      el('div', { class: 'wk-badge' }, [who === 'user' ? 'Tú' : 'WK']),
 
−
      el('div', { class: 'wk-bubble' }, [text])
 
−
    ]);
 
−
    log.appendChild(msg);
 
−
    log.scrollTop = log.scrollHeight;
 
−
  }
 
−
 
 
−
  function openModal(overlay, input) {
 
−
    overlay.style.display = 'flex';
 
−
    setTimeout(function () { input.focus(); }, 50);
 
−
  }
 
−
 
 
−
  function closeModal(overlay) {
 
−
    overlay.style.display = 'none';
 
−
  }
 
−
 
 
−
  // ================= BACKEND =================
 
−
  async function askBackend(question) {
 
−
    if (!WIKICONSULTAS_ENDPOINT || WIKICONSULTAS_ENDPOINT.indexOf('TU-DOMINIO.com') !== -1) {
 
−
      return 'WIKICONSULTAS aún no está conectado a un servicio de IA.\n\nCuando tengas el webhook de Make, sustituye WIKICONSULTAS_ENDPOINT en MediaWiki:Common.js.';
 
−
    }
 
−
 
 
−
    var payload = {
 
−
      assistant: 'WIKICONSULTAS',
 
−
      scope: 'Piragüismo en Aranjuez',
 
−
      question: question,
 
−
      pageTitle: mw.config.get('wgTitle'),
 
−
      pageName: mw.config.get('wgPageName'),
 
−
      url: location.href,
 
−
      language: 'es'
 
−
    };
 
−
 
 
−
    var res = await fetch(WIKICONSULTAS_ENDPOINT, {
 
−
      method: 'POST',
 
−
      headers: { 'Content-Type': 'application/json' },
 
−
      body: JSON.stringify(payload)
 
−
    });
 
−
 
 
−
    if (!res.ok) throw new Error('HTTP ' + res.status);
 
−
    var data = await res.json();
 
−
    return data && data.answer ? data.answer : 'No se recibió respuesta válida del servicio.';
 
−
  }
 
−
 
 
−
  // ================= INIT =================
 
−
   function init() {
 
−
    if (document.getElementById('wikiconsultas-btn')) return;
 
−
 
 
−
    addStyles();
 
−
 
 
−
    // UI
 
−
    var btn = el('button', { id: 'wikiconsultas-btn', type: 'button', title: 'Abrir WIKICONSULTAS' }, ['WIKICONSULTAS']);
 
−
    var overlay = el('div', { id: 'wikiconsultas-overlay', role: 'dialog', 'aria-modal': 'true' });
 
−
    var modal = el('div', { id: 'wikiconsultas-modal' });
 
−
 
 
−
    var head = el('div', { id: 'wikiconsultas-head' }, [
 
−
      el('div', { id: 'wikiconsultas-title' }, ['WIKICONSULTAS']),
 
−
      el('button', { id: 'wikiconsultas-close', type: 'button', title: 'Cerrar' }, ['×'])
 
−
    ]);
 
  
−
    var scope = el('div', { id: 'wikiconsultas-scope' }, [SCOPE_NOTICE]);
+
  // Espera a que MediaWiki cargue utilidades
−
    var log = el('div', { id: 'wikiconsultas-log' });
+
  if (typeof mw === 'undefined' || !mw.loader) return;
−
    var foot = el('div', { id: 'wikiconsultas-foot' });
 
−
    var input = el('input', { id: 'wikiconsultas-input', type: 'text', placeholder: 'Escribe tu consulta…' });
 
−
    var send = el('button', { id: 'wikiconsultas-send', type: 'button' }, ['Enviar']);
 
  
−
    foot.appendChild(input);
+
  mw.loader.using(['mediawiki.util']).then(function () {
−
    foot.appendChild(send);
+
     try {
−
 
+
       if (document.getElementById('wikiconsultas-test-btn')) return;
−
    modal.appendChild(head);
 
−
    modal.appendChild(scope);
 
−
    modal.appendChild(log);
 
−
    modal.appendChild(foot);
 
−
    overlay.appendChild(modal);
 
−
 
 
−
    document.body.appendChild(btn);
 
−
    document.body.appendChild(overlay);
 
−
 
 
−
    // Mensaje inicial
 
−
    appendMsg(log, 'bot', 'Hola 👋 Soy WIKICONSULTAS.\nHazme preguntas sobre el piragüismo en Aranjuez basándome en el contenido de esta wiki.');
 
−
 
 
−
    // Eventos básicos
 
−
    btn.addEventListener('click', function () { openModal(overlay, input); });
 
−
     document.getElementById('wikiconsultas-close').addEventListener('click', function () { closeModal(overlay); });
 
−
    overlay.addEventListener('click', function (e) { if (e.target === overlay) closeModal(overlay); });
 
−
 
 
−
    async function doSend() {
 
−
      var q = (input.value || '').trim();
 
−
       if (!q) return;
 
−
 
 
−
      appendMsg(log, 'user', q);
 
−
      input.value = '';
 
−
      appendMsg(log, 'bot', 'Pensando…');
 
−
      var thinkingNode = log.lastChild;
 
−
 
 
−
      try {
 
−
        var answer = await askBackend(q);
 
−
        thinkingNode.querySelector('.wk-bubble').textContent = answer;
 
−
      } catch (err) {
 
−
        thinkingNode.querySelector('.wk-bubble').textContent = 'No he podido conectar con el servicio.\n\nDetalles: ' + (err && err.message ? err.message : String(err));
 
−
      }
 
−
    }
 
  
−
    send.addEventListener('click', doSend);
+
      mw.util.addCSS(`
−
    input.addEventListener('keydown', function (e) {
+
        #wikiconsultas-test-btn{
−
      if (e.key === 'Enter') doSend();
+
          position:fixed; right:18px; bottom:18px; z-index:9999;
−
      if (e.key === 'Escape') closeModal(overlay);
+
          padding:10px 14px; border-radius:999px;
−
    });
+
          border:1px solid #333; background:#fff;
 +
          font-weight:700; cursor:pointer;
 +
          box-shadow:0 6px 18px rgba(0,0,0,.18);
 +
        }
 +
      `);
  
−
    // ==================================================
+
      var btn = document.createElement('button');
−
    // APERTURA ROBUSTA DESDE LA PÁGINA
+
      btn.id = 'wikiconsultas-test-btn';
−
    // 1) #wikiconsultas en la URL
+
      btn.type = 'button';
−
    // 2) Clic en cualquier enlace que contenga #wikiconsultas
+
      btn.textContent = 'WIKICONSULTAS (TEST)';
−
    // 3) Clic en el “botón” de la página con id="wk-open"
+
      btn.addEventListener('click', function () {
−
    // ==================================================
+
        alert('Common.js está funcionando ✅');
 +
      });
  
−
     function openIfHash() {
+
      document.body.appendChild(btn);
−
       if (location.hash === '#wikiconsultas') {
+
     } catch (e) {
−
        openModal(overlay, input);
+
       // Si algo falla, al menos quedará registro en consola
−
      }
+
      console.error('WIKICONSULTAS TEST error:', e);
 
     }
 
     }
−
 
+
   });
−
    // Abre si carga con el hash
 
−
    openIfHash();
 
−
 
 
−
    // Abre si cambia el hash
 
−
    window.addEventListener('hashchange', openIfHash);
 
−
 
 
−
    // Captura clics (enlaces con #wikiconsultas)
 
−
    document.addEventListener('click', function (e) {
 
−
      var a = e.target && e.target.closest ? e.target.closest('a') : null;
 
−
      if (!a) return;
 
−
 
 
−
      var href = a.getAttribute('href') || '';
 
−
      if (href.indexOf('#wikiconsultas') !== -1) {
 
−
        e.preventDefault();
 
−
        e.stopPropagation();
 
−
        try {
 
−
          if (location.hash !== '#wikiconsultas') history.pushState(null, '', '#wikiconsultas');
 
−
        } catch (_) {}
 
−
        openModal(overlay, input);
 
−
      }
 
−
    }, true);
 
−
 
 
−
    // Clic directo en el “botón” embebido en la página principal
 
−
    document.addEventListener('click', function (e) {
 
−
      var node = e.target && e.target.closest ? e.target.closest('#wk-open') : null;
 
−
      if (!node) return;
 
−
      e.preventDefault();
 
−
      e.stopPropagation();
 
−
      try {
 
−
        if (location.hash !== '#wikiconsultas') history.pushState(null, '', '#wikiconsultas');
 
−
      } catch (_) {}
 
−
      openModal(overlay, input);
 
−
    }, true);
 
−
   }
 
−
 
 
−
  mw.loader.using(['mediawiki.util']).then(init);
 
 
})();
 
})();
−
 
−
/*
 
−
PASOS TRAS PEGAR ESTE ARCHIVO:
 
−
1) Guardar MediaWiki:Common.js (reemplazar TODO el contenido anterior)
 
−
2) Purgar caché: /index.php?title=Página_principal&action=purge
 
−
3) Recargar duro: Ctrl+F5
 
−
4) Probar:
 
−
  - Click en el botón flotante WIKICONSULTAS (abajo derecha)
 
−
  - Click en el botón de la página con id="wk-open" (si lo usas)
 
−
  - Abrir URL con #wikiconsultas
 
−
*/
 

Revisión actual del 21:50 6 feb 2026

/*
COMMON.JS (MÍNIMO) — PRUEBA DE EJECUCIÓN

Objetivo: confirmar si la wiki está ejecutando JavaScript del sitio.
Resultado esperado:
- Aparece un botón fijo abajo a la derecha: "WIKICONSULTAS (TEST)"
- Al hacer clic, muestra un alert.

INSTRUCCIONES:
1) Pega TODO este contenido en MediaWiki:Common.js (reemplaza lo que haya).
2) Guarda.
3) Abre: /index.php?title=Página_principal&action=purge (confirma).
4) Recarga con Ctrl+F5.

Si NO aparece el botón, el servidor NO está cargando Site JS (modules=site).
*/

(function () {
  'use strict';

  // Espera a que MediaWiki cargue utilidades
  if (typeof mw === 'undefined' || !mw.loader) return;

  mw.loader.using(['mediawiki.util']).then(function () {
    try {
      if (document.getElementById('wikiconsultas-test-btn')) return;

      mw.util.addCSS(`
        #wikiconsultas-test-btn{
          position:fixed; right:18px; bottom:18px; z-index:9999;
          padding:10px 14px; border-radius:999px;
          border:1px solid #333; background:#fff;
          font-weight:700; cursor:pointer;
          box-shadow:0 6px 18px rgba(0,0,0,.18);
        }
      `);

      var btn = document.createElement('button');
      btn.id = 'wikiconsultas-test-btn';
      btn.type = 'button';
      btn.textContent = 'WIKICONSULTAS (TEST)';
      btn.addEventListener('click', function () {
        alert('Common.js está funcionando ✅');
      });

      document.body.appendChild(btn);
    } catch (e) {
      // Si algo falla, al menos quedará registro en consola
      console.error('WIKICONSULTAS TEST error:', e);
    }
  });
})();
Obtenido de «http://historia.piraguismoaranjuez.com/index.php?title=MediaWiki:Common.js&oldid=46319»