don't add classes to components

kbrsh · May 6, 2019 · 69e6eec · 69e6eec
1 parent 6c320cd
commit 69e6eec
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 24 deletions.
diff --git a/packages/moon-mvl/dist/moon-mvl.js b/packages/moon-mvl/dist/moon-mvl.js
@@ -71,20 +71,24 @@ var slash = (function (key) {
 var cssRE = /([^,:{}]+)(,|:[^,:{}+]+|{[^{}]+})/g;
 var trailingWhitespaceRE = /\s*$/;
 function addClass(element, name) {
-	var attributes = element.attributes;
-	var children = element.children;
-	var className = attributes["class"];
-
-	if (className === undefined) {
-		attributes["class"] = "\"" + name + "\"";
-	} else if (className[0] === "\"" || className[0] === "'") {
-		attributes["class"] = "" + className[0] + name + " " + className.slice(1);
-	} else {
-		attributes["class"] += " + \" " + name + "\"";
+	var elementName = element.name;
+	var elementChildren = element.children;
+
+	if (elementName[0] === elementName[0].toLowerCase() && elementName !== "if" && elementName !== "else-if" && elementName !== "else" && elementName !== "for" && elementName !== "text") {
+		var elementAttributes = element.attributes;
+		var className = elementAttributes["class"];
+
+		if (className === undefined) {
+			elementAttributes["class"] = "\"" + name + "\"";
+		} else if (className[0] === "\"" || className[0] === "'") {
+			elementAttributes["class"] = "" + className[0] + name + " " + className.slice(1);
+		} else {
+			elementAttributes["class"] += " + \" " + name + "\"";
+		}
 	}
 
-	for (var i = 0; i < children.length; i++) {
-		addClass(children[i], name);
+	for (var i = 0; i < elementChildren.length; i++) {
+		addClass(elementChildren[i], name);
 	}
 }
 function scopeCSS(scope, css) {

diff --git a/packages/moon-mvl/dist/moon-mvl.min.js b/packages/moon-mvl/dist/moon-mvl.min.js
diff --git a/packages/moon-mvl/src/css.js b/packages/moon-mvl/src/css.js
@@ -2,21 +2,31 @@ const cssRE = /([^,:{}]+)(,|:[^,:{}+]+|{[^{}]+})/g;
 const trailingWhitespaceRE = /\s*$/;
 
 export function addClass(element, name) {
-	const attributes = element.attributes;
-	const children = element.children;
+	const elementName = element.name;
+	const elementChildren = element.children;
 
-	const className = attributes.class;
+	if (
+		elementName[0] === elementName[0].toLowerCase() &&
+		elementName !== "if" &&
+		elementName !== "else-if" &&
+		elementName !== "else" &&
+		elementName !== "for" &&
+		elementName !== "text"
+	) {
+		const elementAttributes = element.attributes;
+		const className = elementAttributes.class;
 
-	if (className === undefined) {
-		attributes.class = `"${name}"`;
-	} else if (className[0] === "\"" || className[0] === "'") {
-		attributes.class = `${className[0]}${name} ${className.slice(1)}`;
-	} else {
-		attributes.class += ` + " ${name}"`;
+		if (className === undefined) {
+			elementAttributes.class = `"${name}"`;
+		} else if (className[0] === "\"" || className[0] === "'") {
+			elementAttributes.class = `${className[0]}${name} ${className.slice(1)}`;
+		} else {
+			elementAttributes.class += ` + " ${name}"`;
+		}
 	}
 
-	for (let i = 0; i < children.length; i++) {
-		addClass(children[i], name);
+	for (let i = 0; i < elementChildren.length; i++) {
+		addClass(elementChildren[i], name);
 	}
 }