zss-engine 0.2.8 → 0.2.10

package/dist/build-12x-B3dvmUcg.mjs

@@ -0,0 +1,52 @@
+'use server';
+import __node_cjsModule from 'node:module';
+
+const isWindowDefined = typeof window !== 'undefined';
+const isDocumentDefined = typeof document !== 'undefined';
+const isServer = !isWindowDefined || !isDocumentDefined;
+const isDevelopment = process.env.NODE_ENV === 'development';
+const isDevAndTest = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
+const isDevServer = isDevelopment && isServer;
+const exception = [
+    'line-height',
+    'font-weight',
+    'opacity',
+    'scale',
+    'z-index',
+    'column-count',
+    'order',
+    'orphans',
+    'widows'
+];
+const applyCssValue = (value, cssProp)=>{
+    if (typeof value === 'number') {
+        return exception.includes(cssProp) ? value.toString() : value + 'px';
+    }
+    return value;
+};
+const camelToKebabCase = (property)=>{
+    return property.replace(/([A-Z])/g, '-$1').toLowerCase();
+};
+
+const require = __node_cjsModule.createRequire(import.meta.url);
+
+const build = async (styleSheet, filePath, global)=>{
+    if (!isServer) return;
+    const fs = require('fs');
+    const { styleText } = require('util');
+    const message = global === '--global' ? styleText('underline', `✅Generated global CSS\n\n`) : styleText('underline', `✅Generated create CSS\n\n`);
+    try {
+        if (fs.existsSync(filePath)) {
+            const cssData = fs.readFileSync(filePath, 'utf-8');
+            if (!cssData.includes(styleSheet)) {
+                fs.appendFileSync(filePath, styleSheet, 'utf-8');
+                if (process.argv.includes('--log')) console.log(message + styleSheet);
+            }
+        }
+        return;
+    } catch (error) {
+        console.error('Error writing to file:', error);
+    }
+};
+
+export { applyCssValue as a, build as b, camelToKebabCase as c, isDevelopment as d, isDevAndTest as e, isDevServer as f, isServer as i };

package/dist/build-12x-C7vH1H69.js

@@ -0,0 +1,54 @@
+'use server';
+const isWindowDefined = typeof window !== 'undefined';
+const isDocumentDefined = typeof document !== 'undefined';
+const isServer = !isWindowDefined || !isDocumentDefined;
+const isDevelopment = process.env.NODE_ENV === 'development';
+const isDevAndTest = process.env.NODE_ENV === 'development' || process.env.NODE_ENV === 'test';
+const isDevServer = isDevelopment && isServer;
+const exception = [
+    'line-height',
+    'font-weight',
+    'opacity',
+    'scale',
+    'z-index',
+    'column-count',
+    'order',
+    'orphans',
+    'widows'
+];
+const applyCssValue = (value, cssProp)=>{
+    if (typeof value === 'number') {
+        return exception.includes(cssProp) ? value.toString() : value + 'px';
+    }
+    return value;
+};
+const camelToKebabCase = (property)=>{
+    return property.replace(/([A-Z])/g, '-$1').toLowerCase();
+};
+
+const build = async (styleSheet, filePath, global)=>{
+    if (!isServer) return;
+    const fs = require('fs');
+    const { styleText } = require('util');
+    const message = global === '--global' ? styleText('underline', `✅Generated global CSS\n\n`) : styleText('underline', `✅Generated create CSS\n\n`);
+    try {
+        if (fs.existsSync(filePath)) {
+            const cssData = fs.readFileSync(filePath, 'utf-8');
+            if (!cssData.includes(styleSheet)) {
+                fs.appendFileSync(filePath, styleSheet, 'utf-8');
+                if (process.argv.includes('--log')) console.log(message + styleSheet);
+            }
+        }
+        return;
+    } catch (error) {
+        console.error('Error writing to file:', error);
+    }
+};
+
+exports.applyCssValue = applyCssValue;
+exports.build = build;
+exports.camelToKebabCase = camelToKebabCase;
+exports.isDevAndTest = isDevAndTest;
+exports.isDevServer = isDevServer;
+exports.isDevelopment = isDevelopment;
+exports.isServer = isServer;

