content.js

// content.js — injected into github.com/*/pull/* pages

// ---------------------------------------------------------------------------
// PR info from URL
// ---------------------------------------------------------------------------

function parsePRFromURL(url) {
  const match = url.match(/github\.com\/([^/]+)\/([^/]+)\/pull\/(\d+)/);
  if (!match) return null;
  return { org: match[1], repo: match[2], prNumber: parseInt(match[3], 10) };
}

// ---------------------------------------------------------------------------
// Cleanup
// ---------------------------------------------------------------------------

function cleanup() {
  document.getElementById('codacy-preview-btn')?.remove();
  document.getElementById('codacy-panel')?.remove();
  document.getElementById('codacy-error-toast')?.remove();
}

// ---------------------------------------------------------------------------
// Button injection
// ---------------------------------------------------------------------------

function injectButton(prInfo) {
  if (document.getElementById('codacy-preview-btn')) return;

  const btn = document.createElement('button');
  btn.id = 'codacy-preview-btn';
  btn.className = 'codacy-preview-btn';
  btn.textContent = 'Preview Codacy Summary';
  document.body.appendChild(btn);

  btn.addEventListener('click', () => handlePreviewClick(prInfo, btn));
}

// ---------------------------------------------------------------------------
// Main click handler
// ---------------------------------------------------------------------------

async function handlePreviewClick(prInfo, btn) {
  // If panel already open, just toggle it closed
  const existing = document.getElementById('codacy-panel');
  if (existing) {
    existing.remove();
    btn.textContent = 'Preview Codacy Summary';
    return;
  }

  btn.textContent = 'Loading…';
  btn.disabled = true;

  try {
    const response = await chrome.runtime.sendMessage({
      type: 'FETCH_CODACY_PR',
      payload: prInfo,
    });

    if (response.error) {
      showError(response.error);
      return;
    }

    const markdown = generateMarkdown(response);

    if (!markdown) {
      showError('Could not generate summary — check the service worker console for the raw API response.');
      return;
    }

    showPanel(markdown);
    btn.textContent = 'Close Preview';
  } catch (err) {
    showError('Extension error: ' + err.message);
  } finally {
    btn.disabled = false;
  }
}

// ---------------------------------------------------------------------------
// Copy panel
// ---------------------------------------------------------------------------

function showPanel(markdown) {
  const panel = document.createElement('div');
  panel.id = 'codacy-panel';
  panel.className = 'codacy-panel';

  panel.innerHTML = `
    <div class="codacy-panel-header">
      <span class="codacy-panel-title">Codacy Summary Preview</span>
      <div class="codacy-panel-actions">
        <button class="codacy-copy-btn" id="codacy-copy-btn">Copy markdown</button>
        <button class="codacy-close-btn" id="codacy-close-btn">✕</button>
      </div>
    </div>
    <div class="codacy-panel-body">
      <textarea class="codacy-markdown-output" id="codacy-markdown-output" readonly spellcheck="false">${escapeForHtml(markdown)}</textarea>
    </div>
    <div class="codacy-panel-footer">
      Copy the markdown above and paste it as a comment on this PR.
    </div>
  `;

  document.body.appendChild(panel);

  document.getElementById('codacy-copy-btn').addEventListener('click', () => {
    copyToClipboard(markdown);
  });

  document.getElementById('codacy-close-btn').addEventListener('click', () => {
    panel.remove();
    const btn = document.getElementById('codacy-preview-btn');
    if (btn) btn.textContent = 'Preview Codacy Summary';
  });
}

async function copyToClipboard(text) {
  const copyBtn = document.getElementById('codacy-copy-btn');
  try {
    await navigator.clipboard.writeText(text);
    copyBtn.textContent = 'Copied! ✓';
    copyBtn.classList.add('codacy-copy-btn--success');
    setTimeout(() => {
      copyBtn.textContent = 'Copy markdown';
      copyBtn.classList.remove('codacy-copy-btn--success');
    }, 2000);
  } catch {
    // Clipboard API unavailable — select the textarea so the user can copy manually
    document.getElementById('codacy-markdown-output')?.select();
    copyBtn.textContent = 'Select all & copy manually';
  }
}

function escapeForHtml(str) {
  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
}

// ---------------------------------------------------------------------------
// Error toast
// ---------------------------------------------------------------------------

function showError(message) {
  let toast = document.getElementById('codacy-error-toast');
  if (!toast) {
    toast = document.createElement('div');
    toast.id = 'codacy-error-toast';
    toast.className = 'codacy-error-toast';
    document.body.appendChild(toast);
  }
  toast.textContent = message;
  toast.style.display = 'block';

  clearTimeout(toast._timer);
  toast._timer = setTimeout(() => { toast.style.display = 'none'; }, 8000);

  const btn = document.getElementById('codacy-preview-btn');
  if (btn) btn.textContent = 'Preview Codacy Summary';
}

// ---------------------------------------------------------------------------
// Initialization + SPA navigation
// ---------------------------------------------------------------------------

function initialize() {
  const prInfo = parsePRFromURL(location.href);
  if (prInfo) {
    injectButton(prInfo);
  } else {
    cleanup();
  }
}

document.addEventListener('turbo:load', () => { cleanup(); initialize(); });
document.addEventListener('pjax:end',   () => { cleanup(); initialize(); });

let lastUrl = location.href;
const urlObserver = new MutationObserver(() => {
  if (location.href !== lastUrl) {
    lastUrl = location.href;
    cleanup();
    initialize();
  }
});
const titleEl = document.querySelector('title');
if (titleEl) urlObserver.observe(titleEl, { childList: true });

initialize();