Primeira versao

popup.js

@@ -0,0 +1,126 @@
+(() => {
+  const urlInput    = document.getElementById('urlInput');
+  const lazyLoad    = document.getElementById('lazyLoad');
+  const openBtn     = document.getElementById('openBtn');
+  const extractBtn  = document.getElementById('extractBtn');
+  const urlCount    = document.getElementById('urlCount');
+  const status      = document.getElementById('status');
+  const modeBadge   = document.getElementById('modeBadgeInner');
+
+  // ── Helpers ────────────────────────────────────────────────
+  function parseURLs(text) {
+    return text
+      .split(/\r?\n/)
+      .map(l => l.trim())
+      .filter(l => {
+        if (!l) return false;
+        try { new URL(l); return true; } catch { return false; }
+      });
+  }
+
+  // Extracts every URL from arbitrary text (emails, HTML, markdown, prose…)
+  function extractURLs(text) {
+    // Match http/https URLs, including those wrapped in <>, (), [], quotes, or at end of sentence
+    const raw = text.match(/https?:\/\/[^\s<>"')\]},;]+/gi) || [];
+    // Deduplicate while preserving order
+    const seen = new Set();
+    return raw
+      .map(u => {
+        // Strip common trailing punctuation that isn't part of the URL
+        return u.replace(/[.,;:!?)"'\]}>]+$/, '');
+      })
+      .filter(u => {
+        if (seen.has(u)) return false;
+        seen.add(u);
+        try { new URL(u); return true; } catch { return false; }
+      });
+  }
+
+  function setStatus(msg, type = '') {
+    status.className = 'status' + (type ? ' ' + type : '');
+    status.innerHTML = msg
+      ? `<span class="status-dot"></span><span>${msg}</span>`
+      : '';
+  }
+
+  function updateCount() {
+    const urls = parseURLs(urlInput.value);
+    const n = urls.length;
+    urlCount.textContent = n === 1 ? '1 URL' : `${n} URLs`;
+    urlCount.className   = 'url-count' + (n > 0 ? ' has-urls' : '');
+    openBtn.disabled     = n === 0;
+  }
+
+  function updateBadge() {
+    if (lazyLoad.checked) {
+      modeBadge.textContent = 'lazy';
+      modeBadge.className   = 'mode-badge';
+    } else {
+      modeBadge.textContent = 'eager';
+      modeBadge.className   = 'mode-badge off';
+    }
+  }
+
+  // ── Event listeners ────────────────────────────────────────
+  urlInput.addEventListener('input', () => {
+    updateCount();
+    setStatus('');
+  });
+
+  lazyLoad.addEventListener('change', updateBadge);
+
+  extractBtn.addEventListener('click', () => {
+    const urls = extractURLs(urlInput.value);
+    if (!urls.length) {
+      setStatus('No URLs found in text', 'error');
+      return;
+    }
+    urlInput.value = urls.join('\n');
+    updateCount();
+    setStatus(`Extracted ${urls.length} URL${urls.length !== 1 ? 's' : ''}`, 'success');
+
+    // Brief visual flash on the button
+    extractBtn.classList.add('flash');
+    setTimeout(() => extractBtn.classList.remove('flash'), 600);
+  });
+
+  openBtn.addEventListener('click', async () => {
+    const urls = parseURLs(urlInput.value);
+    if (!urls.length) return;
+
+    openBtn.disabled = true;
+    setStatus('');
+
+    const useLazy = lazyLoad.checked;
+    let opened = 0;
+
+    for (const url of urls) {
+      try {
+        let targetUrl = url;
+
+        if (useLazy) {
+          // Build the extension loader URL with the target as ?url=…
+          const loaderBase = chrome.runtime.getURL('loader.html');
+          targetUrl = `${loaderBase}?url=${encodeURIComponent(url)}`;
+        }
+
+        await chrome.tabs.create({ url: targetUrl, active: false });
+        opened++;
+      } catch (err) {
+        console.warn('Failed to open', url, err);
+      }
+    }
+
+    updateCount();
+    if (opened === urls.length) {
+      setStatus(`Opened ${opened} tab${opened !== 1 ? 's' : ''}`, 'success');
+    } else {
+      setStatus(`Opened ${opened} / ${urls.length} tabs`, 'error');
+    }
+  });
+
+  // ── Init ───────────────────────────────────────────────────
+  updateCount();
+  updateBadge();
+  urlInput.focus();
+})();