wip

src/lib/css_class_helpers.test.ts

@@ -136,8 +136,8 @@ const values: Array<[contents: string, expected: string[]]> = [
 	["classes = ['a'", []],
 	['classes = ["a",,"b",,,"c",]', ['a', 'b', 'c']],
 	// nested arrays
-	['classes = [["a", "b"], "c", ["d"]]', ['c']], // TODO BLOCK FAILING
-	['classes = ["a", ["b", "c"], "d"]', ['a', 'd']], // TODO BLOCK FAILING
+	['classes = [["a", "b"], "c", ["d"]]', []], // TODO @many ideally fix instead of bailing, but maybe we need a real JS parser?
+	['classes = ["a", ["b", "c"], "d"]', []], // TODO @many ideally fix instead of bailing, but maybe we need a real JS parser?
 	// arrays in component prop
 	['<Component classes={["a", "b", "c"]} />', ['a', 'b', 'c']],
 	['<Component class={["a", "b", "c"]} />', ['a', 'b', 'c']],

src/lib/css_class_helpers.ts

@@ -39,6 +39,7 @@ const CSS_CLASS_EXTRACTORS: Css_Extractor[] = [
 		matcher: /(?<!['"`])class(?:es)?\s*[=:]\{?\s*\[([\s\S]*?)\]/g,
 		mapper: (matched: RegExpExecArray): string[] => {
 			const content = matched[1];
+			if (content.includes('[')) return []; // TODO @many ideally fix instead of bailing, but maybe we need a real JS parser?
 			const items = content.split(',').map((item) => item.trim());
 
 			return items