Add task 'parse URL' for breaking for hard to read URL's

CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [2.0.4] - 2024-07-19
+
+### Added
+
+- Add task 'parse URL' for breaking for hard to read URL's
+
 ## [2.0.3] - 2023-06-05
 
 ### Added

public/index.html

@@ -204,6 +204,7 @@ <h1>Online tools</h1>
 <aside>
   <form id="tasks">
     <fieldset>
+      <label><input type="radio" name="task" value="url2json" required> parse URL</label>
       <label><input type="radio" name="task" value="urlEncode" required> URL encode</label>
       <label><input type="radio" name="task" value="urlDecode" required> URL decode</label>
       <label><input type="radio" name="task" value="base64Encode" required> base64 encode</label>
@@ -263,7 +264,26 @@ <h1>Online tools</h1>
     return Object.fromEntries(data);
 };
 
+function parseUrl(url) {
+    const u = new URL(url);
+    const params = [];
+    for (const [key, value] of u.searchParams) {
+        params.push({ [key]: value });
+    }
+    return {
+        scheme: u.protocol,
+        username: u.username,
+        password: u.password,
+        host: u.hostname,
+        port: u.port,
+        path: u.pathname,
+        query: params,
+        fragment: u.hash,
+    };
+}
+
 const tasks = {
+    url2json: (data) => JSON.stringify(parseUrl(data), null, 2),
     urlEncode: (data) => encodeURIComponent(data),
     urlDecode: (data) => decodeURIComponent(data),
     base64Encode: (data) => window.btoa(data),