Fix #after resolving at the wrong time, add support for comma-separat…

…ed selectors in #after

src/chc/read/consume/body/bodySelectors.ts

@@ -1,7 +1,14 @@
+import consumeWhiteSpaceOptional from "../consumeWhiteSpaceOptional"
 import consumeWordInterpolated from "../consumeWordInterpolated"
+import type { ChiriWordInterpolated } from "../consumeWordInterpolatedOptional"
 import BodyConsumer from "./BodyConsumer"
 
 export default BodyConsumer("selectors", reader => {
-	reader.consume(".")
-	return consumeWordInterpolated(reader)
+	const selectors: ChiriWordInterpolated[] = []
+	do {
+		reader.consume(".")
+		selectors.push(consumeWordInterpolated(reader))
+	} while (reader.consumeOptional(",") && (consumeWhiteSpaceOptional(reader) || true))
+
+	return selectors
 })

src/chc/read/consume/macro/macroAfter.ts

@@ -12,7 +12,7 @@ export default MacroConstruct("after")
 	.consume(({ body, position }): ChiriAfter => {
 		return {
 			type: "after",
-			content: body,
+			content: body.flat(),
 			position,
 		}
 	})

src/chc/write/ChiriCompiler.ts

@@ -574,6 +574,13 @@ function ChiriCompiler (ast: ChiriAST, dest: string): ChiriCompiler {
 				for (const component of results) {
 					const registeredMixins: ResolvedMixin[] = []
 					const visited: ResolvedMixin[] = component.after
+						.flatMap(selector => {
+							const afterComponent = components[selector.value]
+							if (!afterComponent)
+								throw error(selector.position, `Component .${selector.value} has not been defined`)
+
+							return afterComponent.mixins
+						})
 					for (let i = 0; i < component.mixins.length; i++) {
 						const mixin = useMixin(getMixin(component.mixins[i].value, component.mixins[i].position), visited)
 						component.mixins[i] = mixin.name
@@ -686,7 +693,7 @@ function ChiriCompiler (ast: ChiriAST, dest: string): ChiriCompiler {
 		type: "compiled-component"
 		selector: ChiriWord[]
 		mixins: ChiriWord[]
-		after: ResolvedMixin[]
+		after: ChiriWord[]
 	}
 
 	interface ResolvedAfter {
@@ -718,14 +725,7 @@ function ChiriCompiler (ast: ChiriAST, dest: string): ChiriCompiler {
 				selector: selector.class,
 				mixins: content.filter(item => item.type === "word"),
 				after: content.filter(item => item.type === "compiled-after")
-					.flatMap(after => after.selectors)
-					.flatMap(selector => {
-						const afterComponent = components[selector.value]
-						if (!afterComponent)
-							throw error(selector.position, `Component .${selector.value} has not been defined`)
-
-						return afterComponent.mixins
-					}),
+					.flatMap(after => after.selectors),
 			}
 
 			if ((component.mixins.some(m => m.value === "before") && component.mixins.some(m => m.value === "after")) || component.mixins.some(m => m.value === "before-after")) {