@fower/parser - npm Package Compare versions

Comparing version 1.28.0 to 1.29.0

dist/parser.cjs.development.js

@@ -114,3 +114,2 @@ 'use strict';
     this.atoms = [];
-    this.propList = [];
 
@@ -377,2 +376,4 @@ this.getClassNameById = function (id) {
   _proto.addAtom = function addAtom(atom) {
+    var _this$config$theme;
+
     // if not cached, let's cache it
@@ -384,4 +385,7 @@ if (!cache.atomCache.get(atom.id)) {
     var ssrAtomIds = sheet.styleSheet.getSsrAtomIds();
-    var _this$config$theme$co = this.config.theme.colors.modes,
-        modes = _this$config$theme$co === void 0 ? {} : _this$config$theme$co;
+
+    var _ref4 = ((_this$config$theme = this.config.theme) == null ? void 0 : _this$config$theme.colors) || {},
+        _ref4$modes = _ref4.modes,
+        modes = _ref4$modes === void 0 ? {} : _ref4$modes;
+
     var entries = Object.entries(modes);
@@ -511,5 +515,5 @@ /** for color mode */
       if (selectorType === 'pseudo' && option.meta) {
-        var _ref4 = selector.match(/(:+)(.+)/) || [],
-            pseudoPrefix = _ref4[1],
-            pseudo = _ref4[2];
+        var _ref5 = selector.match(/(:+)(.+)/) || [],
+            pseudoPrefix = _ref5[1],
+            pseudo = _ref5[2];
 
@@ -606,7 +610,7 @@ option.meta.pseudoPrefix = pseudoPrefix;
       var colors = store.store.theme.colors;
-      var style = Object.entries(atom.style).reduce(function (c, _ref5) {
+      var style = Object.entries(atom.style).reduce(function (c, _ref6) {
         var _extends3;
 
-        var key = _ref5[0],
-            value = _ref5[1];
+        var key = _ref6[0],
+            value = _ref6[1];
 
@@ -648,3 +652,4 @@ var cssValue = _this3.formatCssValue(utils.jsKeyToCssKey(key), colors[value] || value);
           _atom$style = atom.style,
-          style = _atom$style === void 0 ? {} : _atom$style; // no style in falsy prop
+          style = _atom$style === void 0 ? {} : _atom$style,
+          meta = atom.meta; // no style in falsy prop
 
@@ -660,9 +665,8 @@ if (!isValid) return "continue"; // empty style
       atom.inserted = true;
-      var _atom$meta = atom.meta,
-          pseudo = _atom$meta.pseudo,
-          pseudoPrefix = _atom$meta.pseudoPrefix,
-          mode = _atom$meta.mode,
-          _atom$meta$breakpoint = _atom$meta.breakpoint,
-          breakpoint = _atom$meta$breakpoint === void 0 ? '' : _atom$meta$breakpoint,
-          childSelector = _atom$meta.childSelector; // TODO: need refactor
+      var pseudo = meta.pseudo,
+          pseudoPrefix = meta.pseudoPrefix,
+          mode = meta.mode,
+          _meta$breakpoint = meta.breakpoint,
+          breakpoint = _meta$breakpoint === void 0 ? '' : _meta$breakpoint,
+          childSelector = meta.childSelector; // TODO: need refactor
 
@@ -676,3 +680,3 @@ var shouldUseUniqueClassName = !!_this4.atoms.find(function (i) {
 
-      var selector = uniqueSelector + "." + className;
+      var selector = meta.global ? meta.global : uniqueSelector + "." + className;
       if (pseudo) selector = selector + pseudoPrefix + pseudo;
@@ -703,5 +707,5 @@ if (mode) selector = "." + modePrefix + mode + " " + selector;
 
-    var parsedProps = entries.reduce(function (result, _ref6) {
-      var key = _ref6[0],
-          value = _ref6[1];
+    var parsedProps = entries.reduce(function (result, _ref7) {
+      var key = _ref7[0],
+          value = _ref7[1];
       var find = atoms.find(function (atom) {
@@ -708,0 +712,0 @@ return [atom.propKey, atom.key, atom.id, 'css'].includes(key);

dist/parser.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@fower/atom"),t=require("@fower/store"),r=require("@fower/cache"),n=require("@fower/color-helper"),i=require("@fower/sheet"),o=require("@fower/css-object-processor"),s=require("@fower/utils");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function c(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return u(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var l=/(-columns|(^|[^e]-)padding|[^t]-spacing|l-align|rows|(^|(^border|[dkmnptx]|le|ne)-)width|^border|tom|[ek]-start|(o|[^e]-du)ration|us|(^|[^tv]-)left|(^|-)top|tance|rgin|e-offset|(er|g|n|t)-block|(^|[^tv]-)right|basis|[gnt]-inline|gap|(^|[^e]-)height|ness|(^|[^p]-)inset|[ek]-end|elay|tline|ve|dent|-rotate|n-rule|(c|ck|d|ne|t)-size)$/;function d(e){return l.test(e)}var f=["children","onClick","onChange","onBlur","className","placeholder"];exports.Parser=function(){function u(e){void 0===e&&(e={}),this.props=e,this.atoms=[],this.propList=[],this.getClassNameById=function(e){return t.store.config.prefix+e},this.traverseProps(e),t.store.config.autoDarkMode&&this.autoDarkMode()}var l,h=u.prototype;return h.traverseProps=function(r){if(!s.isEmptyObj(r)){var n=this.config,i=n.pseudos,o=void 0===i?[]:i,u=n.theme||{},l=u.breakpoints,d=u.modes,h=Object.keys(l),m=d||[],p=o,v=r.excludedProps,y=void 0===v?[]:v,b=Object.entries(r);if(null!=r&&r.className)for(var g,k=c(r.className.split(/\s+/));!(g=k()).done;)b.push([g.value,!0]);for(var S=0,A=b;S<A.length;S++){var C=A[S],j=C[0],O=C[1];if(!y.includes(j)&&!f.includes(j)&&this.isValidProp(j,O))if("css"!==j){if(j.startsWith("_")){var w=j.replace(/^_/,""),N=Array.isArray(O)?O.reduce((function(e,t){var r;return a({},e,((r={})[t]=!0,r))}),{}):O;if(m.includes(w)){this.parseCSSObject(N,{mode:w});continue}if(h.includes(w)){this.parseCSSObject(N,{breakpoint:l[w]});continue}if(p.includes(w)){this.parseCSSObject(N,{pseudo:":"+w});continue}}var P=t.store.compositions.get(j);if(P){this.parseCSSObject(P,{});var K=new e.Atom({propKey:j,propValue:O});K.handled=!0,K.style={},this.addAtom(K)}else{var x=new e.Atom({propKey:j,propValue:O});try{this.mutateAtom(x),x.handled&&this.addAtom(x)}catch(e){continue}}}else this.parseCSSObject(O,{})}for(var V,q=c(this.plugins);!(V=q()).done;){var I=V.value;I.afterAtomStyleCreate&&I.afterAtomStyleCreate(this)}}},h.autoDarkMode=function(){for(var t,n={white:"black",black:"white",50:"900",100:"800",200:"700",300:"600",400:"500",500:"400",600:"300",700:"200",800:"100",900:"50"},i=["color","backgroundColor","borderColor"],o=[],s=c(this.atoms);!(t=s()).done;){var u=t.value;if(i.includes(u.type)&&!u.meta.mode){if(this.atoms.find((function(e){return i.includes(e.type)&&"dark"===e.meta.mode})))continue;var l=Object.entries(u.style);if(null==l||!l.length)continue;var d=l[0][1];if(!d)continue;var f=(d.match(/^([a-z]+)(\d+)$/i)||[])[2];["white","black"].includes(d)&&(f=d);var h=JSON.stringify(u).replace(new RegExp(""+f,"g"),n[f]);"white"===f&&(h=h.replace(/White/g,"Black")),"black"===f&&(h=h.replace(/Black/g,"White"));var m=JSON.parse(h),p=new e.Atom(a({},m,{propKey:m.propKey+"--dark",meta:a({},m.meta,{mode:"dark"})})),v=r.atomCache.get(p.id);o.push(v||p)}}for(var y=0,b=o;y<b.length;y++)this.addAtom(b[y])},h.formatCssValue=function(e,r){if(!d(e))return r;var n;if(s.isPercentNumber(String(r)))return String(r).replace("p","%");if(!s.isNumber(r))return r;if((n=Number(r))<1&&n>0)return 100*n+"%";var i=t.store.config;return"none"!==i.unit?i.transformUnit?i.transformUnit(n):r+t.store.config.unit:n},h.styleToString=function(e,r){var i=this,o=r.important,a=r.colorPostfix;return Object.entries(e).reduce((function(e,r){var u=r[1],c=s.jsKeyToCssKey(r[0]),l=o?" !important":"",d=t.store.theme.colors;return e+(c+": ")+(u=a?n.formatColor(d[u]||u,a):i.formatCssValue(c,d[u]||u))+l+";"}),"")},h.addAtom=function(e){r.atomCache.get(e.id)||r.atomCache.set(e.id,e);for(var t=i.styleSheet.getSsrAtomIds(),n=this.config.theme.colors.modes,o=0,s=Object.entries(void 0===n?{}:n);o<s.length;o++){var u=s[o],c=u[0],l=u[1];if(e.style){var d=Object.entries(e.style);if(d.length){var f=d[0],h=f[0],m=l[f[1]];if(m){var p="--"+c,v=JSON.parse(JSON.stringify(e));v.key=e.key+p,v.id=e.id+p,v.meta=a({mode:c},e.meta),v.style[h]=m,t.includes(v.id)&&(v.inserted=!0),this.atoms.push(v)}}}}t.includes(e.id)&&(e.inserted=!0),this.atoms.push(e)},h.isValidProp=function(e,t){return"css"===e||!!e.startsWith("_")||!!Array.isArray(t)||!!["string","boolean","number","undefined"].includes(typeof t)},h.mutateAtom=function(e){for(var t,n=c(this.plugins);!(t=n()).done;){var i=t.value;null!=i.isMatch&&i.isMatch(e.key)&&i.beforeHandleAtom&&(e=i.beforeHandleAtom(e,this))}var o=r.atomCache.get(e.id);if(o)throw this.addAtom(o),new Error("atom is cached, add to this.atoms derectly, no need to mutate");if(e.handled)throw this.addAtom(e),new Error("atom is handled, add to this.atoms derectly ,no need to mutate");for(var s,a=c(this.plugins);!(s=a()).done;){var u=s.value;if(null!=u.isMatch&&u.isMatch(e.key)){u.beforeHandleAtom&&(e=u.beforeHandleAtom(e,this)),u.handleAtom&&(e=null==u.handleAtom?void 0:u.handleAtom(e,this)),e.handled=!0;break}}},h.parseCSSObject=function(t,n){void 0===n&&(n={});for(var i,s=c(o.parse(t));!(i=s()).done;){var u=i.value,l=u.selector,d=u.selectorType,f=u.style,h=Object.entries(f);if(h.length){var m=h[0],p={propKey:m[0],propValue:m[1],meta:a({},n)};if("pseudo"===d&&p.meta){var v=l.match(/(:+)(.+)/)||[],y=v[2];p.meta.pseudoPrefix=v[1],p.meta.pseudo=y}"child"===d&&p.meta&&(p.meta.childSelector=l);var b=new e.Atom(p);try{this.mutateAtom(b)}catch(e){continue}b.style||(b.style=f,b.handled=!0);var g=r.atomCache.get(b.id);this.addAtom(g||b)}}},h.makeResponsiveStyle=function(e,t){return"@media (min-width: "+e+") {"+t+"}"},h.getClassNames=function(){var e=this,t=[];this.atoms.reduce((function(r,n){if(!n.style||!Object.keys(n.style).length)return r;var i=r.findIndex((function(e){return e.styleKeysHash===n.styleKeysHash}));if(!n.isValid)return r;var o=e.getClassNameById(n.id);return-1===i?(t.push(o),r=[].concat(r,[n])):(r.splice(i,1,n),t.splice(i,1,o)),r}),[]);var r=this.props.className,n=(void 0===r?"":r).split(/\s+/).filter((function(e){return!t.includes(e)&&!!e}));return t=t.concat(n),this.hasResponsive&&t.unshift(this.uniqueClassName),t},h.toStyle=function(){var e=this;return this.atoms.reduce((function(r,n){if(!n.isValid)return r;var i=t.store.theme.colors,o=Object.entries(n.style).reduce((function(t,r){var n,o=r[0],u=r[1],c=e.formatCssValue(s.jsKeyToCssKey(o),i[u]||u);return a({},t,((n={})[o]=c,n))}),{});return a({},r,o)}),{})},h.toRules=function(e){var t=this;void 0===e&&(e=!1);var r=this.config.theme.modePrefix,n=void 0===r?"":r,i=[];this.atoms=this.atoms.sort((function(e,t){return parseInt(t.meta.breakpoint||"0")-parseInt(e.meta.breakpoint||"0")}));for(var o,a=function(){var r=o.value,a="",u=r.id,c=r.style,l=void 0===c?{}:c;if(!r.isValid)return"continue";if(s.isEmptyObj(l))return"continue";if(!e&&r.inserted)return"continue";r.inserted=!0;var d=r.meta,f=d.pseudo,h=d.pseudoPrefix,m=d.mode,p=d.breakpoint,v=void 0===p?"":p,y=d.childSelector,b=(t.atoms.find((function(e){return e.styleKeys===r.styleKeys&&(r.meta.breakpoint||e.meta.breakpoint)}))||r.meta.breakpoint?"."+t.uniqueClassName:"")+"."+t.getClassNameById(u);f&&(b=b+h+f),m&&(b="."+n+m+" "+b),y&&(b=b+" "+y),a=b+" { "+t.styleToString(l,r.meta)+" }",v&&(a=t.makeResponsiveStyle(v,a)),i.push(a)},u=c(this.atoms);!(o=u()).done;)a();return i},h.getParsedProps=function(){var e=this.props,t=this.atoms;return s.isEmptyObj(e)?{}:Object.entries(e).reduce((function(e,r){var n=r[0],i=r[1];return t.find((function(e){return[e.propKey,e.key,e.id,"css"].includes(n)}))||(e[n]=i),e}),{})},h.insertRule=function(){var e=this.toRules();i.styleSheet.insertStyles(e)},(l=[{key:"uniqueClassName",get:function(){return s.objectToClassName(Object.keys(this.props))}},{key:"hasResponsive",get:function(){return!!this.atoms.find((function(e){return!!e.meta.breakpoint}))}},{key:"config",get:function(){return t.store.config}},{key:"plugins",get:function(){return t.store.config.plugins}}])&&function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}(u.prototype,l),u}(),exports.isUnitProp=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@fower/atom"),t=require("@fower/store"),r=require("@fower/cache"),n=require("@fower/color-helper"),i=require("@fower/sheet"),o=require("@fower/css-object-processor"),s=require("@fower/utils");function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function l(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return u(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?u(e,void 0):void 0}}(e))||t&&e&&"number"==typeof e.length){r&&(e=r);var n=0;return function(){return n>=e.length?{done:!0}:{done:!1,value:e[n++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var c=/(-columns|(^|[^e]-)padding|[^t]-spacing|l-align|rows|(^|(^border|[dkmnptx]|le|ne)-)width|^border|tom|[ek]-start|(o|[^e]-du)ration|us|(^|[^tv]-)left|(^|-)top|tance|rgin|e-offset|(er|g|n|t)-block|(^|[^tv]-)right|basis|[gnt]-inline|gap|(^|[^e]-)height|ness|(^|[^p]-)inset|[ek]-end|elay|tline|ve|dent|-rotate|n-rule|(c|ck|d|ne|t)-size)$/;function d(e){return c.test(e)}var f=["children","onClick","onChange","onBlur","className","placeholder"];exports.Parser=function(){function u(e){void 0===e&&(e={}),this.props=e,this.atoms=[],this.getClassNameById=function(e){return t.store.config.prefix+e},this.traverseProps(e),t.store.config.autoDarkMode&&this.autoDarkMode()}var c,m=u.prototype;return m.traverseProps=function(r){if(!s.isEmptyObj(r)){var n=this.config,i=n.pseudos,o=void 0===i?[]:i,u=n.theme||{},c=u.breakpoints,d=u.modes,m=Object.keys(c),h=d||[],p=o,v=r.excludedProps,y=void 0===v?[]:v,b=Object.entries(r);if(null!=r&&r.className)for(var g,k=l(r.className.split(/\s+/));!(g=k()).done;)b.push([g.value,!0]);for(var S=0,A=b;S<A.length;S++){var C=A[S],j=C[0],O=C[1];if(!y.includes(j)&&!f.includes(j)&&this.isValidProp(j,O))if("css"!==j){if(j.startsWith("_")){var w=j.replace(/^_/,""),N=Array.isArray(O)?O.reduce((function(e,t){var r;return a({},e,((r={})[t]=!0,r))}),{}):O;if(h.includes(w)){this.parseCSSObject(N,{mode:w});continue}if(m.includes(w)){this.parseCSSObject(N,{breakpoint:c[w]});continue}if(p.includes(w)){this.parseCSSObject(N,{pseudo:":"+w});continue}}var P=t.store.compositions.get(j);if(P){this.parseCSSObject(P,{});var K=new e.Atom({propKey:j,propValue:O});K.handled=!0,K.style={},this.addAtom(K)}else{var x=new e.Atom({propKey:j,propValue:O});try{this.mutateAtom(x),x.handled&&this.addAtom(x)}catch(e){continue}}}else this.parseCSSObject(O,{})}for(var V,q=l(this.plugins);!(V=q()).done;){var I=V.value;I.afterAtomStyleCreate&&I.afterAtomStyleCreate(this)}}},m.autoDarkMode=function(){for(var t,n={white:"black",black:"white",50:"900",100:"800",200:"700",300:"600",400:"500",500:"400",600:"300",700:"200",800:"100",900:"50"},i=["color","backgroundColor","borderColor"],o=[],s=l(this.atoms);!(t=s()).done;){var u=t.value;if(i.includes(u.type)&&!u.meta.mode){if(this.atoms.find((function(e){return i.includes(e.type)&&"dark"===e.meta.mode})))continue;var c=Object.entries(u.style);if(null==c||!c.length)continue;var d=c[0][1];if(!d)continue;var f=(d.match(/^([a-z]+)(\d+)$/i)||[])[2];["white","black"].includes(d)&&(f=d);var m=JSON.stringify(u).replace(new RegExp(""+f,"g"),n[f]);"white"===f&&(m=m.replace(/White/g,"Black")),"black"===f&&(m=m.replace(/Black/g,"White"));var h=JSON.parse(m),p=new e.Atom(a({},h,{propKey:h.propKey+"--dark",meta:a({},h.meta,{mode:"dark"})})),v=r.atomCache.get(p.id);o.push(v||p)}}for(var y=0,b=o;y<b.length;y++)this.addAtom(b[y])},m.formatCssValue=function(e,r){if(!d(e))return r;var n;if(s.isPercentNumber(String(r)))return String(r).replace("p","%");if(!s.isNumber(r))return r;if((n=Number(r))<1&&n>0)return 100*n+"%";var i=t.store.config;return"none"!==i.unit?i.transformUnit?i.transformUnit(n):r+t.store.config.unit:n},m.styleToString=function(e,r){var i=this,o=r.important,a=r.colorPostfix;return Object.entries(e).reduce((function(e,r){var u=r[1],l=s.jsKeyToCssKey(r[0]),c=o?" !important":"",d=t.store.theme.colors;return e+(l+": ")+(u=a?n.formatColor(d[u]||u,a):i.formatCssValue(l,d[u]||u))+c+";"}),"")},m.addAtom=function(e){var t;r.atomCache.get(e.id)||r.atomCache.set(e.id,e);for(var n=i.styleSheet.getSsrAtomIds(),o=((null==(t=this.config.theme)?void 0:t.colors)||{}).modes,s=0,u=Object.entries(void 0===o?{}:o);s<u.length;s++){var l=u[s],c=l[0],d=l[1];if(e.style){var f=Object.entries(e.style);if(f.length){var m=f[0],h=m[0],p=d[m[1]];if(p){var v="--"+c,y=JSON.parse(JSON.stringify(e));y.key=e.key+v,y.id=e.id+v,y.meta=a({mode:c},e.meta),y.style[h]=p,n.includes(y.id)&&(y.inserted=!0),this.atoms.push(y)}}}}n.includes(e.id)&&(e.inserted=!0),this.atoms.push(e)},m.isValidProp=function(e,t){return"css"===e||!!e.startsWith("_")||!!Array.isArray(t)||!!["string","boolean","number","undefined"].includes(typeof t)},m.mutateAtom=function(e){for(var t,n=l(this.plugins);!(t=n()).done;){var i=t.value;null!=i.isMatch&&i.isMatch(e.key)&&i.beforeHandleAtom&&(e=i.beforeHandleAtom(e,this))}var o=r.atomCache.get(e.id);if(o)throw this.addAtom(o),new Error("atom is cached, add to this.atoms derectly, no need to mutate");if(e.handled)throw this.addAtom(e),new Error("atom is handled, add to this.atoms derectly ,no need to mutate");for(var s,a=l(this.plugins);!(s=a()).done;){var u=s.value;if(null!=u.isMatch&&u.isMatch(e.key)){u.beforeHandleAtom&&(e=u.beforeHandleAtom(e,this)),u.handleAtom&&(e=null==u.handleAtom?void 0:u.handleAtom(e,this)),e.handled=!0;break}}},m.parseCSSObject=function(t,n){void 0===n&&(n={});for(var i,s=l(o.parse(t));!(i=s()).done;){var u=i.value,c=u.selector,d=u.selectorType,f=u.style,m=Object.entries(f);if(m.length){var h=m[0],p={propKey:h[0],propValue:h[1],meta:a({},n)};if("pseudo"===d&&p.meta){var v=c.match(/(:+)(.+)/)||[],y=v[2];p.meta.pseudoPrefix=v[1],p.meta.pseudo=y}"child"===d&&p.meta&&(p.meta.childSelector=c);var b=new e.Atom(p);try{this.mutateAtom(b)}catch(e){continue}b.style||(b.style=f,b.handled=!0);var g=r.atomCache.get(b.id);this.addAtom(g||b)}}},m.makeResponsiveStyle=function(e,t){return"@media (min-width: "+e+") {"+t+"}"},m.getClassNames=function(){var e=this,t=[];this.atoms.reduce((function(r,n){if(!n.style||!Object.keys(n.style).length)return r;var i=r.findIndex((function(e){return e.styleKeysHash===n.styleKeysHash}));if(!n.isValid)return r;var o=e.getClassNameById(n.id);return-1===i?(t.push(o),r=[].concat(r,[n])):(r.splice(i,1,n),t.splice(i,1,o)),r}),[]);var r=this.props.className,n=(void 0===r?"":r).split(/\s+/).filter((function(e){return!t.includes(e)&&!!e}));return t=t.concat(n),this.hasResponsive&&t.unshift(this.uniqueClassName),t},m.toStyle=function(){var e=this;return this.atoms.reduce((function(r,n){if(!n.isValid)return r;var i=t.store.theme.colors,o=Object.entries(n.style).reduce((function(t,r){var n,o=r[0],u=r[1],l=e.formatCssValue(s.jsKeyToCssKey(o),i[u]||u);return a({},t,((n={})[o]=l,n))}),{});return a({},r,o)}),{})},m.toRules=function(e){var t=this;void 0===e&&(e=!1);var r=this.config.theme.modePrefix,n=void 0===r?"":r,i=[];this.atoms=this.atoms.sort((function(e,t){return parseInt(t.meta.breakpoint||"0")-parseInt(e.meta.breakpoint||"0")}));for(var o,a=function(){var r=o.value,a="",u=r.id,l=r.style,c=void 0===l?{}:l,d=r.meta;if(!r.isValid)return"continue";if(s.isEmptyObj(c))return"continue";if(!e&&r.inserted)return"continue";r.inserted=!0;var f=d.pseudo,m=d.pseudoPrefix,h=d.mode,p=d.breakpoint,v=void 0===p?"":p,y=d.childSelector,b=t.atoms.find((function(e){return e.styleKeys===r.styleKeys&&(r.meta.breakpoint||e.meta.breakpoint)}))||r.meta.breakpoint?"."+t.uniqueClassName:"",g=t.getClassNameById(u),k=d.global?d.global:b+"."+g;f&&(k=k+m+f),h&&(k="."+n+h+" "+k),y&&(k=k+" "+y),a=k+" { "+t.styleToString(c,r.meta)+" }",v&&(a=t.makeResponsiveStyle(v,a)),i.push(a)},u=l(this.atoms);!(o=u()).done;)a();return i},m.getParsedProps=function(){var e=this.props,t=this.atoms;return s.isEmptyObj(e)?{}:Object.entries(e).reduce((function(e,r){var n=r[0],i=r[1];return t.find((function(e){return[e.propKey,e.key,e.id,"css"].includes(n)}))||(e[n]=i),e}),{})},m.insertRule=function(){var e=this.toRules();i.styleSheet.insertStyles(e)},(c=[{key:"uniqueClassName",get:function(){return s.objectToClassName(Object.keys(this.props))}},{key:"hasResponsive",get:function(){return!!this.atoms.find((function(e){return!!e.meta.breakpoint}))}},{key:"config",get:function(){return t.store.config}},{key:"plugins",get:function(){return t.store.config.plugins}}])&&function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}(u.prototype,c),u}(),exports.isUnitProp=d;
 //# sourceMappingURL=parser.cjs.production.min.js.map

dist/parser.d.ts

 import { Atom } from '@fower/atom';
-import { Props, PropItem } from '@fower/types';
+import { Props } from '@fower/types';
 declare type Dict = Record<string, any>;
@@ -19,3 +19,2 @@ /**
     atoms: Atom[];
-    propList: PropItem[];
     get uniqueClassName(): string;
@@ -22,0 +21,0 @@ get hasResponsive(): boolean;

dist/parser.esm.js

@@ -110,3 +110,2 @@ import { Atom } from '@fower/atom';
     this.atoms = [];
-    this.propList = [];
 
@@ -373,2 +372,4 @@ this.getClassNameById = function (id) {
   _proto.addAtom = function addAtom(atom) {
+    var _this$config$theme;
+
     // if not cached, let's cache it
@@ -380,4 +381,7 @@ if (!atomCache.get(atom.id)) {
     var ssrAtomIds = styleSheet.getSsrAtomIds();
-    var _this$config$theme$co = this.config.theme.colors.modes,
-        modes = _this$config$theme$co === void 0 ? {} : _this$config$theme$co;
+
+    var _ref4 = ((_this$config$theme = this.config.theme) == null ? void 0 : _this$config$theme.colors) || {},
+        _ref4$modes = _ref4.modes,
+        modes = _ref4$modes === void 0 ? {} : _ref4$modes;
+
     var entries = Object.entries(modes);
@@ -507,5 +511,5 @@ /** for color mode */
       if (selectorType === 'pseudo' && option.meta) {
-        var _ref4 = selector.match(/(:+)(.+)/) || [],
-            pseudoPrefix = _ref4[1],
-            pseudo = _ref4[2];
+        var _ref5 = selector.match(/(:+)(.+)/) || [],
+            pseudoPrefix = _ref5[1],
+            pseudo = _ref5[2];
 
@@ -602,7 +606,7 @@ option.meta.pseudoPrefix = pseudoPrefix;
       var colors = store.theme.colors;
-      var style = Object.entries(atom.style).reduce(function (c, _ref5) {
+      var style = Object.entries(atom.style).reduce(function (c, _ref6) {
         var _extends3;
 
-        var key = _ref5[0],
-            value = _ref5[1];
+        var key = _ref6[0],
+            value = _ref6[1];
 
@@ -644,3 +648,4 @@ var cssValue = _this3.formatCssValue(jsKeyToCssKey(key), colors[value] || value);
           _atom$style = atom.style,
-          style = _atom$style === void 0 ? {} : _atom$style; // no style in falsy prop
+          style = _atom$style === void 0 ? {} : _atom$style,
+          meta = atom.meta; // no style in falsy prop
 
@@ -656,9 +661,8 @@ if (!isValid) return "continue"; // empty style
       atom.inserted = true;
-      var _atom$meta = atom.meta,
-          pseudo = _atom$meta.pseudo,
-          pseudoPrefix = _atom$meta.pseudoPrefix,
-          mode = _atom$meta.mode,
-          _atom$meta$breakpoint = _atom$meta.breakpoint,
-          breakpoint = _atom$meta$breakpoint === void 0 ? '' : _atom$meta$breakpoint,
-          childSelector = _atom$meta.childSelector; // TODO: need refactor
+      var pseudo = meta.pseudo,
+          pseudoPrefix = meta.pseudoPrefix,
+          mode = meta.mode,
+          _meta$breakpoint = meta.breakpoint,
+          breakpoint = _meta$breakpoint === void 0 ? '' : _meta$breakpoint,
+          childSelector = meta.childSelector; // TODO: need refactor
 
@@ -672,3 +676,3 @@ var shouldUseUniqueClassName = !!_this4.atoms.find(function (i) {
 
-      var selector = uniqueSelector + "." + className;
+      var selector = meta.global ? meta.global : uniqueSelector + "." + className;
       if (pseudo) selector = selector + pseudoPrefix + pseudo;
@@ -699,5 +703,5 @@ if (mode) selector = "." + modePrefix + mode + " " + selector;
 
-    var parsedProps = entries.reduce(function (result, _ref6) {
-      var key = _ref6[0],
-          value = _ref6[1];
+    var parsedProps = entries.reduce(function (result, _ref7) {
+      var key = _ref7[0],
+          value = _ref7[1];
       var find = atoms.find(function (atom) {
@@ -704,0 +708,0 @@ return [atom.propKey, atom.key, atom.id, 'css'].includes(key);

package.json

 {
   "name": "@fower/parser",
-  "version": "1.28.0",
+  "version": "1.29.0",
   "license": "MIT",
@@ -24,11 +24,11 @@ "main": "dist/index.js",
   "dependencies": {
-    "@fower/atom": "^1.28.0",
-    "@fower/cache": "^1.28.0",
-    "@fower/css-object-processor": "^1.28.0",
-    "@fower/sheet": "^1.28.0",
-    "@fower/store": "^1.28.0",
-    "@fower/types": "^1.28.0",
-    "@fower/utils": "^1.28.0"
+    "@fower/atom": "^1.29.0",
+    "@fower/cache": "^1.29.0",
+    "@fower/css-object-processor": "^1.29.0",
+    "@fower/sheet": "^1.29.0",
+    "@fower/store": "^1.29.0",
+    "@fower/types": "^1.29.0",
+    "@fower/utils": "^1.29.0"
   },
-  "gitHead": "5bf8d61bd49f8a82aebd6492ed162584430fdf21"
+  "gitHead": "ac5536937911f0fde336b2830f5991c645608f86"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

151318

increased by0.34%

Lines of code

1345

increased by0.07%

Dependency changes

• Updated@fower/atom@^1.29.0

• Updated@fower/cache@^1.29.0

• Updated@fower/css-object-processor@^1.29.0

• Updated@fower/sheet@^1.29.0

• Updated@fower/store@^1.29.0

• Updated@fower/types@^1.29.0

• Updated@fower/utils@^1.29.0