zss-engine 0.2.102 → 1.0.0

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHashInStyleSheets = exports.injectClientGlobalCSS = exports.injectClientQuery = exports.injectClientCSS = exports.applyCssValue = exports.camelToKebabCase = exports.build = exports.overrideLonghand = exports.processAtomicProps = exports.splitAtomicAndNested = exports.transformNestedSelectors = exports.transpileAtomic = exports.transpile = exports.genBase36Hash = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
+exports.applyCssValue = exports.camelToKebabCase = exports.build = exports.overrideLonghand = exports.processAtomicProps = exports.splitAtomicAndNested = exports.transformNestedSelectors = exports.transpileAtomic = exports.transpile = exports.genBase36Hash = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
 var helper_js_1 = require("./utils/helper.js");
 Object.defineProperty(exports, "isServer", { enumerable: true, get: function () { return helper_js_1.isServer; } });
 Object.defineProperty(exports, "isDevelopment", { enumerable: true, get: function () { return helper_js_1.isDevelopment; } });
@@ -23,10 +23,3 @@ Object.defineProperty(exports, "build", { enumerable: true, get: function () { r
 var helper_js_2 = require("./utils/helper.js");
 Object.defineProperty(exports, "camelToKebabCase", { enumerable: true, get: function () { return helper_js_2.camelToKebabCase; } });
 Object.defineProperty(exports, "applyCssValue", { enumerable: true, get: function () { return helper_js_2.applyCssValue; } });
-var inject_client_css_js_1 = require("./utils/inject-client-css.js");
-Object.defineProperty(exports, "injectClientCSS", { enumerable: true, get: function () { return inject_client_css_js_1.injectClientCSS; } });
-Object.defineProperty(exports, "injectClientQuery", { enumerable: true, get: function () { return inject_client_css_js_1.injectClientQuery; } });
-var inject_client_global_css_js_1 = require("./utils/inject-client-global-css.js");
-Object.defineProperty(exports, "injectClientGlobalCSS", { enumerable: true, get: function () { return inject_client_global_css_js_1.injectClientGlobalCSS; } });
-var is_hash_in_style_sheets_js_1 = require("./utils/is-hash-in-style-sheets.js");
-Object.defineProperty(exports, "isHashInStyleSheets", { enumerable: true, get: function () { return is_hash_in_style_sheets_js_1.isHashInStyleSheets; } });

package/dist/esm/index.js

@@ -7,6 +7,3 @@ export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atom
 export { overrideLonghand } from './utils/override-longhand.js';
 export { build } from './utils/build.js';
 export { camelToKebabCase, applyCssValue } from './utils/helper.js';
-export { injectClientCSS, injectClientQuery } from './utils/inject-client-css.js';
-export { injectClientGlobalCSS } from './utils/inject-client-global-css.js';
-export { isHashInStyleSheets } from './utils/is-hash-in-style-sheets.js';

package/dist/types/index.d.ts

@@ -12,6 +12,3 @@ export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atom
 export { overrideLonghand } from './utils/override-longhand.js';
 export { build } from './utils/build.js';
 export { camelToKebabCase, applyCssValue } from './utils/helper.js';
-export { injectClientCSS, injectClientQuery } from './utils/inject-client-css.js';
-export { injectClientGlobalCSS } from './utils/inject-client-global-css.js';
-export { isHashInStyleSheets } from './utils/is-hash-in-style-sheets.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.102",
+  "version": "1.0.0",
   "description": "Zero-runtime StyleSheet Engine",
   "funding": "https://github.com/sponsors/refirst11",
   "author": "Refirst 11",

package/dist/cjs/utils/inject-client-css.js

@@ -1,52 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.injectClientCSS = injectClientCSS;
-exports.injectClientQuery = injectClientQuery;
-const index_js_1 = require("../index.js");
-const styleCache = {};
-let clientStyleElement = null;
-let queryStyleElement = null;
-function createClientStyleElement() {
-    if (!clientStyleElement) {
-        clientStyleElement = document.querySelector('style[data-scope="client"]');
-        if (!clientStyleElement) {
-            clientStyleElement = document.createElement('style');
-            clientStyleElement.setAttribute('data-scope', 'client');
-            clientStyleElement.setAttribute('type', 'text/css');
-            document.head.prepend(clientStyleElement);
-        }
-    }
-    return clientStyleElement;
-}
-function createQueryStyleElement() {
-    if (!queryStyleElement) {
-        queryStyleElement = document.querySelector('style[data-scope="query"]');
-        if (!queryStyleElement) {
-            queryStyleElement = document.createElement('style');
-            queryStyleElement.setAttribute('data-scope', 'query');
-            queryStyleElement.setAttribute('type', 'text/css');
-            document.head.appendChild(queryStyleElement);
-        }
-    }
-    return queryStyleElement;
-}
-function injectClientCSS(hash, sheet) {
-    if (index_js_1.isServer)
-        return;
-    if (styleCache[hash])
-        return;
-    styleCache[hash] = sheet;
-    const clientElement = createClientStyleElement();
-    clientElement.textContent = sheet + (clientElement.textContent || '');
-}
-function injectClientQuery(hash, sheet) {
-    if (index_js_1.isServer)
-        return;
-    if (styleCache[hash])
-        return;
-    styleCache[hash] = sheet;
-    if (sheet.includes('@media') || sheet.includes('@container')) {
-        const queryElement = createQueryStyleElement();
-        queryElement.textContent = (queryElement.textContent || '') + sheet;
-    }
-}

package/dist/cjs/utils/inject-client-global-css.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.injectClientGlobalCSS = injectClientGlobalCSS;
-const index_js_1 = require("../index.js");
-function injectClientGlobalCSS(sheet) {
-    if (index_js_1.isServer)
-        return;
-    const existingStyleElement = document.querySelector(`[data-scope="global"]`);
-    if (existingStyleElement instanceof HTMLStyleElement) {
-        existingStyleElement.textContent += sheet;
-        return;
-    }
-    const styleElement = document.createElement('style');
-    styleElement.setAttribute('data-scope', 'global');
-    styleElement.setAttribute('type', 'text/css');
-    styleElement.textContent = sheet;
-    document.head.appendChild(styleElement);
-}

package/dist/cjs/utils/is-hash-in-style-sheets.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isHashInStyleSheets = isHashInStyleSheets;
-function isHashInStyleSheets(hash) {
-    const sheets = Array.from(document.styleSheets);
-    function checkRule(rule) {
-        if (rule instanceof CSSStyleRule && rule.selectorText) {
-            return hasHashInSelector(rule.selectorText, hash);
-        }
-        if (rule instanceof CSSMediaRule) {
-            return Array.from(rule.cssRules).some(checkRule);
-        }
-        if (rule instanceof CSSContainerRule) {
-            return Array.from(rule.cssRules).some(checkRule);
-        }
-        if (rule instanceof CSSSupportsRule) {
-            return Array.from(rule.cssRules).some(checkRule);
-        }
-        if ('cssRules' in rule && rule.cssRules) {
-            return Array.from(rule.cssRules).some(checkRule);
-        }
-        return false;
-    }
-    function hasHashInSelector(selectorText, hash) {
-        const selectors = selectorText.split(',').map(s => s.trim());
-        return selectors.some(selector => {
-            const classPattern = new RegExp(`\\.${escapeRegExp(hash)}(?![\\w-])`);
-            return classPattern.test(selector);
-        });
-    }
-    function escapeRegExp(string) {
-        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-    }
-    return sheets.some(sheet => {
-        try {
-            return Array.from(sheet.cssRules).some(checkRule);
-        }
-        catch (_err) {
-            return false;
-        }
-    });
-}

package/dist/esm/utils/inject-client-css.js

@@ -1,48 +0,0 @@
-import { isServer } from '../index.js';
-const styleCache = {};
-let clientStyleElement = null;
-let queryStyleElement = null;
-function createClientStyleElement() {
-    if (!clientStyleElement) {
-        clientStyleElement = document.querySelector('style[data-scope="client"]');
-        if (!clientStyleElement) {
-            clientStyleElement = document.createElement('style');
-            clientStyleElement.setAttribute('data-scope', 'client');
-            clientStyleElement.setAttribute('type', 'text/css');
-            document.head.prepend(clientStyleElement);
-        }
-    }
-    return clientStyleElement;
-}
-function createQueryStyleElement() {
-    if (!queryStyleElement) {
-        queryStyleElement = document.querySelector('style[data-scope="query"]');
-        if (!queryStyleElement) {
-            queryStyleElement = document.createElement('style');
-            queryStyleElement.setAttribute('data-scope', 'query');
-            queryStyleElement.setAttribute('type', 'text/css');
-            document.head.appendChild(queryStyleElement);
-        }
-    }
-    return queryStyleElement;
-}
-export function injectClientCSS(hash, sheet) {
-    if (isServer)
-        return;
-    if (styleCache[hash])
-        return;
-    styleCache[hash] = sheet;
-    const clientElement = createClientStyleElement();
-    clientElement.textContent = sheet + (clientElement.textContent || '');
-}
-export function injectClientQuery(hash, sheet) {
-    if (isServer)
-        return;
-    if (styleCache[hash])
-        return;
-    styleCache[hash] = sheet;
-    if (sheet.includes('@media') || sheet.includes('@container')) {
-        const queryElement = createQueryStyleElement();
-        queryElement.textContent = (queryElement.textContent || '') + sheet;
-    }
-}

package/dist/esm/utils/inject-client-global-css.js

@@ -1,15 +0,0 @@
-import { isServer } from '../index.js';
-export function injectClientGlobalCSS(sheet) {
-    if (isServer)
-        return;
-    const existingStyleElement = document.querySelector(`[data-scope="global"]`);
-    if (existingStyleElement instanceof HTMLStyleElement) {
-        existingStyleElement.textContent += sheet;
-        return;
-    }
-    const styleElement = document.createElement('style');
-    styleElement.setAttribute('data-scope', 'global');
-    styleElement.setAttribute('type', 'text/css');
-    styleElement.textContent = sheet;
-    document.head.appendChild(styleElement);
-}

package/dist/esm/utils/is-hash-in-style-sheets.js

@@ -1,39 +0,0 @@
-export function isHashInStyleSheets(hash) {
-    const sheets = Array.from(document.styleSheets);
-    function checkRule(rule) {
-        if (rule instanceof CSSStyleRule && rule.selectorText) {
-            return hasHashInSelector(rule.selectorText, hash);
-        }
-        if (rule instanceof CSSMediaRule) {
-            return Array.from(rule.cssRules).some(checkRule);
-        }
-        if (rule instanceof CSSContainerRule) {
-            return Array.from(rule.cssRules).some(checkRule);
-        }
-        if (rule instanceof CSSSupportsRule) {
-            return Array.from(rule.cssRules).some(checkRule);
-        }
-        if ('cssRules' in rule && rule.cssRules) {
-            return Array.from(rule.cssRules).some(checkRule);
-        }
-        return false;
-    }
-    function hasHashInSelector(selectorText, hash) {
-        const selectors = selectorText.split(',').map(s => s.trim());
-        return selectors.some(selector => {
-            const classPattern = new RegExp(`\\.${escapeRegExp(hash)}(?![\\w-])`);
-            return classPattern.test(selector);
-        });
-    }
-    function escapeRegExp(string) {
-        return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-    }
-    return sheets.some(sheet => {
-        try {
-            return Array.from(sheet.cssRules).some(checkRule);
-        }
-        catch (_err) {
-            return false;
-        }
-    });
-}

package/dist/types/utils/inject-client-css.d.ts

@@ -1,2 +0,0 @@
-export declare function injectClientCSS(hash: string, sheet: string): void;
-export declare function injectClientQuery(hash: string, sheet: string): void;

package/dist/types/utils/inject-client-global-css.d.ts

@@ -1 +0,0 @@
-export declare function injectClientGlobalCSS(sheet: string): void;

package/dist/types/utils/is-hash-in-style-sheets.d.ts

@@ -1 +0,0 @@
-export declare function isHashInStyleSheets(hash: string): boolean;