zss-engine 0.2.90 → 0.2.92

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.processAtomicProps = exports.splitAtomicAndNested = exports.transpileAtomic = exports.transpile = exports.genBase36Hash = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
+exports.isHashInStyleSheets = exports.injectClientGlobalCSS = exports.injectClientQuery = exports.injectClientCSS = exports.applyCssValue = exports.camelToKebabCase = exports.build = exports.SHORTHAND_PROPERTIES = 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; } });
@@ -14,6 +14,8 @@ Object.defineProperty(exports, "transpileAtomic", { enumerable: true, get: funct
 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 shorthand_js_1 = require("./utils/shorthand.js");
+Object.defineProperty(exports, "SHORTHAND_PROPERTIES", { enumerable: true, get: function () { return shorthand_js_1.SHORTHAND_PROPERTIES; } });
 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

@@ -16,7 +16,7 @@ function deepNormalize(obj) {
     const pairs = keys.map(key => `"${key}":${deepNormalize(recordObj[key])}`);
     return '{' + pairs.join(',') + '}';
 }
-function murmurhash3_32(str, seed = 0) {
+function murmurhash3_32(str, seed) {
     let h = seed;
     const len = str.length;
     const c1 = 0xcc9e2d51;

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

@@ -18,9 +18,6 @@ function splitAtomicAndNested(obj, flat, nonFlat) {
             if (Object.keys(innerNonFlat).length)
                 nonFlat[property] = innerNonFlat;
         }
-        else if (typeof value === 'object' && value !== null) {
-            flat[property] = value;
-        }
         else {
             flat[property] = value;
         }
@@ -33,32 +30,13 @@ Object.entries(shorthand_js_1.SHORTHAND_PROPERTIES).forEach(([shorthand, longhan
     });
 });
 function processAtomicProps(flatProps, atomicHashes, allStyleSheets, parentAtRule) {
-    const seen = new Set();
     const resultQueue = [];
     for (const [property, value] of Object.entries(flatProps)) {
         if (property.startsWith('@media') || property.startsWith('@container')) {
             processAtomicProps(value, atomicHashes, allStyleSheets, property);
             continue;
         }
-        const kebab = (0, index_js_1.camelToKebabCase)(property);
-        if (shorthand_js_1.SHORTHAND_PROPERTIES[kebab]) {
-            const longhands = shorthand_js_1.SHORTHAND_PROPERTIES[kebab];
-            longhands.forEach(l => seen.delete(l));
-            seen.add(kebab);
-            resultQueue.push([property, value]);
-        }
-        else if (kebab in LONG_TO_SHORT) {
-            const shorthand = LONG_TO_SHORT[kebab];
-            if (seen.has(shorthand)) {
-                continue;
-            }
-            seen.add(kebab);
-            resultQueue.push([property, value]);
-        }
-        else {
-            seen.add(kebab);
-            resultQueue.push([property, value]);
-        }
+        resultQueue.push([property, value]);
     }
     for (const [property, value] of resultQueue) {
         const CSSProp = (0, index_js_1.camelToKebabCase)(property);

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

@@ -2,11 +2,17 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transpileAtomic = transpileAtomic;
 const helper_js_1 = require("./helper.js");
+const shorthand_js_1 = require("./shorthand.js");
+const ALL_LONGHANDS = new Set(Object.values(shorthand_js_1.SHORTHAND_PROPERTIES).flat());
 function transpileAtomic(property, value, hash) {
     if (typeof value === 'string' || typeof value === 'number') {
         const CSSProp = (0, helper_js_1.camelToKebabCase)(property);
         const applyValue = (0, helper_js_1.applyCssValue)(value, CSSProp);
-        const atomicRule = `.${hash} { ${CSSProp}: ${applyValue}; }`;
+        let selector = `.${hash}`;
+        if (ALL_LONGHANDS.has(CSSProp)) {
+            selector += ':not(#\\#)';
+        }
+        const atomicRule = `${selector} { ${CSSProp}: ${applyValue}; }`;
         if (property.startsWith('@media') || property.startsWith('@container')) {
             return `${property} { ${atomicRule} }`;
         }

package/dist/cjs/utils/transpile.js

@@ -31,13 +31,11 @@ function transpile(object, base36Hash, core) {
         return core === '--global' ? property : `.${base36Hash}`;
     };
     const rules = (indent, rulesValue, property) => {
-        if (typeof property !== 'string')
-            return '';
         const value = rulesValue[property];
         const cssProp = (0, helper_js_1.camelToKebabCase)(property);
         return `${indent}${cssProp}: ${value};\n`;
     };
-    const stringConverter = (className, properties, indentLevel = 0) => {
+    const stringConverter = (className, properties, indentLevel) => {
         const classSelector = {};
         const indent = ''.repeat(indentLevel);
         const innerIndent = ' '.repeat(indentLevel + 1);

package/dist/esm/index.js

@@ -3,6 +3,7 @@ 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 { SHORTHAND_PROPERTIES } from './utils/shorthand.js';
 export { build } from './utils/build.js';
 export { camelToKebabCase, applyCssValue } from './utils/helper.js';
 export { injectClientCSS, injectClientQuery } from './utils/inject-client-css.js';

package/dist/esm/utils/hash.js

@@ -13,7 +13,7 @@ function deepNormalize(obj) {
     const pairs = keys.map(key => `"${key}":${deepNormalize(recordObj[key])}`);
     return '{' + pairs.join(',') + '}';
 }
-function murmurhash3_32(str, seed = 0) {
+function murmurhash3_32(str, seed) {
     let h = seed;
     const len = str.length;
     const c1 = 0xcc9e2d51;

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

@@ -14,9 +14,6 @@ function splitAtomicAndNested(obj, flat, nonFlat) {
             if (Object.keys(innerNonFlat).length)
                 nonFlat[property] = innerNonFlat;
         }
-        else if (typeof value === 'object' && value !== null) {
-            flat[property] = value;
-        }
         else {
             flat[property] = value;
         }
@@ -29,32 +26,13 @@ Object.entries(SHORTHAND_PROPERTIES).forEach(([shorthand, longhands]) => {
     });
 });
 function processAtomicProps(flatProps, atomicHashes, allStyleSheets, parentAtRule) {
-    const seen = new Set();
     const resultQueue = [];
     for (const [property, value] of Object.entries(flatProps)) {
         if (property.startsWith('@media') || property.startsWith('@container')) {
             processAtomicProps(value, atomicHashes, allStyleSheets, property);
             continue;
         }
-        const kebab = camelToKebabCase(property);
-        if (SHORTHAND_PROPERTIES[kebab]) {
-            const longhands = SHORTHAND_PROPERTIES[kebab];
-            longhands.forEach(l => seen.delete(l));
-            seen.add(kebab);
-            resultQueue.push([property, value]);
-        }
-        else if (kebab in LONG_TO_SHORT) {
-            const shorthand = LONG_TO_SHORT[kebab];
-            if (seen.has(shorthand)) {
-                continue;
-            }
-            seen.add(kebab);
-            resultQueue.push([property, value]);
-        }
-        else {
-            seen.add(kebab);
-            resultQueue.push([property, value]);
-        }
+        resultQueue.push([property, value]);
     }
     for (const [property, value] of resultQueue) {
         const CSSProp = camelToKebabCase(property);

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

@@ -1,9 +1,15 @@
 import { applyCssValue, camelToKebabCase } from './helper.js';
+import { SHORTHAND_PROPERTIES } from './shorthand.js';
+const ALL_LONGHANDS = new Set(Object.values(SHORTHAND_PROPERTIES).flat());
 function transpileAtomic(property, value, hash) {
     if (typeof value === 'string' || typeof value === 'number') {
         const CSSProp = camelToKebabCase(property);
         const applyValue = applyCssValue(value, CSSProp);
-        const atomicRule = `.${hash} { ${CSSProp}: ${applyValue}; }`;
+        let selector = `.${hash}`;
+        if (ALL_LONGHANDS.has(CSSProp)) {
+            selector += ':not(#\\#)';
+        }
+        const atomicRule = `${selector} { ${CSSProp}: ${applyValue}; }`;
         if (property.startsWith('@media') || property.startsWith('@container')) {
             return `${property} { ${atomicRule} }`;
         }

package/dist/esm/utils/transpile.js

@@ -28,13 +28,11 @@ export function transpile(object, base36Hash, core) {
         return core === '--global' ? property : `.${base36Hash}`;
     };
     const rules = (indent, rulesValue, property) => {
-        if (typeof property !== 'string')
-            return '';
         const value = rulesValue[property];
         const cssProp = camelToKebabCase(property);
         return `${indent}${cssProp}: ${value};\n`;
     };
-    const stringConverter = (className, properties, indentLevel = 0) => {
+    const stringConverter = (className, properties, indentLevel) => {
         const classSelector = {};
         const indent = ''.repeat(indentLevel);
         const innerIndent = ' '.repeat(indentLevel + 1);

package/dist/types/index.d.ts

@@ -8,6 +8,7 @@ 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 { SHORTHAND_PROPERTIES } from './utils/shorthand.js';
 export { build } from './utils/build.js';
 export { camelToKebabCase, applyCssValue } from './utils/helper.js';
 export { injectClientCSS, injectClientQuery } from './utils/inject-client-css.js';

package/dist/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: CreateStyle, atomicHashes: Set<string>, allStyleSheets: Set<string>, parentAtRule?: string): void;
+declare function processAtomicProps(flatProps: CSSProperties, atomicHashes: Set<string>, allStyleSheets: Set<string>, parentAtRule?: string): void;
 export { splitAtomicAndNested, processAtomicProps };

package/package.json

@@ -1,16 +1,25 @@
 {
   "name": "zss-engine",
-  "version": "0.2.90",
+  "version": "0.2.92",
   "description": "Zero-runtime StyleSheet Engine",
+  "funding": "https://github.com/sponsors/refirst11",
+  "author": "Refirst 11",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zss-in-js/zss-engine.git",
+    "directory": "packages/core"
+  },
+  "bugs": {
+    "url": "https://github.com/zss-in-js/zss-engine/issues"
+  },
   "keywords": [
     "zero-runtime",
     "stylesheet",
+    "atomic",
     "engine",
     "css-in-js"
   ],
-  "author": "Refirst",
-  "repository": "github:zss-in-js/zss-engine",
-  "license": "MIT",
   "sideEffects": false,
   "exports": {
     "./package.json": "./package.json",
@@ -30,18 +39,18 @@
     "build": "rimraf dist && pnpm esm && pnpm cjs",
     "cjs": "tsc --project tsconfig.cjs.json",
     "esm": "tsc --project tsconfig.esm.json",
-    "test": "jest"
+    "test": "jest --coverage"
   },
   "dependencies": {
     "csstype": "3.1.3"
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.13.10",
+    "@types/node": "^22.18.10",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "rimraf": "^6.0.1",
-    "ts-jest": "^29.2.6",
-    "typescript": "^5.8.2"
+    "ts-jest": "^29.4.5",
+    "typescript": "^5.9.3"
   }
 }

package/readme.md

@@ -0,0 +1,7 @@
+[![codecov](https://codecov.io/github/zss-in-js/zss-engine/graph/badge.svg?token=4TGC0PMCAL)](https://codecov.io/github/zss-in-js/zss-engine)
+
+> Zero-runtime StyleSheet Engine
+
+## License
+
+[MIT](https://github.com/zss-in-js/zss-engine/blob/main/license) License © 2023-PRESENT [Refirst 11](https://github.com/refirst11)