Improve examples (#6)

* fix(*): add missing async lifecycle handlers

* feat(examples): improve examples

Author: PejmanNik

examples/.gitignore

@@ -1 +0,0 @@
-*.pdf

examples/react/.gitignore examples/react-mewo-company/.gitignoreexamples/react/.gitignore renamed to examples/react-mewo-company/.gitignore

@@ -0,0 +1,43 @@
+# React Sample
+
+This example demonstrates how **Paprize** works in [React](https://paprize.page/docs/react/quick-start).
+
+## Hot to run
+
+First you need to install dependencies
+
+```bash
+npm install
+```
+
+this example can be run in both client and server side report [generation mode](https://paprize.page/docs/report-generation).
+
+### Client Side
+
+1. Run the react development server by:
+
+```bash
+npm run dev
+```
+
+3. Check the output
+
+    The generated report can be viewed and printed in the browser.
+
+### Server Side
+
+1. Build the React App
+
+```bash
+npm run build
+```
+
+2. Run the report generator
+
+```bash
+npm run ssg
+```
+
+3. Check the output
+
+    The generated PDF file will be created in the same folder.

examples/react-mewo-company/README.md

@@ -11,15 +11,13 @@
     },
     "dependencies": {
         "@paprize/puppeteer": "*",
-        "@tanstack/react-router": "^1.132.37",
         "puppeteer": "^24.23.0",
         "react": "^19.2.0",
         "react-dom": "^19.2.0",
         "recharts": "^3.2.1"
     },
     "devDependencies": {
         "@eslint/js": "^9.37.0",
-        "@tanstack/router-plugin": "^1.132.37",
         "@types/react": "^19.2.0",
         "@types/react-dom": "^19.2.0",
         "@vitejs/plugin-react-swc": "^4.1.0",
@@ -31,4 +29,4 @@
         "typescript-eslint": "^8.45.0",
         "vite": "^7.1.12"
     }
-}
+}

examples/react/eslint.config.js …ples/react-mewo-company/eslint.config.jsexamples/react/eslint.config.js renamed to examples/react-mewo-company/eslint.config.js examples/react/eslint.config.js renamed to examples/react-mewo-company/eslint.config.js

@@ -3,7 +3,6 @@ import {
     ReportPreview,
     Section,
     PageContent,
-    pageSize,
     PageHeader,
     PageFooter,
     PageOverlay,
@@ -14,9 +13,10 @@ import Finance from './Finance';
 import Business from './Business';
 import Footer from './Footer';
 import PageBar from './PageBar';
+import { pageSize } from '@paprize/core';
 import './styles.css';
 
-function MewoCompany() {
+function App() {
     return (
         <ReportRoot>
             <ReportPreview>
@@ -49,4 +49,4 @@ function MewoCompany() {
     );
 }
 
-export default MewoCompany;
+export default App;