zss-engine 0.2.10 → 0.2.12

package/types/types/common/css-properties.d.ts

@@ -0,0 +1,46 @@
+import type { CSSVariableValue } from '../main/vars';
+import type { Properties, Property } from 'csstype';
+type ColorValue = Exclude<Property.Color, '-moz-initial'> | (string & {});
+type CSSColorProperty = Exclude<ColorValue, SystemColorKeyword>;
+type SystemColorKeyword = 'ActiveBorder' | 'ActiveCaption' | 'AppWorkspace' | 'Background' | 'ButtonFace' | 'ButtonHighlight' | 'ButtonShadow' | 'ButtonText' | 'CaptionText' | 'GrayText' | 'Highlight' | 'HighlightText' | 'InactiveBorder' | 'InactiveCaption' | 'InactiveCaptionText' | 'InfoBackground' | 'InfoText' | 'Menu' | 'MenuText' | 'Scrollbar' | 'ThreeDDarkShadow' | 'ThreeDFace' | 'ThreeDHighlight' | 'ThreeDLightShadow' | 'ThreeDShadow' | 'Window' | 'WindowFrame' | 'WindowText';
+type ExcludeMozInitial<T> = Exclude<T, '-moz-initial'>;
+type CSSTypeProperties = Properties<number | (string & {})>;
+type CSSProperties = {
+    [K in keyof CSSTypeProperties]: ExcludeMozInitial<CSSTypeProperties[K]>;
+};
+type BaseCSSProperties = {
+    [K in keyof CSSProperties]: CSSProperties[K] | CSSVariableValue;
+};
+interface CommonProperties extends BaseCSSProperties {
+    accentColor?: CSSColorProperty;
+    color?: CSSColorProperty;
+    borderLeftColor?: CSSColorProperty;
+    borderRightColor?: CSSColorProperty;
+    borderTopColor?: CSSColorProperty;
+    borderBottomColor?: CSSColorProperty;
+    borderBlockColor?: CSSColorProperty;
+    borderBlockStartColor?: CSSColorProperty;
+    borderBlockEndColor?: CSSColorProperty;
+    borderInlineColor?: CSSColorProperty;
+    borderInlineStartColor?: CSSColorProperty;
+    borderInlineEndColor?: CSSColorProperty;
+    backgroundColor?: CSSColorProperty;
+    outlineColor?: CSSColorProperty;
+    textDecorationColor?: CSSColorProperty;
+    caretColor?: CSSColorProperty;
+    columnRuleColor?: CSSColorProperty;
+}
+type AndString = `&${string}`;
+type AndStringType = {
+    [key in AndString]: CommonProperties;
+};
+type Colon = `:${string}`;
+type ColonType = {
+    [key in Colon]: CommonProperties;
+};
+export type MediaQuery = `@media ${string}`;
+type MediaQueryType = {
+    [K in MediaQuery]: CommonProperties | ColonType | AndStringType;
+};
+export type CustomProperties = CommonProperties | ColonType | AndStringType | MediaQueryType;
+export {};

package/types/types/common/css-property.d.ts

@@ -0,0 +1,5 @@
+type PropertyValue = string | number | PropertyType;
+export type PropertyType = {
+    [key: string]: PropertyValue;
+};
+export {};

package/types/types/index.d.ts

@@ -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/types/types/main/create.d.ts

@@ -0,0 +1,10 @@
+import type { CustomProperties } from '../common/css-properties';
+export type CreateStyle<T> = {
+    readonly [K in keyof T]: T[K] extends CustomProperties ? CustomProperties : T[K];
+};
+export type ClassesStyle = {
+    [key: string]: CustomProperties;
+};
+export type ReturnType<T> = {
+    [key in keyof T]: string;
+};

package/types/types/main/global.d.ts

@@ -0,0 +1,37 @@
+import type { CustomProperties, MediaQuery } from '../common/css-properties';
+type JSXType = keyof HTMLElementTagNameMap | '*' | ':root';
+type HTMLType = {
+    [K in JSXType]: CustomProperties;
+};
+type ClassName = `.${string}`;
+type ClassNameType = {
+    [K in ClassName]: CustomProperties;
+};
+type Attribute = `${string}[${string}]${string}`;
+type AttributeType = {
+    [K in Attribute]: CustomProperties;
+};
+type Consecutive = `${JSXType} ${string}`;
+type ConsecutiveType = {
+    [K in Consecutive]: CustomProperties;
+};
+type PseudoClass = `${JSXType}:${string}`;
+type PseudoClassType = {
+    [K in PseudoClass]: CustomProperties;
+};
+type PseudoElement = `::${string}`;
+type PseudoElementType = {
+    [K in PseudoElement]: CustomProperties;
+};
+type KeyframeSelector = 'from' | 'to' | `${number}%`;
+export type KeyframesDefinition = {
+    [K in KeyframeSelector]?: CustomProperties;
+};
+type KeyframesType = {
+    [K in `@keyframes ${string}`]: KeyframesDefinition;
+};
+type MediaQueryHTMLType = {
+    [K in MediaQuery]: CustomHTMLType;
+};
+export type CustomHTMLType = HTMLType | ClassNameType | AttributeType | ConsecutiveType | PseudoClassType | PseudoElementType | KeyframesType | MediaQueryHTMLType;
+export {};

package/types/types/main/vars.d.ts

@@ -0,0 +1,10 @@
+export type VarsDefinition = Record<string, string | number | Record<string, string | number>>;
+type CSSVariableKey = `--${string}`;
+export type CSSVariableValue = `var(${CSSVariableKey})`;
+type CSSVariableProperties = {
+    [key: CSSVariableKey]: string | number;
+};
+export type VarsTransformed = {
+    [key: string]: CSSVariableProperties;
+};
+export {};

package/types/utils/build.d.ts

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

package/types/utils/hash.d.ts

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

package/types/utils/helper.d.ts

@@ -0,0 +1,6 @@
+export declare const isServer: boolean;
+export declare const isDevelopment: boolean;
+export declare const isDevAndTest: boolean;
+export declare const isDevServer: boolean;
+export declare const applyCssValue: (value: string | number, cssProp: string) => string;
+export declare const camelToKebabCase: (property: string) => string;

package/types/utils/inject-client-css.d.ts

@@ -0,0 +1,2 @@
+export declare function createStyleElement(hash: string): HTMLStyleElement | null;
+export declare function injectClientCSS(hash: string, sheet: string): void;

package/types/utils/inject-client-global-css.d.ts

@@ -0,0 +1 @@
+export declare function injectClientGlobalCSS(sheet: string, scoped: string): void;

package/types/utils/inject-server-css.d.ts

@@ -0,0 +1,2 @@
+export declare function injectServerCSS(hash: string, sheet: string): void;
+export declare function getServerCSS(): string;

package/types/utils/transpiler.d.ts

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

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

@@ -1,52 +0,0 @@
-'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

@@ -1,54 +0,0 @@
-'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;