make react-pdf work

dubinc · Dec 24, 2024 · 1820be1 · 1820be1
1 parent 69703a9
commit 1820be1
Show file tree

Hide file tree

Showing 8 changed files with 11,521 additions and 13,654 deletions.
diff --git a/apps/web/app/api/pdf/route.ts b/apps/web/app/api/pdf/route.ts
diff --git a/packages/pdf/src/templates/invoice.tsx → apps/web/app/api/pdf/route.tsx b/packages/pdf/src/templates/invoice.tsx → apps/web/app/api/pdf/route.tsx
@@ -1,18 +1,22 @@
-"use client";
+import {
+  Document,
+  Page,
+  Text,
+  View,
+  renderToBuffer,
+} from "@react-pdf/renderer";
 
-import { Document, Page, Text, View } from "@react-pdf/renderer";
+export const dynamic = "force-dynamic";
 
-export function InvoiceTemplate({
-  invoice,
-}: {
-  invoice: {
-    id: string;
-    date: string;
-    amount: number;
-    items: { description: string; quantity: number; price: number }[];
+export async function GET() {
+  const invoice = {
+    id: "123",
+    date: "2021-01-01",
+    amount: 100,
+    items: [{ description: "Item 1", quantity: 1, price: 50 }],
   };
-}) {
-  return (
+
+  const pdf = await renderToBuffer(
     <Document>
       <Page size="A4">
         <View>
@@ -32,6 +36,13 @@ export function InvoiceTemplate({
           <Text>Total: {invoice.amount}</Text>
         </View>
       </Page>
-    </Document>
+    </Document>,
   );
+
+  return new Response(pdf, {
+    headers: {
+      "Content-Type": "application/pdf",
+      "Content-disposition": "inline",
+    },
+  });
 }
diff --git a/apps/web/next.config.js b/apps/web/next.config.js
@@ -13,7 +13,7 @@ const REDIRECT_SEGMENTS = [
 /** @type {import('next').NextConfig} */
 module.exports = withAxiom({
   reactStrictMode: false,
-  transpilePackages: ["shiki", "@dub/prisma", "@dub/pdf"],
+  transpilePackages: ["shiki", "@dub/prisma"],
   experimental: {
     serverComponentsExternalPackages: [
       "@react-email/components",

diff --git a/apps/web/package.json b/apps/web/package.json
@@ -24,7 +24,6 @@
     "@dub/tailwind-config": "workspace:*",
     "@dub/ui": "workspace:*",
     "@dub/utils": "workspace:*",
-    "@dub/pdf": "workspace:*",
     "@hookform/resolvers": "^3.9.0",
     "@next-auth/prisma-adapter": "^1.0.5",
     "@next/third-parties": "^15.1.0",
@@ -34,6 +33,7 @@
     "@prisma/nextjs-monorepo-workaround-plugin": "^6.0.1",
     "@radix-ui/react-hover-card": "^1.1.1",
     "@react-email/components": "^0.0.22",
+    "@react-pdf/renderer": "4.1.5",
     "@sindresorhus/slugify": "^2.2.1",
     "@splinetool/react-spline": "^2.2.6",
     "@splinetool/runtime": "^1.2.8",

diff --git a/packages/pdf/package.json b/packages/pdf/package.json
diff --git a/packages/pdf/src/index.tsx b/packages/pdf/src/index.tsx
diff --git a/packages/pdf/tsconfig.json b/packages/pdf/tsconfig.json