@orion-studios/payload-seo-audit 1.0.0

package/dist/components/pdf/PdfDownloadButton.js

@@ -0,0 +1,80 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PdfDownloadButton = void 0;
+const react_1 = __importStar(require("react"));
+const PdfDownloadButton = ({ targetId, filename, label = 'Download PDF', }) => {
+    const [generating, setGenerating] = (0, react_1.useState)(false);
+    const handleDownload = (0, react_1.useCallback)(async () => {
+        const element = document.getElementById(targetId);
+        if (!element)
+            return;
+        setGenerating(true);
+        try {
+            const html2pdf = (await Promise.resolve().then(() => __importStar(require('html2pdf.js')))).default;
+            element.classList.add('seo-pdf-printing');
+            await html2pdf()
+                .set({
+                margin: [10, 10, 10, 10],
+                filename: `${filename}.pdf`,
+                image: { type: 'jpeg', quality: 0.95 },
+                html2canvas: {
+                    scale: 2,
+                    useCORS: true,
+                    logging: false,
+                },
+                jsPDF: {
+                    unit: 'mm',
+                    format: 'a4',
+                    orientation: 'portrait',
+                },
+                pagebreak: { mode: ['avoid-all', 'css', 'legacy'] },
+            })
+                .from(element)
+                .save();
+            element.classList.remove('seo-pdf-printing');
+        }
+        catch (err) {
+            console.error('PDF generation failed:', err);
+            element.classList.remove('seo-pdf-printing');
+        }
+        finally {
+            setGenerating(false);
+        }
+    }, [targetId, filename]);
+    return (react_1.default.createElement("button", { type: "button", onClick: () => void handleDownload(), disabled: generating, className: "rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-slate-700 hover:bg-slate-50 disabled:opacity-60" }, generating ? 'Generating...' : label));
+};
+exports.PdfDownloadButton = PdfDownloadButton;

package/dist/components/tables/IssueTable.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { IssueWithUrl } from '../types';
+type IssueTableProps = {
+    issues: IssueWithUrl[];
+    showUrl?: boolean;
+    showCategory?: boolean;
+    pageSize?: number;
+};
+export declare const IssueTable: React.FC<IssueTableProps>;
+export {};
+//# sourceMappingURL=IssueTable.d.ts.map

package/dist/components/tables/IssueTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IssueTable.d.ts","sourceRoot":"","sources":["../../../src/components/tables/IssueTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,OAAO,KAAK,EAAoB,YAAY,EAAE,MAAM,UAAU,CAAA;AAG9D,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,YAAY,EAAE,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2KhD,CAAA"}

package/dist/components/tables/IssueTable.js

