Generate Invoice PDF

[steven-tey]

Caveat: Turbopack doesn't play nice with react-pdf so we need to disable --turbo flag for the pnpm dev script for this to work

This pull request introduces several changes to enhance the billing and invoicing functionalities. The changes mainly focus on generating and managing invoice prefixes, creating detailed invoice PDFs, and updating the schema to support unique invoice numbers.

Enhancements to Billing and Invoicing:

• apps/web/app/api/stripe/webhook/payment-method-attached.ts: Introduced logic to generate and assign an invoice prefix to a workspace if it doesn't already exist. [1] [2]
• apps/web/app/api/workspaces/[idOrSlug]/billing/invoices/[invoiceId]/route.tsx: Added functionality to generate and serve detailed invoice PDFs, including customer and invoice metadata. (apps/web/app/api/workspaces/[idOrSlug]/billing/invoices/[invoiceId]/route.tsxR1-R342)
• apps/web/lib/actions/partners/confirm-payouts.ts: Implemented logic to generate the next invoice number for a workspace, ensuring each invoice has a unique identifier. [1] [2]
• apps/web/scripts/backfill-invoice-prefixes.ts: Added a script to backfill invoice prefixes for existing workspaces that do not have one.

Schema and Utility Updates:

• packages/prisma/schema/invoice.prisma: Updated the Invoice model to include a unique number field for invoice identification.
• packages/prisma/schema/workspace.prisma: Added an invoicePrefix field to the Project model to store the prefix used for generating unique invoice numbers.
• apps/web/lib/api/invoices/utils.ts: Created a utility function to generate a unique invoice prefix.

Dependency Additions:

• apps/web/package.json: Added @react-pdf/renderer and react-pdf-tailwind dependencies to support PDF generation. [1] [2]

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
dub	✅ Ready (Inspect)	Visit Preview	Jan 8, 2025 10:01pm

[socket-security]

New dependencies detected. Learn more about Socket for GitHub ↗︎

Package	New capabilities	Transitives	Size	Publisher
npm/@react-pdf/renderer@4.1.5	environment, filesystem Transitive: eval, network, unsafe	+54	18.2 MB	diegomura
npm/react-pdf-tailwind@2.3.0	Transitive: environment, eval, filesystem, network, unsafe	+61	25.1 MB	aanckar

View full report↗︎

[socket-security]

🚨 Potential security issues detected. Learn more about Socket for GitHub ↗︎

To accept the risk, merge this PR and you will not be notified again.

Alert	Package	Note	Source	CI
Obfuscated code	npm/@react-pdf/pdfkit@3.2.0	Confidence: 0.91 Location: Package overview	apps/web/package.json pnpm-lock.yaml	⚠︎

View full report↗︎

Next steps

What is obfuscated code?

Obfuscated files are intentionally packed to hide their behavior. This could be a sign of malware.

Packages should not obfuscate their code. Consider not using packages with obfuscated code.

Take a deeper look at the dependency

Take a moment to review the security alert above. Review the linked package source code to understand the potential risk. Ensure the package is not malicious before proceeding. If you're unsure how to proceed, reach out to your security team or ask the Socket team for help at support [AT] socket [DOT] dev.

Remove the package

If you happen to install a dependency that Socket reports as Known Malware you should immediately remove it and select a different dependency. For other alert types, you may may wish to investigate alternative packages or consider if there are other ways to mitigate the specific risk posed by the dependency.

Mark a package as acceptable risk

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of ecosystem/package-name@version specifiers. e.g. @SocketSecurity ignore npm/foo@1.0.0 or ignore all packages with @SocketSecurity ignore-all

• @SocketSecurity ignore npm/@react-pdf/pdfkit@3.2.0