core-fed-util/dist/utils/Browser.js

This is A collection of commonly used frontend utility functions‌

/**
 * @description This module provides utility functions for manipulating URL parameters in the browser.
 * @param name {string} The name of the URL parameter to retrieve.
 * @returns
 */
export function getUrlParam(name) {
    const url = new URL(window.location.href);
    return url.searchParams.get(name);
}
/**
 * @description This function checks if a URL parameter exists in the current URL.
 * @param name {string} The name of the URL parameter to check.
 * @returns
 */
export function hasUrlParam(name) {
    const url = new URL(window.location.href);
    return url.searchParams.has(name);
}
/**
 * @description This function sets a URL parameter in the current URL.
 * @param name {string} The name of the URL parameter to set.
 * @param value {string} The value to set for the URL parameter.
 */
export function setUrlParam(name, value) {
    const url = new URL(window.location.href);
    url.searchParams.set(name, value);
    window.history.pushState({}, '', url.toString());
}
/**
 * @description This function removes a URL parameter from the current URL.
 * @param name {string} The name of the URL parameter to remove.
 */
export function removeUrlParam(name) {
    const url = new URL(window.location.href);
    url.searchParams.delete(name);
    window.history.pushState({}, '', url.toString());
}
/**
 * @description This function retrieves all URL parameters from the current URL as an object.
 * @param {string} The name of the URL parameter to retrieve.
 */
export function getAllUrlParams() {
    const url = new URL(window.location.href);
    const params = {};
    url.searchParams.forEach((value, key) => {
        params[key] = value;
    });
    return params;
}
/**
 * @description This function retrieves the current URL information.
 * @returns {Object} An object containing the current URL information.
 */
export function getCurrentUrlInfo() {
    const url = new URL(window.location.href);
    return {
        href: url.href,
        protocol: url.protocol,
        host: url.host,
        hostname: url.hostname,
        pathname: url.pathname,
        search: url.search,
        hash: url.hash
    };
}
/**
 * @description Detects the type of device based on the user agent string.
 * @returns {string} The current browser's user agent string.
 */
export function detectDeviceType() {
    const userAgent = navigator.userAgent.toLowerCase();
    if (/mobile|android|iphone|ipad|ipod/.test(userAgent)) {
        return 'mobile';
    }
    else if (/tablet|ipad/.test(userAgent)) {
        return 'tablet';
    }
    else {
        return 'desktop';
    }
}
/**
 * @description Detects the type of browser based on the user agent string.
 * @returns {string} The current browser's user agent string.
 */
export function getBrowserType() {
    const userAgent = navigator.userAgent;
    if (userAgent.includes('Chrome') && !userAgent.includes('Chromium')) {
        return 'Chrome';
    }
    else if (userAgent.includes('Firefox')) {
        return 'Firefox';
    }
    else if (userAgent.includes('Safari') && !userAgent.includes('Chrome')) {
        return 'Safari';
    }
    else if (userAgent.includes('Edge')) {
        return 'Edge';
    }
    else if (userAgent.includes('Opera') || userAgent.includes('OPR/')) {
        return 'Opera';
    }
    else {
        return 'Unknown';
    }
}
/**
 * @description This class provides static method to manage localstorage.
 */
export class StorageOperator {
    static setKey(key, value, expireHours = 24) {
        const now = new Date();
        const expireTime = new Date(now.getTime() + expireHours * 60 * 60 * 1000);
        const data = {
            ...value,
            expire: expireTime.toISOString()
        };
        localStorage.setItem(key, JSON.stringify(data));
    }
    static getKey(key) {
        const item = localStorage.getItem(key);
        if (!item)
            return null;
        const data = JSON.parse(item);
        const expireTime = new Date(data.expire);
        const now = new Date();
        if (now > expireTime) {
            localStorage.removeItem(key);
            return null;
        }
        return data;
    }
    static removeKey(key) {
        localStorage.removeItem(key);
    }
}