@master/css 2.0.0-beta.206 → 2.0.0-beta.208

package/dist/bin/index.bundle.js

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-var h=Object.create;var d=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var O=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of _(o))!E.call(e,s)&&s!==t&&d(e,s,{get:()=>o[s],enumerable:!(r=C(o,s))||r.enumerable});return e};var p=(e,o,t)=>(t=e!=null?h(x(e)):{},O(o||!e||!e.__esModule?d(t,"default",{value:e,enumerable:!0}):t,e));var T=require("commander"),m=p(require("path")),a=p(require("fs"));var S=`/** @type {import('@master/css').Config} */
+"use strict";var h=Object.create;var d=Object.defineProperty;var C=Object.getOwnPropertyDescriptor;var _=Object.getOwnPropertyNames;var x=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var O=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let s of _(o))!E.call(e,s)&&s!==t&&d(e,s,{get:()=>o[s],enumerable:!(r=C(o,s))||r.enumerable});return e};var p=(e,o,t)=>(t=e!=null?h(x(e)):{},O(o||!e||!e.__esModule?d(t,"default",{value:e,enumerable:!0}):t,e));var T=require("commander"),m=p(require("path")),a=p(require("fs"));var S=`/** @type {import('@master/css').Config} */
 export default {
     styles: {},
     rules: {},
@@ -10,7 +10,7 @@ export default {
     selectors: {},
     functions: {}
 }
-`;var g=`/** @type {import('@master/css').Config} */
+`;var y=`/** @type {import('@master/css').Config} */
 module.exports = {
     styles: {},
     rules: {},
@@ -21,7 +21,7 @@ module.exports = {
     selectors: {},
     functions: {}
 }
-`;var y=`import type { Config } from '@master/css'
+`;var g=`import type { Config } from '@master/css'
 
 export default {
     styles: {},
@@ -33,4 +33,4 @@ export default {
     selectors: {},
     functions: {}
 } as Config
-`;var n=p(require("@techor/log")),l=require("@techor/fs"),{version:v,name:j,description:F}=(0,l.readJSONFileSync)(m.default.resolve(__dirname,"../../package.json")),c=new T.Command;c.name(j).description(F).version(v||"0.0.0");c.command("init").description("Initialize definition files for Master CSS").option("-o, --override","Override existing definition file").option("--esm","ES Module .mjs").option("--ts","TypeScript .ts").option("--cjs","CommonJS .js").action(async function(e){let{esm:o,ts:t,cjs:r}=e;if(!o&&!t&&!r)if(a.default.existsSync("tsconfig.json"))t=!0;else{let{type:i}=(0,l.readJSONFileSync)("./package.json")||{};i==="module"?o=!0:r=!0}let s=(i,f)=>{let u=a.default.existsSync(m.default.join(process.cwd(),i));u?u&&e.override?(a.default.writeFileSync(i,f),n.default.ok`**${i}** file is overridden`):n.default.x`**${i}** file already exists`:(a.default.writeFileSync(i,f),n.default.ok`**${i}** file is created`)};o&&s("master.css.mjs",S),t&&s("master.css.ts",y),r&&s("master.css.js",g)});c.command("render").description("Scans HTML and injects generated CSS rules").argument("<source paths>","The path in glob patterns of the source of the HTML file").option("-c --config <path>","The source path of the Master CSS configuration","master.css.*").option("-a --analyze","Analyze injected CSS and HTML size ( brotli ) without writing to file").action(async function(e,o){try{await require("@master/css-renderer/actions/main")(e,o)}catch(t){t.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-renderer** first`:console.error(t)}});c.command("extract").argument("[source paths]","The glob pattern path to extract sources").option("-w, --watch","Watch file changed and generate CSS rules.").option("-o, --output <path>","Specify your CSS file output path").option("-v, --verbose","Verbose logging 0~N","1").option("--options <path>","Specify your extractor options sources","master.css-extractor.*").action(async function(e,o){try{await require("@master/css-extractor/actions/main")(e,o)}catch(t){t.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-extractor** first`:console.error(t)}});c.parse();
+`;var n=p(require("@techor/log")),l=require("@techor/fs"),{version:v,name:j,description:F}=(0,l.readJSONFileSync)(m.default.resolve(__dirname,"../../package.json")),c=new T.Command;c.name(j).description(F).version(v||"0.0.0");c.command("init").description("Initialize definition files for Master CSS").option("-o, --override","Override existing definition file").option("--esm","ES Module .mjs").option("--ts","TypeScript .ts").option("--cjs","CommonJS .js").action(async function(e){let{esm:o,ts:t,cjs:r}=e;if(!o&&!t&&!r)if(a.default.existsSync("tsconfig.json"))t=!0;else{let{type:i}=(0,l.readJSONFileSync)("./package.json")||{};i==="module"?o=!0:r=!0}let s=(i,f)=>{let u=a.default.existsSync(m.default.join(process.cwd(),i));u?u&&e.override?(a.default.writeFileSync(i,f),n.default.ok`**${i}** file is overridden`):n.default.x`**${i}** file already exists`:(a.default.writeFileSync(i,f),n.default.ok`**${i}** file is created`)};o&&s("master.css.mjs",S),t&&s("master.css.ts",g),r&&s("master.css.js",y)});c.command("render").description("Scans HTML and injects generated CSS rules").argument("<source paths>","The path in glob patterns of the source of the HTML file").option("-c --config <path>","The source path of the Master CSS configuration","master.css.*").option("-a --analyze","Analyze injected CSS and HTML size ( brotli ) without writing to file").action(async function(e,o){try{await require("@master/css-renderer/actions/main")(e,o)}catch(t){t.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-renderer** first`:console.error(t)}});c.command("extract").argument("[source paths]","The glob pattern path to extract sources").option("-w, --watch","Watch file changed and generate CSS rules.").option("-o, --output <path>","Specify your CSS file output path").option("-v, --verbose","Verbose logging 0~N","1").option("--options <path>","Specify your extractor options sources","master.css-extractor.*").action(async function(e,o){try{await require("@master/css-extractor/actions/main")(e,o)}catch(t){t.code==="ERR_MODULE_NOT_FOUND"?n.default.i`Please run **npm** **install** **@master/css-extractor** first`:console.error(t)}});c.parse();

package/dist/config/functions.d.ts

@@ -1,130 +1,3 @@
-import type { FunctionDefinition } from './';
-declare const functions: {
-    $: {
-        colored: boolean;
-        transform(value: any): {
-            type: string;
-            name: string;
-            fallback: string;
-        }[];
-    };
-    calc: FunctionDefinition;
-    translate: {
-        unit: string;
-    };
-    translateX: {
-        unit: string;
-    };
-    translateY: {
-        unit: string;
-    };
-    translateZ: {
-        unit: string;
-    };
-    translate3d: {
-        unit: string;
-    };
-    skew: {
-        unit: string;
-    };
-    skewX: {
-        unit: string;
-    };
-    skewY: {
-        unit: string;
-    };
-    skewZ: {
-        unit: string;
-    };
-    skew3d: {
-        unit: string;
-    };
-    rotate: {
-        unit: string;
-    };
-    rotateX: {
-        unit: string;
-    };
-    rotateY: {
-        unit: string;
-    };
-    rotateZ: {
-        unit: string;
-    };
-    rotate3d: {
-        unit: string;
-    };
-    blur: {
-        unit: string;
-    };
-    'drop-shadow': {
-        unit: string;
-    };
-    'hue-rotate': {
-        unit: string;
-    };
-    rgb: {
-        unit: string;
-    };
-    rgba: {
-        unit: string;
-    };
-    hsl: {
-        unit: string;
-    };
-    hsla: {
-        unit: string;
-    };
-    color: {
-        unit: string;
-        colored: boolean;
-    };
-    'color-contrast': {
-        unit: string;
-        colored: boolean;
-    };
-    'color-mix': {
-        unit: string;
-        colored: boolean;
-    };
-    hwb: {
-        unit: string;
-    };
-    lab: {
-        unit: string;
-    };
-    lch: {
-        unit: string;
-    };
-    oklab: {
-        unit: string;
-    };
-    oklch: {
-        unit: string;
-    };
-    clamp: {
-        unit: string;
-    };
-    repeat: {
-        unit: string;
-    };
-    'linear-gradient': {
-        colored: boolean;
-    };
-    'radial-gradient': {
-        colored: boolean;
-    };
-    'conic-gradient': {
-        colored: boolean;
-    };
-    'repeating-linear-gradient': {
-        colored: boolean;
-    };
-    'repeating-radial-gradient': {
-        colored: boolean;
-    };
-    'repeating-conic-gradient': {
-        colored: boolean;
-    };
-};
+import type { FunctionDefinitions } from './';
+declare const functions: FunctionDefinitions;
 export default functions;

package/dist/config/index.d.ts

@@ -5,7 +5,7 @@ import animations from './animations';
 import variables from './variables';
 import rules from './rules';
 import functions from './functions';
-import { CSSDeclarations } from '../types/css-declarations';
+import type { PropertiesHyphen } from 'csstype';
 import type { Rule, RuleDefinition, ValueComponent } from '../rule';
 declare const config: Config;
 export { config, mediaQueries, selectors, semantics, rules, functions, animations, variables };
@@ -15,13 +15,11 @@ export type VariableDefinition = {
 } & {
     [key: string]: VariableValue | VariableDefinition;
 };
-export type AnimationDefinition = {
-    [key in 'from' | 'to']?: CSSDeclarations;
-} & {
-    [key: string]: CSSDeclarations;
+export type CSSKeyframes = {
+    [key in 'from' | 'to' | string]: PropertiesHyphen;
 };
 export type AnimationDefinitions = {
-    [key: string]: AnimationDefinition;
+    [key: string]: CSSKeyframes;
 };
 export type SelectorDefinitions = {
     [key: string]: string | string[] | SelectorDefinitions;
@@ -41,22 +39,20 @@ export type VariableDefinitions = {
     [key: string]: VariableDefinition | VariableValue;
 };
 export type SemanticDefinitions = {
-    [key in keyof typeof semantics]?: CSSDeclarations;
+    [key in keyof typeof semantics]?: PropertiesHyphen;
 } & {
-    [key: string]: CSSDeclarations;
+    [key: string]: PropertiesHyphen;
 };
 export interface FunctionDefinition {
     unit?: string;
     colored?: boolean;
-    transform?(this: Rule, value: string): string | ValueComponent[];
+    transform?(this: Rule, value: string, bypassVariableNames: string[]): string | ValueComponent[];
 }
 export type FunctionDefinitions = {
     [key: string]: FunctionDefinition;
 };
 export interface Config {
-    extends?: (Config | {
-        config: Config;
-    })[];
+    extends?: (Config | any)[];
     styles?: StyleDefinitions;
     mediaQueries?: MediaQueryDefinitions;
     selectors?: SelectorDefinitions;
@@ -64,6 +60,7 @@ export interface Config {
     variables?: VariableDefinitions;
     rules?: RuleDefinitions;
     rootSize?: number;
+    baseUnit?: number;
     scope?: string;
     important?: boolean;
     override?: boolean;

package/dist/constants/base-unit-regex.d.ts

@@ -0,0 +1 @@
+export declare const BASE_UNIT_REGEX: RegExp;

package/dist/core.d.ts

@@ -1,5 +1,6 @@
-import { Rule, NativeRule, RuleDefinition } from './rule';
+import { Rule, NativeRule, RegisteredRule } from './rule';
 import type { Config, AnimationDefinitions } from './config';
+import './types/global';
 type VariableValue = {
     type: 'string';
     value: string;
@@ -38,32 +39,38 @@ export declare class MasterCSS {
     static config: Config;
     readonly rules: Rule[];
     readonly ruleBy: Record<string, Rule>;
-    readonly classesUsage: {};
+    readonly classesUsage: Record<string, number>;
     readonly config: Config;
-    private readonly semanticRuleOptions;
-    private readonly ruleDefinitions;
+    readonly RegisteredSemanticRules: RegisteredRule[];
+    readonly RegisteredRules: RegisteredRule[];
     constructor(customConfig?: Config);
     resolve(): void;
     /**
-     * Match check if Master CSS class syntax
-     * @param syntax class syntax
+     * Match check if Master CSS syntax
+     * @param className
      * @returns css text
      */
-    match(syntax: string): RuleDefinition;
+    match(className: string): RegisteredRule | undefined;
     /**
-     * Create rules from class syntax
-     * @param syntax class syntax
+     * Generate rules from class name
+     * @param className
      * @returns Rule[]
      */
-    create(syntax: string): Rule[];
+    generate(className: string): Rule[];
+    /**
+     * Create rule from given syntax
+     * @param syntax
+     * @returns Rule
+     */
+    create(syntax: string): Rule | undefined;
     /**
      * 根據蒐集到的所有 DOM class 重新 create
      */
     refresh(customConfig?: Config): this;
     reset(): this;
     destroy(): this;
-    add(syntax: string): boolean;
-    delete(syntax: string): void;
+    add(...classNames: string[]): this;
+    delete(...classNames: string[]): void;
     /**
     * 加工插入規則
     * 1. where
@@ -79,22 +86,11 @@ export declare class MasterCSS {
     * 11. media width where selectors
     * 12. media width selectors
     */
-    insert(rules: Rule[]): void;
+    insert(rule: Rule): void;
     get text(): string;
     handleRuleWithAnimationNames(rule: Rule, initializing?: boolean): void;
     handleRuleWithVariableNames(rule: Rule, initializing?: boolean): void;
     pushVariableNativeRule(theme: string, variableCSSRule: CSSStyleRule): NativeRule;
 }
-declare global {
-    interface Window {
-        MasterCSS: typeof MasterCSS;
-        masterCSSs: MasterCSS[];
-    }
-    namespace NodeJS {
-        interface Global {
-            MasterCSS: typeof MasterCSS;
-            masterCSSs: MasterCSS[];
-        }
-    }
-}
+export declare const masterCSSs: MasterCSS[];
 export {};