zss-engine 0.2.102 → 1.1.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.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; } });
@@ -11,8 +11,6 @@ var transpile_js_1 = require("./utils/transpile.js");
 Object.defineProperty(exports, "transpile", { enumerable: true, get: function () { return transpile_js_1.transpile; } });
 var transpile_atomic_js_1 = require("./utils/transpile-atomic.js");
 Object.defineProperty(exports, "transpileAtomic", { enumerable: true, get: function () { return transpile_atomic_js_1.transpileAtomic; } });
-var transform_nested_selectors_js_1 = require("./utils/transform-nested-selectors.js");
-Object.defineProperty(exports, "transformNestedSelectors", { enumerable: true, get: function () { return transform_nested_selectors_js_1.transformNestedSelectors; } });
 var processor_atomic_js_1 = require("./utils/processor-atomic.js");
 Object.defineProperty(exports, "splitAtomicAndNested", { enumerable: true, get: function () { return processor_atomic_js_1.splitAtomicAndNested; } });
 Object.defineProperty(exports, "processAtomicProps", { enumerable: true, get: function () { return processor_atomic_js_1.processAtomicProps; } });
@@ -23,10 +21,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

@@ -2,11 +2,7 @@ export { isServer, isDevelopment, isTestingDevelopment } from './utils/helper.js
 export { genBase36Hash } from './utils/hash.js';
 export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
-export { transformNestedSelectors } from './utils/transform-nested-selectors.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 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

@@ -1,17 +1,13 @@
 export type { CSSProperties } from './types/common/css-properties';
 export type { CreateStyleType, ReturnType, CreateStyle } from './types/main/create';
 export type { CSSHTML, CreateKeyframes } from './types/main/global';
-export type { CreateValues, CreateTokens, ReturnVariableType, RxVariableSet, ReturnRx } from './types/main/variableTypes';
+export type { CreateTheme, CreateValues, ReturnVariableType, XVariableSet, ReturnX } from './types/main/variableTypes';
 export type { ViewTransitionOptions } from './types/main/viewTransitionOptions';
 export { isServer, isDevelopment, isTestingDevelopment } from './utils/helper.js';
 export { genBase36Hash } from './utils/hash.js';
 export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
-export { transformNestedSelectors } from './utils/transform-nested-selectors.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 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/types/main/variableTypes.d.ts

@@ -4,14 +4,14 @@ export type CSSVariableProperty = {
     [key: CSSVariableKey]: string | number;
 };
 export type CreateValues = Record<string, string | number>;
-export type CreateTokens = Record<string, Record<string, string | number>>;
+export type CreateTheme = Record<string, Record<string, string | number>>;
 export type ReturnVariableType<T> = {
     [K in keyof T]: CSSVariableValue;
 };
-export type RxVariableSet = {
+export type XVariableSet = {
     [key: CSSVariableKey]: string;
 };
-export type ReturnRx = {
+export type ReturnX = {
     className: string;
     style: {
         [k: string]: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.102",
+  "version": "1.1.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/cjs/utils/transform-nested-selectors.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformNestedSelectors = transformNestedSelectors;
-function transformNestedSelectors(nonFlat) {
-    const modNonFlat = {};
-    Object.entries(nonFlat).forEach(([atRule, nestedObj]) => {
-        if (atRule.startsWith(':') || atRule.startsWith('&')) {
-            modNonFlat[`:not(#\\#)${atRule}`] = nestedObj;
-        }
-        else {
-            modNonFlat[atRule] = nestedObj;
-        }
-    });
-    return modNonFlat;
-}

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/esm/utils/transform-nested-selectors.js

@@ -1,12 +0,0 @@
-export function transformNestedSelectors(nonFlat) {
-    const modNonFlat = {};
-    Object.entries(nonFlat).forEach(([atRule, nestedObj]) => {
-        if (atRule.startsWith(':') || atRule.startsWith('&')) {
-            modNonFlat[`:not(#\\#)${atRule}`] = nestedObj;
-        }
-        else {
-            modNonFlat[atRule] = nestedObj;
-        }
-    });
-    return modNonFlat;
-}

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;

package/dist/types/utils/transform-nested-selectors.d.ts

@@ -1,2 +0,0 @@
-import { CreateStyle } from '../types/main/create.js';
-export declare function transformNestedSelectors(nonFlat: CreateStyle): CreateStyle;