zss-engine/dist/esm/utils/inject-client-css.js

Zero-runtime StyleSheet Engine

import { isServer } from '../index.js';
const styleSheets = {};
const hashCache = {};
export function createStyleElement(hash) {
    if (document.getElementById(hash))
        return null;
    const styleElement = document.createElement('style');
    styleElement.setAttribute('id', hash);
    styleElement.setAttribute('type', 'text/css');
    styleSheets[hash] = styleElement;
    document.head.appendChild(styleElement);
    return styleSheets[hash];
}
export function injectClientCSS(hash, sheet) {
    if (isServer)
        return;
    requestAnimationFrame(() => {
        styleCleanUp();
    });
    hashCache[hash] = hash;
    const styleElement = createStyleElement(hash);
    if (styleElement == null)
        return;
    styleElement.textContent = sheet;
}
function styleCleanUp() {
    requestAnimationFrame(() => {
        for (const hash in hashCache) {
            const classElements = document.querySelectorAll(`[class*="${hash}"]`);
            if (classElements.length === 0) {
                removeStyleElement(hashCache[hash]);
            }
        }
    });
}
function removeStyleElement(hash) {
    if (styleSheets[hash]) {
        delete styleSheets[hash];
        if (hashCache.hasOwnProperty.call(hashCache, hash)) {
            delete hashCache[hash];
        }
        const styleElement = document.getElementById(hash);
        if (styleElement) {
            document.head.removeChild(styleElement);
        }
    }
}