zss-engine 0.2.10 → 0.2.11

package/dist/index.js

@@ -1,238 +1,32 @@
-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;
+"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]; } };
     }
-    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(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);
 };
-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;
+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; } });

package/dist/index.mjs

@@ -1,225 +1,8 @@
-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 };
+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';

package/dist/types/common/css-properties.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/common/css-properties.mjs

@@ -0,0 +1 @@
+export {};

package/dist/types/common/css-property.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/common/css-property.mjs

@@ -0,0 +1 @@
+export {};

package/dist/types/index.js

@@ -0,0 +1,21 @@
+"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(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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./common/css-properties"), exports);
+__exportStar(require("./common/css-property"), exports);
+__exportStar(require("./main/create"), exports);
+__exportStar(require("./main/global"), exports);
+__exportStar(require("./main/vars"), exports);

package/dist/types/index.mjs

@@ -0,0 +1,5 @@
+export * from './common/css-properties';
+export * from './common/css-property';
+export * from './main/create';
+export * from './main/global';
+export * from './main/vars';

package/dist/types/main/create.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/main/create.mjs

@@ -0,0 +1 @@
+export {};

package/dist/types/main/global.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/main/global.mjs

@@ -0,0 +1 @@
+export {};

package/dist/types/main/vars.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/main/vars.mjs

@@ -0,0 +1 @@
+export {};

package/dist/utils/build.js

@@ -0,0 +1,27 @@
+'use server';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.build = void 0;
+const helper_1 = require("./helper");
+const build = async (styleSheet, filePath, global) => {
+    if (!helper_1.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.build = build;

package/dist/utils/build.mjs

@@ -0,0 +1,23 @@
+'use server';
+import { isServer } from './helper';
+export 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);
+    }
+};

package/dist/utils/hash.js

@@ -0,0 +1,34 @@
+"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;
+    }
+    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);
+}