url-params Demo

Quick usage

import { getParam, setParam } from '@manufosela/url-params';

const page = getParam('page', '1');
setParam('page', Number(page) + 1);

Current URL

const url = new URL(window.location.href);
url.searchParams.set('page', '1');
url.searchParams.set('sort', 'name');
history.replaceState({}, '', url);

Get Parameters

Click a button to get params...

import { getParam, getParams } from '@manufosela/url-params';

getParam('page');
getParams();

Set Parameters

Set a parameter to update the URL...

import { setParam, setParams } from '@manufosela/url-params';

setParam('page', 2);
setParams({ sort: 'name', filter: 'active' });

Remove Parameters

import { removeParam } from '@manufosela/url-params';

removeParam('page');

Parse/Build Query Strings

Parse or build query strings...

import { parseQueryString, toQueryString } from '@manufosela/url-params';

parseQueryString('?tags=a&tags=b');
toQueryString({ tags: ['a', 'b'] });