Elgato_dark/easy-invoice-pdf
1
0
Fork 0
mirror of https://github.com/VladSez/easy-invoice-pdf synced 2026-04-21 13:37:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
easy-invoice-pdf/README.md
Vlad Sazonau a342935e78
feat: update dependencies and enhance invoice form functionality (#14) 
* feat: update dependencies and enhance invoice form functionality

- Added new dependencies: @radix-ui/react-label, @radix-ui/react-slot, class-variance-authority, clsx, sonner, tailwind-merge, and tailwindcss-animate.
- Updated package.json and pnpm-lock.yaml to reflect new versions.
- Enhanced the invoice form with improved error handling and UI components.
- Integrated a toast notification system for better user feedback.
- Updated the PDF download link to include invoice language in the filename.
- Improved layout and styling in the invoice form and PDF template components.
- Refactored state management for invoice data to streamline data loading from URL and local storage.

* feat: add Prettier configuration and update project files

- Introduced a Prettier configuration file (.prettierrc.js) for consistent code formatting.
- Updated package.json to include Prettier and its Tailwind CSS plugin as dependencies.
- Made minor formatting adjustments across various components and configuration files for improved readability and consistency.
- Enhanced the loading and invoice form components with better styling and layout adjustments.
- Ensured all JSON files and configuration files have proper formatting and structure.

* feat: enhance invoice sharing and download experience

- Updated toast notification to include rich text formatting for better user guidance on sharing invoices.
- Increased toast duration for improved visibility.
- Refactored layout of the invoice regeneration and download button for better mobile responsiveness.
- Added conditional rendering for the PDF download link based on mobile view.
- Improved styling consistency across components.

* feat: implement responsive PDF download link and add media query hook

- Introduced a custom hook `useMediaQuery` to manage responsive behavior.
- Updated the `InvoicePDFDownloadLink` component to remove mobile-specific prop and enhance styling.
- Modified the main page to conditionally render the PDF download link based on desktop view.
- Enabled server-side rendering for the PDF download link for improved performance.

* feat: enhance invoice PDF layout and translations

- Added a new center style to align content in the invoice items table.
- Updated the invoice items table to apply the center style for better visual alignment of headers.
- Modified translations for 'netAmount' and 'netPrice' to include line breaks for improved readability in the PDF output.

* fix: update link in footer to point to new personal website

* feat: add contact link to footer for user engagement
2025-01-13 22:38:54 +01:00

1.6 KiB
Raw Blame History

Tools we use

TODO

  • Add OG images
  • Test with big values/numbers on the invoice, e.g. 1 000 000 (check if pdf is displayed correctly)
  • Add error handling and error pages/messages
  • Create a name for the project
  • TEST EVERYTHING on chrome, safari, firefox and maybe on mobile?? + introduce beta testers (colleagues, friends, family)
  • Check https://x.com/levelsio/status/1860015822472905091

(Payments, not sure if we need this)

(BUGS and improvements, double check everything also if we need this)

  • do not save those things (in page.tsx) in local storage, because they are not needed to be saved, we need them to be recalculated every time for better UX:

    const today = dayjs().format("YYYY-MM-DD"); const lastDayOfMonth = dayjs().endOf("month").format("YYYY-MM-DD"); const invoiceCurrentMonthAndYear = dayjs().format("MM-YYYY"); const paymentDue = dayjs(today).add(14, "days").format("YYYY-MM-DD");

    if data is in url, always use data from url if no data in url, use data from local storage if local storage data is last month, update it with today's data

(OTHER)

  • cleanup code
  • Move to SPA? vite or smth, because we have pure SPA
  • Add more languages to pdf?
  • Update to next 15???
  • Use https://onedollarstats.com/analytics for analytics?
  • Add changelog public and on github