${escapeHtml(f.description)}
+ + Session: ${f.sessionId} · + ${new Date(f.createdAt).toLocaleString()} + +No findings match the selected filters.
' : findingsHtml} + + + +`; + const filePath = path.join(outputDir, `report.html`); + fs.writeFileSync(filePath, html, 'utf8'); + return filePath; + } +} +exports.HTMLReportGenerator = HTMLReportGenerator; +function escapeHtml(s) { + return s + .replace(/&/g, '&') + .replace(//g, '>') + .replace(/"/g, '"'); +} diff --git a/dist/modules/reporting/infrastructure/generators/JSONReportGenerator.js b/dist/modules/reporting/infrastructure/generators/JSONReportGenerator.js new file mode 100644 index 0000000..5881ec7 --- /dev/null +++ b/dist/modules/reporting/infrastructure/generators/JSONReportGenerator.js @@ -0,0 +1,88 @@ +"use strict"; +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.JSONReportGenerator = void 0; +const fs = __importStar(require("fs")); +const path = __importStar(require("path")); +class JSONReportGenerator { + async generate(report, findings) { + const outputDir = path.join(process.cwd(), 'reports', report.id.toString()); + fs.mkdirSync(outputDir, { recursive: true }); + const data = { + reportId: report.id.toString(), + title: report.title, + generatedAt: new Date().toISOString(), + filters: report.filters, + summary: { + total: findings.length, + bySeverity: buildSeverityCount(findings), + byStatus: buildStatusCount(findings), + }, + findings: findings.map(f => ({ + id: f.id.toString(), + sessionId: f.sessionId, + type: f.type.value, + severity: f.severity.value, + description: f.description, + status: f.status.value, + browser: f.browser, + createdAt: f.createdAt.toISOString(), + resolvedAt: f.resolvedAt?.toISOString() ?? null, + evidence: f.evidence.toJSON(), + actionTraceLength: f.actionTrace.length, + })), + }; + const filePath = path.join(outputDir, 'report.json'); + fs.writeFileSync(filePath, JSON.stringify(data, null, 2), 'utf8'); + return filePath; + } +} +exports.JSONReportGenerator = JSONReportGenerator; +function buildSeverityCount(findings) { + const counts = {}; + for (const f of findings) { + const s = f.severity.value; + counts[s] = (counts[s] ?? 0) + 1; + } + return counts; +} +function buildStatusCount(findings) { + const counts = {}; + for (const f of findings) { + const s = f.status.value; + counts[s] = (counts[s] ?? 0) + 1; + } + return counts; +} diff --git a/dist/modules/reporting/infrastructure/generators/PDFReportGenerator.js b/dist/modules/reporting/infrastructure/generators/PDFReportGenerator.js new file mode 100644 index 0000000..d44c28d --- /dev/null +++ b/dist/modules/reporting/infrastructure/generators/PDFReportGenerator.js @@ -0,0 +1,81 @@ +"use strict"; +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.PDFReportGenerator = void 0; +const path = __importStar(require("path")); +const fs = __importStar(require("fs")); +const HTMLReportGenerator_1 = require("./HTMLReportGenerator"); +/** + * PDF report generator — uses Playwright to render the HTML report to PDF. + * Requires Playwright + Chromium to be installed. + */ +class PDFReportGenerator { + constructor() { + this.htmlGenerator = new HTMLReportGenerator_1.HTMLReportGenerator(); + } + async generate(report, findings) { + // First generate the HTML version + const htmlPath = await this.htmlGenerator.generate(report, findings); + const outputDir = path.dirname(htmlPath); + const pdfPath = path.join(outputDir, 'report.pdf'); + // Use Playwright to convert HTML to PDF + let chromium; + try { + // eslint-disable-next-line @typescript-eslint/no-require-imports + const pw = require('playwright'); + chromium = pw.chromium; + } + catch { + throw new Error('Playwright not available — install playwright to generate PDF reports'); + } + const browser = await chromium.launch({ headless: true }); + try { + const page = await browser.newPage(); + const htmlContent = fs.readFileSync(htmlPath, 'utf8'); + await page.setContent(htmlContent, { waitUntil: 'networkidle' }); + await page.pdf({ + path: pdfPath, + format: 'A4', + printBackground: true, + margin: { top: '1cm', bottom: '1cm', left: '1cm', right: '1cm' }, + }); + } + finally { + await browser.close(); + } + return pdfPath; + } +} +exports.PDFReportGenerator = PDFReportGenerator; diff --git a/dist/modules/reporting/infrastructure/http/ReportingController.js b/dist/modules/reporting/infrastructure/http/ReportingController.js new file mode 100644 index 0000000..3cafdff --- /dev/null +++ b/dist/modules/reporting/infrastructure/http/ReportingController.js @@ -0,0 +1,134 @@ +"use strict"; +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.createReportingRouter = createReportingRouter; +const express_1 = require("express"); +const path = __importStar(require("path")); +const fs = __importStar(require("fs")); +const ReportWorker_1 = require("../../../../jobs/workers/ReportWorker"); +function createReportingRouter(deps) { + const router = (0, express_1.Router)(); + // POST /api/reports — create and enqueue report + router.post('/', async (req, res) => { + const { title, format, filters } = req.body; + if (!title || !format) { + res.status(400).json({ error: 'title and format are required' }); + return; + } + const result = await deps.generateReport.execute({ + title, + format: format, + filters: filters + ? { + sessionId: filters.sessionId, + startDate: filters.startDate ? new Date(filters.startDate) : undefined, + endDate: filters.endDate ? new Date(filters.endDate) : undefined, + severity: filters.severity, + } + : undefined, + }); + if (!result.ok) { + res.status(400).json({ error: result.error }); + return; + } + // Enqueue background job + await deps.jobQueue.enqueue(ReportWorker_1.REPORT_JOB_TYPE, { + reportId: result.value.reportId, + format: format, + filters: filters, + }); + res.status(201).json(result.value); + }); + // GET /api/reports — list all reports + router.get('/', async (_req, res) => { + const reports = await deps.reportRepository.findAll(); + res.json(reports.map(r => ({ + id: r.id.toString(), + title: r.title, + format: r.format.value, + status: r.status.value, + totalFindings: r.totalFindings, + createdAt: r.createdAt.toISOString(), + completedAt: r.completedAt?.toISOString() ?? null, + }))); + }); + // GET /api/reports/:id — report detail + router.get('/:id', async (req, res) => { + const report = await deps.reportRepository.findById(req.params['id']); + if (!report) { + res.status(404).json({ error: 'Report not found' }); + return; + } + res.json({ + id: report.id.toString(), + title: report.title, + format: report.format.value, + status: report.status.value, + filters: report.filters, + totalFindings: report.totalFindings, + errorMessage: report.errorMessage, + createdAt: report.createdAt.toISOString(), + completedAt: report.completedAt?.toISOString() ?? null, + }); + }); + // GET /api/reports/:id/download — download the generated file + router.get('/:id/download', async (req, res) => { + const report = await deps.reportRepository.findById(req.params['id']); + if (!report) { + res.status(404).json({ error: 'Report not found' }); + return; + } + if (report.status.value !== 'ready' || !report.filePath) { + res.status(409).json({ error: 'Report is not ready yet', status: report.status.value }); + return; + } + if (!fs.existsSync(report.filePath)) { + res.status(410).json({ error: 'Report file no longer exists' }); + return; + } + const ext = path.extname(report.filePath); + const contentTypes = { + '.html': 'text/html', + '.json': 'application/json', + '.pdf': 'application/pdf', + }; + const contentType = contentTypes[ext] ?? 'application/octet-stream'; + const filename = `report-${report.id.toString()}${ext}`; + res.setHeader('Content-Type', contentType); + res.setHeader('Content-Disposition', `attachment; filename="${filename}"`); + fs.createReadStream(report.filePath).pipe(res); + }); + return router; +} diff --git a/dist/modules/reporting/infrastructure/repositories/KyselyReportRepository.js b/dist/modules/reporting/infrastructure/repositories/KyselyReportRepository.js new file mode 100644 index 0000000..416e37e --- /dev/null +++ b/dist/modules/reporting/infrastructure/repositories/KyselyReportRepository.js @@ -0,0 +1,85 @@ +"use strict"; +Object.defineProperty(exports, "__esModule", { value: true }); +exports.KyselyReportRepository = void 0; +const Report_1 = require("../../domain/entities/Report"); +const UniqueId_1 = require("../../../../shared/domain/UniqueId"); +const ReportFormat_1 = require("../../domain/value-objects/ReportFormat"); +const ReportStatus_1 = require("../../domain/value-objects/ReportStatus"); +class KyselyReportRepository { + constructor(db) { + this.db = db; + } + async save(report) { + const row = { + id: report.id.toString(), + title: report.title, + format: report.format.value, + status: report.status.value, + filters_json: JSON.stringify(report.filters), + file_path: report.filePath ?? null, + error_message: report.errorMessage ?? null, + total_findings: report.totalFindings, + created_at: report.createdAt.getTime(), + completed_at: report.completedAt ? report.completedAt.getTime() : null, + }; + await this.db.insertInto('reports').values(row).execute(); + } + async findById(id) { + const row = await this.db + .selectFrom('reports') + .selectAll() + .where('id', '=', id) + .executeTakeFirst(); + return row ? this.toDomain(row) : undefined; + } + async findAll() { + const rows = await this.db + .selectFrom('reports') + .selectAll() + .orderBy('created_at', 'desc') + .execute(); + return rows.map(r => this.toDomain(r)); + } + async update(report) { + await this.db + .updateTable('reports') + .set({ + status: report.status.value, + file_path: report.filePath ?? null, + error_message: report.errorMessage ?? null, + total_findings: report.totalFindings, + completed_at: report.completedAt ? report.completedAt.getTime() : null, + }) + .where('id', '=', report.id.toString()) + .execute(); + } + toDomain(row) { + const filters = this.parseJson(row.filters_json, {}); + const props = { + title: row.title, + format: ReportFormat_1.ReportFormat.fromString(row.format), + status: ReportStatus_1.ReportStatus.fromString(row.status), + filters: { + sessionId: filters.sessionId, + startDate: filters.startDate ? new Date(filters.startDate) : undefined, + endDate: filters.endDate ? new Date(filters.endDate) : undefined, + severity: filters.severity, + }, + filePath: row.file_path ?? undefined, + errorMessage: row.error_message ?? undefined, + totalFindings: row.total_findings, + createdAt: new Date(row.created_at), + completedAt: row.completed_at ? new Date(row.completed_at) : undefined, + }; + return Report_1.Report.reconstitute(props, UniqueId_1.UniqueId.from(row.id)); + } + parseJson(json, fallback) { + try { + return JSON.parse(json); + } + catch { + return fallback; + } + } +} +exports.KyselyReportRepository = KyselyReportRepository; diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx index ad999fe..13ee5d7 100644 --- a/frontend/src/App.tsx +++ b/frontend/src/App.tsx @@ -11,21 +11,21 @@ import { Setup } from '@/pages/Setup' import { Dashboard } from '@/pages/Dashboard' import { SessionList } from '@/pages/sessions/SessionList' import { SessionDetail } from '@/pages/sessions/SessionDetail' -function FindingsList() { - return{error}
} ++ Get AI-powered root cause analysis, user impact assessment, and suggested fixes. +
+ ++ {enrichment.provider} / {enrichment.model} ·{' '} + {new Date(enrichment.generatedAt).toLocaleString()} +
+{enrichment.rootCause}
+{enrichment.userImpact}
+{enrichment.suggestedFix}
+
+ {enrichment.debugPrompt}
+
+ No console errors captured.
+ )} +No network requests captured.
+ )} +DOM snapshot: {evidence.domSnapshotPath}
No action trace available.
+
+ {step.selector}
+
+ )}
+ {step.value && (
+
+ value: "{step.value}"
+
+ )}
+ + Generate and download bug reports in multiple formats. +
+Loading...
+ ) : reports.length === 0 ? ( +No reports yet.
+Click "Generate Report" to create one.
++ {finding.browser && {finding.browser} · } + Found {new Date(finding.createdAt).toLocaleString()} + {finding.resolvedAt && ` · Resolved ${new Date(finding.resolvedAt).toLocaleString()}`} +
+{table.getRowModel().rows.length} findings
+Manage API keys for programmatic access.
+Loading...
+ ) : keys.length === 0 ? ( +No API keys yet.
+ ) : ( +{k.name}
+{k.keyPrefix}***
+Customize how ABE looks.
+Toggle between dark and light theme.
+Loading...
+ + return ( +Default values for new explorations.
+Manage your ABE license.
+Loading...
+ + return ( +Configure Slack alerts for findings.
+Manage members and roles.
+Loading...
+ ) : members.length === 0 ? ( +No members yet.
+ ) : ( + members.map(m => ( +{m.name}
+{m.email}
+Your account information.
+{user?.id}
+ ${escapeHtml(f.description)}
+ + Session: ${f.sessionId} · + ${new Date(f.createdAt).toLocaleString()} + +No findings match the selected filters.
' : findingsHtml} + + + +`; + + const filePath = path.join(outputDir, `report.html`); + fs.writeFileSync(filePath, html, 'utf8'); + return filePath; + } +} + +function escapeHtml(s: string): string { + return s + .replace(/&/g, '&') + .replace(//g, '>') + .replace(/"/g, '"'); +} diff --git a/src/modules/reporting/infrastructure/generators/JSONReportGenerator.ts b/src/modules/reporting/infrastructure/generators/JSONReportGenerator.ts new file mode 100644 index 0000000..f2ea1e3 --- /dev/null +++ b/src/modules/reporting/infrastructure/generators/JSONReportGenerator.ts @@ -0,0 +1,59 @@ +import * as fs from 'fs'; +import * as path from 'path'; +import { IReportGenerator } from '../../domain/ports/IReportGenerator'; +import { Report } from '../../domain/entities/Report'; +import { Finding } from '../../../findings/domain/entities/Finding'; + +export class JSONReportGenerator implements IReportGenerator { + async generate(report: Report, findings: Finding[]): Promise