实现解析插值功能

src/compiler-core/src/ast.ts

@@ -0,0 +1,6 @@
+export const enum NodeTypes {
+	// interpolation
+	INTERPOLATION,
+	// simple_expression
+	SIMPLE_EXPRESSION,
+}

src/compiler-core/src/parse.ts

@@ -0,0 +1,60 @@
+import { NodeTypes } from "./ast"
+
+export function baseParse(content: string) {
+	const context = createParseContext(content)
+	return createRoot(parseChildren(context))
+}
+
+function parseChildren(context) {
+	const nodes: any = []
+	let node
+	if (context.source.startsWith("{{")) {
+		node = parseInterpolation(context)
+	}
+	nodes.push(node)
+	return nodes
+}
+
+function parseInterpolation(context) {
+	const openDelimiter = "{{"
+	const closeDelimiter = "}}"
+
+	const closeIndex = context.source.indexOf(
+		closeDelimiter,
+		openDelimiter.length
+	)
+	// context.source = context.source.slice(openDelimiter.length)
+	advanceBy(context, openDelimiter.length)
+
+	const rawContentLength = closeIndex - openDelimiter.length
+	const rawContent = context.source.slice(0, rawContentLength)
+	const content = rawContent.trim()
+
+	// context.source = context.source.slice(
+	// 	rawContentLength + closeDelimiter.length
+	// )
+	advanceBy(context, rawContentLength + closeDelimiter.length)
+	return {
+		type: NodeTypes.INTERPOLATION,
+		content: {
+			type: NodeTypes.SIMPLE_EXPRESSION,
+			content: content,
+		},
+	}
+}
+
+function advanceBy(context, length) {
+	context.source = context.source.slice(length)
+}
+
+function createRoot(children) {
+	return {
+		children,
+	}
+}
+
+function createParseContext(content) {
+	return {
+		source: content,
+	}
+}

src/compiler-core/tests/parse.spec.ts

@@ -0,0 +1,19 @@
+import { NodeTypes } from "../src/ast"
+import { baseParse } from "../src/parse"
+
+describe("Parse", () => {
+	describe("interpolation", () => {
+		test("simple interpolation", () => {
+			// root
+			const ast: any = baseParse("{{massage}}")
+
+			expect(ast.children[0]).toStrictEqual({
+				type: NodeTypes.INTERPOLATION,
+				content: {
+					type: NodeTypes.SIMPLE_EXPRESSION,
+					content: "massage",
+				},
+			})
+		})
+	})
+})