Merge pull request #385 from sveltejs/gh-383

allow reserved words in tags e.g. {{class}}

src/parse/read/expression.js

@@ -1,13 +1,24 @@
 import { parseExpressionAt } from 'acorn';
 
 export default function readExpression ( parser ) {
+	const start = parser.index;
+
+	const name = parser.readUntil( /\s*}}/ );
+	if ( name && /^\w+$/.test( name ) ) {
+		return {
+			type: 'Identifier',
+			start,
+			end: start + name.length,
+			name
+		};
+	}
+
+	parser.index = start;
+
 	try {
 		const node = parseExpressionAt( parser.template, parser.index );
 		parser.index = node.end;
 
-		// TODO check it's a valid expression. probably shouldn't have
-		// [arrow] function expressions, etc
-
 		return node;
 	} catch ( err ) {
 		parser.acornError( err );

test/generator/samples/attribute-dynamic-reserved/_config.js

@@ -0,0 +1,14 @@
+export default {
+	data: {
+		class: 'foo'
+	},
+
+	html: `<div class="foo"></div>`,
+
+	test ( assert, component, target ) {
+		component.set({ class: 'bar' });
+		assert.equal( target.innerHTML, `<div class="bar"></div>` );
+		
+		component.destroy();
+	}
+};

test/generator/samples/attribute-dynamic-reserved/main.html

@@ -0,0 +1 @@
+<div class='{{class}}'></div>

test/parser/samples/attribute-dynamic-reserved/input.html

@@ -0,0 +1 @@
+<div class='{{class}}'></div>

test/parser/samples/attribute-dynamic-reserved/output.json

@@ -0,0 +1,40 @@
+{
+	"hash": 3305933215,
+	"html": {
+		"start": 0,
+		"end": 29,
+		"type": "Fragment",
+		"children": [
+			{
+				"start": 0,
+				"end": 29,
+				"type": "Element",
+				"name": "div",
+				"attributes": [
+					{
+						"start": 5,
+						"end": 22,
+						"type": "Attribute",
+						"name": "class",
+						"value": [
+							{
+								"start": 12,
+								"end": 21,
+								"type": "MustacheTag",
+								"expression": {
+									"type": "Identifier",
+									"start": 14,
+									"end": 19,
+									"name": "class"
+								}
+							}
+						]
+					}
+				],
+				"children": []
+			}
+		]
+	},
+	"css": null,
+	"js": null
+}