@@ -0,0 +1,121 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IssueTable = void 0;
+const react_1 = __importStar(require("react"));
+const SeverityBadge_1 = require("../visualization/SeverityBadge");
+const types_1 = require("../types");
+const formatters_1 = require("../utils/formatters");
+const IssueTable = ({ issues, showUrl = true, showCategory = true, pageSize = 15, }) => {
+    const [severityFilter, setSeverityFilter] = (0, react_1.useState)('all');
+    const [categoryFilter, setCategoryFilter] = (0, react_1.useState)('all');
+    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const [page, setPage] = (0, react_1.useState)(1);
+    const [expandedIndex, setExpandedIndex] = (0, react_1.useState)(null);
+    const filtered = (0, react_1.useMemo)(() => {
+        return issues.filter((issue) => {
+            if (severityFilter !== 'all' && issue.severity !== severityFilter)
+                return false;
+            if (categoryFilter !== 'all' && issue.category !== categoryFilter)
+                return false;
+            if (searchText) {
+                const search = searchText.toLowerCase();
+                const matchesMessage = issue.message?.toLowerCase().includes(search);
+                const matchesUrl = issue.url?.toLowerCase().includes(search);
+                if (!matchesMessage && !matchesUrl)
+                    return false;
+            }
+            return true;
+        });
+    }, [issues, severityFilter, categoryFilter, searchText]);
+    const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize));
+    const currentPage = Math.min(page, totalPages);
+    const paginated = filtered.slice((currentPage - 1) * pageSize, currentPage * pageSize);
+    if (issues.length === 0) {
+        return (react_1.default.createElement("div", { className: "flex h-24 items-center justify-center rounded-lg border border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800" },
+            react_1.default.createElement("p", { className: "text-sm text-slate-500 dark:text-slate-400" }, "No issues found.")));
+    }
+    return (react_1.default.createElement("div", { className: "space-y-3" },
+        react_1.default.createElement("div", { className: "flex flex-wrap items-center gap-2" },
+            react_1.default.createElement("select", { value: severityFilter, onChange: (e) => { setSeverityFilter(e.target.value); setPage(1); }, className: "rounded-md border border-slate-200 bg-white px-2.5 py-1.5 text-sm text-slate-700 focus:border-slate-400 focus:outline-none dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300" },
+                react_1.default.createElement("option", { value: "all" }, "All Severities"),
+                types_1.SEVERITY_ORDER.map((s) => (react_1.default.createElement("option", { key: s, value: s }, s.charAt(0).toUpperCase() + s.slice(1))))),
+            showCategory && (react_1.default.createElement("select", { value: categoryFilter, onChange: (e) => { setCategoryFilter(e.target.value); setPage(1); }, className: "rounded-md border border-slate-200 bg-white px-2.5 py-1.5 text-sm text-slate-700 focus:border-slate-400 focus:outline-none dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300" },
+                react_1.default.createElement("option", { value: "all" }, "All Categories"),
+                Object.entries(types_1.CATEGORY_LABELS).map(([key, label]) => (react_1.default.createElement("option", { key: key, value: key }, label))))),
+            react_1.default.createElement("input", { type: "text", placeholder: "Search issues...", value: searchText, onChange: (e) => { setSearchText(e.target.value); setPage(1); }, className: "rounded-md border border-slate-200 bg-white px-2.5 py-1.5 text-sm text-slate-700 placeholder:text-slate-400 focus:border-slate-400 focus:outline-none dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300 dark:placeholder:text-slate-500" }),
+            react_1.default.createElement("span", { className: "ml-auto text-xs text-slate-500 dark:text-slate-400" },
+                filtered.length,
+                " issue",
+                filtered.length !== 1 ? 's' : '')),
+        react_1.default.createElement("div", { className: "overflow-x-auto rounded-lg border border-slate-200 dark:border-slate-700" },
+            react_1.default.createElement("table", { className: "w-full text-sm" },
+                react_1.default.createElement("thead", null,
+                    react_1.default.createElement("tr", { className: "border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800" },
+                        react_1.default.createElement("th", { className: "px-3 py-2 text-left font-medium text-slate-600 dark:text-slate-400" }, "Severity"),
+                        showCategory && (react_1.default.createElement("th", { className: "px-3 py-2 text-left font-medium text-slate-600 dark:text-slate-400" }, "Category")),
+                        showUrl && (react_1.default.createElement("th", { className: "px-3 py-2 text-left font-medium text-slate-600 dark:text-slate-400" }, "URL")),
+                        react_1.default.createElement("th", { className: "px-3 py-2 text-left font-medium text-slate-600 dark:text-slate-400" }, "Issue"))),
+                react_1.default.createElement("tbody", null, paginated.map((issue, idx) => {
+                    const globalIdx = (currentPage - 1) * pageSize + idx;
+                    const isExpanded = expandedIndex === globalIdx;
+                    return (react_1.default.createElement(react_1.default.Fragment, { key: `${issue.fingerprint || issue.message}-${idx}` },
+                        react_1.default.createElement("tr", { className: `border-b border-slate-100 transition-colors hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800 ${issue.recommendation ? 'cursor-pointer' : ''}`, onClick: () => {
+                                if (issue.recommendation) {
+                                    setExpandedIndex(isExpanded ? null : globalIdx);
+                                }
+                            } },
+                            react_1.default.createElement("td", { className: "px-3 py-2.5" },
+                                react_1.default.createElement(SeverityBadge_1.SeverityBadge, { severity: issue.severity })),
+                            showCategory && (react_1.default.createElement("td", { className: "px-3 py-2.5 text-slate-600 dark:text-slate-400" }, types_1.CATEGORY_LABELS[issue.category] || issue.category)),
+                            showUrl && (react_1.default.createElement("td", { className: "px-3 py-2.5" },
+                                react_1.default.createElement("span", { className: "text-xs text-blue-600 dark:text-blue-400", title: issue.url }, (0, formatters_1.truncateUrl)(issue.url || '', 40)))),
+                            react_1.default.createElement("td", { className: "px-3 py-2.5 text-slate-800 dark:text-slate-200" }, issue.message)),
+                        isExpanded && issue.recommendation && (react_1.default.createElement("tr", { className: "border-b border-slate-100 dark:border-slate-700" },
+                            react_1.default.createElement("td", { colSpan: 1 + (showCategory ? 1 : 0) + (showUrl ? 1 : 0) + 1, className: "bg-blue-50 px-4 py-3 dark:bg-blue-900/30" },
+                                react_1.default.createElement("p", { className: "text-xs font-medium uppercase tracking-wide text-blue-600 dark:text-blue-400" }, "Recommendation"),
+                                react_1.default.createElement("p", { className: "mt-1 text-sm text-blue-900 dark:text-blue-300" }, issue.recommendation))))));
+                })))),
+        totalPages > 1 && (react_1.default.createElement("div", { className: "flex items-center justify-between" },
+            react_1.default.createElement("button", { type: "button", onClick: () => setPage(Math.max(1, currentPage - 1)), disabled: !filtered.length || currentPage <= 1, className: "rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm text-slate-600 disabled:opacity-50 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300" }, "Previous"),
+            react_1.default.createElement("span", { className: "text-xs text-slate-500 dark:text-slate-400" },
+                "Page ",
+                currentPage,
+                " of ",
+                totalPages),
+            react_1.default.createElement("button", { type: "button", onClick: () => setPage(Math.min(totalPages, currentPage + 1)), disabled: currentPage >= totalPages, className: "rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm text-slate-600 disabled:opacity-50 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300" }, "Next")))));
+};
+exports.IssueTable = IssueTable;

