debian-mirror-gitlab/app/assets/javascripts/lib/utils/url_utility.js

329 lines
9 KiB
JavaScript
Raw Normal View History

2020-01-01 13:55:28 +05:30
const PATH_SEPARATOR = '/';
const PATH_SEPARATOR_LEADING_REGEX = new RegExp(`^${PATH_SEPARATOR}+`);
const PATH_SEPARATOR_ENDING_REGEX = new RegExp(`${PATH_SEPARATOR}+$`);
2020-03-13 15:44:24 +05:30
const SHA_REGEX = /[\da-f]{40}/gi;
// Reset the cursor in a Regex so that multiple uses before a recompile don't fail
function resetRegExp(regex) {
regex.lastIndex = 0; /* eslint-disable-line no-param-reassign */
return regex;
}
2019-09-04 21:01:54 +05:30
2019-12-04 20:38:33 +05:30
// Returns a decoded url parameter value
// - Treats '+' as '%20'
function decodeUrlParameter(val) {
return decodeURIComponent(val.replace(/\+/g, '%20'));
}
2020-01-01 13:55:28 +05:30
function cleanLeadingSeparator(path) {
return path.replace(PATH_SEPARATOR_LEADING_REGEX, '');
}
function cleanEndingSeparator(path) {
return path.replace(PATH_SEPARATOR_ENDING_REGEX, '');
}
/**
* Safely joins the given paths which might both start and end with a `/`
*
* Example:
* - `joinPaths('abc/', '/def') === 'abc/def'`
* - `joinPaths(null, 'abc/def', 'zoo) === 'abc/def/zoo'`
*
* @param {...String} paths
* @returns {String}
*/
export function joinPaths(...paths) {
return paths.reduce((acc, path) => {
if (!path) {
return acc;
}
if (!acc) {
return path;
}
return [cleanEndingSeparator(acc), PATH_SEPARATOR, cleanLeadingSeparator(path)].join('');
}, '');
}
2017-08-17 22:00:37 +05:30
// Returns an array containing the value(s) of the
// of the key passed as an argument
2019-10-12 21:52:04 +05:30
export function getParameterValues(sParam, url = window.location) {
const sPageURL = decodeURIComponent(new URL(url).search.substring(1));
2018-03-17 18:26:18 +05:30
return sPageURL.split('&').reduce((acc, urlParam) => {
const sParameterName = urlParam.split('=');
2017-08-17 22:00:37 +05:30
if (sParameterName[0] === sParam) {
2018-03-17 18:26:18 +05:30
acc.push(sParameterName[1].replace(/\+/g, ' '));
2016-09-13 17:45:13 +05:30
}
2018-03-17 18:26:18 +05:30
return acc;
}, []);
}
2017-08-17 22:00:37 +05:30
// @param {Object} params - url keys and value to merge
// @param {String} url
2018-03-17 18:26:18 +05:30
export function mergeUrlParams(params, url) {
2019-02-15 15:39:39 +05:30
const re = /^([^?#]*)(\?[^#]*)?(.*)/;
const merged = {};
const urlparts = url.match(re);
if (urlparts[2]) {
urlparts[2]
.substr(1)
.split('&')
.forEach(part => {
if (part.length) {
const kv = part.split('=');
2019-12-04 20:38:33 +05:30
merged[decodeUrlParameter(kv[0])] = decodeUrlParameter(kv.slice(1).join('='));
2019-02-15 15:39:39 +05:30
}
});
}
2018-03-17 18:26:18 +05:30
2019-02-15 15:39:39 +05:30
Object.assign(merged, params);
2019-01-03 12:48:30 +05:30
2019-02-15 15:39:39 +05:30
const query = Object.keys(merged)
.map(key => `${encodeURIComponent(key)}=${encodeURIComponent(merged[key])}`)
.join('&');
2018-03-17 18:26:18 +05:30
2019-02-15 15:39:39 +05:30
return `${urlparts[1]}?${query}${urlparts[3]}`;
2018-03-17 18:26:18 +05:30
}
2019-03-02 22:35:43 +05:30
/**
* Removes specified query params from the url by returning a new url string that no longer
* includes the param/value pair. If no url is provided, `window.location.href` is used as
* the default value.
*
* @param {string[]} params - the query param names to remove
* @param {string} [url=windowLocation().href] - url from which the query param will be removed
* @returns {string} A copy of the original url but without the query param
*/
export function removeParams(params, url = window.location.href) {
const [rootAndQuery, fragment] = url.split('#');
const [root, query] = rootAndQuery.split('?');
if (!query) {
return url;
}
2018-03-17 18:26:18 +05:30
2019-03-02 22:35:43 +05:30
const encodedParams = params.map(param => encodeURIComponent(param));
const updatedQuery = query
.split('&')
.filter(paramPair => {
const [foundParam] = paramPair.split('=');
return encodedParams.indexOf(foundParam) < 0;
})
.join('&');
2018-03-17 18:26:18 +05:30
2019-03-02 22:35:43 +05:30
const writableQuery = updatedQuery.length > 0 ? `?${updatedQuery}` : '';
const writableFragment = fragment ? `#${fragment}` : '';
return `${root}${writableQuery}${writableFragment}`;
2018-03-17 18:26:18 +05:30
}
export function getLocationHash(url = window.location.href) {
const hashIndex = url.indexOf('#');
2017-08-17 22:00:37 +05:30
return hashIndex === -1 ? null : url.substring(hashIndex + 1);
2018-03-17 18:26:18 +05:30
}
2019-12-21 20:55:43 +05:30
/**
* Returns a boolean indicating whether the URL hash contains the given string value
*/
export function doesHashExistInUrl(hashName) {
const hash = getLocationHash();
return hash && hash.includes(hashName);
}
2020-03-13 15:44:24 +05:30
export function urlContainsSha({ url = String(window.location) } = {}) {
return resetRegExp(SHA_REGEX).test(url);
}
export function getShaFromUrl({ url = String(window.location) } = {}) {
let sha = null;
if (urlContainsSha({ url })) {
[sha] = url.match(resetRegExp(SHA_REGEX));
}
return sha;
}
2019-03-02 22:35:43 +05:30
/**
* Apply the fragment to the given url by returning a new url string that includes
* the fragment. If the given url already contains a fragment, the original fragment
* will be removed.
*
* @param {string} url - url to which the fragment will be applied
* @param {string} fragment - fragment to append
*/
export const setUrlFragment = (url, fragment) => {
const [rootUrl] = url.split('#');
const encodedFragment = encodeURIComponent(fragment.replace(/^#/, ''));
return `${rootUrl}#${encodedFragment}`;
};
2018-03-17 18:26:18 +05:30
export function visitUrl(url, external = false) {
if (external) {
2020-03-13 15:44:24 +05:30
// Simulate `target="_blank" rel="noopener noreferrer"`
2018-03-17 18:26:18 +05:30
// See https://mathiasbynens.github.io/rel-noopener/
const otherWindow = window.open();
otherWindow.opener = null;
otherWindow.location = url;
} else {
window.location.href = url;
}
}
2017-08-17 22:00:37 +05:30
2020-03-13 15:44:24 +05:30
export function updateHistory({ state = {}, title = '', url, replace = false, win = window } = {}) {
if (win.history) {
if (replace) {
win.history.replaceState(state, title, url);
} else {
win.history.pushState(state, title, url);
}
}
}
2018-03-17 18:26:18 +05:30
export function refreshCurrentPage() {
visitUrl(window.location.href);
}
2016-09-13 17:45:13 +05:30
2018-03-17 18:26:18 +05:30
export function redirectTo(url) {
return window.location.assign(url);
}
2018-05-09 12:01:36 +05:30
2020-03-13 15:44:24 +05:30
export const escapeFileUrl = fileUrl => encodeURIComponent(fileUrl).replace(/%2F/g, '/');
2018-05-09 12:01:36 +05:30
export function webIDEUrl(route = undefined) {
2018-11-08 19:23:39 +05:30
let returnUrl = `${gon.relative_url_root || ''}/-/ide/`;
2018-05-09 12:01:36 +05:30
if (route) {
2018-11-08 19:23:39 +05:30
returnUrl += `project${route.replace(new RegExp(`^${gon.relative_url_root || ''}`), '')}`;
2018-05-09 12:01:36 +05:30
}
2020-03-13 15:44:24 +05:30
return escapeFileUrl(returnUrl);
2018-05-09 12:01:36 +05:30
}
2019-07-31 22:56:46 +05:30
2019-09-04 21:01:54 +05:30
/**
* Returns current base URL
*/
export function getBaseURL() {
const { protocol, host } = window.location;
return `${protocol}//${host}`;
}
/**
* Returns true if url is an absolute or root-relative URL
*
* @param {String} url
*/
export function isAbsoluteOrRootRelative(url) {
return /^(https?:)?\//.test(url);
}
/**
* Checks if the provided URL is a safe URL (absolute http(s) or root-relative URL)
*
* @param {String} url that will be checked
* @returns {Boolean}
*/
export function isSafeURL(url) {
if (!isAbsoluteOrRootRelative(url)) {
return false;
}
try {
const parsedUrl = new URL(url, getBaseURL());
return ['http:', 'https:'].includes(parsedUrl.protocol);
} catch (e) {
return false;
}
}
export function getWebSocketProtocol() {
return window.location.protocol.replace('http', 'ws');
}
export function getWebSocketUrl(path) {
return `${getWebSocketProtocol()}//${joinPaths(window.location.host, path)}`;
}
2020-01-01 13:55:28 +05:30
/**
* Convert search query into an object
*
* @param {String} query from "document.location.search"
* @returns {Object}
*
* ex: "?one=1&two=2" into {one: 1, two: 2}
*/
export function queryToObject(query) {
const removeQuestionMarkFromQuery = String(query).startsWith('?') ? query.slice(1) : query;
return removeQuestionMarkFromQuery.split('&').reduce((accumulator, curr) => {
const p = curr.split('=');
accumulator[decodeURIComponent(p[0])] = decodeURIComponent(p[1]);
return accumulator;
}, {});
}
/**
* Convert search query object back into a search query
*
* @param {Object} obj that needs to be converted
* @returns {String}
*
* ex: {one: 1, two: 2} into "one=1&two=2"
*
*/
export function objectToQuery(obj) {
return Object.keys(obj)
.map(k => `${encodeURIComponent(k)}=${encodeURIComponent(obj[k])}`)
.join('&');
}
/**
* Sets query params for a given URL
* It adds new query params, updates existing params with a new value and removes params with value null/undefined
*
* @param {Object} params The query params to be set/updated
* @param {String} url The url to be operated on
* @param {Boolean} clearParams Indicates whether existing query params should be removed or not
* @returns {String} A copy of the original with the updated query params
*/
export const setUrlParams = (params, url = window.location.href, clearParams = false) => {
const urlObj = new URL(url);
const queryString = urlObj.search;
const searchParams = clearParams ? new URLSearchParams('') : new URLSearchParams(queryString);
Object.keys(params).forEach(key => {
if (params[key] === null || params[key] === undefined) {
searchParams.delete(key);
} else if (Array.isArray(params[key])) {
params[key].forEach((val, idx) => {
if (idx === 0) {
searchParams.set(key, val);
} else {
searchParams.append(key, val);
}
});
} else {
searchParams.set(key, params[key]);
}
});
urlObj.search = searchParams.toString();
return urlObj.toString();
};
2020-03-13 15:44:24 +05:30
export function urlIsDifferent(url, compare = String(window.location)) {
return url !== compare;
}
2020-04-22 19:07:51 +05:30
export function getHTTPProtocol(url) {
if (!url) {
return window.location.protocol.slice(0, -1);
}
const protocol = url.split(':');
return protocol.length > 1 ? protocol[0] : undefined;
}