From 1df9abc35f8756222da19b876f5f8a0ebe3ac4ca Mon Sep 17 00:00:00 2001
From: multipleof4 <planetrenox@protonmail.com>
Date: Thu, 4 Sep 2025 11:44:19 -0700
Subject: [PATCH] Sync: Update sune 'Github Fetch'

---
 fetch.sune | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/fetch.sune b/fetch.sune
index 39c8644..cd279a9 100644
--- a/fetch.sune
+++ b/fetch.sune
@@ -5,7 +5,7 @@
     "pinned": false,
     "avatar": "",
     "url": "gh://sune-org/store@main/fetch.sune",
-    "updatedAt": 1756931228173,
+    "updatedAt": 1757011457254,
     "settings": {
       "model": "openai/gpt-5",
       "temperature": 1,
@@ -20,7 +20,7 @@
       "verbosity": "",
       "reasoning_effort": "default",
       "system_prompt": "",
-      "html": "<!-- GitHub Blob Fetch Sune (multi-URL with +) — compact, Fetch All on top -->\n<div id=\"ghFetchSune\" class=\"p-2 border-b border-gray-200\">\n  <div class=\"flex items-center justify-between\">\n    <div class=\"flex items-center gap-2\">\n      <i data-lucide=\"github\" class=\"h-4 w-4\"></i>\n      <span class=\"text-xs font-medium\">GitHub Fetch</span>\n    </div>\n    <div class=\"flex items-center gap-1\">\n      <button id=\"ghFetchAllBtn\" type=\"button\" class=\"rounded-lg px-2 py-1 text-xs bg-black text-white hover:bg-black/90\">\n        Fetch All\n      </button>\n      <button type=\"button\" id=\"ghAddRowBtn\" class=\"h-8 w-8 rounded-lg bg-gray-100 hover:bg-gray-200 flex items-center justify-center\" title=\"Add another URL\">\n        <i data-lucide=\"plus\" class=\"h-4 w-4\"></i>\n      </button>\n      <button type=\"button\" id=\"ghHelpBtn\" class=\"text-[11px] px-2 py-1 rounded-lg bg-gray-100 hover:bg-gray-200\">Help</button>\n    </div>\n  </div>\n\n  <div id=\"ghRows\" class=\"mt-2 space-y-1\"></div>\n\n  <div class=\"mt-2\">\n    <div id=\"ghStatus\" class=\"text-[11px] text-gray-600\"></div>\n  </div>\n</div>\n\n<script>\n(() => {\n  const root = document.getElementById('ghFetchSune');\n  if (!root) return;\n\n  const $ = (sel, ctx = root) => ctx.querySelector(sel);\n  const $$ = (sel, ctx = root) => Array.from(ctx.querySelectorAll(sel));\n\n  const els = {\n    rows: $('#ghRows'),\n    addBtn: $('#ghAddRowBtn'),\n    fetchAllBtn: $('#ghFetchAllBtn'),\n    helpBtn: $('#ghHelpBtn'),\n    status: $('#ghStatus'),\n  };\n\n  const icons = () => { try { window.lucide && window.lucide.createIcons({ attrs: { 'aria-hidden': 'true' } }); } catch {} };\n\n  // Storage keys (migrate from single URL if present)\n  function storageKeyBase() {\n    const t = document.getElementById('settingsBtnTop')?.title || '';\n    const m = t.match(/Settings — (.+)$/);\n    const name = (m ? m[1] : 'default').toLowerCase().replace(/[^a-z0-9]+/g, '_').replace(/^_+|_+$/g, '');\n    return 'gh_fetch_' + name;\n  }\n  const KEY_SINGLE = () => storageKeyBase();         // old single value\n  const KEY_MULTI  = () => storageKeyBase() + '_v2'; // new array value\n\n  function loadUrls() {\n    try {\n      const multi = localStorage.getItem(KEY_MULTI());\n      if (multi) {\n        const arr = JSON.parse(multi);\n        if (Array.isArray(arr)) return arr.map(x => String(x||''));\n      }\n      const old = localStorage.getItem(KEY_SINGLE());\n      if (old && typeof old === 'string') return [old];\n    } catch {}\n    return [''];\n  }\n\n  function saveUrls(urls) {\n    try {\n      localStorage.setItem(KEY_MULTI(), JSON.stringify(urls.map(u => String(u||'').trim())));\n    } catch {}\n  }\n\n  function setGlobalStatus(msg, kind = 'info') {\n    els.status.textContent = msg || '';\n    els.status.className = 'text-[11px] ' + (kind === 'error' ? 'text-red-600' : kind === 'ok' ? 'text-green-600' : 'text-gray-600');\n  }\n\n  function spinnerSvg(cls='h-3 w-3') {\n    return `<svg class=\"animate-spin ${cls}\" viewBox=\"0 0 24 24\"><circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" fill=\"none\"></circle><path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8v4A4 4 0 004 12z\"></path></svg>`;\n  }\n\n  // URL parsing and helpers\n  function normalizeNewlines(s) { return s.replace(/\\r\\n/g, '\\n'); }\n\n  function parseGitHubUrl(u) {\n    try {\n      const url = new URL(u);\n      let owner, repo, ref, path, raw, blob, lines = null;\n\n      // parse #Lx or #Lx-Ly\n      if (url.hash && /L\\d+/i.test(url.hash)) {\n        const m = url.hash.match(/L(\\d+)(?:-L(\\d+))?/i);\n        if (m) lines = { start: Math.max(1, +m[1] || 1), end: Math.max(+m[1] || 1, +m[2] || +m[1] || 1) };\n      }\n\n      if (url.hostname === 'github.com') {\n        const parts = url.pathname.split('/').filter(Boolean);\n        // owner/repo/blob/raw/ref/...path\n        if (parts.length >= 5 && (parts[2] === 'blob' || parts[2] === 'raw')) {\n          owner = parts[0]; repo = parts[1]; ref = parts[3];\n          path = parts.slice(4).join('/');\n          raw = `https://raw.githubusercontent.com/${owner}/${repo}/${ref}/${path}`;\n          blob = `https://github.com/${owner}/${repo}/blob/${ref}/${path}${url.hash || ''}`;\n          return { raw, blob, owner, repo, ref, path, lines };\n        }\n      } else if (url.hostname === 'raw.githubusercontent.com') {\n        const parts = url.pathname.split('/').filter(Boolean);\n        if (parts.length >= 4) {\n          owner = parts[0]; repo = parts[1]; ref = parts[2];\n          path = parts.slice(3).join('/');\n          raw = url.origin + url.pathname;\n          blob = `https://github.com/${owner}/${repo}/blob/${ref}/${path}${url.hash || ''}`;\n          return { raw, blob, owner, repo, ref, path, lines };\n        }\n      }\n      return null;\n    } catch { return null; }\n  }\n\n  function guessLangFromPath(p = '') {\n    const name = p.toLowerCase();\n    const ext = (name.split('.').pop() || '').trim();\n    if (/\\.dockerfile$/.test(name) || /(^|\\/)dockerfile$/.test(name)) return 'dockerfile';\n    if (/(^|\\/)makefile$/.test(name)) return 'makefile';\n    const map = {\n      js: 'javascript', mjs: 'javascript', cjs: 'javascript',\n      ts: 'typescript', tsx: 'tsx', jsx: 'jsx',\n      json: 'json', md: 'markdown',\n      py: 'python', rb: 'ruby', go: 'go', rs: 'rust',\n      java: 'java', kt: 'kotlin', swift: 'swift',\n      c: 'c', h: 'c', cc: 'cpp', cpp: 'cpp', cxx: 'cpp', hpp: 'cpp', hh: 'cpp',\n      cs: 'csharp', php: 'php',\n      sh: 'bash', bash: 'bash', zsh: 'bash',\n      env: 'dotenv', dotenv: 'dotenv',\n      yml: 'yaml', yaml: 'yaml',\n      toml: 'ini', ini: 'ini', cfg: 'ini',\n      sql: 'sql', html: 'html', htm: 'html',\n      css: 'css', scss: 'scss', less: 'less',\n      vue: 'vue', svelte: 'svelte',\n      gradle: 'groovy', groovy: 'groovy',\n      txt: '', lock: '', log: ''\n    };\n    return map[ext] ?? '';\n  }\n\n  async function fetchOne(rawInput) {\n    const input = (rawInput || '').trim();\n    if (!input) throw new Error('Empty URL');\n    const parsed = parseGitHubUrl(input);\n    if (!parsed) throw new Error('Invalid GitHub URL. Use blob/raw format.');\n    const res = await fetch(parsed.raw, { cache: 'no-store' });\n    if (!res.ok) throw new Error(`HTTP ${res.status}`);\n    let content = await res.text();\n    content = normalizeNewlines(content);\n\n    if (parsed.lines) {\n      const lines = content.split('\\n');\n      const s = Math.max(1, parsed.lines.start), e = Math.max(s, parsed.lines.end);\n      content = lines.slice(s - 1, e).join('\\n');\n    }\n\n    const lang = guessLangFromPath(parsed.path);\n    const header = `From: ${parsed.blob}`;\n    const md = `${header}\\n\\n\\`\\`\\`${lang}\\n${content}\\n\\`\\`\\``;\n    return { md, blob: parsed.blob };\n  }\n\n  // Row rendering\n  let urls = loadUrls();\n\n  function rowTpl(idx, value='') {\n    const id = `ghRow_${idx}`;\n    return `\n      <div class=\"rounded-lg border border-gray-200 p-2\">\n        <div class=\"flex items-stretch gap-2\">\n          <input\n            data-role=\"url\"\n            data-index=\"${idx}\"\n            id=\"${id}\"\n            type=\"url\"\n            inputmode=\"url\"\n            placeholder=\"https://github.com/owner/repo/blob/branch/file#L1-L20\"\n            class=\"flex-1 rounded-md border border-gray-300 px-2 py-1 text-xs\"\n            aria-label=\"GitHub blob or raw URL\"\n            value=\"${(value || '').replace(/\"/g, '&quot;')}\"\n          />\n          <button data-role=\"paste\" data-index=\"${idx}\" type=\"button\" class=\"rounded-md border px-2 py-1 text-xs bg-white hover:bg-gray-50\" title=\"Paste from clipboard\">\n            <i data-lucide=\"clipboard\" class=\"h-4 w-4\"></i>\n          </button>\n          <button data-role=\"fetch-one\" data-index=\"${idx}\" type=\"button\" class=\"rounded-md px-2 py-1 text-xs bg-black text-white hover:bg-black/90\">\n            Fetch\n          </button>\n          <button data-role=\"remove\" data-index=\"${idx}\" type=\"button\" class=\"rounded-md border px-2 py-1 text-xs bg-white hover:bg-gray-50\" title=\"Remove\">\n            <i data-lucide=\"trash-2\" class=\"h-4 w-4\"></i>\n          </button>\n        </div>\n        <div data-role=\"row-status\" data-index=\"${idx}\" class=\"mt-1 text-[11px] text-gray-500\"></div>\n      </div>\n    `;\n  }\n\n  function renderRows() {\n    if (!urls.length) urls = [''];\n    els.rows.innerHTML = urls.map((u, i) => rowTpl(i, u)).join('');\n    icons();\n  }\n\n  function setRowStatus(index, msg, kind='info') {\n    const node = els.rows.querySelector(`[data-role=\"row-status\"][data-index=\"${index}\"]`);\n    if (!node) return;\n    node.textContent = msg || '';\n    node.className = 'mt-1 text-[11px] ' + (kind === 'error' ? 'text-red-600' : kind === 'ok' ? 'text-green-600' : 'text-gray-500');\n  }\n\n  async function postToChat(md) {\n    if (window.USER && typeof window.USER.log === 'function') {\n      await window.USER.log(md);\n      return true;\n    }\n    throw new Error('window.USER.log is not available');\n  }\n\n  async function fetchRow(index) {\n    const input = els.rows.querySelector(`input[data-role=\"url\"][data-index=\"${index}\"]`);\n    const fetchBtn = els.rows.querySelector(`button[data-role=\"fetch-one\"][data-index=\"${index}\"]`);\n    if (!input || !fetchBtn) return;\n\n    setRowStatus(index, '');\n    const url = (input.value || '').trim();\n    if (!url) {\n      setRowStatus(index, 'Enter a GitHub blob or raw URL.', 'error');\n      return;\n    }\n\n    fetchBtn.dataset._prev = fetchBtn.innerHTML;\n    fetchBtn.innerHTML = spinnerSvg();\n    fetchBtn.classList.add('bg-gray-800');\n    input.disabled = true;\n\n    try {\n      const { md, blob } = await fetchOne(url);\n      await postToChat(md);\n      urls[index] = blob; // store canonical blob\n      saveUrls(urls);\n      setRowStatus(index, 'Added to chat.', 'ok');\n    } catch (err) {\n      setRowStatus(index, (err && err.message) ? err.message : String(err), 'error');\n    } finally {\n      input.disabled = false;\n      if (fetchBtn.dataset._prev) fetchBtn.innerHTML = fetchBtn.dataset._prev;\n      fetchBtn.classList.remove('bg-gray-800');\n    }\n  }\n\n  // Events - delegation for rows\n  els.rows.addEventListener('click', async (e) => {\n    const btn = e.target.closest('button[data-role]');\n    if (!btn) return;\n    const role = btn.getAttribute('data-role');\n    const index = +btn.getAttribute('data-index');\n    if (Number.isNaN(index)) return;\n\n    if (role === 'paste') {\n      try {\n        const t = await navigator.clipboard.readText();\n        if (t) {\n          const input = els.rows.querySelector(`input[data-role=\"url\"][data-index=\"${index}\"]`);\n          input.value = t.trim();\n          urls[index] = input.value;\n          saveUrls(urls);\n          setRowStatus(index, 'Pasted from clipboard.');\n        }\n      } catch {\n        setRowStatus(index, 'Clipboard read failed. Paste manually.', 'error');\n      }\n    } else if (role === 'fetch-one') {\n      await fetchRow(index);\n    } else if (role === 'remove') {\n      if (urls.length === 1) {\n        urls[0] = '';\n      } else {\n        urls.splice(index, 1);\n      }\n      saveUrls(urls);\n      renderRows();\n    }\n  });\n\n  els.rows.addEventListener('change', (e) => {\n    const input = e.target.closest('input[data-role=\"url\"]');\n    if (!input) return;\n    const index = +input.getAttribute('data-index');\n    if (Number.isNaN(index)) return;\n    urls[index] = input.value.trim();\n    saveUrls(urls);\n  });\n\n  els.rows.addEventListener('keydown', (e) => {\n    const input = e.target.closest('input[data-role=\"url\"]');\n    if (!input) return;\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      const index = +input.getAttribute('data-index');\n      if (!Number.isNaN(index)) fetchRow(index);\n    }\n  });\n\n  // Top controls\n  els.addBtn.addEventListener('click', () => {\n    urls.push('');\n    saveUrls(urls);\n    renderRows();\n    requestAnimationFrame(() => {\n      const lastIndex = urls.length - 1;\n      const input = els.rows.querySelector(`input[data-role=\"url\"][data-index=\"${lastIndex}\"]`);\n      input?.focus();\n    });\n  });\n\n  els.fetchAllBtn.addEventListener('click', async () => {\n    const list = urls.map((u, i) => ({ url: (u||'').trim(), i })).filter(x => x.url);\n    if (!list.length) {\n      setGlobalStatus('No URLs to fetch. Add with + or paste into a field.', 'error');\n      return;\n    }\n\n    els.fetchAllBtn.dataset._prev = els.fetchAllBtn.innerHTML;\n    els.fetchAllBtn.innerHTML = spinnerSvg('h-3 w-3');\n    els.fetchAllBtn.classList.add('bg-gray-800');\n    els.fetchAllBtn.disabled = true;\n    setGlobalStatus('Fetching…');\n\n    let ok = 0, fail = 0;\n    for (const it of list) {\n      try {\n        await fetchRow(it.i);\n        ok++;\n      } catch {\n        fail++;\n      }\n    }\n\n    els.fetchAllBtn.innerHTML = els.fetchAllBtn.dataset._prev || 'Fetch All';\n    els.fetchAllBtn.classList.remove('bg-gray-800');\n    els.fetchAllBtn.disabled = false;\n\n    if (fail === 0) setGlobalStatus(`Fetched ${ok} item(s).`, 'ok');\n    else setGlobalStatus(`Fetched ${ok}, ${fail} failed.`, 'error');\n  });\n\n  els.helpBtn.addEventListener('click', () => {\n    const tip = [\n      'How to use:',\n      '• Click + to add more URL fields.',\n      '• Enter GitHub blob URLs, e.g.:',\n      '  https://github.com/owner/repo/blob/branch/path/to/file.ext#L10-L42',\n      '  or raw URLs like:',\n      '  https://raw.githubusercontent.com/owner/repo/branch/path/to/file.ext',\n      '• Click Fetch on a row (or Fetch All) to post into the chat.',\n      '',\n      'Notes:',\n      '- #Lx or #Lx-Ly anchors will select line(s).',\n      '- Private repos are not supported.',\n      '- URLs are stored locally per sune.'\n    ].join('\\n');\n    alert(tip);\n  });\n\n  // Initial render\n  function setGlobalStatus(msg, kind = 'info') {\n    els.status.textContent = msg || '';\n    els.status.className = 'text-[11px] ' + (kind === 'error' ? 'text-red-600' : kind === 'ok' ? 'text-green-600' : 'text-gray-600');\n  }\n\n  renderRows();\n  icons();\n})();\n</script>",
+      "html": "<!-- Sune: GitHub Blob Fetch -->\n<!-- Version: 1.1.0 -->\n<div id=\"ghFetchSune\" class=\"p-2 border-b border-gray-200\">\n  <div class=\"flex items-center justify-between\">\n    <div class=\"flex items-center gap-2\">\n      <i data-lucide=\"github\" class=\"h-4 w-4\"></i>\n      <span class=\"text-xs font-medium\">GitHub Fetch</span>\n      <span class=\"text-[10px] text-gray-400\">v1.1.0</span>\n    </div>\n    <div class=\"flex items-center gap-1\">\n      <button id=\"ghFetchAllBtn\" type=\"button\" class=\"rounded-lg px-2 py-1 text-xs bg-black text-white hover:bg-black/90 active:scale-95 transition-transform\">\n        Fetch All\n      </button>\n      <button type=\"button\" id=\"ghAddRowBtn\" class=\"h-8 w-8 rounded-lg bg-gray-100 hover:bg-gray-200 flex items-center justify-center active:scale-95 transition-transform\" title=\"Add another URL\">\n        <i data-lucide=\"plus\" class=\"h-4 w-4\"></i>\n      </button>\n      <button type=\"button\" id=\"ghHelpBtn\" class=\"h-8 px-2 rounded-lg bg-gray-100 hover:bg-gray-200 flex items-center justify-center active:scale-95 transition-transform\">\n        <i data-lucide=\"help-circle\" class=\"h-4 w-4\"></i>\n      </button>\n    </div>\n  </div>\n\n  <div id=\"ghRows\" class=\"mt-2 space-y-1\"></div>\n  <div id=\"ghStatus\" class=\"mt-2 text-[11px] text-gray-600 min-h-[1em]\"></div>\n</div>\n\n<script>\n(() => {\n  const root = document.getElementById('ghFetchSune');\n  if (!root) return;\n\n  const $ = (sel, ctx = root) => ctx.querySelector(sel);\n  const $$ = (sel, ctx = root) => Array.from(ctx.querySelectorAll(sel));\n\n  const els = {\n    rows: $('#ghRows'),\n    addBtn: $('#ghAddRowBtn'),\n    fetchAllBtn: $('#ghFetchAllBtn'),\n    helpBtn: $('#ghHelpBtn'),\n    status: $('#ghStatus'),\n  };\n\n  const icons = () => { try { window.lucide && window.lucide.createIcons({ attrs: { 'aria-hidden': 'true' } }); } catch (e) { console.error(\"Lucide error:\", e); } };\n\n  function storageKeyBase() {\n    // Use the active Sune's unique ID for robust, non-conflicting storage.\n    const suneId = window.SUNE?.id;\n    if (suneId) {\n        return `gh_fetch_sune_${suneId}`;\n    }\n    // Fallback for safety, though SUNE.id should always exist.\n    const name = (window.SUNE?.name || 'default').toLowerCase().replace(/[^a-z0-9]+/g, '_').replace(/^_+|_+$/g, '');\n    return `gh_fetch_${name}`;\n  }\n  \n  const getUrlsKey = () => storageKeyBase() + '_urls_v2';\n\n  function loadUrls() {\n    try {\n      const multi = window.localStorage.getItem(getUrlsKey());\n      if (multi) {\n        const arr = JSON.parse(multi);\n        return Array.isArray(arr) ? arr.map(x => String(x || '')) : [''];\n      }\n    } catch {}\n    return [''];\n  }\n\n  function saveUrls(urls) {\n    try {\n      window.localStorage.setItem(getUrlsKey(), JSON.stringify(urls.map(u => String(u || '').trim())));\n    } catch {}\n  }\n\n  function setGlobalStatus(msg, kind = 'info') {\n    els.status.textContent = msg || '';\n    const colorClass = kind === 'error' ? 'text-red-600' : kind === 'ok' ? 'text-green-600' : 'text-gray-600';\n    els.status.className = `mt-2 text-[11px] min-h-[1em] ${colorClass}`;\n  }\n\n  function spinnerSvg(cls='h-3 w-3') {\n    return `<svg class=\"animate-spin ${cls}\" viewBox=\"0 0 24 24\"><circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\" fill=\"none\"></circle><path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8v4A4 4 0 004 12z\"></path></svg>`;\n  }\n\n  function parseGitHubUrl(u) {\n    try {\n      const url = new URL(u);\n      let owner, repo, ref, path, raw, blob, lines = null;\n\n      if (url.hash && /#L\\d+/i.test(url.hash)) {\n        const m = url.hash.match(/#L(\\d+)(?:-L(\\d+))?/i);\n        if (m) lines = { start: Math.max(1, +m[1] || 1), end: Math.max(+m[1] || 1, +m[2] || +m[1] || 1) };\n      }\n\n      if (url.hostname === 'github.com') {\n        const parts = url.pathname.split('/').filter(Boolean);\n        if (parts.length >= 4 && (parts[2] === 'blob' || parts[2] === 'raw')) {\n          owner = parts[0]; repo = parts[1]; ref = parts[3];\n          path = parts.slice(4).join('/');\n          raw = `https://raw.githubusercontent.com/${owner}/${repo}/${ref}/${path}`;\n          blob = `https://github.com/${owner}/${repo}/blob/${ref}/${path}${url.hash || ''}`;\n          return { raw, blob, owner, repo, ref, path, lines };\n        }\n      } else if (url.hostname === 'raw.githubusercontent.com') {\n        const parts = url.pathname.split('/').filter(Boolean);\n        if (parts.length >= 4) {\n          owner = parts[0]; repo = parts[1]; ref = parts[2];\n          path = parts.slice(3).join('/');\n          raw = url.href;\n          blob = `https://github.com/${owner}/${repo}/blob/${ref}/${path}${url.hash || ''}`;\n          return { raw, blob, owner, repo, ref, path, lines };\n        }\n      }\n      return null;\n    } catch { return null; }\n  }\n  \n  function guessLangFromPath(p = '') {\n      const ext = (p.split('.').pop() || '').toLowerCase();\n      if (!ext) return '';\n      const map = { js: 'javascript', ts: 'typescript', py: 'python', rb: 'ruby', go: 'go', rs: 'rust', java: 'java', kt: 'kotlin', cs: 'csharp', php: 'php', sh: 'bash', ps1: 'powershell', sql: 'sql', html: 'html', css: 'css', scss: 'scss', md: 'markdown', json: 'json', yml: 'yaml', yaml: 'yaml', toml: 'toml', Dockerfile: 'dockerfile' };\n      return map[ext] || '';\n  }\n\n  async function fetchOne(rawInput) {\n    const input = (rawInput || '').trim();\n    if (!input) throw new Error('Empty URL');\n    const parsed = parseGitHubUrl(input);\n    if (!parsed) throw new Error('Invalid GitHub URL. Use blob/raw format.');\n\n    const fetchOptions = { cache: 'no-store' };\n    const ghToken = window.globalStore?.ghToken;\n    if (ghToken) {\n      fetchOptions.headers = { 'Authorization': `Bearer ${ghToken}` };\n    }\n\n    const res = await fetch(parsed.raw, fetchOptions);\n    if (!res.ok) throw new Error(`Fetch failed: HTTP ${res.status}`);\n    \n    let content = await res.text();\n    if (parsed.lines) {\n      const lines = content.replace(/\\r\\n/g, '\\n').split('\\n');\n      const s = parsed.lines.start - 1, e = parsed.lines.end;\n      content = lines.slice(s, e).join('\\n');\n    }\n\n    const lang = guessLangFromPath(parsed.path);\n    const header = `From: ${parsed.blob}`;\n    const md = `${header}\\n\\n\\`\\`\\`${lang}\\n${content}\\n\\`\\`\\``;\n    return { md, blob: parsed.blob };\n  }\n\n  let urls = loadUrls();\n\n  function rowTpl(idx, value = '') {\n    return `\n      <div class=\"rounded-lg border border-gray-200 bg-white p-2\">\n        <div class=\"flex items-stretch gap-2\">\n          <input\n            data-role=\"url\" data-index=\"${idx}\" type=\"url\" inputmode=\"url\"\n            placeholder=\"GitHub blob or raw URL...\"\n            class=\"flex-1 min-w-0 rounded-md border border-gray-300 px-2 py-1 text-xs focus:ring-2 focus:ring-black/20 focus:border-black transition\"\n            aria-label=\"GitHub URL\" value=\"${value.replace(/\"/g, '&quot;')}\"\n          />\n          <button data-role=\"paste\" data-index=\"${idx}\" type=\"button\" class=\"shrink-0 rounded-md border px-2 text-xs bg-white hover:bg-gray-50 active:scale-95 transition-transform\" title=\"Paste\">\n            <i data-lucide=\"clipboard\" class=\"h-4 w-4\"></i>\n          </button>\n          <button data-role=\"fetch-one\" data-index=\"${idx}\" type=\"button\" class=\"shrink-0 rounded-md px-2 text-xs bg-black text-white hover:bg-black/90 active:scale-95 transition-transform\">\n            Fetch\n          </button>\n          <button data-role=\"remove\" data-index=\"${idx}\" type=\"button\" class=\"shrink-0 rounded-md border p-2 text-xs text-gray-500 bg-white hover:bg-gray-50 hover:text-red-600 active:scale-95 transition-transform\" title=\"Remove\">\n            <i data-lucide=\"trash-2\" class=\"h-4 w-4\"></i>\n          </button>\n        </div>\n        <div data-role=\"row-status\" data-index=\"${idx}\" class=\"mt-1 text-[11px] text-gray-500 min-h-[1em]\"></div>\n      </div>\n    `;\n  }\n\n  function renderRows() {\n    if (!urls.length) urls = [''];\n    els.rows.innerHTML = urls.map((u, i) => rowTpl(i, u)).join('');\n    icons();\n  }\n  \n  function setRowStatus(index, msg, kind='info') {\n    const node = els.rows.querySelector(`[data-role=\"row-status\"][data-index=\"${index}\"]`);\n    if (!node) return;\n    node.textContent = msg || '';\n    const colorClass = kind === 'error' ? 'text-red-600' : kind === 'ok' ? 'text-green-600' : 'text-gray-500';\n    node.className = `mt-1 text-[11px] min-h-[1em] ${colorClass}`;\n  }\n\n  async function postToChat(md) {\n    if (window.USER && typeof window.USER.log === 'function') {\n      await window.USER.log(md);\n    } else {\n      throw new Error('Chat injection function (USER.log) not found.');\n    }\n  }\n\n  async function fetchRow(index) {\n    const input = els.rows.querySelector(`input[data-role=\"url\"][data-index=\"${index}\"]`);\n    const fetchBtn = els.rows.querySelector(`button[data-role=\"fetch-one\"][data-index=\"${index}\"]`);\n    if (!input || !fetchBtn) return;\n\n    setRowStatus(index, '');\n    const url = (input.value || '').trim();\n    if (!url) {\n      setRowStatus(index, 'Please enter a GitHub URL.', 'error');\n      return false;\n    }\n\n    const prevHTML = fetchBtn.innerHTML;\n    fetchBtn.innerHTML = spinnerSvg();\n    fetchBtn.disabled = true;\n    input.disabled = true;\n\n    try {\n      const { md, blob } = await fetchOne(url);\n      await postToChat(md);\n      input.value = blob; // Store canonical blob URL\n      urls[index] = blob;\n      saveUrls(urls);\n      setRowStatus(index, 'Added to chat.', 'ok');\n      return true;\n    } catch (err) {\n      setRowStatus(index, err.message || String(err), 'error');\n      return false;\n    } finally {\n      fetchBtn.innerHTML = prevHTML;\n      fetchBtn.disabled = false;\n      input.disabled = false;\n    }\n  }\n\n  els.rows.addEventListener('click', async (e) => {\n    const btn = e.target.closest('button[data-role]');\n    if (!btn) return;\n    const role = btn.dataset.role;\n    const index = +btn.dataset.index;\n    if (Number.isNaN(index)) return;\n\n    if (role === 'paste') {\n      try {\n        const text = await navigator.clipboard.readText();\n        const input = els.rows.querySelector(`input[data-index=\"${index}\"]`);\n        if (input && text) {\n          input.value = text.trim();\n          urls[index] = input.value;\n          saveUrls(urls);\n          setRowStatus(index, 'Pasted.', 'ok');\n        }\n      } catch {\n        setRowStatus(index, 'Clipboard read failed.', 'error');\n      }\n    } else if (role === 'fetch-one') {\n      await fetchRow(index);\n    } else if (role === 'remove') {\n      urls.length > 1 ? urls.splice(index, 1) : (urls[0] = '');\n      saveUrls(urls);\n      renderRows();\n    }\n  });\n\n  els.rows.addEventListener('input', (e) => {\n    const input = e.target.closest('input[data-role=\"url\"]');\n    if (!input) return;\n    urls[+input.dataset.index] = input.value;\n    saveUrls(urls);\n  });\n  \n  els.rows.addEventListener('keydown', (e) => {\n    if (e.key === 'Enter' && e.target.matches('input[data-role=\"url\"]')) {\n      e.preventDefault();\n      fetchRow(+e.target.dataset.index);\n    }\n  });\n\n  els.addBtn.addEventListener('click', () => {\n    urls.push('');\n    saveUrls(urls);\n    renderRows();\n    els.rows.querySelector(`input[data-index=\"${urls.length - 1}\"]`)?.focus();\n  });\n\n  els.fetchAllBtn.addEventListener('click', async () => {\n    const list = urls.map((url, i) => ({ url: url.trim(), i })).filter(item => item.url);\n    if (!list.length) {\n      setGlobalStatus('No URLs to fetch. Add one with the + button.', 'error');\n      return;\n    }\n\n    const prevHTML = els.fetchAllBtn.innerHTML;\n    els.fetchAllBtn.innerHTML = spinnerSvg('h-4 w-4');\n    els.fetchAllBtn.disabled = true;\n    setGlobalStatus(`Fetching ${list.length} item(s)...`);\n\n    let success = 0, failed = 0;\n    for (const item of list) {\n      const ok = await fetchRow(item.i);\n      ok ? success++ : failed++;\n    }\n\n    els.fetchAllBtn.innerHTML = prevHTML;\n    els.fetchAllBtn.disabled = false;\n    \n    if (failed === 0) {\n        setGlobalStatus(`Fetched ${success} item(s) successfully.`, 'ok');\n    } else {\n        setGlobalStatus(`Completed: ${success} succeeded, ${failed} failed.`, 'error');\n    }\n  });\n\n  els.helpBtn.addEventListener('click', () => {\n    alert([\n      'GitHub Fetch Sune - Help',\n      '',\n      '• Use the + button to add URL fields.',\n      '• Paste a GitHub \"blob\" or \"raw\" URL into a field.',\n      '• Example: https://github.com/owner/repo/blob/main/path/file.js#L10-L20',\n      '• The #L... part is optional and selects specific lines.',\n      '• Click \"Fetch\" on a row, or \"Fetch All\" for all fields.',\n      '',\n      'Pro Tip: Go to Account Settings and add your GitHub Token to fetch from private repos and avoid rate limits.',\n    ].join('\\n'));\n  });\n\n  renderRows();\n})();\n</script>\n",
       "extension_html": "<sune src='https://raw.githubusercontent.com/sune-org/store/refs/heads/main/sync.sune' private />"
     }
   }