feat: add Base64 to Image Converter utility #138
Merged
+324
−0
Conversation
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
- Create new utility page at /utilities/base64-to-image - Add SEO component for the new utility - Add cross-references between Base64 to Image and Image to Base64 utilities - Update tools-list.ts and README.md with the new tool Co-Authored-By: petar@jam.dev <pekiseven@gmail.com>
Contributor
Author
🤖 Devin AI EngineerI'll be helping with this pull request! Here's what you should know: ✅ I will automatically:
Note: I can only respond to comments from users who have write access to this repository. ⚙️ Control Options:
|
Deploying jam-dev-utilities with
|
| Latest commit: |
cab9d34
|
| Status: | ✅ Deploy successful! |
| Preview URL: | https://3b1d099f.jam-dev-utilities.pages.dev |
| Branch Preview URL: | https://devin-1768318253-base64-to-i.jam-dev-utilities.pages.dev |
Co-Authored-By: petar@jam.dev <pekiseven@gmail.com>
- Changed error message margin from mb-4 to mt-6 to match SVG viewer - Added mt-6 to image preview container for consistent spacing - Removed unnecessary mb-4 wrapper div around input - This prevents layout jumping when error messages appear/disappear Co-Authored-By: petar@jam.dev <pekiseven@gmail.com>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
Summary
Adds a new Base64 to Image Converter utility that allows users to paste Base64-encoded image data and instantly see a preview of the decoded image. This is the reverse operation of the existing Image to Base64 converter.
The new utility:
data:image/png;base64,...)Also adds cross-references from the Image to Base64 utility back to this new tool, as users often need both directions.
Updates since last revision
Base64ToImageSEO.tsxmb-4tomt-6margins) to prevent layout jumping when error messages appear/disappearReview & Testing Checklist for Human
/utilities/svg-viewer) to ensure consistency.atob()to validate Base64 strings. When raw Base64 is provided (without data URI prefix), it defaults toimage/pngMIME type - verify this works for JPEG, GIF, WebP images as well since browsers typically auto-detect the format./utilities/base64-to-imageand test with various Base64-encoded images (PNG, JPEG, etc.) to ensure the preview displays correctly.Suggested test plan:
npm run devand navigate to/utilities/base64-to-imagedata:image/...prefix)/utilities/svg-viewerfor consistencyNotes
Link to Devin run: https://app.devin.ai/sessions/0ac4a7a18a95449aa9b022d163d3396f
Requested by: @peckz