package/dist/components/tables/PageResultsTable.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import type { SEOPageResult } from '../types';
+type PageResultsTableProps = {
+    docs: SEOPageResult[];
+    pagination: {
+        totalDocs: number;
+        totalPages: number;
+        page: number;
+        hasNextPage: boolean;
+        hasPrevPage: boolean;
+    };
+    loading: boolean;
+    onPageChange: (page: number) => void;
+    onSelectPage: (pageResult: SEOPageResult) => void;
+};
+export declare const PageResultsTable: React.FC<PageResultsTableProps>;
+export {};
+//# sourceMappingURL=PageResultsTable.d.ts.map

package/dist/components/tables/PageResultsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageResultsTable.d.ts","sourceRoot":"","sources":["../../../src/components/tables/PageResultsTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AAK7C,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,aAAa,EAAE,CAAA;IACrB,UAAU,EAAE;QACV,SAAS,EAAE,MAAM,CAAA;QACjB,UAAU,EAAE,MAAM,CAAA;QAClB,IAAI,EAAE,MAAM,CAAA;QACZ,WAAW,EAAE,OAAO,CAAA;QACpB,WAAW,EAAE,OAAO,CAAA;KACrB,CAAA;IACD,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,YAAY,EAAE,CAAC,UAAU,EAAE,aAAa,KAAK,IAAI,CAAA;CAClD,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsI5D,CAAA"}

package/dist/components/tables/PageResultsTable.js

