zss-engine 0.2.19 → 0.2.21

package/dist/cjs/index.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getServerCSS = exports.injectServerCSS = exports.injectClientGlobalCSS = exports.injectClientCSS = exports.build = exports.transpiler = exports.genBase36Hash = exports.isDevAndTest = 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; } });
+Object.defineProperty(exports, "isDevAndTest", { enumerable: true, get: function () { return helper_js_1.isDevAndTest; } });
+var hash_js_1 = require("./utils/hash.js");
+Object.defineProperty(exports, "genBase36Hash", { enumerable: true, get: function () { return hash_js_1.genBase36Hash; } });
+var transpiler_js_1 = require("./utils/transpiler.js");
+Object.defineProperty(exports, "transpiler", { enumerable: true, get: function () { return transpiler_js_1.transpiler; } });
+var build_js_1 = require("./utils/build.js");
+Object.defineProperty(exports, "build", { enumerable: true, get: function () { return build_js_1.build; } });
+var inject_client_css_js_1 = require("./utils/inject-client-css.js");
+Object.defineProperty(exports, "injectClientCSS", { enumerable: true, get: function () { return inject_client_css_js_1.injectClientCSS; } });
+var inject_client_global_css_js_1 = require("./utils/inject-client-global-css.js");
+Object.defineProperty(exports, "injectClientGlobalCSS", { enumerable: true, get: function () { return inject_client_global_css_js_1.injectClientGlobalCSS; } });
+var inject_server_css_js_1 = require("./utils/inject-server-css.js");
+Object.defineProperty(exports, "injectServerCSS", { enumerable: true, get: function () { return inject_server_css_js_1.injectServerCSS; } });
+Object.defineProperty(exports, "getServerCSS", { enumerable: true, get: function () { return inject_server_css_js_1.getServerCSS; } });

package/dist/{utils → cjs/utils}/build.js

