zss-engine 0.2.51 → 0.2.53

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

@@ -25,22 +25,22 @@ function splitAtomicAndNested(obj, flat, nonFlat) {
         }
     });
 }
-function processAtomicProps(flatProps, parentAtRule, atomicHashes, allStyleSheets) {
+function processAtomicProps(flatProps, atomicHashes, allStyleSheets, parentAtRule) {
     Object.entries(flatProps).forEach(([property, value]) => {
         if (property.startsWith('@media') || property.startsWith('@container')) {
-            processAtomicProps(value, property);
+            processAtomicProps(value, atomicHashes, allStyleSheets, 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, 6);
-            atomicHashes?.push(atomicHash);
+            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);
+            allStyleSheets.push(styleSheet);
         }
     });
 }

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

@@ -21,22 +21,22 @@ function splitAtomicAndNested(obj, flat, nonFlat) {
         }
     });
 }
-function processAtomicProps(flatProps, parentAtRule, atomicHashes, allStyleSheets) {
+function processAtomicProps(flatProps, atomicHashes, allStyleSheets, parentAtRule) {
     Object.entries(flatProps).forEach(([property, value]) => {
         if (property.startsWith('@media') || property.startsWith('@container')) {
-            processAtomicProps(value, property);
+            processAtomicProps(value, atomicHashes, allStyleSheets, property);
         }
         else {
             const CSSProp = camelToKebabCase(property);
             const normalizedValue = applyCssValue(value, CSSProp);
             const singlePropObj = { [property]: normalizedValue };
-            const atomicHash = genBase36Hash(singlePropObj, 6);
-            atomicHashes?.push(atomicHash);
+            const atomicHash = genBase36Hash(singlePropObj, 1, 7);
+            atomicHashes.push(atomicHash);
             let styleSheet = transpileAtomic(property, value, atomicHash);
             if (parentAtRule) {
                 styleSheet = `${parentAtRule} { ${styleSheet} }`;
             }
-            allStyleSheets?.push(styleSheet);
+            allStyleSheets.push(styleSheet);
         }
     });
 }

package/package.json

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

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

@@ -1,4 +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;
+declare function processAtomicProps(flatProps: Record<string, unknown>, atomicHashes: string[], allStyleSheets: string[], parentAtRule?: string): void;
 export { splitAtomicAndNested, processAtomicProps };