WFDASH-WEBAPP/scripts/dev/debug-direct-image.tsx
SJCoetz 714e910949 feat: add branded quote PDF generation and in-app viewer
This commit adds full quote PDF generation functionality with per-company letterhead branding:
- Server-side PDF rendering using @react-pdf/renderer matching the sample quote layout
- In-app modal PDF viewer with print, download, and new-tab controls
- Letterhead service to fetch and apply company-specific branding (CNL/ISHERWOOD)
- ZAR currency and date formatting utilities for South African quotes
- Updated QuoteAttachment type to handle PocketBase's array-based file tokens
- Fixed PocketBase attachment URL generation in quote email card
- Removed deprecated `included_in_quote` field from QuoteItem and quotes service
- Updated quote item creation test to validate draft item logic
- Added comprehensive unit tests for PDF rendering and formatting helpers
- Added dev scripts for debugging PDF and image rendering issues
- Added sample generated PDF files for visual verification
- Updated tsconfig to exclude development scripts directory
- Added @react-pdf/renderer production dependency
- Removed JEI as a valid letterhead option per requirements
2026-06-23 08:30:38 +02:00

31 lines
1.1 KiB
TypeScript

import * as React from "react";
import { Document, Page, Image, pdf, Font } from "@react-pdf/renderer";
import fs from "fs";
async function main() {
const buf = fs.readFileSync("/tmp/debug-logo.png");
// Maybe the bug is in the PDF output not the data. Let me check
// by writing the data BEFORE the PDF operations.
console.log("=== Reading PNG ===");
console.log("PNG signature:", buf.slice(0, 8).toString("hex"));
// Create a doc with NO image, just the text "HELLO"
const inst = pdf(
<Document>
<Page size="A4" style={{padding: 40}}>
<Image src={buf} style={{width: 110, height: 68}} cache={false} />
</Page>
</Document>
);
const out = Buffer.from(await inst.toString(), "binary");
console.log("PDF size:", out.length);
// Look for the image data in the PDF
const idx = out.indexOf(Buffer.from([0x89, 0x50, 0x4e, 0x47]));
console.log("PNG signature found in PDF at:", idx);
if (idx >= 0) {
console.log("Uncompressed PNG bytes!");
}
}
main().catch(e => { console.error("FAIL:", e); process.exit(1); });