Add UI components for file upload and Base64 conversion features#20
Merged
Conversation
…d UI functionality
… and context support
…ng and preview functionality
…e64 with preview and download options
|
The latest updates on your projects. Learn more about Vercel for GitHub. 1 Skipped Deployment
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request introduces two new utility pages for converting images to and from Base64, and adds a reusable
Dropzonecomponent for file uploads. The main changes include the implementation of the image-to-base64 and base64-to-image tools, and the creation of a flexible drag-and-drop file input UI.New Programming Tools:
ImageToBase64page, allowing users to upload an image and receive the Base64 representation in multiple formats (raw, data URL, CSS, HTML, etc.), with previews and copy-to-clipboard support. (app/components/pages/programming/image-to-base64.tsx)Base64ToImagepage, enabling users to input a Base64 string and download it as an image in various formats, with live preview and validation. (app/components/pages/programming/base64-to-image.tsx)UI Components:
Dropzonecomponent with context, supporting drag-and-drop and click-to-upload, file type/size restrictions, error handling, and customizable content/empty states. (app/components/ui/dropzone.tsx)These additions enhance the developer tools section with user-friendly image encoding/decoding utilities and provide a reusable file upload UI for future features.