@alegendstale/holly-components/dist/utils/basicUtils.js

Reusable UI components created using lit

import colorsea, { x11 } from './colorsea-wrapper.js';
import { CopyFormat, defaultSettings } from "../components/color-palette/color-palette-utils.js";
/**
 * Get settings without their default values
 */
export function getModifiedSettings(settings) {
    let newSettings = {};
    for (const [key, value] of Object.entries(settings)) {
        const defaultVal = defaultSettings[key];
        // Check if setting is a key in defaultSettings
        if (key in defaultSettings) {
            // Check if setting is equal to default & keep setting if not equal
            if (value !== defaultVal)
                newSettings = { ...newSettings, [key]: value };
        }
        // Add all other settings not defined in defaults
        else {
            // Break if empty array
            if (value instanceof Array && value.length === 0)
                break;
            // Add setting
            else
                newSettings = { ...newSettings, [key]: value };
        }
    }
    // Return null if newSettings is empty
    return Object.keys(newSettings).length !== 0 ? newSettings : undefined;
}
/**
 * Checks if all settings are set to their default values
 */
export function areSettingsDefault(settings) {
    for (const [key, value] of Object.entries(settings)) {
        // Ignore settings that don't have a default counterpart
        if (!(key in defaultSettings))
            return true;
        // Check if any settings are not default
        if (value !== defaultSettings[key]) {
            return false;
        }
    }
    return true;
}
/**
 * Gets the modified settings as a string
 */
export function getModifiedSettingsAsString(settings) {
    const moddedSettings = getModifiedSettings(settings);
    if (moddedSettings)
        return JSON.stringify(moddedSettings);
}
export function convertStringSettings(settings) {
    return JSON.parse(`{
			"height": ${settings.height}, 
			"direction": "${settings.direction}", 
			"gradient": ${settings.gradient}, 
			"preventHover": ${settings.preventHover}, 
			"hideText": ${settings.hideText},
			"override": ${settings.override}, 
			"aliases": ${JSON.stringify(settings.aliases)}
		}`);
}
/**
 * Parse input url & extract colors
 * @param url URL from color input
 * @returns Array of colors
 */
export function parseUrl(url) {
    // Check if url colors contain dashes in-between
    if (url.includes('-')) {
        // Replace dashes with hexes (colorhunt)
        return url.substring(url.lastIndexOf('/') + 1).split('-').map(i => '#' + i);
    }
    // Add hex between URL path colors (coolors)
    else
        return url.substring(url.lastIndexOf('/') + 1).match(/.{1,6}/g)?.map(i => '#' + i) || [];
}
/**
 * Converts ColorPalette plugin settings to Palette settings
 */
export function pluginToPaletteSettings(pluginSettings) {
    return {
        height: pluginSettings.height,
        width: pluginSettings.width,
        direction: pluginSettings.direction,
        gradient: pluginSettings.gradient,
        preventHover: pluginSettings.preventHover,
        hideText: pluginSettings.hideText,
        override: pluginSettings.override,
        aliases: []
    };
}
/**
 * Creates a codeblock palette
 * @param input Either palette input or colors & settings object
 * @returns palette block string
 */
export function createPaletteBlock(input) {
    if (typeof input === 'string')
        return `\`\`\`palette\n${input}\n\`\`\`\n`;
    else
        return input.settings ? `\`\`\`palette\n${toNString(input.colors)}\n${JSON.stringify(input.settings)}\n\`\`\`\n` : `\`\`\`palette\n${toNString(input.colors)}\n\`\`\`\n`;
}
/**
 * Gets the appropriate foreground contrast color
 */
export function getForegroundColor(color) {
    const csColor = colorsea(color);
    return (csColor.rgb()[0] * 0.299 + csColor.rgb()[1] * 0.587 + csColor.rgb()[2] * 0.114) > 186 ? '#000000' : '#ffffff';
}
/**
 * Converts string array to newline separated string
 */
export function toNString(array) {
    let result = '';
    for (const string of array) {
        result += string + '\n';
    }
    return result.trim();
}
export async function copyToClipboard(text, copyFormat) {
    let copiedText = text;
    // Copy only color value if CopyFormat is set to value & when not a codeblock
    if (copyFormat === CopyFormat.Value && !text.includes('`')) {
        if (copiedText.includes('#'))
            copiedText = copiedText.split('#')[1];
        else if (copiedText.includes('('))
            copiedText = copiedText.split('(')[1].split(')')[0];
    }
    //  new Notice(`Copied ${copiedText}`);
    await navigator.clipboard.writeText(copiedText);
}
/**
* Calculate font size based on number of colors
*/
export function getAdjustedFontSize(colorsCount) {
    const minFontSize = 10;
    const baseFontSize = 16;
    return Math.max(minFontSize, baseFontSize - colorsCount);
}
export function isColorValid(color) {
    try {
        colorsea.useNames(x11);
        colorsea(color, undefined, { thowParseError: true });
        return true;
    }
    catch (e) {
        return false;
    }
}