@@ -0,0 +1,96 @@
+"use strict";
+'use client';
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageResultsTable = void 0;
+const react_1 = __importStar(require("react"));
+const scoreHelpers_1 = require("../utils/scoreHelpers");
+const formatters_1 = require("../utils/formatters");
+const SeverityBadge_1 = require("../visualization/SeverityBadge");
+const PageResultsTable = ({ docs, pagination, loading, onPageChange, onSelectPage, }) => {
+    const [searchText, setSearchText] = (0, react_1.useState)('');
+    const filtered = searchText
+        ? docs.filter((d) => d.url.toLowerCase().includes(searchText.toLowerCase()) ||
+            d.title?.toLowerCase().includes(searchText.toLowerCase()))
+        : docs;
+    if (!loading && docs.length === 0) {
+        return (react_1.default.createElement("div", { className: "flex h-24 items-center justify-center rounded-lg border border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800" },
+            react_1.default.createElement("p", { className: "text-sm text-slate-500 dark:text-slate-400" }, "No page results available.")));
+    }
+    const countSeverity = (issues, severity) => (issues || []).filter((i) => i.severity === severity).length;
+    return (react_1.default.createElement("div", { className: "space-y-3" },
+        react_1.default.createElement("div", { className: "flex items-center gap-2" },
+            react_1.default.createElement("input", { type: "text", placeholder: "Filter pages...", value: searchText, onChange: (e) => setSearchText(e.target.value), className: "rounded-md border border-slate-200 bg-white px-2.5 py-1.5 text-sm text-slate-700 placeholder:text-slate-400 focus:border-slate-400 focus:outline-none dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300 dark:placeholder:text-slate-500" }),
+            react_1.default.createElement("span", { className: "ml-auto text-xs text-slate-500 dark:text-slate-400" },
+                pagination.totalDocs,
+                " page",
+                pagination.totalDocs !== 1 ? 's' : '',
+                " total")),
+        react_1.default.createElement("div", { className: "overflow-x-auto rounded-lg border border-slate-200 dark:border-slate-700" },
+            react_1.default.createElement("table", { className: "w-full text-sm" },
+                react_1.default.createElement("thead", null,
+                    react_1.default.createElement("tr", { className: "border-b border-slate-200 bg-slate-50 dark:border-slate-700 dark:bg-slate-800" },
+                        react_1.default.createElement("th", { className: "px-3 py-2 text-left font-medium text-slate-600 dark:text-slate-400" }, "Page"),
+                        react_1.default.createElement("th", { className: "px-3 py-2 text-center font-medium text-slate-600 dark:text-slate-400" }, "Score"),
+                        react_1.default.createElement("th", { className: "px-3 py-2 text-center font-medium text-slate-600 dark:text-slate-400" }, "Issues"),
+                        react_1.default.createElement("th", { className: "px-3 py-2 text-left font-medium text-slate-600 dark:text-slate-400" }, "Title"))),
+                react_1.default.createElement("tbody", null, loading ? (react_1.default.createElement("tr", null,
+                    react_1.default.createElement("td", { colSpan: 4, className: "px-3 py-8 text-center text-slate-500 dark:text-slate-400" }, "Loading..."))) : (filtered.map((doc) => {
+                    const score = doc.overallScore ?? 0;
+                    const criticalCount = countSeverity(doc.issues, 'critical');
+                    const highCount = countSeverity(doc.issues, 'high');
+                    const totalIssues = (doc.issues || []).length;
+                    return (react_1.default.createElement("tr", { key: doc.id, className: "cursor-pointer border-b border-slate-100 transition-colors hover:bg-slate-50 dark:border-slate-700 dark:hover:bg-slate-800", onClick: () => onSelectPage(doc) },
+                        react_1.default.createElement("td", { className: "px-3 py-2.5" },
+                            react_1.default.createElement("span", { className: "text-blue-600 dark:text-blue-400", title: doc.url }, (0, formatters_1.truncateUrl)(doc.url, 50))),
+                        react_1.default.createElement("td", { className: "px-3 py-2.5 text-center" },
+                            react_1.default.createElement("span", { className: `inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold ${(0, scoreHelpers_1.getScoreBgClass)(score)} ${(0, scoreHelpers_1.getScoreTextClass)(score)}` }, (0, formatters_1.formatScore)(score))),
+                        react_1.default.createElement("td", { className: "px-3 py-2.5 text-center" },
+                            react_1.default.createElement("div", { className: "flex items-center justify-center gap-1" },
+                                criticalCount > 0 && (react_1.default.createElement(SeverityBadge_1.SeverityBadge, { severity: "critical", className: "text-[10px]" })),
+                                highCount > 0 && (react_1.default.createElement(SeverityBadge_1.SeverityBadge, { severity: "high", className: "text-[10px]" })),
+                                totalIssues > 0 && (react_1.default.createElement("span", { className: "text-xs text-slate-500 dark:text-slate-400" }, totalIssues)))),
+                        react_1.default.createElement("td", { className: "max-w-[200px] truncate px-3 py-2.5 text-slate-600 dark:text-slate-400" }, doc.title || '-')));
+                }))))),
+        pagination.totalPages > 1 && (react_1.default.createElement("div", { className: "flex items-center justify-between" },
+            react_1.default.createElement("button", { type: "button", onClick: () => onPageChange(pagination.page - 1), disabled: !pagination.hasPrevPage || loading, className: "rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm text-slate-600 disabled:opacity-50 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300" }, "Previous"),
+            react_1.default.createElement("span", { className: "text-xs text-slate-500 dark:text-slate-400" },
+                "Page ",
+                pagination.page,
+                " of ",
+                pagination.totalPages),
+            react_1.default.createElement("button", { type: "button", onClick: () => onPageChange(pagination.page + 1), disabled: !pagination.hasNextPage || loading, className: "rounded-md border border-slate-200 bg-white px-3 py-1.5 text-sm text-slate-600 disabled:opacity-50 dark:border-slate-700 dark:bg-slate-800 dark:text-slate-300" }, "Next")))));
+};
+exports.PageResultsTable = PageResultsTable;

