dynamic parser group

[roopakv]

Today we have the case of parsing a dynamic group of url keys. All dynamic url keys begin with the same string (say custom_).

since createParser deals with only 1 value in both parser and serialize i will either have to make a HUGE useQueryStates object with every listable dynamic url key, or decide to store all dynamic values within one string such as custom=key:val,key2:val2 etc

If there was a way to get all the search Params and let me parse the ones I want and return a group i could still have a key=val&key2=val2 without having to put the whole thing in 1 value

[codewithshek]

One approach to handle this situation is to create a custom parser function that can dynamically identify and process URL keys starting with custom_. This function can iterate through all search parameters, filter out the ones that match the custom_ prefix, and then parse them into a structured object. Here is a basic example of how you might implement such a function:

function parseCustomParams(searchParams) {
    const customParams = {};
    for (const [key, value] of searchParams.entries()) {
        if (key.startsWith('custom_')) {
            customParams[key] = value;
        }
    }
    return customParams;
}

// Usage example
const urlSearchParams = new URLSearchParams(window.location.search);
const customParams = parseCustomParams(urlSearchParams);
console.log(customParams);

This way, you can keep your URL structure clean and avoid creating an overly large useQueryStates object. You can then use the customParams object as needed in your application.

[franky47]

That sounds like an AI-generated solution, that unfortunately will not work.

[codewithshek]

Thank you for the feedback, @franky47. Could you please elaborate on why this approach might not work and suggest an alternative solution? I'm eager to understand the limitations and learn the best practices for handling dynamic URL keys.

Looking forward to your insights!