Feature/more download options

suryanshsingh2001 / mockly

Mockly is an open-source tool that allows developers to create professional-looking screenshots and mockups with ease. It's designed for fast, stress-free mockups for developers who'd rather code than design.

https://www.mockly.site/

MIT License

5 stars 15 forks source link

Feature/more download options #5

Closed 0xkafkaa closed 1 month ago

0xkafkaa commented 1 month ago

Added options for download. Implemented jpg/png/svg/pdf for download options. Used jspdf for downloading PDFs.

[x] Add export options for JPG and PNG formats
[x] Consider adding other formats like SVG or PDF for flexibility
[x] Ensure that the quality of the exports is maintained across all formats
[x] Add a dropdown or menu in the UI to allow users to select their preferred format before download

Let me know your comments.

Regards, 0xkafkaa.

vercel[bot] commented 1 month ago

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

Name	Status	Preview	Comments	Updated (UTC)
mockly	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 24, 2024 11:10am

suryanshsingh2001 commented 1 month ago

@0xkafkaa Hey, good job with download options. Here are some changes needed before we complete the PR. The dropdown position and appearance looks odd, to fix this, you can either:

[ ] Use Select Compoenent for making the dropdown component.
[ ] Use PopOver Component when download button is clicked, show download options

0xkafkaa commented 1 month ago

@suryanshsingh2001 sure, will work and update

0xkafkaa commented 1 month ago

Hey @suryanshsingh2001,

Added the dropdown component as discussed.

[x] Use Select Component for making the dropdown component.
[x] Updated the reset handle to set image format to png. Can be customized from default settings.

Regards, 0xkafkaa.

suryanshsingh2001 commented 1 month ago

Hey @0xkafkaam, there were some overflow issues on side menu. I have fixed that issue, you can now add the dropdown component. Take a pull from master branch and add new changes.

0xkafkaa commented 1 month ago

hey @suryanshsingh2001, let me know if its ok.

suryanshsingh2001 commented 1 month ago

Hey @0xkafkaa, great job on this! The handleDownload function is quite lengthy and could benefit from being refactored into the lib file for better maintainability. You can create another PR to handle this refactoring if you'd like!

0xkafkaa commented 1 month ago

Ok @suryanshsingh2001 . will look into it.