package/dist/components/types.d.ts

@@ -0,0 +1,107 @@
+export type SEOIssueSeverity = 'critical' | 'high' | 'medium' | 'low' | 'info';
+export type SEOIssueCategory = 'metadata' | 'indexability' | 'structure' | 'links' | 'media' | 'structuredData' | 'performance';
+export type SEOIssue = {
+    id?: string | number;
+    fingerprint: string;
+    ruleID: string;
+    category: SEOIssueCategory;
+    severity: SEOIssueSeverity;
+    message: string;
+    recommendation?: string | null;
+};
+export type SEOScores = {
+    overall?: number | null;
+    metadata?: number | null;
+    indexability?: number | null;
+    structure?: number | null;
+    links?: number | null;
+    media?: number | null;
+    structuredData?: number | null;
+    performance?: number | null;
+};
+export type SEOIssueCounts = {
+    critical?: number | null;
+    high?: number | null;
+    medium?: number | null;
+    low?: number | null;
+    info?: number | null;
+};
+export type SEOMetrics = {
+    pagesCrawled?: number | null;
+    pagesChecked?: number | null;
+    avgLighthousePerformance?: number | null;
+    avgLCPMs?: number | null;
+    avgCLS?: number | null;
+};
+export type SEOSnapshot = {
+    id: number | string;
+    runLabel?: string | null;
+    runType?: string | null;
+    status?: string | null;
+    startedAt?: string | null;
+    completedAt?: string | null;
+    scores?: SEOScores | null;
+    metrics?: SEOMetrics | null;
+    issueCounts?: SEOIssueCounts | null;
+    summary?: string | null;
+    errorMessage?: string | null;
+};
+export type SEOPageResult = {
+    id: number | string;
+    snapshot?: number | string | SEOSnapshot | null;
+    site?: number | string | null;
+    url: string;
+    path?: string | null;
+    statusCode?: number | null;
+    title?: string | null;
+    metaDescription?: string | null;
+    canonical?: string | null;
+    robotsMeta?: string | null;
+    h1Count?: number | null;
+    headingOrderIssues?: number | null;
+    internalLinks?: number | null;
+    externalLinks?: number | null;
+    imagesTotal?: number | null;
+    imagesMissingAlt?: number | null;
+    structuredDataBlocks?: number | null;
+    scoreBreakdown?: Omit<SEOScores, 'overall' | 'performance'> | null;
+    overallScore?: number | null;
+    issues?: SEOIssue[] | null;
+    checkedAt?: string | null;
+};
+export type SEOTrendPoint = {
+    snapshotId: number | string;
+    startedAt: string;
+    runLabel: string;
+    scores: SEOScores;
+    issueCounts: SEOIssueCounts;
+    metrics: SEOMetrics;
+};
+export type SEOSnapshotReportData = {
+    snapshot: SEOSnapshot;
+    pageResults: SEOPageResult[];
+    aggregated: {
+        worstPages: Array<{
+            url: string;
+            score: number;
+            issueCount: number;
+        }>;
+        bestPages: Array<{
+            url: string;
+            score: number;
+        }>;
+        categoryDistribution: Record<string, number>;
+        severityDistribution: Record<string, number>;
+        scoreHistogram: Array<{
+            range: string;
+            count: number;
+        }>;
+    };
+};
+export type IssueWithUrl = SEOIssue & {
+    url?: string;
+};
+export declare const CATEGORY_LABELS: Record<SEOIssueCategory, string>;
+export declare const SEVERITY_ORDER: SEOIssueSeverity[];
+export declare const CATEGORY_WEIGHTS: Record<SEOIssueCategory, number>;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"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"}

