svelte-navigator-no-postinstall/src/utils.js

Simple, accessible routing for Svelte

/*
 * Adapted from https://github.com/reach/router/blob/b60e6dd781d5d3a4bdaaf4de665649c0f6a7e78d/src/lib/utils.js
 *
 * https://github.com/reach/router/blob/master/LICENSE
 */

export const isUndefined = value => typeof value === "undefined";

export const isFunction = value => typeof value === "function";

export const isNumber = value => typeof value === "number";

/**
 * Decides whether a given `event` should result in a navigation or not.
 * @param {object} event
 */
export function shouldNavigate(event) {
	return (
		!event.defaultPrevented &&
		event.button === 0 &&
		!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey)
	);
}

export function createCounter() {
	let i = 0;
	/**
	 * Returns an id and increments the internal state
	 * @returns {number}
	 */
	return () => i++;
}

/**
 * Create a globally unique id
 *
 * @returns {string} An id
 */
export function createGlobalId() {
	return Math.random().toString(36).substring(2);
}

export function findClosest(tagName, element) {
	while (element && element.tagName !== tagName) {
		// eslint-disable-next-line no-param-reassign
		element = element.parentNode;
	}
	return element;
}

export const isSSR = typeof window === "undefined";

export function addListener(target, type, handler) {
	target.addEventListener(type, handler);
	return () => target.removeEventListener(type, handler);
}

export const createInlineStyle = (disableInlineStyles, style) =>
	disableInlineStyles ? {} : { style };
export const createMarkerProps = disableInlineStyles => ({
	"aria-hidden": "true",
	...createInlineStyle(disableInlineStyles, "display:none;"),
});