zss-engine 0.2.94 → 0.2.95

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.LONG_TO_SHORT = exports.SHORTHAND_PROPERTIES = 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.overrideLonghand = exports.LONG_TO_SHORT = 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; } });
@@ -17,6 +17,8 @@ Object.defineProperty(exports, "processAtomicProps", { enumerable: true, get: fu
 var shorthand_js_1 = require("./utils/shorthand.js");
 Object.defineProperty(exports, "SHORTHAND_PROPERTIES", { enumerable: true, get: function () { return shorthand_js_1.SHORTHAND_PROPERTIES; } });
 Object.defineProperty(exports, "LONG_TO_SHORT", { enumerable: true, get: function () { return shorthand_js_1.LONG_TO_SHORT; } });
+var override_longhand_1 = require("./utils/override-longhand");
+Object.defineProperty(exports, "overrideLonghand", { enumerable: true, get: function () { return override_longhand_1.overrideLonghand; } });
 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/override-longhand.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.overrideLonghand = void 0;
+const __1 = require("..");
+const overrideLonghand = (style) => {
+    const props = Object.keys(style);
+    const propsToRemove = new Set();
+    const plainProps = [];
+    for (let i = 0; i < props.length; i++) {
+        if (!props[i].startsWith('@')) {
+            plainProps.push({ key: props[i], index: i });
+        }
+    }
+    const shorthandsInStyle = {};
+    for (const { key, index } of plainProps) {
+        const kebab = (0, __1.camelToKebabCase)(key);
+        if (__1.SHORTHAND_PROPERTIES[kebab]) {
+            shorthandsInStyle[kebab] = index;
+        }
+    }
+    for (const { key, index } of plainProps) {
+        const kebab = (0, __1.camelToKebabCase)(key);
+        if (!__1.SHORTHAND_PROPERTIES[kebab]) {
+            const longhands = __1.LONG_TO_SHORT[kebab] || [];
+            for (const shorthand of longhands) {
+                if (shorthandsInStyle[shorthand] > index) {
+                    propsToRemove.add(key);
+                    break;
+                }
+            }
+        }
+    }
+    const finalStyle = {};
+    for (const prop of props) {
+        if (propsToRemove.has(prop)) {
+            continue;
+        }
+        if (prop.startsWith('@')) {
+            finalStyle[prop] = (0, exports.overrideLonghand)(style[prop]);
+        }
+        else {
+            finalStyle[prop] = style[prop];
+        }
+    }
+    return finalStyle;
+};
+exports.overrideLonghand = overrideLonghand;

package/dist/esm/index.js

@@ -4,6 +4,7 @@ export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { SHORTHAND_PROPERTIES, LONG_TO_SHORT } from './utils/shorthand.js';
+export { overrideLonghand } from './utils/override-longhand';
 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/override-longhand.js

@@ -0,0 +1,43 @@
+import { camelToKebabCase, LONG_TO_SHORT, SHORTHAND_PROPERTIES } from '..';
+export const overrideLonghand = (style) => {
+    const props = Object.keys(style);
+    const propsToRemove = new Set();
+    const plainProps = [];
+    for (let i = 0; i < props.length; i++) {
+        if (!props[i].startsWith('@')) {
+            plainProps.push({ key: props[i], index: i });
+        }
+    }
+    const shorthandsInStyle = {};
+    for (const { key, index } of plainProps) {
+        const kebab = camelToKebabCase(key);
+        if (SHORTHAND_PROPERTIES[kebab]) {
+            shorthandsInStyle[kebab] = index;
+        }
+    }
+    for (const { key, index } of plainProps) {
+        const kebab = camelToKebabCase(key);
+        if (!SHORTHAND_PROPERTIES[kebab]) {
+            const longhands = LONG_TO_SHORT[kebab] || [];
+            for (const shorthand of longhands) {
+                if (shorthandsInStyle[shorthand] > index) {
+                    propsToRemove.add(key);
+                    break;
+                }
+            }
+        }
+    }
+    const finalStyle = {};
+    for (const prop of props) {
+        if (propsToRemove.has(prop)) {
+            continue;
+        }
+        if (prop.startsWith('@')) {
+            finalStyle[prop] = overrideLonghand(style[prop]);
+        }
+        else {
+            finalStyle[prop] = style[prop];
+        }
+    }
+    return finalStyle;
+};

package/dist/types/index.d.ts

@@ -9,6 +9,7 @@ export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { SHORTHAND_PROPERTIES, LONG_TO_SHORT } from './utils/shorthand.js';
+export { overrideLonghand } from './utils/override-longhand';
 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/override-longhand.d.ts

@@ -0,0 +1,2 @@
+import { CreateStyle } from '..';
+export declare const overrideLonghand: (style: CreateStyle) => CreateStyle;

package/package.json

@@ -1,14 +1,13 @@
 {
   "name": "zss-engine",
-  "version": "0.2.94",
+  "version": "0.2.95",
   "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"
+    "url": "git+https://github.com/zss-in-js/zss-engine.git"
   },
   "bugs": {
     "url": "https://github.com/zss-in-js/zss-engine/issues"