package/dist/components/types.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CATEGORY_WEIGHTS = exports.SEVERITY_ORDER = exports.CATEGORY_LABELS = void 0;
+exports.CATEGORY_LABELS = {
+    metadata: 'Metadata',
+    indexability: 'Indexability',
+    structure: 'Structure',
+    links: 'Links',
+    media: 'Media',
+    structuredData: 'Structured Data',
+    performance: 'Performance',
+};
+exports.SEVERITY_ORDER = ['critical', 'high', 'medium', 'low', 'info'];
+exports.CATEGORY_WEIGHTS = {
+    metadata: 0.2,
+    indexability: 0.2,
+    structure: 0.15,
+    links: 0.1,
+    media: 0.1,
+    structuredData: 0.1,
+    performance: 0.15,
+};

package/dist/components/utils/formatters.d.ts

@@ -0,0 +1,15 @@
+export declare const formatTimestamp: (value?: string | null) => string;
+export declare const formatDate: (value?: string | null) => string;
+export declare const formatScore: (value?: number | null) => string;
+export declare const formatMs: (value?: number | null) => string;
+export declare const formatCLS: (value?: number | null) => string;
+export declare const formatPercentage: (value?: number | null) => string;
+export declare const truncateUrl: (url: string, maxLength?: number) => string;
+export declare const getPathFromUrl: (url: string) => string;
+export declare const formatCharCount: (text: string | null | undefined, min: number, max: number) => {
+    count: number;
+    status: "good" | "warning" | "error";
+    label: string;
+};
+export declare const formatNumber: (value?: number | null) => string;
+//# sourceMappingURL=formatters.d.ts.map

package/dist/components/utils/formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatters.d.ts","sourceRoot":"","sources":["../../../src/components/utils/formatters.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,eAAe,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,MAWvD,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,MASlD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,MAGnD,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,MAIhD,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,MAGjD,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,MAGxD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,KAAK,MAAM,EAAE,kBAAc,KAAG,MAUzD,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,KAAK,MAAM,KAAG,MAM5C,CAAA;AAED,eAAO,MAAM,eAAe,GAC1B,MAAM,MAAM,GAAG,IAAI,GAAG,SAAS,EAC/B,KAAK,MAAM,EACX,KAAK,MAAM,KACV;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAMtE,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,QAAQ,MAAM,GAAG,IAAI,KAAG,MAGpD,CAAA"}

