fix: improve custom selector list splitting

related to #45
kripod · Jul 28, 2020 · 37b02a9 · 37b02a9
1 parent 4d372ab
commit 37b02a9
Showing 1 changed file with 9 additions and 4 deletions.
diff --git a/packages/otion/src/createInstance.ts b/packages/otion/src/createInstance.ts
@@ -249,10 +249,15 @@ export function createInstance(): OtionInstance {
 							firstParentRuleHead[0] === "&"
 						) {
 							scopeClassSelectorStartIndex = cssTextHead.length;
-							parentRuleHeads = firstParentRuleHead.split(",").map(
-								(singleSelector) =>
-									minifyCondition(singleSelector).replace("&", ""), // lgtm [js/incomplete-sanitization]
-							);
+							parentRuleHeads = firstParentRuleHead
+								.split(
+									// Inspired by: https://stackoverflow.com/a/9030062
+									/,(?![^[]*?[^\\]["']\s*?\])/,
+								)
+								.map(
+									(singleSelector) =>
+										minifyCondition(singleSelector).replace("&", ""), // lgtm [js/incomplete-sanitization]
+								);
 						} else if (firstParentRuleHead === "selectors") {
 							firstParentRuleHead = "";
 						} else if (firstParentRuleHead[0] !== "@") {