zss-engine 0.2.38 → 0.2.40

package/dist/index.mjs

@@ -1,247 +0,0 @@
-//#region src/utils/helper.ts
-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 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) => {
-	if (/^(ms|Moz|Webkit)/.test(property)) property = "-" + property;
-	return property.replace(/([A-Z]+)([0-9]+)/g, "$1$2").replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z])/g, "$1-$2").toLowerCase();
-};
-
-//#endregion
-//#region src/utils/hash.ts
-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$1 = "abcdefghijklmnopqrstuvwxyz";
-	return chars$1[hash % chars$1.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);
-}
-
-//#endregion
-//#region src/utils/transpiler.ts
-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 };
-}
-
-//#endregion
-//#region src/utils/build.ts
-const build = async (styleSheet, filePath, global) => {
-	if (!isServer) return;
-	const fs = await import("fs");
-	const { styleText } = await import("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("--view")) console.log(message + styleSheet);
-			}
-		}
-		return;
-	} catch (error) {
-		console.error("Error writing to file:", error);
-	}
-};
-
-//#endregion
-//#region src/utils/inject-client-css.ts
-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);
-	}
-}
-
-//#endregion
-//#region src/utils/inject-client-global-css.ts
-function injectClientGlobalCSS(sheet) {
-	if (isServer) return;
-	const existingStyleElement = document.querySelector(`[data-scope="global"]`);
-	if (existingStyleElement instanceof HTMLStyleElement) {
-		existingStyleElement.textContent += sheet;
-		return;
-	}
-	const styleElement = document.createElement("style");
-	styleElement.setAttribute("data-scope", "global");
-	styleElement.setAttribute("type", "text/css");
-	styleElement.textContent = sheet;
-	document.head.appendChild(styleElement);
-}
-
-//#endregion
-//#region src/utils/inject-server-css.ts
-const styleSheets = {};
-function injectServerCSS(hash, sheet) {
-	styleSheets[hash] = sheet;
-}
-function getServerCSS() {
-	return Object.values(styleSheets).join("\n");
-}
-
-//#endregion
-export { build, camelToKebabCase, genBase36Hash, getServerCSS, injectClientCSS, injectClientGlobalCSS, injectServerCSS, isDevAndTest, isDevelopment, isServer, transpiler };