zss-engine 2.2.3 → 2.2.5

package/dist/cjs/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.applyCssValue = exports.camelToKebabCase = exports.build = exports.overrideLonghand = exports.processAtomicProps = exports.splitAtomicAndNested = exports.transpileAtomic = exports.transpile = exports.genBase36Hash = exports.isTestingDevelopment = exports.isDevelopment = exports.isServer = void 0;
+exports.applyCssValue = exports.camelToKebabCase = exports.overrideLonghand = 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; } });
@@ -16,8 +16,6 @@ Object.defineProperty(exports, "splitAtomicAndNested", { enumerable: true, get:
 Object.defineProperty(exports, "processAtomicProps", { enumerable: true, get: function () { return processor_atomic_js_1.processAtomicProps; } });
 var override_longhand_js_1 = require("./utils/override-longhand.js");
 Object.defineProperty(exports, "overrideLonghand", { enumerable: true, get: function () { return override_longhand_js_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");
 Object.defineProperty(exports, "camelToKebabCase", { enumerable: true, get: function () { return helper_js_2.camelToKebabCase; } });
 Object.defineProperty(exports, "applyCssValue", { enumerable: true, get: function () { return helper_js_2.applyCssValue; } });

package/dist/cjs/utils/transpile.js

@@ -37,7 +37,6 @@ function transpile(object, base36Hash, core) {
     };
     const stringConverter = (className, properties, indentLevel) => {
         const classSelector = {};
-        const indent = ''.repeat(indentLevel);
         const innerIndent = ' '.repeat(indentLevel + 1);
         let cssRule = '';
         for (const property in properties) {
@@ -89,13 +88,13 @@ function transpile(object, base36Hash, core) {
                     if (regularRules) {
                         mediaQueries.push({
                             media: mediaRule,
-                            css: `${mediaRule} {\n${innerIndent}${className} {\n${regularRules}  }\n${nestedRules}${indent}}${indent}\n`,
+                            css: `${mediaRule} {\n${innerIndent}${className} {\n${regularRules}  }\n${nestedRules}}\n`,
                         });
                     }
                     else {
                         mediaQueries.push({
                             media: mediaRule,
-                            css: `${mediaRule} {\n${nestedRules}${indent}}\n`,
+                            css: `${mediaRule} {\n${nestedRules}}\n`,
                         });
                     }
                 }

package/dist/esm/index.js

@@ -4,5 +4,4 @@ export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { overrideLonghand } from './utils/override-longhand.js';
-export { build } from './utils/build.js';
 export { camelToKebabCase, applyCssValue } from './utils/helper.js';

package/dist/esm/utils/transpile.js

@@ -34,7 +34,6 @@ export function transpile(object, base36Hash, core) {
     };
     const stringConverter = (className, properties, indentLevel) => {
         const classSelector = {};
-        const indent = ''.repeat(indentLevel);
         const innerIndent = ' '.repeat(indentLevel + 1);
         let cssRule = '';
         for (const property in properties) {
@@ -86,13 +85,13 @@ export function transpile(object, base36Hash, core) {
                     if (regularRules) {
                         mediaQueries.push({
                             media: mediaRule,
-                            css: `${mediaRule} {\n${innerIndent}${className} {\n${regularRules}  }\n${nestedRules}${indent}}${indent}\n`,
+                            css: `${mediaRule} {\n${innerIndent}${className} {\n${regularRules}  }\n${nestedRules}}\n`,
                         });
                     }
                     else {
                         mediaQueries.push({
                             media: mediaRule,
-                            css: `${mediaRule} {\n${nestedRules}${indent}}\n`,
+                            css: `${mediaRule} {\n${nestedRules}}\n`,
                         });
                     }
                 }

package/dist/types/index.d.ts

@@ -1,7 +1,6 @@
 export type { CSSProperties } from './types/common/css-properties';
-export type { CreateStyleType, ReturnType, CreateStyle } from './types/main/create';
-export type { CSSHTML, Keyframes } from './types/main/global';
-export type { CreateStatic, CreateTheme, ReturnVariableType, Styles } from './types/main/variableTypes';
+export type { CreateStyle } from './types/main/create';
+export type { CreateTheme } from './types/main/variableTypes';
 export type { ViewTransition } from './types/main/viewTransition';
 export { isServer, isDevelopment, isTestingDevelopment } from './utils/helper.js';
 export { genBase36Hash } from './utils/hash.js';
@@ -9,5 +8,4 @@ export { transpile } from './utils/transpile.js';
 export { transpileAtomic } from './utils/transpile-atomic.js';
 export { splitAtomicAndNested, processAtomicProps } from './utils/processor-atomic.js';
 export { overrideLonghand } from './utils/override-longhand.js';
-export { build } from './utils/build.js';
 export { camelToKebabCase, applyCssValue } from './utils/helper.js';

package/dist/types/types/main/create.d.ts

@@ -1,16 +1,4 @@
 import type { CSSProperties } from '../common/css-properties';
-export type CreateStyleType<T> = {
-    readonly [K in keyof T]: T[K] extends CSSProperties ? CSSProperties : T[K];
-};
 export type CreateStyle = {
     [key: string]: CSSProperties;
 };
-type Selector<Properties> = {
-    readonly properties: Properties;
-};
-export type ReturnType<T> = {
-    [K in keyof T]: Readonly<{
-        [P in keyof T[K]]: P extends `@media ${string}` | `@container ${string}` | `:${string}` | `&${string}` ? Selector<keyof T[K][P]> : T[K][P];
-    }>;
-};
-export {};

package/dist/types/types/main/variableTypes.d.ts

@@ -3,12 +3,5 @@ export type CSSVariableValue = `var(${CSSVariableKey})`;
 export type CSSVariableProperty = {
     [key: CSSVariableKey]: string | number;
 };
-export type CreateStatic = Record<string, string | number>;
 export type CreateTheme = Record<string, Record<string, string | number>>;
-export type ReturnVariableType<T> = {
-    [K in keyof T]: CSSVariableValue;
-};
-export type Styles = {
-    [key: CSSVariableKey]: string;
-};
 export {};

package/dist/types/utils/transpile.d.ts

@@ -1,4 +1,4 @@
-import type { CSSHTML } from '../index.js';
+import type { CSSHTML } from '../types/main/global.js';
 export declare function transpile(object: CSSHTML, base36Hash?: string, core?: string): {
     styleSheet: string;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "zss-engine",
-  "version": "2.2.3",
-  "description": "Zero-runtime StyleSheet Engine",
+  "version": "2.2.5",
+  "description": "A CSS-in-JS transpiler engine for building zero-runtime stylesheets at build time.",
   "funding": "https://github.com/sponsors/refirst11",
   "author": "Refirst 11",
   "license": "MIT",
@@ -13,11 +13,18 @@
     "url": "https://github.com/zss-in-js/zss-engine/issues"
   },
   "keywords": [
-    "zero-runtime",
     "stylesheet",
+    "transpiler",
     "atomic",
+    "atomic-css",
+    "semantic",
+    "wyw-in-js",
     "engine",
-    "css-in-js"
+    "zero-runtime",
+    "css-in-js",
+    "hash",
+    "codegen",
+    "compiler"
   ],
   "sideEffects": false,
   "exports": {

package/readme.md

@@ -1,6 +1,10 @@
 [![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
+# zss-engine
+
+A CSS-in-JS transpiler engine for building zero-runtime stylesheets at build time.
+
+> Powers the build pipeline of [@plumeria/core](https://github.com/zss-in-js/plumeria)
 
 ## License
 

package/dist/cjs/utils/build.js

@@ -1,28 +0,0 @@
-'use server';
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.build = void 0;
-const helper_js_1 = require("./helper.js");
-const build = async (styleSheet, filePath) => {
-    if (!helper_js_1.isServer)
-        return;
-    const fs = await import('fs');
-    try {
-        if (fs.existsSync(filePath)) {
-            const css = fs.readFileSync(filePath, 'utf-8');
-            if (!css.includes(styleSheet)) {
-                fs.appendFileSync(filePath, styleSheet, 'utf-8');
-                if (process.argv.includes('--view')) {
-                    const { styleText } = await import('util');
-                    const line = styleText('gray', '─'.repeat(60));
-                    console.log('\n' + styleText(['green', 'bold'], '✓ extract...') + '\n\n' + styleText('cyan', styleSheet) + '\n' + line);
-                }
-            }
-        }
-        return;
-    }
-    catch (error) {
-        console.error('Error writing to file:', error);
-    }
-};
-exports.build = build;

package/dist/esm/utils/build.js

@@ -1,24 +0,0 @@
-'use server';
-import { isServer } from './helper.js';
-export const build = async (styleSheet, filePath) => {
-    if (!isServer)
-        return;
-    const fs = await import('fs');
-    try {
-        if (fs.existsSync(filePath)) {
-            const css = fs.readFileSync(filePath, 'utf-8');
-            if (!css.includes(styleSheet)) {
-                fs.appendFileSync(filePath, styleSheet, 'utf-8');
-                if (process.argv.includes('--view')) {
-                    const { styleText } = await import('util');
-                    const line = styleText('gray', '─'.repeat(60));
-                    console.log('\n' + styleText(['green', 'bold'], '✓ extract...') + '\n\n' + styleText('cyan', styleSheet) + '\n' + line);
-                }
-            }
-        }
-        return;
-    }
-    catch (error) {
-        console.error('Error writing to file:', error);
-    }
-};

package/dist/types/utils/build.d.ts

@@ -1 +0,0 @@
-export declare const build: (styleSheet: string, filePath: string) => Promise<void>;