@master/css 2.0.0-rc.48 → 2.0.0-rc.49

package/dist/core.cjs

@@ -18,14 +18,14 @@ class MasterCSS {
     static config = index.config;
     definedRules;
     config;
-    classesUsage;
+    classUsages;
     layerStatementRule;
     rules;
     animationsNonLayer;
     baseLayer;
     themeLayer;
     presetLayer;
-    stylesLayer;
+    componentsLayer;
     generalLayer;
     get text() {
         return this.rules.sort((a, b)=>{
@@ -45,7 +45,7 @@ class MasterCSS {
     constructor(customConfig){
         this.customConfig = customConfig;
         this.definedRules = [];
-        this.classesUsage = {};
+        this.classUsages = new Map();
         this.layerStatementRule = new rule.Rule('layer-statement', [
             {
                 text: '@layer base,theme,preset,components,general;'
@@ -58,7 +58,7 @@ class MasterCSS {
         this.baseLayer = new syntaxLayer('base', this);
         this.themeLayer = new layer('theme', this);
         this.presetLayer = new syntaxLayer('preset', this);
-        this.stylesLayer = new syntaxLayer('components', this);
+        this.componentsLayer = new syntaxLayer('components', this);
         this.generalLayer = new syntaxLayer('general', this);
         this.config = customConfig?.override ? extendConfig(customConfig) : extendConfig(index.config, customConfig);
         this.resolve();
@@ -589,23 +589,23 @@ class MasterCSS {
         /**
          * 拿當前所有的 classNames 按照最新的 colors, config.rules 匹配並生成新的 style
          * 所以 refresh 過後 rules 可能會變多也可能會變少
-         */ for(const name in this.classesUsage){
-            this.add(name);
-        }
+         */ this.classUsages.forEach((_, className)=>{
+            this.add(className);
+        });
         return this;
     }
     reset() {
         this.baseLayer.reset();
         this.themeLayer.reset();
         this.presetLayer.reset();
-        this.stylesLayer.reset();
+        this.componentsLayer.reset();
         this.generalLayer.reset();
         this.animationsNonLayer.reset();
         return this;
     }
     destroy() {
         // @ts-ignore
-        this.classesUsage = {};
+        this.classUsages = new Map();
         masterCSSs.splice(masterCSSs.indexOf(this), 1);
         return this;
     }
@@ -622,7 +622,7 @@ class MasterCSS {
          */ for (const className of classNames){
             if (Object.prototype.hasOwnProperty.call(this.components, className)) {
                 for (const eachSyntax of this.components[className]){
-                    this.stylesLayer.delete(className + ' ' + eachSyntax);
+                    this.componentsLayer.delete(className + ' ' + eachSyntax);
                 }
             } else {
                 const atIndex = className.indexOf('@');
@@ -631,7 +631,7 @@ class MasterCSS {
                     if (Object.prototype.hasOwnProperty.call(this.components, name)) {
                         const atToken = className.slice(atIndex);
                         for (const eachSyntax of this.components[name]){
-                            this.stylesLayer.delete(eachSyntax + atToken + ' ' + className);
+                            this.componentsLayer.delete(eachSyntax + atToken + ' ' + className);
                         }
                     } else {
                         this.generalLayer.delete(className);

package/dist/core.d.ts

@@ -11,14 +11,14 @@ export default class MasterCSS {
     static config: Config;
     readonly definedRules: DefinedRule[];
     readonly config: Config;
-    readonly classesUsage: Record<string, number>;
+    readonly classUsages: Map<string, number>;
     readonly layerStatementRule: Rule;
     readonly rules: (Layer | Rule)[];
     readonly animationsNonLayer: NonLayer;
     readonly baseLayer: SyntaxLayer;
     readonly themeLayer: Layer;
     readonly presetLayer: SyntaxLayer;
-    readonly stylesLayer: SyntaxLayer;
+    readonly componentsLayer: SyntaxLayer;
     readonly generalLayer: SyntaxLayer;
     get text(): string;
     constructor(customConfig?: Config | undefined);

package/dist/core.mjs

@@ -14,14 +14,14 @@ class MasterCSS {
     static config = config;
     definedRules;
     config;
-    classesUsage;
+    classUsages;
     layerStatementRule;
     rules;
     animationsNonLayer;
     baseLayer;
     themeLayer;
     presetLayer;
-    stylesLayer;
+    componentsLayer;
     generalLayer;
     get text() {
         return this.rules.sort((a, b)=>{
@@ -41,7 +41,7 @@ class MasterCSS {
     constructor(customConfig){
         this.customConfig = customConfig;
         this.definedRules = [];
-        this.classesUsage = {};
+        this.classUsages = new Map();
         this.layerStatementRule = new Rule('layer-statement', [
             {
                 text: '@layer base,theme,preset,components,general;'
@@ -54,7 +54,7 @@ class MasterCSS {
         this.baseLayer = new SyntaxLayer('base', this);
         this.themeLayer = new Layer('theme', this);
         this.presetLayer = new SyntaxLayer('preset', this);
-        this.stylesLayer = new SyntaxLayer('components', this);
+        this.componentsLayer = new SyntaxLayer('components', this);
         this.generalLayer = new SyntaxLayer('general', this);
         this.config = customConfig?.override ? extendConfig(customConfig) : extendConfig(config, customConfig);
         this.resolve();
@@ -585,23 +585,23 @@ class MasterCSS {
         /**
          * 拿當前所有的 classNames 按照最新的 colors, config.rules 匹配並生成新的 style
          * 所以 refresh 過後 rules 可能會變多也可能會變少
-         */ for(const name in this.classesUsage){
-            this.add(name);
-        }
+         */ this.classUsages.forEach((_, className)=>{
+            this.add(className);
+        });
         return this;
     }
     reset() {
         this.baseLayer.reset();
         this.themeLayer.reset();
         this.presetLayer.reset();
-        this.stylesLayer.reset();
+        this.componentsLayer.reset();
         this.generalLayer.reset();
         this.animationsNonLayer.reset();
         return this;
     }
     destroy() {
         // @ts-ignore
-        this.classesUsage = {};
+        this.classUsages = new Map();
         masterCSSs.splice(masterCSSs.indexOf(this), 1);
         return this;
     }
@@ -618,7 +618,7 @@ class MasterCSS {
          */ for (const className of classNames){
             if (Object.prototype.hasOwnProperty.call(this.components, className)) {
                 for (const eachSyntax of this.components[className]){
-                    this.stylesLayer.delete(className + ' ' + eachSyntax);
+                    this.componentsLayer.delete(className + ' ' + eachSyntax);
                 }
             } else {
                 const atIndex = className.indexOf('@');
@@ -627,7 +627,7 @@ class MasterCSS {
                     if (Object.prototype.hasOwnProperty.call(this.components, name)) {
                         const atToken = className.slice(atIndex);
                         for (const eachSyntax of this.components[name]){
-                            this.stylesLayer.delete(eachSyntax + atToken + ' ' + className);
+                            this.componentsLayer.delete(eachSyntax + atToken + ' ' + className);
                         }
                     } else {
                         this.generalLayer.delete(className);

package/dist/syntax-rule.cjs

@@ -637,7 +637,7 @@ class SyntaxRule extends rule.Rule {
             }
         }
         if (this.fixedClass) {
-            this.layer = css.stylesLayer;
+            this.layer = css.componentsLayer;
         }
     }
     resolveAtComponent(atComponent) {

package/dist/syntax-rule.mjs

@@ -635,7 +635,7 @@ class SyntaxRule extends Rule {
             }
         }
         if (this.fixedClass) {
-            this.layer = css.stylesLayer;
+            this.layer = css.componentsLayer;
         }
     }
     resolveAtComponent(atComponent) {

package/package.json

@@ -1 +1 @@
-{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/core"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.cjs","import":"./dist/index.mjs"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^2.1.0","@master/normal.css":"^3.1.0","@techor/extend":"^3.1.7","csstype":"^3.1.3"},"devDependencies":{"shared":"^2.0.0-rc.48"},"version":"2.0.0-rc.48"}
+{"name":"@master/css","type":"module","scripts":{"build":"techor build \"src/**/*.ts\"","dev":"pnpm build --watch","test":"vitest","type-check":"tsc --noEmit","lint":"eslint"},"license":"MIT","description":"The CSS language and framework for rapidly building modern and high-performance websites","author":"Aoyue Design LLC.","funding":"https://rc.css.master.co/sponsor","homepage":"https://css.master.co","bugs":{"url":"https://github.com/master-co/css/issues"},"repository":{"type":"git","url":"https://github.com/master-co/css.git","directory":"packages/core"},"keywords":["style","styles","html","variants","virtual","virtual-css","utility","css","ui","lightweight","class","webpack","plugin","integration","vite","parcel","build-tools","mastercss"],"sideEffects":false,"main":"./dist/index.cjs","jsnext:main":"./dist/index.mjs","esnext":"./dist/index.mjs","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","require":"./dist/index.cjs","import":"./dist/index.mjs"}},"bin":"./dist/bin/index.mjs","files":["dist"],"publishConfig":{"access":"public","provenance":true},"dependencies":{"@master/colors":"^2.1.0","@master/normal.css":"^3.1.0","@techor/extend":"^3.1.7","csstype":"^3.1.3"},"devDependencies":{"shared":"^2.0.0-rc.49"},"version":"2.0.0-rc.49"}