URL Parser

URL parser and query string editor with live reconstruction and percent encoding tools.

Features

• Parse URL into protocol, host, port, path, query params, hash
• Edit any component and rebuild the URL live
• Query string editor — table with add / remove / edit per parameter
• Percent-encode / decode tool with raw display alongside decoded values
• URL validation — checks if the input is a structurally valid URL
• URL normalization — lowercase protocol/host, sorted query params
• Short-form concept display — shows what a shortened URL might look like
• Built-in examples — IPv6, Japanese query params, auth credentials, CDN URLs
• Japanese / English UI toggle
• Dark / Light theme (auto-detects prefers-color-scheme)
• Zero dependencies, no build step

Quick Start

# Serve locally
npm run serve
# → open http://localhost:8080

Run Tests

npm test

Requires Node.js 18+.

Tech

• Vanilla JS (ES modules)
• Native URL API for parsing
• node:test + node:assert for tests
• No framework, no bundler

License

MIT — see LICENSE.

---

Built by SEN LLC · Portfolio

Links

• 🌐 Demo: https://sen.ltd/portfolio/url-parser/
• 📝 dev.to: https://dev.to/sendotltd/a-url-parser-and-query-string-editor-with-live-rebuild-125g