Skip to content

Enhance UI components and routing for hashing and tools#18

Merged
Barata-Ribeiro merged 9 commits into
mainfrom
implement-text-hashing
Jun 27, 2026
Merged

Enhance UI components and routing for hashing and tools#18
Barata-Ribeiro merged 9 commits into
mainfrom
implement-text-hashing

Conversation

@Barata-Ribeiro

Copy link
Copy Markdown
Owner

This pull request adds a new "Text Hashing" tool to the Programming section of the app. The tool allows users to generate hashes for their text using a wide range of SHA (including SHA3 variants) and MD (MD4, MD5) algorithms, all running locally in the browser. The implementation includes new UI components for tabbed navigation between algorithm families, form handling with validation, and integration with the hash-wasm library for fast, client-side hashing. It also introduces supporting UI primitives and updates dependencies accordingly.

The most important changes are:

Feature: Text Hashing Tool

  • Added a new route and page at /programming/text-hashing that allows users to hash text using SHA (SHA-1, SHA-224, SHA-256, SHA-384, SHA-512, SHA3-224, SHA3-256, SHA3-384, SHA3-512) and MD (MD4, MD5) algorithms, with a tabbed interface to switch between algorithm families. (app/routes/programming/text-hashing.tsx, app/components/pages/programming/hashing-tab.tsx, app/components/pages/programming/hashing/sha-hashing.tsx, app/components/pages/programming/hashing/md-hashing.tsx) [1] [2] [3] [4]

UI Components

  • Introduced reusable UI primitives for tabs (Tabs, TabsList, TabsTrigger, TabsContent) and textarea input, enhancing consistency and accessibility across the app. (app/components/ui/tabs.tsx, app/components/ui/textarea.tsx) [1] [2]

Navigation and Structure

  • Updated the programming tools section and navigation to include the new Text Hashing tool, with improved metadata and descriptions. (app/routes/programming/index.tsx, app/routes.ts) [1] [2]

Dependencies

  • Added and locked new dependencies: hash-wasm for hashing algorithms, react-hook-form and @hookform/resolvers for form state and validation, and zod for schema validation. (package.json, pnpm-lock.yaml) [1] [2] [3]

These changes together provide a robust, privacy-friendly hashing tool for developers, with a modern UI and support for both legacy and modern hash algorithms.

@Barata-Ribeiro Barata-Ribeiro self-assigned this Jun 27, 2026
@Barata-Ribeiro Barata-Ribeiro added the enhancement New feature or request label Jun 27, 2026
@vercel

vercel Bot commented Jun 27, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
utilities-webapp Ignored Ignored Jun 27, 2026 9:55am

@Barata-Ribeiro Barata-Ribeiro merged commit 351d321 into main Jun 27, 2026
3 checks passed
@Barata-Ribeiro Barata-Ribeiro deleted the implement-text-hashing branch June 27, 2026 09:55
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant