feat: first steps for adding switch-case blocks

src/compiler/compile/nodes/CaseBlock.ts

@@ -0,0 +1,32 @@
+import AbstractBlock from './shared/AbstractBlock';
+import Component from '../Component';
+import TemplateScope from './shared/TemplateScope';
+import { TemplateNode } from '../../interfaces';
+import ConstTag from './ConstTag';
+import get_const_tags from './shared/get_const_tags';
+import Expression from './shared/Expression';
+import SwitchBlock from './SwitchBlock';
+
+export default class CaseBlock extends AbstractBlock {
+	type: 'CaseBlock';
+	is_default: boolean;
+	test?: Expression;
+	scope: TemplateScope;
+	const_tags: ConstTag[];
+
+	constructor(component: Component, parent: SwitchBlock, scope: TemplateScope, info: TemplateNode) {
+		super(component, parent, scope, info);
+		this.scope = scope.child();
+
+		this.test = info.test;
+		this.is_default = info.isdefault ?? false;
+
+		if (!this.is_default) {
+			this.test = new Expression(component, this, this.scope, info.test);
+		}
+
+		([this.const_tags, this.children] = get_const_tags(info.children, component, this, this));
+
+		this.warn_if_empty_block();
+	}
+}

src/compiler/compile/nodes/SwitchBlock.ts

@@ -0,0 +1,27 @@
+import AbstractBlock from './shared/AbstractBlock';
+import Component from '../Component';
+import TemplateScope from './shared/TemplateScope';
+import { TemplateNode } from '../../interfaces';
+import Node from './shared/Node';
+import CaseBlock from './CaseBlock';
+import Expression from './shared/Expression';
+
+export default class SwitchBlock extends AbstractBlock {
+	type: 'SwitchBlock';
+	cases: CaseBlock[];
+	discriminant: Expression;
+	scope: TemplateScope;
+
+	constructor(component: Component, parent: Node, scope: TemplateScope, info: TemplateNode) {
+		super(component, parent, scope, info);
+		this.scope = scope.child();
+
+		this.discriminant = new Expression(component, this, this.scope, info.disccriminant);
+
+		this.cases = info.cases?.length
+			? info.cases.map(c => new CaseBlock(component, this, scope, c)) 
+			: [];
+
+		this.warn_if_empty_block();
+	}
+}

src/compiler/compile/nodes/interfaces.ts

@@ -6,6 +6,7 @@ import Attribute from './Attribute';
 import AwaitBlock from './AwaitBlock';
 import Binding from './Binding';
 import Body from './Body';
+import CaseBlock from './CaseBlock';
 import CatchBlock from './CatchBlock';
 import Class from './Class';
 import StyleDirective from './StyleDirective';
@@ -28,6 +29,7 @@ import PendingBlock from './PendingBlock';
 import RawMustacheTag from './RawMustacheTag';
 import Slot from './Slot';
 import SlotTemplate from './SlotTemplate';
+import SwitchBlock from './SwitchBlock';
 import Text from './Text';
 import ThenBlock from './ThenBlock';
 import Title from './Title';
@@ -43,6 +45,7 @@ export type INode = Action
 | Binding
 | Body
 | CatchBlock
+| CaseBlock
 | Class
 | Comment
 | ConstTag
@@ -64,6 +67,7 @@ export type INode = Action
 | Slot
 | SlotTemplate
 | StyleDirective
+| SwitchBlock
 | Tag
 | Text
 | ThenBlock
@@ -73,9 +77,11 @@ export type INode = Action
 
 export type INodeAllowConstTag =
 | IfBlock
+| CaseBlock
 | ElseBlock
 | EachBlock
 | CatchBlock
 | ThenBlock
 | InlineComponent
-| SlotTemplate;
+| SlotTemplate
+| SwitchBlock;

src/compiler/compile/nodes/shared/Expression.ts

@@ -188,6 +188,7 @@ export default class Expression {
 			template_scope,
 			owner
 		} = this;
+
 		let scope = this.scope;
 
 		let function_expression;

src/compiler/compile/nodes/shared/map_children.ts

@@ -19,6 +19,8 @@ import Title from '../Title';
 import Window from '../Window';
 import { TemplateNode } from '../../../interfaces';
 import { push_array } from '../../../utils/push_array';
+import SwitchBlock from '../SwitchBlock';
+import CaseBlock from '../CaseBlock';
 
 export type Children = ReturnType<typeof map_children>;
 
@@ -27,6 +29,7 @@ function get_constructor(type) {
 		case 'AwaitBlock': return AwaitBlock;
 		case 'Body': return Body;
 		case 'Comment': return Comment;
+		case 'CaseBlock': return CaseBlock;
 		case 'ConstTag': return ConstTag;
 		case 'EachBlock': return EachBlock;
 		case 'Element': return Element;
@@ -40,6 +43,7 @@ function get_constructor(type) {
 		case 'DebugTag': return DebugTag;
 		case 'Slot': return Slot;
 		case 'SlotTemplate': return SlotTemplate;
+		case 'SwitchBlock': return SwitchBlock;
 		case 'Text': return Text;
 		case 'Title': return Title;
 		case 'Window': return Window;

src/compiler/compile/render_dom/wrappers/Fragment.ts

@@ -6,6 +6,7 @@ import EachBlock from './EachBlock';
 import Element from './Element/index';
 import Head from './Head';
 import IfBlock from './IfBlock';
+import SwitchBlock from './SwitchBlock';
 import KeyBlock from './KeyBlock';
 import InlineComponent from './InlineComponent/index';
 import MustacheTag from './MustacheTag';
@@ -32,6 +33,7 @@ const wrappers = {
 	Head,
 	IfBlock,
 	InlineComponent,
+	SwitchBlock,
 	KeyBlock,
 	MustacheTag,
 	Options: null,