Open a GitHub repository root or user profile root.
+ +No parsed result yet.diff --git a/extension/popup.js b/extension/popup.js index 4641d94..7f4331b 100644 --- a/extension/popup.js +++ b/extension/popup.js @@ -2,6 +2,10 @@ import { detectGitHubPageType, parseGitHubPage } from "./github-parsers.js"; const parseButton = document.getElementById("parse-button"); const copyButton = document.getElementById("copy-button"); +const downloadJsonButton = document.getElementById("download-json-button"); +const downloadCsvButton = document.getElementById("download-csv-button"); +const formatJsonButton = document.getElementById("format-json"); +const formatCsvButton = document.getElementById("format-csv"); const output = document.getElementById("output"); const statusBadge = document.getElementById("status-badge"); const statusText = document.getElementById("status-text"); @@ -9,6 +13,11 @@ const statusText = document.getElementById("status-text"); let lastResult = null; let currentTab = null; let currentPageType = null; +let outputFormat = "json"; + +function getOutputFormat() { + return outputFormat === "csv" ? "csv" : "json"; +} function setStatus(label, message) { statusBadge.textContent = label; @@ -19,6 +28,97 @@ function setOutput(value) { output.textContent = value; } +function escapeCsvCell(value) { + const text = String(value ?? ""); + if (/[",\n\r]/.test(text)) { + return `"${text.replace(/"/g, '""')}"`; + } + return text; +} + +function toCsvRow(values) { + return values.map(escapeCsvCell).join(","); +} + +function toCsv(result) { + if (!result || typeof result !== "object") { + return ""; + } + + const keys = Object.keys(result); + const header = toCsvRow(keys); + const row = toCsvRow( + keys.map((key) => { + const value = result[key]; + if (value === null || value === undefined) return ""; + if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") { + return value; + } + return JSON.stringify(value); + }) + ); + + return `${header}\n${row}\n`; +} + +function getOutputText(format) { + if (!lastResult) { + return "No parsed result yet."; + } + if (format === "csv") { + return toCsv(lastResult); + } + return JSON.stringify(lastResult, null, 2); +} + +function getBaseFilename(result) { + if (!result || !result.success) { + return "github-parse"; + } + if (result.type === "repository" && result.fullName) { + return `github-repo-${result.fullName.replace("/", "__")}`; + } + if (result.type === "user_profile" && result.username) { + return `github-user-${result.username}`; + } + return `github-${result.type || "parse"}`; +} + +function downloadTextFile({ text, filename, mimeType }) { + const blob = new Blob([text], { type: mimeType }); + const url = URL.createObjectURL(blob); + const link = document.createElement("a"); + link.href = url; + link.download = filename; + document.body.appendChild(link); + link.click(); + link.remove(); + URL.revokeObjectURL(url); +} + +function setOutputFormat(nextFormat) { + outputFormat = nextFormat === "csv" ? "csv" : "json"; + formatJsonButton?.classList.toggle("is-active", outputFormat === "json"); + formatCsvButton?.classList.toggle("is-active", outputFormat === "csv"); + updateUi(); +} + +function updateUi() { + const isSupported = Boolean(currentPageType); + const hasResult = Boolean(lastResult); + const format = getOutputFormat(); + + parseButton.disabled = !isSupported; + formatJsonButton.disabled = !isSupported; + formatCsvButton.disabled = !isSupported; + copyButton.disabled = !isSupported || !hasResult; + downloadJsonButton.disabled = !isSupported || !hasResult; + downloadCsvButton.disabled = !isSupported || !hasResult; + + copyButton.textContent = format === "csv" ? "Copy CSV" : "Copy JSON"; + setOutput(getOutputText(format)); +} + async function getActiveTab() { const [tab] = await chrome.tabs.query({ active: true, currentWindow: true }); return tab || null; @@ -42,19 +142,17 @@ async function refreshPageSupport() { currentPageType = detectGitHubPageType(url); if (!currentPageType) { - parseButton.disabled = true; - copyButton.disabled = true; setStatus("Unsupported", "Supported pages are GitHub repository roots and personal profile roots only."); - setOutput("No parsed result yet."); + lastResult = null; + updateUi(); return; } - parseButton.disabled = false; - copyButton.disabled = !lastResult; setStatus( currentPageType === "repository" ? "Repository" : "User profile", "This page is supported. Run the local parser to generate structured JSON." ); + updateUi(); } parseButton.addEventListener("click", async () => { @@ -64,6 +162,8 @@ parseButton.addEventListener("click", async () => { parseButton.disabled = true; copyButton.disabled = true; + downloadJsonButton.disabled = true; + downloadCsvButton.disabled = true; setStatus("Parsing", "Reading the current page and running the parser locally."); setOutput("Parsing..."); @@ -71,11 +171,10 @@ parseButton.addEventListener("click", async () => { const { html, url } = await readActiveTabHtml(currentTab.id); const result = parseGitHubPage(currentPageType, html, url); lastResult = result; - setOutput(JSON.stringify(result, null, 2)); + updateUi(); if (result.success) { setStatus("Success", "Structured JSON generated for the current page."); - copyButton.disabled = false; } else { setStatus("Parser error", result.error || "Unable to parse this page."); } @@ -84,7 +183,7 @@ parseButton.addEventListener("click", async () => { setStatus("Runtime error", error.message); setOutput(error.stack || error.message); } finally { - parseButton.disabled = false; + updateUi(); } }); @@ -93,8 +192,39 @@ copyButton.addEventListener("click", async () => { return; } - await navigator.clipboard.writeText(JSON.stringify(lastResult, null, 2)); - setStatus("Copied", "JSON copied to the clipboard."); + const format = getOutputFormat(); + await navigator.clipboard.writeText(getOutputText(format)); + setStatus("Copied", format === "csv" ? "CSV copied to the clipboard." : "JSON copied to the clipboard."); +}); + +downloadJsonButton.addEventListener("click", () => { + if (!lastResult) return; + const base = getBaseFilename(lastResult); + downloadTextFile({ + text: JSON.stringify(lastResult, null, 2), + filename: `${base}.json`, + mimeType: "application/json" + }); + setStatus("Downloaded", "JSON saved to your downloads."); +}); + +downloadCsvButton.addEventListener("click", () => { + if (!lastResult) return; + const base = getBaseFilename(lastResult); + downloadTextFile({ + text: toCsv(lastResult), + filename: `${base}.csv`, + mimeType: "text/csv" + }); + setStatus("Downloaded", "CSV saved to your downloads."); +}); + +formatJsonButton.addEventListener("click", () => { + setOutputFormat("json"); +}); + +formatCsvButton.addEventListener("click", () => { + setOutputFormat("csv"); }); refreshPageSupport();