@reportforge/playwright-pdf 0.0.1

package/dist/templates/styles/minimal.css

@@ -0,0 +1,208 @@
+/* ── Minimal Template · Claude Design Language ──────────────────────────── */
+
+/* ── Header ─────────────────────────────────────────────────────────────── */
+.report-header {
+  display: flex; align-items: center; gap: 16px;
+  padding: 20px 22px;
+  background: var(--surface);
+  border: 1px solid var(--border-2);
+  border-left: 3px solid var(--primary, #CC785C);
+  border-radius: 6px;
+  margin-bottom: 22px;
+}
+.report-header__logo { height: 36px; width: auto; }
+.report-header__title {
+  font-family: 'Source Serif Pro', Georgia, serif;
+  font-size: 20px; font-weight: 700;
+  color: var(--text-1);
+  letter-spacing: -0.2px;
+}
+.report-header__meta {
+  font-size: 9.5px; color: var(--text-3); margin-top: 4px;
+  letter-spacing: 0.2px;
+  font-family: 'JetBrains Mono', monospace;
+}
+
+/* ── Verdict ─────────────────────────────────────────────────────────────── */
+.verdict {
+  display: inline-flex; align-items: center; gap: 8px;
+  padding: 5px 14px; border-radius: 4px;
+  font-family: 'Inter', system-ui, sans-serif; font-weight: 600; font-size: 10px;
+  letter-spacing: 1px; text-transform: uppercase;
+  margin-bottom: 16px;
+  -webkit-print-color-adjust: exact;
+  print-color-adjust: exact;
+}
+.verdict::before {
+  content: ''; width: 6px; height: 6px; border-radius: 50%;
+  display: inline-block;
+}
+.verdict--passed {
+  background: var(--pass-dim); color: var(--pass);
+  border: 1px solid #C5DBC9;
+}
+.verdict--passed::before { background: var(--pass); }
+.verdict--failed {
+  background: var(--fail-dim); color: var(--fail);
+  border: 1px solid #E5C9BD;
+}
+.verdict--failed::before { background: var(--fail); }
+.verdict--timedout {
+  background: var(--timeout-dim); color: var(--timeout);
+  border: 1px solid #E5D2A8;
+}
+.verdict--timedout::before { background: var(--timeout); }
+.verdict--interrupted {
+  background: var(--surface-2); color: var(--text-2);
+  border: 1px solid var(--border-2);
+}
+.verdict--interrupted::before { background: var(--text-3); }
+
+/* ── KPI strip ───────────────────────────────────────────────────────────── */
+.kpi-strip {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 10px; margin-bottom: 22px;
+}
+.kpi-card {
+  background: var(--surface);
+  border: 1px solid var(--border-2);
+  border-radius: 6px;
+  padding: 16px 12px 12px; text-align: center;
+  position: relative; overflow: hidden;
+}
+.kpi-card::before {
+  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
+  -webkit-print-color-adjust: exact;
+  print-color-adjust: exact;
+}
+.kpi-card--total::before { background: var(--accent); }
+.kpi-card--pass::before  { background: var(--pass); }
+.kpi-card--fail::before  { background: var(--fail); }
+.kpi-card--skip::before  { background: var(--skip); }
+.kpi-card--flaky::before { background: var(--flaky); }
+
+.kpi-card__value {
+  font-family: 'Source Serif Pro', Georgia, serif;
+  font-size: 28px; font-weight: 700; line-height: 1;
+  margin-top: 4px;
+  letter-spacing: -0.5px;
+  color: var(--text-1);
+}
+.kpi-card--total .kpi-card__value { color: var(--info); }
+.kpi-card--pass  .kpi-card__value { color: var(--pass); }
+.kpi-card--fail  .kpi-card__value { color: var(--fail); }
+.kpi-card--skip  .kpi-card__value { color: var(--skip); }
+.kpi-card--flaky .kpi-card__value { color: var(--flaky); }
+
+.kpi-card__label {
+  font-family: 'Inter', system-ui, sans-serif;
+  font-size: 8px; font-weight: 600; letter-spacing: 1.1px;
+  text-transform: uppercase; color: var(--text-3);
+  margin-top: 8px;
+}
+.kpi-card__rate {
+  font-size: 10px; font-weight: 600;
+  color: var(--pass); margin-top: 4px;
+  font-family: 'Inter', system-ui, sans-serif;
+}
+
+/* ── Summary row ─────────────────────────────────────────────────────────── */
+.summary-row {
+  display: flex; gap: 0;
+  background: var(--surface);
+  border: 1px solid var(--border-2);
+  border-radius: 6px; margin-bottom: 22px;
+  font-size: 10.5px; overflow: hidden;
+}
+.summary-row__item {
+  display: flex; flex-direction: column;
+  padding: 12px 16px;
+  border-right: 1px solid var(--border);
+  flex: 1;
+}
+.summary-row__item:last-child { border-right: none; }
+.summary-row__label {
+  font-size: 8px; letter-spacing: 1.1px; text-transform: uppercase;
+  color: var(--text-3); font-weight: 600;
+  font-family: 'Inter', system-ui, sans-serif;
+}
+.summary-row__value {
+  font-weight: 500; color: var(--text-1); margin-top: 4px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 11px;
+}
+
+/* ── Suite breakdown ────────────────────────────────────────────────────── */
+.suite-group {
+  background: var(--surface);
+  border: 1px solid var(--border-2);
+  border-radius: 6px; margin-bottom: 12px; overflow: hidden;
+}
+.suite-group__header {
+  padding: 10px 14px;
+  background: var(--surface-2);
+  border-bottom: 1px solid var(--border);
+  border-left: 3px solid var(--primary, #CC785C);
+  display: flex; justify-content: space-between; align-items: center;
+}
+.suite-title {
+  font-family: 'Inter', system-ui, sans-serif;
+  font-size: 11px; font-weight: 600;
+  color: var(--text-1);
+  letter-spacing: 0.1px;
+}
+.suite-stats { display: flex; gap: 6px; }
+.test-path {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 8.5px; color: var(--text-3); margin-top: 2px;
+}
+
+/* ── Failure item ────────────────────────────────────────────────────────── */
+.failure-item {
+  background: var(--surface);
+  border: 1px solid var(--border-2);
+  border-left: 3px solid var(--fail);
+  border-radius: 6px;
+  padding: 14px 16px; margin-bottom: 10px;
+  page-break-inside: avoid;
+}
+.failure-item__header {
+  display: flex; justify-content: space-between;
+  align-items: flex-start; margin-bottom: 8px;
+}
+.failure-item__title {
+  font-family: 'Inter', system-ui, sans-serif;
+  font-weight: 600; font-size: 12px;
+  color: var(--text-1); margin-bottom: 4px;
+}
+.failure-item__path {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 8.5px; color: var(--text-3); margin-bottom: 10px;
+}
+.failure-item__message {
+  background: var(--fail-dim);
+  border: 1px solid #E5C9BD;
+  border-left: 2px solid var(--fail);
+  border-radius: 4px;
+  padding: 9px 12px; margin-bottom: 10px;
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 9.5px; color: #8A2E1E;
+  word-break: break-word; line-height: 1.6;
+}
+.retry-history {
+  font-size: 9px; color: var(--text-3); margin-top: 10px;
+  padding-top: 8px; border-top: 1px solid var(--border);
+}
+.retry-attempt {
+  display: inline-block; padding: 2px 7px;
+  border-radius: 3px; margin-right: 4px; font-size: 8.5px;
+  font-family: 'Inter', system-ui, sans-serif; font-weight: 600;
+  letter-spacing: 0.4px; text-transform: uppercase;
+  -webkit-print-color-adjust: exact;
+  print-color-adjust: exact;
+}
+.retry-attempt--failed { background: var(--fail-dim); color: var(--fail); border: 1px solid #E5C9BD; }
+.retry-attempt--passed { background: var(--pass-dim); color: var(--pass); border: 1px solid #C5DBC9; }
+</content>
+</invoke>

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@reportforge/playwright-pdf",
+  "version": "0.0.1",
+  "description": "Enterprise-ready PDF reports for Playwright Test — minimal, detailed, and executive templates with CI/CD integrations",
+  "license": "MIT",
+  "author": "ReportForge",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/muralidharan92/reportforge"
+  },
+  "keywords": [
+    "playwright",
+    "playwright-reporter",
+    "playwright-pdf",
+    "playwright-report",
+    "pdf",
+    "reporter",
+    "test-report",
+    "test-results",
+    "pdf-report",
+    "pdf-generator",
+    "ci",
+    "puppeteer",
+    "html-to-pdf"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "ci-templates",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "prebuild": "npm run bundle-chartjs && npm run bundle-fonts && npm run bundle-pubkey && npm run precompile-templates",
+    "build": "tsup && npm run copy-templates",
+    "copy-templates": "node -e \"const fs=require('fs');const path=require('path');fs.cpSync('src/templates',path.join('dist','templates'),{recursive:true,filter:p=>!p.endsWith('.ts')});\"",
+    "bundle-chartjs": "tsx scripts/build/bundle-chartjs.ts",
+    "bundle-fonts": "tsx scripts/build/bundle-fonts.ts",
+    "bundle-pubkey": "tsx scripts/build/bundle-license-pubkey.ts",
+    "precompile-templates": "tsx scripts/build/precompile-templates.ts",
+    "dev": "tsup --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "test:integration": "vitest run --config vitest.integration.config.ts",
+    "lint": "eslint src tests --ext .ts",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "npm run typecheck && npm run test && npm run build",
+    "generate-license": "tsx scripts/generate-license.ts",
+    "snapshot-png": "tsx scripts/snapshot-png.ts"
+  },
+  "peerDependencies": {
+    "@playwright/test": ">=1.40.0",
+    "puppeteer-core": ">=21.0.0 <25.0.0"
+  },
+  "dependencies": {
+    "chrome-finder": "^1.0.7",
+    "framer-motion": "^12.40.0",
+    "glob": "^13.0.6",
+    "handlebars": "^4.7.8",
+    "sharp": "^0.34.5",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@fontsource/inter": "^5.2.8",
+    "@fontsource/jetbrains-mono": "^5.2.8",
+    "@fontsource/source-serif-pro": "^5.2.5",
+    "@playwright/test": "^1.49.0",
+    "@types/handlebars": "^4.1.0",
+    "@types/node": "^22.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "@vitest/coverage-v8": "^2.1.0",
+    "chart.js": "^4.4.0",
+    "eslint": "^9.0.0",
+    "prettier": "^3.3.0",
+    "puppeteer-core": "^23.0.0",
+    "tsup": "^8.3.0",
+    "tsx": "^4.19.0",
+    "typescript": "^5.6.0",
+    "vitest": "^2.1.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}