Parse and Extract URL Query Parameters Query String Parser tool for network operations.

The tool works by first trimming the input string to remove any leading or trailing whitespace, then checks if it contains a query string by looking for the '?' character. If found, it strips the full URL down to just the query string portion using the `split` method and `slice` function. It also removes any fragment identifiers from the query string by splitting at the '#' character and taking only the first part. This processed query string is then passed to the `URLSearchParams` constructor, which parses it into a map of key-value pairs.

The tool uses a `Map` data structure to group the parsed parameters by their keys, with each value being an object containing the decoded values and raw values. The `decodeURIComponent` function is used to decode any encoded characters in the parameter keys and values, replacing '+' characters with spaces as per the URL encoding standard. The `forEach` method of the `URLSearchParams` object is used to iterate over the parsed parameters and populate the map.

The tool also uses React hooks such as `useState`, `useMemo`, and `useCallback` to manage its state and side effects, ensuring that the component re-renders only when necessary. The `copyToClipboard` function from the `@/lib/utils` module is used to handle copying of individual parameter values or the entire JSON output to the clipboard. The JSON output is generated using the `JSON.stringify` method with a custom replacer function to format the output with indentation.

The tool's algorithm handles edge cases such as empty input strings, malformed query strings, and parameters with multiple values. It also supports full URLs, bare query strings, and encoded characters, making it a robust and reliable solution for parsing query strings in the browser. By using modern JavaScript features and browser APIs, the tool ensures fast and efficient processing of query strings without relying on any server-side infrastructure.