package/dist/index.js

@@ -1,32 +1,238 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var build12x = require('./build-12x-C7vH1H69.js');
+
+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;
     }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+    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];
+}
+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;
+    }
+    return startingChar + base36Hash.slice(0, n - 1);
+}
+
+const styleSheets$1 = {};
+const hashCache = {};
+function createStyleElement(hash) {
+    if (document.getElementById(hash)) return null;
+    const styleElement = document.createElement('style');
+    styleElement.setAttribute('id', hash);
+    styleElement.setAttribute('type', 'text/css');
+    styleSheets$1[hash] = styleElement;
+    document.head.appendChild(styleElement);
+    return styleSheets$1[hash];
+}
+function injectClientCSS(hash, sheet) {
+    if (build12x.isServer) return;
+    requestAnimationFrame(()=>{
+        styleCleanUp();
+    });
+    hashCache[hash] = hash;
+    const styleElement = createStyleElement(hash);
+    if (styleElement == null) return;
+    styleElement.textContent = sheet;
+}
+function styleCleanUp() {
+    requestAnimationFrame(()=>{
+        for(const hash in hashCache){
+            const classElements = document.querySelectorAll(`[class*="${hash}"]`);
+            if (classElements.length === 0) {
+                removeStyleElement(hashCache[hash]);
+            }
+        }
+    });
+}
+function removeStyleElement(hash) {
+    if (styleSheets$1[hash]) {
+        delete styleSheets$1[hash];
+        if (hashCache.hasOwnProperty.call(hashCache, hash)) {
+            delete hashCache[hash];
+        }
+        const styleElement = document.getElementById(hash);
+        if (styleElement) {
+            document.head.removeChild(styleElement);
+        }
+    }
+}
+
+function injectClientGlobalCSS(sheet, scoped) {
+    if (build12x.isServer) return;
+    const existingStyleElement = document.querySelector(`[data-scope="${scoped}"]`);
+    if (existingStyleElement instanceof HTMLStyleElement) {
+        existingStyleElement.textContent += sheet;
+        return;
+    }
+    const styleElement = document.createElement('style');
+    styleElement.setAttribute('data-scope', scoped);
+    styleElement.setAttribute('type', 'text/css');
+    styleElement.textContent = sheet;
+    document.head.appendChild(styleElement);
+}
+
+const styleSheets = {};
+function injectServerCSS(hash, sheet) {
+    styleSheets[hash] = sheet;
+}
+function getServerCSS() {
+    return Object.values(styleSheets).join('\n');
+}
+
+const createKeyframes = (property, content)=>{
+    let keyframesRules = `${property} {\n`;
+    for(const key in content){
+        if (Object.prototype.hasOwnProperty.call(content, key)) {
+            const keyframeValue = content[key];
+            keyframesRules += `  ${key} {\n`;
+            for(const prop in keyframeValue){
+                if (Object.prototype.hasOwnProperty.call(keyframeValue, prop)) {
+                    const CSSProp = build12x.camelToKebabCase(prop);
+                    const value = keyframeValue[prop];
+                    if (typeof value === 'string' || typeof value === 'number') {
+                        const applyValue = build12x.applyCssValue(value, CSSProp);
+                        keyframesRules += `    ${CSSProp}: ${applyValue};\n`;
+                    }
+                }
+            }
+            keyframesRules += `  }\n`;
+        }
+    }
+    keyframesRules += `}\n`;
+    return keyframesRules;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transpiler = exports.build = exports.getServerCSS = exports.injectServerCSS = exports.injectClientGlobalCSS = exports.injectClientCSS = exports.genBase36Hash = void 0;
-__exportStar(require("./types"), exports);
-__exportStar(require("./utils/helper"), exports);
-var hash_1 = require("./utils/hash");
-Object.defineProperty(exports, "genBase36Hash", { enumerable: true, get: function () { return hash_1.genBase36Hash; } });
-var inject_client_css_1 = require("./utils/inject-client-css");
-Object.defineProperty(exports, "injectClientCSS", { enumerable: true, get: function () { return inject_client_css_1.injectClientCSS; } });
-var inject_client_global_css_1 = require("./utils/inject-client-global-css");
-Object.defineProperty(exports, "injectClientGlobalCSS", { enumerable: true, get: function () { return inject_client_global_css_1.injectClientGlobalCSS; } });
-var inject_server_css_1 = require("./utils/inject-server-css");
-Object.defineProperty(exports, "injectServerCSS", { enumerable: true, get: function () { return inject_server_css_1.injectServerCSS; } });
-Object.defineProperty(exports, "getServerCSS", { enumerable: true, get: function () { return inject_server_css_1.getServerCSS; } });
-var build_1 = require("./utils/build");
-Object.defineProperty(exports, "build", { enumerable: true, get: function () { return build_1.build; } });
-var transpiler_1 = require("./utils/transpiler");
-Object.defineProperty(exports, "transpiler", { enumerable: true, get: function () { return transpiler_1.transpiler; } });
+function transpiler(object, base36Hash, core) {
+    let styleSheet = '';
+    const mediaQueries = [];
+    const classNameType = (property)=>{
+        return core === '--global' ? property : `.${property}_${base36Hash}`;
+    };
+    const rules = (indent, rulesValue, property)=>{
+        if (typeof property !== 'string') return '';
+        const value = rulesValue[property];
+        const cssProp = build12x.camelToKebabCase(property);
+        return `${indent}${cssProp}: ${value};\n`;
+    };
+    const stringConverter = (className, properties, indentLevel = 0)=>{
+        const classSelector = {};
+        const indent = ''.repeat(indentLevel);
+        const innerIndent = ' '.repeat(indentLevel + 1);
+        let cssRule = '';
+        for(const property in properties){
+            if (Object.prototype.hasOwnProperty.call(properties, property)) {
+                const value = properties[property];
+                if (typeof value === 'string' || typeof value === 'number') {
+                    let CSSProp = build12x.camelToKebabCase(property);
+                    if (property.startsWith('ms')) {
+                        CSSProp = `-${CSSProp}`;
+                    }
+                    const applyValue = build12x.applyCssValue(value, CSSProp);
+                    cssRule += `  ${CSSProp}: ${applyValue};\n`;
+                } else if (!property.startsWith('@')) {
+                    const kebabPseudoSelector = build12x.camelToKebabCase(property.replace('&', ''));
+                    const styles = stringConverter(className + kebabPseudoSelector, value, indentLevel);
+                    Object.assign(classSelector, styles);
+                } else if (property.startsWith('@media') || property.startsWith('@container')) {
+                    const mediaRule = property;
+                    let nestedRules = '';
+                    let regularRules = '';
+                    for(const mediaProp in value){
+                        if (Object.prototype.hasOwnProperty.call(value, mediaProp)) {
+                            const mediaValue = value[mediaProp];
+                            const isColon = mediaProp.startsWith(':');
+                            const isAnd = mediaProp.startsWith('&');
+                            if (isColon || isAnd) {
+                                const kebabMediaProp = build12x.camelToKebabCase(mediaProp.replace('&', ''));
+                                let pseudoClassRule = '';
+                                if (typeof mediaValue === 'object' && mediaValue !== null) {
+                                    for(const pseudoProp in mediaValue){
+                                        if (Object.prototype.hasOwnProperty.call(mediaValue, pseudoProp)) {
+                                            const CSSProp = build12x.camelToKebabCase(pseudoProp);
+                                            const applyValue = build12x.applyCssValue(mediaValue[pseudoProp], CSSProp);
+                                            pseudoClassRule += rules(innerIndent + '  ', {
+                                                [pseudoProp]: applyValue
+                                            }, pseudoProp);
+                                        }
+                                    }
+                                }
+                                nestedRules += `${innerIndent}${className}${kebabMediaProp} {\n${pseudoClassRule}${innerIndent}}\n`;
+                            } else {
+                                const CSSProp = build12x.camelToKebabCase(mediaProp);
+                                const applyValue = build12x.applyCssValue(mediaValue, CSSProp);
+                                regularRules += rules(innerIndent + '  ', {
+                                    [mediaProp]: applyValue
+                                }, mediaProp);
+                            }
+                        }
+                    }
+                    if (regularRules) {
+                        mediaQueries.push({
+                            media: mediaRule,
+                            css: `${mediaRule} {\n${innerIndent}${className} {\n${regularRules}  }\n${nestedRules}${indent}}${indent}\n`
+                        });
+                    } else {
+                        mediaQueries.push({
+                            media: mediaRule,
+                            css: `${mediaRule} {\n${nestedRules}${indent}}\n`
+                        });
+                    }
+                }
+            }
+        }
+        classSelector[className] = cssRule;
+        return classSelector;
+    };
+    for(const property in object){
+        if (property.startsWith('@keyframes')) {
+            const keyframesContent = object[property];
+            styleSheet += createKeyframes(property, keyframesContent);
+        }
+        const classSelectors = stringConverter(classNameType(property), object[property], 1);
+        for(const selector in classSelectors){
+            if (!selector.startsWith('@keyframes') && classSelectors[selector]) {
+                styleSheet += selector + ' {\n' + classSelectors[selector] + '}\n';
+            }
+        }
+    }
+    mediaQueries.forEach(({ css })=>{
+        styleSheet += css;
+    });
+    return {
+        styleSheet
+    };
+}
+
+exports.applyCssValue = build12x.applyCssValue;
+exports.build = build12x.build;
+exports.camelToKebabCase = build12x.camelToKebabCase;
+exports.isDevAndTest = build12x.isDevAndTest;
+exports.isDevServer = build12x.isDevServer;
+exports.isDevelopment = build12x.isDevelopment;
+exports.isServer = build12x.isServer;
+exports.genBase36Hash = genBase36Hash;
+exports.getServerCSS = getServerCSS;
+exports.injectClientCSS = injectClientCSS;
+exports.injectClientGlobalCSS = injectClientGlobalCSS;
+exports.injectServerCSS = injectServerCSS;
+exports.transpiler = transpiler;

package/dist/index.mjs

@@ -1,8 +1,225 @@
-export * from './types';
-export * from './utils/helper';
-export { genBase36Hash } from './utils/hash';
-export { injectClientCSS } from './utils/inject-client-css';
-export { injectClientGlobalCSS } from './utils/inject-client-global-css';
-export { injectServerCSS, getServerCSS } from './utils/inject-server-css';
-export { build } from './utils/build';
-export { transpiler } from './utils/transpiler';
+import { i as isServer, c as camelToKebabCase, a as applyCssValue } from './build-12x-B3dvmUcg.mjs';
+export { b as build, e as isDevAndTest, f as isDevServer, d as isDevelopment } from './build-12x-B3dvmUcg.mjs';
+
+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;
+    }
+    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];
+}
+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;
+    }
+    return startingChar + base36Hash.slice(0, n - 1);
+}
+
+const styleSheets$1 = {};
+const hashCache = {};
+function createStyleElement(hash) {
+    if (document.getElementById(hash)) return null;
+    const styleElement = document.createElement('style');
+    styleElement.setAttribute('id', hash);
+    styleElement.setAttribute('type', 'text/css');
+    styleSheets$1[hash] = styleElement;
+    document.head.appendChild(styleElement);
+    return styleSheets$1[hash];
+}
+function injectClientCSS(hash, sheet) {
+    if (isServer) return;
+    requestAnimationFrame(()=>{
+        styleCleanUp();
+    });
+    hashCache[hash] = hash;
+    const styleElement = createStyleElement(hash);
+    if (styleElement == null) return;
+    styleElement.textContent = sheet;
+}
+function styleCleanUp() {
+    requestAnimationFrame(()=>{
+        for(const hash in hashCache){
+            const classElements = document.querySelectorAll(`[class*="${hash}"]`);
+            if (classElements.length === 0) {
+                removeStyleElement(hashCache[hash]);
+            }
+        }
+    });
+}
+function removeStyleElement(hash) {
+    if (styleSheets$1[hash]) {
+        delete styleSheets$1[hash];
+        if (hashCache.hasOwnProperty.call(hashCache, hash)) {
+            delete hashCache[hash];
+        }
+        const styleElement = document.getElementById(hash);
+        if (styleElement) {
+            document.head.removeChild(styleElement);
+        }
+    }
+}
+
+function injectClientGlobalCSS(sheet, scoped) {
+    if (isServer) return;
+    const existingStyleElement = document.querySelector(`[data-scope="${scoped}"]`);
+    if (existingStyleElement instanceof HTMLStyleElement) {
+        existingStyleElement.textContent += sheet;
+        return;
+    }
+    const styleElement = document.createElement('style');
+    styleElement.setAttribute('data-scope', scoped);
+    styleElement.setAttribute('type', 'text/css');
+    styleElement.textContent = sheet;
+    document.head.appendChild(styleElement);
+}
+
+const styleSheets = {};
+function injectServerCSS(hash, sheet) {
+    styleSheets[hash] = sheet;
+}
+function getServerCSS() {
+    return Object.values(styleSheets).join('\n');
+}
+
+const createKeyframes = (property, content)=>{
+    let keyframesRules = `${property} {\n`;
+    for(const key in content){
+        if (Object.prototype.hasOwnProperty.call(content, key)) {
+            const keyframeValue = content[key];
+            keyframesRules += `  ${key} {\n`;
+            for(const prop in keyframeValue){
+                if (Object.prototype.hasOwnProperty.call(keyframeValue, prop)) {
+                    const CSSProp = camelToKebabCase(prop);
+                    const value = keyframeValue[prop];
+                    if (typeof value === 'string' || typeof value === 'number') {
+                        const applyValue = applyCssValue(value, CSSProp);
+                        keyframesRules += `    ${CSSProp}: ${applyValue};\n`;
+                    }
+                }
+            }
+            keyframesRules += `  }\n`;
+        }
+    }
+    keyframesRules += `}\n`;
+    return keyframesRules;
+};
+function transpiler(object, base36Hash, core) {
+    let styleSheet = '';
+    const mediaQueries = [];
+    const classNameType = (property)=>{
+        return core === '--global' ? property : `.${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 classSelector = {};
+        const indent = ''.repeat(indentLevel);
+        const innerIndent = ' '.repeat(indentLevel + 1);
+        let cssRule = '';
+        for(const property in properties){
+            if (Object.prototype.hasOwnProperty.call(properties, property)) {
+                const value = properties[property];
+                if (typeof value === 'string' || typeof value === 'number') {
+                    let CSSProp = camelToKebabCase(property);
+                    if (property.startsWith('ms')) {
+                        CSSProp = `-${CSSProp}`;
+                    }
+                    const applyValue = applyCssValue(value, CSSProp);
+                    cssRule += `  ${CSSProp}: ${applyValue};\n`;
+                } else if (!property.startsWith('@')) {
+                    const kebabPseudoSelector = camelToKebabCase(property.replace('&', ''));
+                    const styles = stringConverter(className + kebabPseudoSelector, value, indentLevel);
+                    Object.assign(classSelector, styles);
+                } else if (property.startsWith('@media') || property.startsWith('@container')) {
+                    const mediaRule = property;
+                    let nestedRules = '';
+                    let regularRules = '';
+                    for(const mediaProp in value){
+                        if (Object.prototype.hasOwnProperty.call(value, mediaProp)) {
+                            const mediaValue = value[mediaProp];
+                            const isColon = mediaProp.startsWith(':');
+                            const isAnd = mediaProp.startsWith('&');
+                            if (isColon || isAnd) {
+                                const kebabMediaProp = camelToKebabCase(mediaProp.replace('&', ''));
+                                let pseudoClassRule = '';
+                                if (typeof mediaValue === 'object' && mediaValue !== null) {
+                                    for(const pseudoProp in mediaValue){
+                                        if (Object.prototype.hasOwnProperty.call(mediaValue, pseudoProp)) {
+                                            const CSSProp = camelToKebabCase(pseudoProp);
+                                            const applyValue = applyCssValue(mediaValue[pseudoProp], CSSProp);
+                                            pseudoClassRule += rules(innerIndent + '  ', {
+                                                [pseudoProp]: applyValue
+                                            }, pseudoProp);
+                                        }
+                                    }
+                                }
+                                nestedRules += `${innerIndent}${className}${kebabMediaProp} {\n${pseudoClassRule}${innerIndent}}\n`;
+                            } else {
+                                const CSSProp = camelToKebabCase(mediaProp);
+                                const applyValue = applyCssValue(mediaValue, CSSProp);
+                                regularRules += rules(innerIndent + '  ', {
+                                    [mediaProp]: applyValue
+                                }, mediaProp);
+                            }
+                        }
+                    }
+                    if (regularRules) {
+                        mediaQueries.push({
+                            media: mediaRule,
+                            css: `${mediaRule} {\n${innerIndent}${className} {\n${regularRules}  }\n${nestedRules}${indent}}${indent}\n`
+                        });
+                    } else {
+                        mediaQueries.push({
+                            media: mediaRule,
+                            css: `${mediaRule} {\n${nestedRules}${indent}}\n`
+                        });
+                    }
+                }
+            }
+        }
+        classSelector[className] = cssRule;
+        return classSelector;
+    };
+    for(const property in object){
+        if (property.startsWith('@keyframes')) {
+            const keyframesContent = object[property];
+            styleSheet += createKeyframes(property, keyframesContent);
+        }
+        const classSelectors = stringConverter(classNameType(property), object[property], 1);
+        for(const selector in classSelectors){
+            if (!selector.startsWith('@keyframes') && classSelectors[selector]) {
+                styleSheet += selector + ' {\n' + classSelectors[selector] + '}\n';
+            }
+        }
+    }
+    mediaQueries.forEach(({ css })=>{
+        styleSheet += css;
+    });
+    return {
+        styleSheet
+    };
+}
+
+export { applyCssValue, camelToKebabCase, genBase36Hash, getServerCSS, injectClientCSS, injectClientGlobalCSS, injectServerCSS, isServer, transpiler };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.8",
+  "version": "0.2.10",
   "description": "Zero-runtime Style Sheet Engine",
   "keywords": [
     "zero-runtime",
@@ -23,10 +23,12 @@
   "main": "dist/index.js",
   "module": "dist/index.mjs",
   "types": "types/index.d.ts",
+  "files": [
+    "dist/",
+    "types/"
+  ],
   "scripts": {
-    "build": "shx rm -rf dist types && pnpm esm && pnpm cjs",
-    "cjs": "tsc --project tsconfig.cjs.json",
-    "esm": "tsc --project tsconfig.esm.json && node build.esm.js",
+    "build": "rimraf dist types && bunchee",
     "test": "jest"
   },
   "dependencies": {
@@ -34,12 +36,12 @@
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
-    "@types/node": "^22.8.5",
-    "fast-glob": "^3.3.3",
+    "@types/node": "^22.13.10",
+    "bunchee": "^6.4.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "shx": "^0.3.4",
+    "rimraf": "^6.0.1",
     "ts-jest": "^29.2.6",
-    "typescript": "^5.6.3"
+    "typescript": "^5.8.2"
   }
 }