35 lines
900 B
JavaScript
35 lines
900 B
JavaScript
|
import {helper} from '@ember/component/helper';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Usage:
|
||
|
|
*
|
||
|
|
* ```hbs
|
||
|
|
* {{set-url-query 'https://myurl.com' utm_source='admin'}}
|
||
|
|
* ```
|
||
|
|
*
|
||
|
|
* This example will return https://myurl.com?utm_source=admin
|
||
|
|
*
|
||
|
|
* You can set every query/search parameter you want. It will override existing paramters if they are already set.
|
||
|
|
*/
|
||
|
|
export function setQueryParams([url], parameters) {
|
||
|
|
if (url) {
|
||
|
|
// Do some magic
|
||
|
|
try {
|
||
|
|
const parsed = new URL(url);
|
||
|
|
for (const key of Object.keys(parameters)) {
|
||
|
|
parsed.searchParams.set(key, parameters[key]);
|
||
|
|
}
|
||
|
|
return parsed.href;
|
||
|
|
} catch (e) {
|
||
|
|
// Invalid url. Just pass the original.
|
||
|
|
// eslint-disable-next-line no-console
|
||
|
|
console.error(e);
|
||
|
|
return url;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return '';
|
||
|
|
}
|
||
|
|
|
||
|
|
export default helper(setQueryParams);
|