react-vector-pdf 0.3.3 → 0.3.5

package/README.md

@@ -61,6 +61,31 @@ const MyPdf = () => {
 };
 ```
 
+63:
+64: ## Previewing
+65:
+66: You can embed a live preview of the PDF using the `PdfPreview` component. This component renders an `iframe` containing the generated PDF blob.
+67:
+68: `tsx
+69: import { PdfPreview, PdfText } from "react-vector-pdf";
+70: 
+71: <PdfPreview width="100%" height={600} options={{ ... }}>
+72:   <PdfText>I am visible in the preview!</PdfText>
+73: </PdfPreview>
+74: `
+75:
+76: **Props:**
+77:
+78: - All `PdfDocument` props (`options`, `metadata`, `pageNumbers`, `centerLabel`, etc.) are supported and passed through.
+79: - `width` (string | number): Width of the container (default "100%").
+80: - `height` (string | number): Height of the container (default "100%").
+81: - `className` / `style`: Styling for the wrapper div.
+82: - `iframeClassName` / `iframeStyle`: Styling for the internal iframe.
+83:
+84: **Note:** Changing props (like options, colors, fonts) will automatically regenerate and update the preview.
+85:
+86: ## Components
+
 ## Components
 
 ### 1. `PdfText`

package/dist/components/PdfPreview.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { PdfDocumentProps } from './PdfProvider';
+export interface PdfPreviewProps extends Omit<PdfDocumentProps, "onReady" | "autoSave" | "filename"> {
+    width?: string | number;
+    height?: string | number;
+    className?: string;
+    style?: React.CSSProperties;
+    iframeClassName?: string;
+    iframeStyle?: React.CSSProperties;
+}
+export declare const PdfPreview: React.FC<PdfPreviewProps>;

package/dist/components/index.d.ts

@@ -1,6 +1,7 @@
 export { PdfBox } from './PdfBox';
 export { PdfImage } from './PdfImage';
 export { PdfList } from './PdfList';
+export { PdfPreview } from './PdfPreview';
 export { PdfDocument } from './PdfProvider';
 export { PdfTable } from './PdfTable';
 export { PdfText } from './PdfText';

package/dist/core/PdfRenderer.d.ts

@@ -5,6 +5,7 @@ export declare class PdfRenderer {
     private pdf;
     private pageWidth;
     private pageHeight;
+    private options;
     private cursorX;
     private cursorY;
     private contentWidth;
@@ -16,6 +17,7 @@ export declare class PdfRenderer {
     private footerDrawer?;
     private pendingTasks;
     private opQueue;
+    private generation;
     constructor(opts?: PDFOptions);
     get instance(): jsPDF;
     get width(): number;
@@ -33,6 +35,7 @@ export declare class PdfRenderer {
     };
     get baseLineHeight(): number;
     resetFlowCursor(): void;
+    reset(): void;
     setHeaderFooter(header?: (pdf: jsPDF, pageNum: number, pageCount: number, renderer: PdfRenderer) => void, footer?: (pdf: jsPDF, pageNum: number, pageCount: number, renderer: PdfRenderer) => void): void;
     private applyBaseFont;
     addPage(): void;
@@ -78,5 +81,6 @@ export declare class PdfRenderer {
         keywords?: string[];
     }): void;
     save(filename: string): void;
+    getBlobUrl(): URL;
 }
 export {};

package/dist/demo/DemoPdfDocument.d.ts

@@ -1,4 +1,10 @@
 import { default as React } from 'react';
+export interface DemoPdfContentProps {
+    tableHeaderColor: string;
+    tableStriped: boolean;
+    tableBorderWidth: string;
+}
+export declare const DemoPdfContent: React.FC<DemoPdfContentProps>;
 export interface DemoPdfProps {
     pnEnabled: boolean;
     pnPos: "header" | "footer";