zss-engine 0.2.50 → 0.2.52

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getServerCSS = exports.injectServerCSS = exports.injectClientGlobalCSS = exports.injectClientCSS = exports.applyCssValue = exports.camelToKebabCase = exports.build = exports.transpileAtomic = exports.transpile = exports.genBase36Hash = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
+exports.getServerCSS = exports.injectServerCSS = exports.injectClientGlobalCSS = exports.injectClientCSS = exports.applyCssValue = exports.camelToKebabCase = exports.build = 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,6 +11,9 @@ 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 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; } });
 var build_js_1 = require("./utils/build.js");
 Object.defineProperty(exports, "build", { enumerable: true, get: function () { return build_js_1.build; } });
 var helper_js_2 = require("./utils/helper.js");

package/dist/cjs/utils/hash.js

@@ -1,34 +1,65 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.genBase36Hash = genBase36Hash;
-const chars = 'abcdefghijklmnopqrstuvwxyz0123456789';
-function simpleHash(str) {
-    let hash = 0;
-    for (let i = 0; i < str.length; i++) {
-        const char = str.charCodeAt(i);
-        hash = (hash << 5) - hash + char;
+function murmurhash3_32(str, seed = 0) {
+    let h = seed;
+    const len = str.length;
+    const c1 = 0xcc9e2d51;
+    const c2 = 0x1b873593;
+    const r1 = 15;
+    const r2 = 13;
+    const m = 5;
+    const n = 0xe6546b64;
+    let i = 0;
+    while (i < len - 3) {
+        let k = (str.charCodeAt(i) & 0xff) | ((str.charCodeAt(i + 1) & 0xff) << 8) | ((str.charCodeAt(i + 2) & 0xff) << 16) | ((str.charCodeAt(i + 3) & 0xff) << 24);
+        k = Math.imul(k, c1);
+        k = (k << r1) | (k >>> (32 - r1));
+        k = Math.imul(k, c2);
+        h ^= k;
+        h = (h << r2) | (h >>> (32 - r2));
+        h = Math.imul(h, m) + n;
+        i += 4;
     }
-    return Math.abs(hash);
-}
-function encodeBase36(num) {
-    let result = '';
-    do {
-        result = chars[num % 36] + result;
-        num = Math.floor(num / 36);
-    } while (num > 0);
-    return result;
-}
-function getStartingChar(hash) {
-    const chars = 'abcdefghijklmnopqrstuvwxyz';
-    return chars[hash % chars.length];
+    let k = 0;
+    switch (len % 4) {
+        case 3:
+            k ^= (str.charCodeAt(i + 2) & 0xff) << 16;
+        case 2:
+            k ^= (str.charCodeAt(i + 1) & 0xff) << 8;
+        case 1:
+            k ^= str.charCodeAt(i) & 0xff;
+            k = Math.imul(k, c1);
+            k = (k << r1) | (k >>> (32 - r1));
+            k = Math.imul(k, c2);
+            h ^= k;
+    }
+    h ^= len;
+    h ^= h >>> 16;
+    h = Math.imul(h, 0x85ebca6b);
+    h ^= h >>> 13;
+    h = Math.imul(h, 0xc2b2ae35);
+    h ^= h >>> 16;
+    return h >>> 0;
 }
-function genBase36Hash(object, n) {
-    const serialized = JSON.stringify(object);
-    const hash = simpleHash(serialized);
-    let base36Hash = encodeBase36(hash);
-    const startingChar = getStartingChar(hash);
-    while (base36Hash.length < n - 1) {
-        base36Hash = chars[hash % chars.length] + base36Hash;
+function genBase36Hash(obj, seed, length) {
+    const normalized = JSON.stringify(obj, Object.keys(obj || {}).sort());
+    const hashValue = murmurhash3_32(normalized, seed);
+    const hashStr = hashValue.toString(36);
+    const firstChar = 'abcdefghijklmnopqrstuvwxyz'[hashValue % 26];
+    let result = firstChar + hashStr;
+    if (result.length > length) {
+        result = result.slice(0, length);
+    }
+    else if (result.length < length) {
+        const paddingNeeded = length - result.length;
+        const paddingChars = '0123456789abcdefghijklmnopqrstuvwxyz';
+        let paddingHash = hashValue;
+        for (let i = 0; i < paddingNeeded; i++) {
+            paddingHash = paddingHash * 1103515245 + 12345;
+            const paddingChar = paddingChars[Math.abs(paddingHash) % 36];
+            result += paddingChar;
+        }
     }
-    return startingChar + base36Hash.slice(0, n - 1);
+    return result;
 }

package/dist/cjs/utils/processor-atomic.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.splitAtomicAndNested = splitAtomicAndNested;
+exports.processAtomicProps = processAtomicProps;
+const index_js_1 = require("../index.js");
+function splitAtomicAndNested(obj, flat, nonFlat) {
+    Object.entries(obj).forEach(([property, value]) => {
+        if (property.startsWith(':') || property.startsWith('&')) {
+            nonFlat[property] = value;
+        }
+        else if (property.startsWith('@media') || property.startsWith('@container')) {
+            const innerFlat = {};
+            const innerNonFlat = {};
+            splitAtomicAndNested(value, innerFlat, innerNonFlat);
+            if (Object.keys(innerFlat).length)
+                flat[property] = innerFlat;
+            if (Object.keys(innerNonFlat).length)
+                nonFlat[property] = innerNonFlat;
+        }
+        else if (typeof value === 'object' && value !== null) {
+            flat[property] = value;
+        }
+        else {
+            flat[property] = value;
+        }
+    });
+}
+function processAtomicProps(flatProps, parentAtRule, atomicHashes, allStyleSheets) {
+    Object.entries(flatProps).forEach(([property, value]) => {
+        if (property.startsWith('@media') || property.startsWith('@container')) {
+            processAtomicProps(value, property);
+        }
+        else {
+            const CSSProp = (0, index_js_1.camelToKebabCase)(property);
+            const normalizedValue = (0, index_js_1.applyCssValue)(value, CSSProp);
+            const singlePropObj = { [property]: normalizedValue };
+            const atomicHash = (0, index_js_1.genBase36Hash)(singlePropObj, 1, 7);
+            atomicHashes?.push(atomicHash);
+            let styleSheet = (0, index_js_1.transpileAtomic)(property, value, atomicHash);
+            if (parentAtRule) {
+                styleSheet = `${parentAtRule} { ${styleSheet} }`;
+            }
+            allStyleSheets?.push(styleSheet);
+        }
+    });
+}

package/dist/cjs/utils/transpile-atomic.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transpileAtomic = transpileAtomic;
-const helper_1 = require("./helper");
+const helper_js_1 = require("./helper.js");
 function transpileAtomic(property, value, hash) {
     if (typeof value === 'string' || typeof value === 'number') {
-        const CSSProp = (0, helper_1.camelToKebabCase)(property);
-        const applyValue = (0, helper_1.applyCssValue)(value, CSSProp);
+        const CSSProp = (0, helper_js_1.camelToKebabCase)(property);
+        const applyValue = (0, helper_js_1.applyCssValue)(value, CSSProp);
         const atomicRule = `.${hash} { ${CSSProp}: ${applyValue}; }`;
         if (property.startsWith('@media') || property.startsWith('@container')) {
             return `${property} {\n  ${atomicRule}\n}\n`;

package/dist/esm/index.js

@@ -2,6 +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 { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { build } from './utils/build.js';
 export { camelToKebabCase, applyCssValue } from './utils/helper.js';
 export { injectClientCSS } from './utils/inject-client-css.js';

package/dist/esm/utils/hash.js

@@ -1,31 +1,62 @@
-const chars = 'abcdefghijklmnopqrstuvwxyz0123456789';
-function simpleHash(str) {
-    let hash = 0;
-    for (let i = 0; i < str.length; i++) {
-        const char = str.charCodeAt(i);
-        hash = (hash << 5) - hash + char;
+function murmurhash3_32(str, seed = 0) {
+    let h = seed;
+    const len = str.length;
+    const c1 = 0xcc9e2d51;
+    const c2 = 0x1b873593;
+    const r1 = 15;
+    const r2 = 13;
+    const m = 5;
+    const n = 0xe6546b64;
+    let i = 0;
+    while (i < len - 3) {
+        let k = (str.charCodeAt(i) & 0xff) | ((str.charCodeAt(i + 1) & 0xff) << 8) | ((str.charCodeAt(i + 2) & 0xff) << 16) | ((str.charCodeAt(i + 3) & 0xff) << 24);
+        k = Math.imul(k, c1);
+        k = (k << r1) | (k >>> (32 - r1));
+        k = Math.imul(k, c2);
+        h ^= k;
+        h = (h << r2) | (h >>> (32 - r2));
+        h = Math.imul(h, m) + n;
+        i += 4;
     }
-    return Math.abs(hash);
-}
-function encodeBase36(num) {
-    let result = '';
-    do {
-        result = chars[num % 36] + result;
-        num = Math.floor(num / 36);
-    } while (num > 0);
-    return result;
-}
-function getStartingChar(hash) {
-    const chars = 'abcdefghijklmnopqrstuvwxyz';
-    return chars[hash % chars.length];
+    let k = 0;
+    switch (len % 4) {
+        case 3:
+            k ^= (str.charCodeAt(i + 2) & 0xff) << 16;
+        case 2:
+            k ^= (str.charCodeAt(i + 1) & 0xff) << 8;
+        case 1:
+            k ^= str.charCodeAt(i) & 0xff;
+            k = Math.imul(k, c1);
+            k = (k << r1) | (k >>> (32 - r1));
+            k = Math.imul(k, c2);
+            h ^= k;
+    }
+    h ^= len;
+    h ^= h >>> 16;
+    h = Math.imul(h, 0x85ebca6b);
+    h ^= h >>> 13;
+    h = Math.imul(h, 0xc2b2ae35);
+    h ^= h >>> 16;
+    return h >>> 0;
 }
-export function genBase36Hash(object, n) {
-    const serialized = JSON.stringify(object);
-    const hash = simpleHash(serialized);
-    let base36Hash = encodeBase36(hash);
-    const startingChar = getStartingChar(hash);
-    while (base36Hash.length < n - 1) {
-        base36Hash = chars[hash % chars.length] + base36Hash;
+export function genBase36Hash(obj, seed, length) {
+    const normalized = JSON.stringify(obj, Object.keys(obj || {}).sort());
+    const hashValue = murmurhash3_32(normalized, seed);
+    const hashStr = hashValue.toString(36);
+    const firstChar = 'abcdefghijklmnopqrstuvwxyz'[hashValue % 26];
+    let result = firstChar + hashStr;
+    if (result.length > length) {
+        result = result.slice(0, length);
+    }
+    else if (result.length < length) {
+        const paddingNeeded = length - result.length;
+        const paddingChars = '0123456789abcdefghijklmnopqrstuvwxyz';
+        let paddingHash = hashValue;
+        for (let i = 0; i < paddingNeeded; i++) {
+            paddingHash = paddingHash * 1103515245 + 12345;
+            const paddingChar = paddingChars[Math.abs(paddingHash) % 36];
+            result += paddingChar;
+        }
     }
-    return startingChar + base36Hash.slice(0, n - 1);
+    return result;
 }

package/dist/esm/utils/processor-atomic.js

@@ -0,0 +1,43 @@
+import { camelToKebabCase, genBase36Hash, applyCssValue, transpileAtomic } from '../index.js';
+function splitAtomicAndNested(obj, flat, nonFlat) {
+    Object.entries(obj).forEach(([property, value]) => {
+        if (property.startsWith(':') || property.startsWith('&')) {
+            nonFlat[property] = value;
+        }
+        else if (property.startsWith('@media') || property.startsWith('@container')) {
+            const innerFlat = {};
+            const innerNonFlat = {};
+            splitAtomicAndNested(value, innerFlat, innerNonFlat);
+            if (Object.keys(innerFlat).length)
+                flat[property] = innerFlat;
+            if (Object.keys(innerNonFlat).length)
+                nonFlat[property] = innerNonFlat;
+        }
+        else if (typeof value === 'object' && value !== null) {
+            flat[property] = value;
+        }
+        else {
+            flat[property] = value;
+        }
+    });
+}
+function processAtomicProps(flatProps, parentAtRule, atomicHashes, allStyleSheets) {
+    Object.entries(flatProps).forEach(([property, value]) => {
+        if (property.startsWith('@media') || property.startsWith('@container')) {
+            processAtomicProps(value, property);
+        }
+        else {
+            const CSSProp = camelToKebabCase(property);
+            const normalizedValue = applyCssValue(value, CSSProp);
+            const singlePropObj = { [property]: normalizedValue };
+            const atomicHash = genBase36Hash(singlePropObj, 1, 7);
+            atomicHashes?.push(atomicHash);
+            let styleSheet = transpileAtomic(property, value, atomicHash);
+            if (parentAtRule) {
+                styleSheet = `${parentAtRule} { ${styleSheet} }`;
+            }
+            allStyleSheets?.push(styleSheet);
+        }
+    });
+}
+export { splitAtomicAndNested, processAtomicProps };

package/dist/esm/utils/transpile-atomic.js

@@ -1,4 +1,4 @@
-import { applyCssValue, camelToKebabCase } from './helper';
+import { applyCssValue, camelToKebabCase } from './helper.js';
 function transpileAtomic(property, value, hash) {
     if (typeof value === 'string' || typeof value === 'number') {
         const CSSProp = camelToKebabCase(property);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.50",
+  "version": "0.2.52",
   "description": "Zero-runtime StyleSheet Engine",
   "keywords": [
     "zero-runtime",

package/types/index.d.ts

@@ -7,6 +7,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 { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { build } from './utils/build.js';
 export { camelToKebabCase, applyCssValue } from './utils/helper.js';
 export { injectClientCSS } from './utils/inject-client-css.js';

package/types/utils/hash.d.ts

@@ -1,2 +1 @@
-import { CreateStyle, CreateKeyframes, CSSProperties } from '../index.js';
-export declare function genBase36Hash(object: CreateStyle | CSSProperties | CreateKeyframes, n: number): string;
+export declare function genBase36Hash(obj: {}, seed: number, length: number): string;

package/types/utils/processor-atomic.d.ts

@@ -0,0 +1,4 @@
+import type { CSSProperties, CreateStyle } from '../index.js';
+declare function splitAtomicAndNested(obj: CSSProperties, flat: CreateStyle, nonFlat: CreateStyle): void;
+declare function processAtomicProps(flatProps: Record<string, unknown>, parentAtRule?: string, atomicHashes?: string[], allStyleSheets?: string[]): void;
+export { splitAtomicAndNested, processAtomicProps };