package/dist/components/utils/formatters.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatNumber = exports.formatCharCount = exports.getPathFromUrl = exports.truncateUrl = exports.formatPercentage = exports.formatCLS = exports.formatMs = exports.formatScore = exports.formatDate = exports.formatTimestamp = void 0;
+const formatTimestamp = (value) => {
+    if (!value)
+        return 'N/A';
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+        hour: 'numeric',
+        minute: '2-digit',
+    });
+};
+exports.formatTimestamp = formatTimestamp;
+const formatDate = (value) => {
+    if (!value)
+        return 'N/A';
+    const date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return value;
+    return date.toLocaleDateString('en-US', {
+        month: 'short',
+        day: 'numeric',
+        year: 'numeric',
+    });
+};
+exports.formatDate = formatDate;
+const formatScore = (value) => {
+    if (value == null)
+        return '-';
+    return String(Math.round(value));
+};
+exports.formatScore = formatScore;
+const formatMs = (value) => {
+    if (value == null)
+        return '-';
+    if (value >= 1000)
+        return `${(value / 1000).toFixed(1)}s`;
+    return `${Math.round(value)}ms`;
+};
+exports.formatMs = formatMs;
+const formatCLS = (value) => {
+    if (value == null)
+        return '-';
+    return value.toFixed(3);
+};
+exports.formatCLS = formatCLS;
+const formatPercentage = (value) => {
+    if (value == null)
+        return '-';
+    return `${Math.round(value)}%`;
+};
+exports.formatPercentage = formatPercentage;
+const truncateUrl = (url, maxLength = 50) => {
+    if (url.length <= maxLength)
+        return url;
+    try {
+        const parsed = new URL(url);
+        const path = parsed.pathname + parsed.search;
+        if (path.length <= maxLength)
+            return path;
+        return path.slice(0, maxLength - 3) + '...';
+    }
+    catch {
+        return url.slice(0, maxLength - 3) + '...';
+    }
+};
+exports.truncateUrl = truncateUrl;
+const getPathFromUrl = (url) => {
+    try {
+        return new URL(url).pathname;
+    }
+    catch {
+        return url;
+    }
+};
+exports.getPathFromUrl = getPathFromUrl;
+const formatCharCount = (text, min, max) => {
+    const count = text?.length ?? 0;
+    if (count === 0)
+        return { count, status: 'error', label: 'Missing' };
+    if (count < min)
+        return { count, status: 'warning', label: `Too short (${min}-${max})` };
+    if (count > max)
+        return { count, status: 'warning', label: `Too long (${min}-${max})` };
+    return { count, status: 'good', label: `Good (${min}-${max})` };
+};
+exports.formatCharCount = formatCharCount;
+const formatNumber = (value) => {
+    if (value == null)
+        return '-';
+    return value.toLocaleString();
+};
+exports.formatNumber = formatNumber;

package/dist/components/utils/scoreHelpers.d.ts

@@ -0,0 +1,17 @@
+export declare const getScoreColor: (score: number) => string;
+export declare const getScoreBgClass: (score: number) => string;
+export declare const getScoreTextClass: (score: number) => string;
+export declare const getScoreBarColorClass: (score: number) => string;
+export declare const getScoreGrade: (score: number) => string;
+export declare const getGradeColorClass: (grade: string) => string;
+export declare const getSeverityColorClasses: (severity: string) => {
+    badge: string;
+    text: string;
+    bg: string;
+};
+export declare const getSeverityBarColor: (severity: string) => string;
+export declare const getDeltaDisplay: (current: number, previous?: number | null) => {
+    text: string;
+    className: string;
+} | null;
+//# sourceMappingURL=scoreHelpers.d.ts.map

package/dist/components/utils/scoreHelpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scoreHelpers.d.ts","sourceRoot":"","sources":["../../../src/components/utils/scoreHelpers.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAM7C,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,KAAG,MAM/C,CAAA;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,MAMjD,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,KAAG,MAMrD,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,KAAG,MAM7C,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,KAAG,MAalD,CAAA;AAED,eAAO,MAAM,uBAAuB,GAClC,UAAU,MAAM,KACf;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAiC3C,CAAA;AAED,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,KAAG,MAatD,CAAA;AAED,eAAO,MAAM,eAAe,GAC1B,SAAS,MAAM,EACf,WAAW,MAAM,GAAG,IAAI,KACvB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GAAG,IAMxC,CAAA"}