snapshot

Author: Rich-Harris

compiler/parse/__test__.js

@@ -63,26 +63,31 @@ export default function parse ( template ) {
 			}
 
 			this.allowWhitespace();
-		}
-	};
+		},
 
-	const html = {
-		start: 0,
-		end: template.length,
-		type: 'Fragment',
-		children: []
-	};
+		html: {
+			start: 0,
+			end: template.length,
+			type: 'Fragment',
+			children: []
+		},
 
-	let css = null;
-	let js = null;
+		css: null,
 
-	parser.stack.push( html );
+		js: null
+	};
+
+	parser.stack.push( parser.html );
 
 	let state = fragment;
 
 	while ( parser.index < parser.template.length ) {
 		state = state( parser ) || fragment;
 	}
 
-	return { html, css, js };
+	return {
+		html: parser.html,
+		css: parser.css,
+		js: parser.js
+	};
 }

compiler/parse/index.js

@@ -0,0 +1,25 @@
+import { parse, tokenizer, tokTypes } from 'acorn';
+
+export default function readScript ( parser, start, attributes ) {
+	const scriptStart = parser.index;
+	let scriptEnd = null;
+
+	const js = {
+		start,
+		end: null,
+		attributes,
+		content: null
+	};
+
+	const endPattern = /\s*<\/script\>/g;
+
+	for ( const token of tokenizer( parser.remaining() ) ) {
+		endPattern.lastIndex = scriptStart + token.end;
+		if ( endPattern.test( parser.template ) ) {
+			scriptEnd = scriptStart + token.end;
+			break;
+		}
+	}
+
+	js.content = parse( )
+}

compiler/parse/read/script.js

@@ -1,8 +1,22 @@
 import readExpression from '../read/expression.js';
+import readScript from '../read/script.js';
+import readStyle from '../read/style.js';
 
 const validTagName = /^[a-zA-Z]{1,}:?[a-zA-Z0-9\-]*/;
 const voidElementNames = /^(?:area|base|br|col|command|doctype|embed|hr|img|input|keygen|link|meta|param|source|track|wbr)$/i;
 
+const specials = {
+	script: {
+		read: readScript,
+		property: 'js'
+	},
+
+	style: {
+		read: readStyle,
+		property: 'css'
+	}
+};
+
 export default function tag ( parser ) {
 	const start = parser.index++;
 
@@ -30,6 +44,20 @@ export default function tag ( parser ) {
 
 	parser.allowWhitespace();
 
+	// special cases – <script> and <style>
+	if ( name in specials ) {
+		const special = specials[ name ];
+
+		if ( parser[ special.id ] ) {
+			parser.index = start;
+			parser.error( `You can only have one <${name}> tag per component` );
+		}
+
+		parser.eat( '>', true );
+		parser[ special.id ] = special.read( parser, start, attributes );
+		return;
+	}
+
 	const element = {
 		start,
 		end: null, // filled in later
@@ -43,9 +71,7 @@ export default function tag ( parser ) {
 
 	const selfClosing = parser.eat( '/' ) || voidElementNames.test( name );
 
-	if ( !parser.eat( '>' ) ) {
-		parser.error( `Expected >` );
-	}
+	parser.eat( '>', true );
 
 	if ( selfClosing ) {
 		element.end = parser.index;

compiler/parse/read/style.js

@@ -0,0 +1,6 @@
+import * as assert from 'assert';
+
+export default {
+	description: 'hello world',
+	html: '<h1>Hello world!</h1>'
+};

compiler/parse/state/tag.js

@@ -0,0 +1,9 @@
+<h1>Hello {{name}}!</h1>
+
+<script>
+	export default {
+		data: () => ({
+			name: 'world'
+		})
+	};
+</script>