allow parameter-less transitions

src/generators/dom/Block.js

@@ -33,9 +33,6 @@ export default class Block {
 		this.variables = new Map();
 		this.getUniqueName = this.generator.getUniqueNameMaker( options.params );
 
-		this.intros = [];
-		this.outros = [];
-
 		// unique names
 		this.component = this.getUniqueName( 'component' );
 		this.target = this.getUniqueName( 'target' );

src/generators/dom/visitors/Element/Transition.js

@@ -5,12 +5,12 @@ export default function visitTransition ( generator, block, state, node, attribu
 
 	block.addVariable( name );
 
+	const snippet = attribute.expression ? block.contextualise( attribute.expression ).snippet : '{}';
+	const fn = `${generator.alias( 'template' )}.transitions.${attribute.name}`; // TODO add built-in transitions?
+
 	if ( attribute.intro ) {
 		generator.hasIntroTransitions = true;
 
-		const { snippet } = block.contextualise( attribute.expression );
-		const fn = `${generator.alias( 'template' )}.transitions.${attribute.name}`; // TODO add built-in transitions?
-
 		block.builders.create.addBlock( deindent`
 			${block.component}._renderHooks.push({
 				fn: function () {
@@ -22,9 +22,9 @@ export default function visitTransition ( generator, block, state, node, attribu
 		` );
 	}
 
-	( attribute.intro ? block.intros : block.outros ).push({
+	if ( attribute.outro ) {
-		node: state.name,
+		generator.hasOutroTransitions = true;
-		transition: attribute.name,
+
-		params: block.contextualise( attribute.expression ).snippet
+		throw new Error( 'TODO' );
-	});
+	}
 }

src/parse/read/directives.js

@@ -131,18 +131,22 @@ export function readBindingDirective ( parser, start, name ) {
 }
 
 export function readTransitionDirective ( parser, start, name, type ) {
-	const quoteMark = (
+	let expression = null;
-		parser.eat( `'` ) ? `'` :
-		parser.eat( `"` ) ? `"` :
-		null
-	);
 
-	const expressionStart = parser.index;
+	if ( parser.eat( '=' ) ) {
+		const quoteMark = (
+			parser.eat( `'` ) ? `'` :
+			parser.eat( `"` ) ? `"` :
+			null
+		);
 
-	const expression = readExpression( parser, expressionStart, quoteMark );
+		const expressionStart = parser.index;
+
+		expression = readExpression( parser, expressionStart, quoteMark );
 
-	if ( expression.type !== 'ObjectExpression' ) {
+		if ( expression.type !== 'ObjectExpression' ) {
-		parser.error( `Expected object expression`, expressionStart );
+			parser.error( `Expected object expression`, expressionStart );
+		}
 	}
 
 	return {

src/parse/state/tag.js

@@ -255,7 +255,6 @@ function readAttribute ( parser, uniqueNames ) {
 
 	const match = /^(in|out|transition):/.exec( name );
 	if ( match ) {
-		parser.eat( '=', true );
 		return readTransitionDirective( parser, start, name.slice( match[0].length ), match[1] );
 	}
 

test/parser/samples/transition-intro-no-params/input.html

@@ -0,0 +1 @@
+<div in:fade>fades in</div>

test/parser/samples/transition-intro-no-params/output.json

@@ -0,0 +1,37 @@
+{
+	"hash": 1535528483,
+	"html": {
+		"start": 0,
+		"end": 27,
+		"type": "Fragment",
+		"children": [
+			{
+				"start": 0,
+				"end": 27,
+				"type": "Element",
+				"name": "div",
+				"attributes": [
+					{
+						"start": 5,
+						"end": 12,
+						"type": "Transition",
+						"name": "fade",
+						"intro": true,
+						"outro": false,
+						"expression": null
+					}
+				],
+				"children": [
+					{
+						"start": 13,
+						"end": 21,
+						"type": "Text",
+						"data": "fades in"
+					}
+				]
+			}
+		]
+	},
+	"css": null,
+	"js": null
+}