@@ -2,9 +2,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.build = void 0;
-const helper_1 = require("./helper");
+const helper_js_1 = require("./helper.js");
 const build = async (styleSheet, filePath, global) => {
-    if (!helper_1.isServer)
+    if (!helper_js_1.isServer)
         return;
     const fs = require('fs');
     const { styleText } = require('util');

package/dist/{utils → cjs/utils}/inject-client-css.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createStyleElement = createStyleElement;
 exports.injectClientCSS = injectClientCSS;
-const __1 = require("..");
+const index_js_1 = require("../index.js");
 const styleSheets = {};
 const hashCache = {};
 function createStyleElement(hash) {
@@ -16,7 +16,7 @@ function createStyleElement(hash) {
     return styleSheets[hash];
 }
 function injectClientCSS(hash, sheet) {
-    if (__1.isServer)
+    if (index_js_1.isServer)
         return;
     requestAnimationFrame(() => {
         styleCleanUp();

package/dist/{utils → cjs/utils}/inject-client-global-css.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.injectClientGlobalCSS = injectClientGlobalCSS;
-const __1 = require("..");
+const index_js_1 = require("../index.js");
 function injectClientGlobalCSS(sheet, scoped) {
-    if (__1.isServer)
+    if (index_js_1.isServer)
         return;
     const existingStyleElement = document.querySelector(`[data-scope="${scoped}"]`);
     if (existingStyleElement instanceof HTMLStyleElement) {

package/dist/{utils → cjs/utils}/transpiler.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transpiler = transpiler;
-const helper_1 = require("./helper");
+const helper_js_1 = require("./helper.js");
 const createKeyframes = (property, content) => {
     let keyframesRules = `${property} {\n`;
     for (const key in content) {
@@ -10,10 +10,10 @@ const createKeyframes = (property, content) => {
             keyframesRules += `  ${key} {\n`;
             for (const prop in keyframeValue) {
                 if (Object.prototype.hasOwnProperty.call(keyframeValue, prop)) {
-                    const CSSProp = (0, helper_1.camelToKebabCase)(prop);
+                    const CSSProp = (0, helper_js_1.camelToKebabCase)(prop);
                     const value = keyframeValue[prop];
                     if (typeof value === 'string' || typeof value === 'number') {
-                        const applyValue = (0, helper_1.applyCssValue)(value, CSSProp);
+                        const applyValue = (0, helper_js_1.applyCssValue)(value, CSSProp);
                         keyframesRules += `    ${CSSProp}: ${applyValue};\n`;
                     }
                 }
@@ -34,7 +34,7 @@ function transpiler(object, base36Hash, core) {
         if (typeof property !== 'string')
             return '';
         const value = rulesValue[property];
-        const cssProp = (0, helper_1.camelToKebabCase)(property);
+        const cssProp = (0, helper_js_1.camelToKebabCase)(property);
         return `${indent}${cssProp}: ${value};\n`;
     };
     const stringConverter = (className, properties, indentLevel = 0) => {
@@ -46,15 +46,15 @@ function transpiler(object, base36Hash, core) {
             if (Object.prototype.hasOwnProperty.call(properties, property)) {
                 const value = properties[property];
                 if (typeof value === 'string' || typeof value === 'number') {
-                    let CSSProp = (0, helper_1.camelToKebabCase)(property);
+                    let CSSProp = (0, helper_js_1.camelToKebabCase)(property);
                     if (property.startsWith('ms')) {
                         CSSProp = `-${CSSProp}`;
                     }
-                    const applyValue = (0, helper_1.applyCssValue)(value, CSSProp);
+                    const applyValue = (0, helper_js_1.applyCssValue)(value, CSSProp);
                     cssRule += `  ${CSSProp}: ${applyValue};\n`;
                 }
                 else if (!property.startsWith('@')) {
-                    const kebabPseudoSelector = (0, helper_1.camelToKebabCase)(property.replace('&', ''));
+                    const kebabPseudoSelector = (0, helper_js_1.camelToKebabCase)(property.replace('&', ''));
                     const styles = stringConverter(className + kebabPseudoSelector, value, indentLevel);
                     Object.assign(classSelector, styles);
                 }
@@ -68,13 +68,13 @@ function transpiler(object, base36Hash, core) {
                             const isColon = mediaProp.startsWith(':');
                             const isAnd = mediaProp.startsWith('&');
                             if (isColon || isAnd) {
-                                const kebabMediaProp = (0, helper_1.camelToKebabCase)(mediaProp.replace('&', ''));
+                                const kebabMediaProp = (0, helper_js_1.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 = (0, helper_1.camelToKebabCase)(pseudoProp);
-                                            const applyValue = (0, helper_1.applyCssValue)(mediaValue[pseudoProp], CSSProp);
+                                            const CSSProp = (0, helper_js_1.camelToKebabCase)(pseudoProp);
+                                            const applyValue = (0, helper_js_1.applyCssValue)(mediaValue[pseudoProp], CSSProp);
                                             pseudoClassRule += rules(innerIndent + '  ', { [pseudoProp]: applyValue }, pseudoProp);
                                         }
                                     }
@@ -82,8 +82,8 @@ function transpiler(object, base36Hash, core) {
                                 nestedRules += `${innerIndent}${className}${kebabMediaProp} {\n${pseudoClassRule}${innerIndent}}\n`;
                             }
                             else {
-                                const CSSProp = (0, helper_1.camelToKebabCase)(mediaProp);
-                                const applyValue = (0, helper_1.applyCssValue)(mediaValue, CSSProp);
+                                const CSSProp = (0, helper_js_1.camelToKebabCase)(mediaProp);
+                                const applyValue = (0, helper_js_1.applyCssValue)(mediaValue, CSSProp);
                                 regularRules += rules(innerIndent + '  ', { [mediaProp]: applyValue }, mediaProp);
                             }
                         }

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+export { isServer, isDevelopment, isDevAndTest } from './utils/helper.js';
+export { genBase36Hash } from './utils/hash.js';
+export { transpiler } from './utils/transpiler.js';
+export { build } from './utils/build.js';
+export { injectClientCSS } from './utils/inject-client-css.js';
+export { injectClientGlobalCSS } from './utils/inject-client-global-css.js';
+export { injectServerCSS, getServerCSS } from './utils/inject-server-css.js';

package/dist/{utils/build.mjs → esm/utils/build.js}

@@ -1,4 +1,4 @@
-import { isServer } from './helper';
+import { isServer } from './helper.js';
 export const build = async (styleSheet, filePath, global) => {
     if (!isServer)
         return;

package/dist/{utils/inject-client-css.mjs → esm/utils/inject-client-css.js}

@@ -1,4 +1,4 @@
-import { isServer } from '..';
+import { isServer } from '../index.js';
 const styleSheets = {};
 const hashCache = {};
 export function createStyleElement(hash) {

package/dist/{utils/inject-client-global-css.mjs → esm/utils/inject-client-global-css.js}

@@ -1,4 +1,4 @@
-import { isServer } from '..';
+import { isServer } from '../index.js';
 export function injectClientGlobalCSS(sheet, scoped) {
     if (isServer)
         return;

package/dist/{utils/transpiler.mjs → esm/utils/transpiler.js}

@@ -1,4 +1,4 @@
-import { camelToKebabCase, applyCssValue } from './helper';
+import { camelToKebabCase, applyCssValue } from './helper.js';
 const createKeyframes = (property, content) => {
     let keyframesRules = `${property} {\n`;
     for (const key in content) {

package/{types → dist/types}/index.d.ts

@@ -2,10 +2,10 @@ export type { CustomProperties } from './types/common/css-properties';
 export type { CreateStyle, ClassesStyle, ReturnType } from './types/main/create';
 export type { KeyframesDefinition, CustomHTMLType } from './types/main/global';
 export type { VarsDefinition, VarsTransformed } from './types/main/vars';
-export { isServer, isDevelopment, isDevAndTest } from './utils/helper';
-export { genBase36Hash } from './utils/hash';
-export { transpiler } from './utils/transpiler';
-export { build } from './utils/build';
-export { injectClientCSS } from './utils/inject-client-css';
-export { injectClientGlobalCSS } from './utils/inject-client-global-css';
-export { injectServerCSS, getServerCSS } from './utils/inject-server-css';
+export { isServer, isDevelopment, isDevAndTest } from './utils/helper.js';
+export { genBase36Hash } from './utils/hash.js';
+export { transpiler } from './utils/transpiler.js';
+export { build } from './utils/build.js';
+export { injectClientCSS } from './utils/inject-client-css.js';
+export { injectClientGlobalCSS } from './utils/inject-client-global-css.js';
+export { injectServerCSS, getServerCSS } from './utils/inject-server-css.js';

package/{types → dist/types}/utils/hash.d.ts

@@ -1,2 +1,2 @@
-import { ClassesStyle, KeyframesDefinition, VarsDefinition } from '..';
+import { ClassesStyle, KeyframesDefinition, VarsDefinition } from '../index.js';
 export declare function genBase36Hash(object: ClassesStyle | KeyframesDefinition | VarsDefinition, n: number): string;

package/{types → dist/types}/utils/transpiler.d.ts

@@ -1,4 +1,4 @@
-import type { ClassesStyle, CustomHTMLType, VarsDefinition } from '../index';
+import type { ClassesStyle, CustomHTMLType, VarsDefinition } from '../index.js';
 export declare function transpiler(object: ClassesStyle | CustomHTMLType | VarsDefinition, base36Hash?: string, core?: string): {
     styleSheet: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zss-engine",
-  "version": "0.2.19",
+  "version": "0.2.21",
   "description": "Zero-runtime Style Sheet Engine",
   "keywords": [
     "zero-runtime",
@@ -15,22 +15,22 @@
   "exports": {
     "./package.json": "./package.json",
     ".": {
-      "types": "./types/index.d.ts",
-      "import": "./dist/index.mjs",
-      "default": "./dist/index.js"
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "default": "./dist/cjs/index.js"
     }
   },
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "types/index.d.ts",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
   "files": [
-    "dist/",
-    "types/"
+    "dist/"
   ],
   "scripts": {
-    "build": "rimraf dist types && pnpm esm && pnpm cjs",
+    "build": "rimraf dist && pnpm esm && pnpm cjs && pnpm use:remove",
     "cjs": "tsc --project tsconfig.cjs.json",
-    "esm": "tsc --project tsconfig.esm.json && node esm.create.mjs",
+    "esm": "tsc --project tsconfig.esm.json",
+    "use:remove": "node ./use-directive.mjs",
     "test": "jest"
   },
   "dependencies": {
@@ -39,7 +39,6 @@
   "devDependencies": {
     "@types/jest": "^29.5.14",
     "@types/node": "^22.13.10",
-    "fast-glob": "^3.3.3",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "rimraf": "^6.0.1",

package/dist/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getServerCSS = exports.injectServerCSS = exports.injectClientGlobalCSS = exports.injectClientCSS = exports.build = exports.transpiler = exports.genBase36Hash = exports.isDevAndTest = exports.isDevelopment = exports.isServer = void 0;
-var helper_1 = require("./utils/helper");
-Object.defineProperty(exports, "isServer", { enumerable: true, get: function () { return helper_1.isServer; } });
-Object.defineProperty(exports, "isDevelopment", { enumerable: true, get: function () { return helper_1.isDevelopment; } });
-Object.defineProperty(exports, "isDevAndTest", { enumerable: true, get: function () { return helper_1.isDevAndTest; } });
-var hash_1 = require("./utils/hash");
-Object.defineProperty(exports, "genBase36Hash", { enumerable: true, get: function () { return hash_1.genBase36Hash; } });
-var transpiler_1 = require("./utils/transpiler");
-Object.defineProperty(exports, "transpiler", { enumerable: true, get: function () { return transpiler_1.transpiler; } });
-var build_1 = require("./utils/build");
-Object.defineProperty(exports, "build", { enumerable: true, get: function () { return build_1.build; } });
-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; } });

package/dist/index.mjs

@@ -1,7 +0,0 @@
-export { isServer, isDevelopment, isDevAndTest } from './utils/helper';
-export { genBase36Hash } from './utils/hash';
-export { transpiler } from './utils/transpiler';
-export { build } from './utils/build';
-export { injectClientCSS } from './utils/inject-client-css';
-export { injectClientGlobalCSS } from './utils/inject-client-global-css';
-export { injectServerCSS, getServerCSS } from './utils/inject-server-css';