MediaWiki:Common.js

注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。

• Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
• Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
• Microsoft Edge: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください。

/**
 * トラwiki (tora22.com) - Custom JavaScript
 */
(function() {
  'use strict';

  function initCopyIp() {
    var copyBtn = document.getElementById('tw-copy-ip-btn');
    if (!copyBtn) return;

    copyBtn.addEventListener('click', function(e) {
      e.preventDefault();
      var ip = 'tora22.com';
      if (navigator.clipboard && navigator.clipboard.writeText) {
        navigator.clipboard.writeText(ip).then(function() {
          var origText = copyBtn.innerHTML;
          copyBtn.innerHTML = '✅ コピー完了！';
          copyBtn.style.backgroundColor = '#10b981';
          setTimeout(function() {
            copyBtn.innerHTML = origText;
            copyBtn.style.backgroundColor = '';
          }, 2000);
        });
      } else {
        var input = document.createElement('input');
        input.value = ip;
        document.body.appendChild(input);
        input.select();
        document.execCommand('copy');
        document.body.removeChild(input);
        alert('サーバーアドレス (tora22.com) をコピーしました！');
      }
    });
  }

  function loadRecentUpdates() {
    var container = document.getElementById('tw-live-recent-updates');
    if (!container) return;

    fetch('/api.php?action=query&list=recentchanges&rcnamespace=0&rclimit=6&rcprop=title|timestamp|user|comment&format=json')
      .then(function(res) { return res.json(); })
      .then(function(data) {
        if (!data || !data.query || !data.query.recentchanges) return;
        var rcs = data.query.recentchanges;
        if (rcs.length === 0) return;

        var html = '<ul class="tw-updates-list">';
        for (var i = 0; i < rcs.length; i++) {
          var item = rcs[i];
          var titleEnc = encodeURIComponent(item.title);
          var dateObj = new Date(item.timestamp);
          var timeStr = formatRelativeTime(dateObj);

          html += '<li class="tw-update-item">';
          html += '  <div class="tw-update-main">';
          html += '    <div class="tw-update-title"><a href="/index.php/' + titleEnc + '">' + escapeHtml(item.title) + '</a></div>';
          html += '    <div class="tw-update-meta">';
          html += '      <span class="tw-update-user">👤 ' + escapeHtml(item.user) + '</span>';
          if (item.comment) {
            html += '      <span class="tw-update-comment" style="max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">' + escapeHtml(item.comment) + '</span>';
          }
          html += '    </div>';
          html += '  </div>';
          html += '  <div class="tw-update-time">' + timeStr + '</div>';
          html += '</li>';
        }
        html += '</ul>';
        container.innerHTML = html;
      })
      .catch(function(err) {
        console.warn('Recent updates live fetch failed:', err);
      });
  }

  function formatRelativeTime(date) {
    var now = new Date();
    var diffMs = now - date;
    var diffSec = Math.floor(diffMs / 1000);
    var diffMin = Math.floor(diffSec / 60);
    var diffHr = Math.floor(diffMin / 60);
    var diffDay = Math.floor(diffHr / 24);

    if (diffMin < 1) return 'たった今';
    if (diffMin < 60) return diffMin + '分前';
    if (diffHr < 24) return diffHr + '時間前';
    if (diffDay < 7) return diffDay + '日前';
    return (date.getMonth() + 1) + '月' + date.getDate() + '日';
  }

  function escapeHtml(str) {
    if (!str) return '';
    return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
  }

  function addSidebarCreateButton() {
    var navPortlet = document.querySelector('#p-ナビゲーション .mw-portlet-body');
    if (navPortlet && !document.getElementById('n-create-custom-btn')) {
      var btn = document.createElement('a');
      btn.id = 'n-create-custom-btn';
      btn.href = '#tw-article-creator';
      btn.className = 'tw-sidebar-create-btn';
      btn.innerHTML = '✏️ 新規記事を作成';
      btn.addEventListener('click', function(e) {
        var createInput = document.querySelector('.createboxInput');
        if (createInput) {
          createInput.focus();
          createInput.scrollIntoView({ behavior: 'smooth', block: 'center' });
        } else {
          window.location.href = '/index.php/メインページ#tw-article-creator';
        }
      });
      navPortlet.insertBefore(btn, navPortlet.firstChild);
    }
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', function() {
      initCopyIp();
      loadRecentUpdates();
      addSidebarCreateButton();
    });
  } else {
    initCopyIp();
    loadRecentUpdates();
    addSidebarCreateButton();
  }
})();