reshape ast

src/compile/Component.ts

@@ -56,9 +56,6 @@ export default class Component {
 	namespace: string;
 	tag: string;
 
-	instance_script: Node;
-	module_script: Node;
-
 	imports: Node[] = [];
 	module_javascript: string;
 	javascript: string;
@@ -122,26 +119,6 @@ export default class Component {
 		this.stylesheet = new Stylesheet(source, ast, options.filename, options.dev);
 		this.stylesheet.validate(this);
 
-		const module_scripts = ast.js.filter(script => this.get_context(script) === 'module');
-		const instance_scripts = ast.js.filter(script => this.get_context(script) === 'default');
-
-		if (module_scripts.length > 1) {
-			this.error(module_scripts[1], {
-				code: `invalid-script`,
-				message: `A component can only have one <script context="module"> element`
-			});
-		}
-
-		if (instance_scripts.length > 1) {
-			this.error(instance_scripts[1], {
-				code: `invalid-script`,
-				message: `A component can only have one instance-level <script> element`
-			});
-		}
-
-		this.module_script = module_scripts[0];
-		this.instance_script = instance_scripts[0];
-
 		this.meta = process_meta(this, this.ast.html.children);
 		this.namespace = namespaces[this.meta.namespace] || this.meta.namespace;
 
@@ -170,7 +147,7 @@ export default class Component {
 
 		this.stylesheet.warnOnUnusedSelectors(stats);
 
-		if (!this.instance_script) {
+		if (!ast.instance && !ast.module) {
 			const props = [...this.template_references];
 			this.declarations.push(...props);
 			addToSet(this.mutable_props, this.template_references);
@@ -491,7 +468,7 @@ export default class Component {
 	}
 
 	walk_module_js() {
-		const script = this.module_script;
+		const script = this.ast.module;
 		if (!script) return;
 
 		this.addSourcemapLocations(script.content);
@@ -514,7 +491,7 @@ export default class Component {
 	}
 
 	walk_instance_js_pre_template() {
-		const script = this.instance_script;
+		const script = this.ast.instance;
 		if (!script) return;
 
 		this.addSourcemapLocations(script.content);
@@ -551,7 +528,7 @@ export default class Component {
 	}
 
 	walk_instance_js_post_template() {
-		const script = this.instance_script;
+		const script = this.ast.instance;
 		if (!script) return;
 
 		this.hoist_instance_declarations();
@@ -565,7 +542,7 @@ export default class Component {
 		const component = this;
 		let { instance_scope: scope, instance_scope_map: map } = this;
 
-		walk(this.instance_script.content, {
+		walk(this.ast.instance.content, {
 			enter(node, parent) {
 				let names;
 				if (map.has(node)) {
@@ -595,7 +572,7 @@ export default class Component {
 		const component = this;
 		let { instance_scope: scope, instance_scope_map: map } = this;
 
-		walk(this.instance_script.content, {
+		walk(this.ast.instance.content, {
 			enter(node, parent) {
 				if (map.has(node)) {
 					scope = map.get(node);
@@ -637,7 +614,7 @@ export default class Component {
 		const coalesced_declarations = [];
 		let current_group;
 
-		walk(this.instance_script.content, {
+		walk(this.ast.instance.content, {
 			enter(node, parent) {
 				if (/Function/.test(node.type)) {
 					current_group = null;
@@ -769,7 +746,7 @@ export default class Component {
 
 		const top_level_function_declarations = new Map();
 
-		this.instance_script.content.body.forEach(node => {
+		this.ast.instance.content.body.forEach(node => {
 			if (node.type === 'VariableDeclaration') {
 				if (node.declarations.every(d => d.init && d.init.type === 'Literal' && !this.mutable_props.has(d.id.name) && !template_scope.containsMutable([d.id.name]))) {
 					node.declarations.forEach(d => {
@@ -875,7 +852,7 @@ export default class Component {
 
 		const unsorted_reactive_declarations = [];
 
-		this.instance_script.content.body.forEach(node => {
+		this.ast.instance.content.body.forEach(node => {
 			if (node.type === 'LabeledStatement' && node.label.name === '$') {
 				this.reactive_declaration_nodes.add(node);
 
@@ -998,7 +975,7 @@ export default class Component {
 			this.has_reactive_assignments = true;
 		}
 
-		if (allow_implicit && !this.instance_script) return;
+		if (allow_implicit && !this.ast.instance && !this.ast.module) return;
 		if (this.instance_scope && this.instance_scope.declarations.has(name)) return;
 		if (this.module_scope && this.module_scope.declarations.has(name)) return;
 		if (template_scope && template_scope.names.has(name)) return;
@@ -1009,29 +986,6 @@ export default class Component {
 			message: `'${name}' is not defined`
 		});
 	}
-
-	get_context(script) {
-		const context = script.attributes.find(attribute => attribute.name === 'context');
-		if (!context) return 'default';
-
-		if (context.value.length !== 1 || context.value[0].type !== 'Text') {
-			this.error(script, {
-				code: 'invalid-script',
-				message: `context attribute must be static`
-			});
-		}
-
-		const value = context.value[0].data;
-
-		if (value !== 'module') {
-			this.error(context, {
-				code: `invalid-script`,
-				message: `If the context attribute is supplied, its value must be "module"`
-			});
-		}
-
-		return value;
-	}
 }
 
 function process_meta(component, nodes) {

src/compile/css/Stylesheet.ts

@@ -265,15 +265,15 @@ export default class Stylesheet {
 		this.nodesWithCssClass = new Set();
 		this.nodesWithRefCssClass = new Map();
 
-		if (ast.css[0] && ast.css[0].children.length) {
+		if (ast.css && ast.css.children.length) {
-			this.id = `svelte-${hash(ast.css[0].content.styles)}`;
+			this.id = `svelte-${hash(ast.css.content.styles)}`;
 
 			this.hasStyles = true;
 
 			const stack: (Rule | Atrule)[] = [];
 			let currentAtrule: Atrule = null;
 
-			walk(ast.css[0], {
+			walk(ast.css, {
 				enter: (node: Node) => {
 					if (node.type === 'Atrule') {
 						const last = stack[stack.length - 1];

src/compile/nodes/shared/Expression.ts

@@ -112,7 +112,7 @@ export default class Expression {
 				// conditions — it doesn't apply if the dependency is inside a
 				// function, and it only applies if the dependency is writable
 				// or a sub-path of a non-writable
-				if (component.instance_script) {
+				if (component.ast.instance) {
 					const owner = template_scope.getOwner(name);
 					const is_let = owner && (owner.type === 'InlineComponent' || owner.type === 'Element');
 

src/compile/render-dom/index.ts

@@ -144,13 +144,13 @@ export default function dom(
 	}
 
 	// instrument assignments
-	if (component.instance_script) {
+	if (component.ast.instance) {
 		let scope = component.instance_scope;
 		let map = component.instance_scope_map;
 
 		let pending_assignments = new Set();
 
-		walk(component.instance_script.content, {
+		walk(component.ast.instance.content, {
 			enter: (node, parent) => {
 				if (map.has(node)) {
 					scope = map.get(node);
@@ -297,7 +297,7 @@ export default function dom(
 	});
 
 	const user_code = component.javascript || (
-		component.ast.js.length === 0 && filtered_props.length > 0
+		!component.ast.instance && !component.ast.module && filtered_props.length > 0
 			? `let { ${filtered_props.map(x => x.name).join(', ')} } = $$props;`
 			: null
 	);

src/compile/render-ssr/index.ts

@@ -27,7 +27,7 @@ export default function ssr(
 	if (component.javascript) {
 		component.rewrite_props();
 		user_code = component.javascript;
-	} else if (component.ast.js.length === 0 && component.props.length > 0) {
+	} else if (!component.ast.instance && !component.ast.module && component.props.length > 0) {
 		const props = component.props.map(prop => prop.as).filter(name => name[0] !== '$');
 
 		user_code = `let { ${props.join(', ')} } = $$props;`

src/interfaces.ts

@@ -21,7 +21,8 @@ export interface Parser {
 export interface Ast {
 	html: Node;
 	css: Node;
-	js: Node;
+	instance: Node;
+	module: Node;
 }
 
 export interface Warning {

src/parse/acorn.ts

@@ -3,13 +3,13 @@ import dynamicImport from 'acorn-dynamic-import';
 
 const Parser = acorn.Parser.extend(dynamicImport);
 
-export const parse = (source: string, options: any) => Parser.parse(source, {
+export const parse = (source: string) => Parser.parse(source, {
 	sourceType: 'module',
 	ecmaVersion: 9,
 	preserveParens: true
 });
 
-export const parseExpressionAt = (source: string, index: number, options: any) => Parser.parseExpressionAt(source, index, {
+export const parseExpressionAt = (source: string, index: number) => Parser.parseExpressionAt(source, index, {
 	ecmaVersion: 9,
 	preserveParens: true
 });

src/parse/index.ts

@@ -226,9 +226,27 @@ export default function parse(
 		}, parser.css[1].start);
 	}
 
+	const instance_scripts = parser.js.filter(script => script.context === 'default');
+	const module_scripts = parser.js.filter(script => script.context === 'module');
+
+	if (instance_scripts.length > 1) {
+		parser.error({
+			code: `invalid-script`,
+			message: `A component can only have one instance-level <script> element`
+		}, instance_scripts[1].start);
+	}
+
+	if (module_scripts.length > 1) {
+		parser.error({
+			code: `invalid-script`,
+			message: `A component can only have one <script context="module"> element`
+		}, module_scripts[1].start);
+	}
+
 	return {
 		html: parser.html,
-		css: parser.css,
+		css: parser.css[0],
-		js: parser.js,
+		instance: instance_scripts[0],
+		module: module_scripts[0]
 	};
 }

src/parse/read/script.ts

@@ -5,6 +5,29 @@ import { Node } from '../../interfaces';
 
 const scriptClosingTag = '</script>';
 
+function get_context(parser: Parser, attributes: Node[], start: number) {
+	const context = attributes.find(attribute => attribute.name === 'context');
+	if (!context) return 'default';
+
+	if (context.value.length !== 1 || context.value[0].type !== 'Text') {
+		parser.error({
+			code: 'invalid-script',
+			message: `context attribute must be static`
+		}, start);
+	}
+
+	const value = context.value[0].data;
+
+	if (value !== 'module') {
+		parser.error({
+			code: `invalid-script`,
+			message: `If the context attribute is supplied, its value must be "module"`
+		}, context.start);
+	}
+
+	return value;
+}
+
 export default function readScript(parser: Parser, start: number, attributes: Node[]) {
 	const scriptStart = parser.index;
 	const scriptEnd = parser.template.indexOf(scriptClosingTag, scriptStart);
@@ -30,7 +53,7 @@ export default function readScript(parser: Parser, start: number, attributes: No
 	return {
 		start,
 		end: parser.index,
-		attributes,
+		context: get_context(parser, attributes, start),
 		content: ast,
 	};
 }

test/parser/index.js

@@ -31,7 +31,8 @@ describe('parse', () => {
 
 				assert.deepEqual(ast.html, expectedOutput.html);
 				assert.deepEqual(ast.css, expectedOutput.css);
-				assert.deepEqual(ast.js, expectedOutput.js);
+				assert.deepEqual(ast.instance, expectedOutput.instance);
+				assert.deepEqual(ast.module, expectedOutput.module);
 			} catch (err) {
 				if (err.name !== 'ParseError') throw err;
 				if (!expectedError) throw err;

test/parser/samples/action-with-call/output.json

@@ -42,6 +42,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/action-with-identifier/output.json

@@ -28,6 +28,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/action-with-literal/output.json

@@ -29,6 +29,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/action/output.json

@@ -23,6 +23,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/animation/output.json

@@ -55,6 +55,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/attribute-containing-solidus/output.json

@@ -36,6 +36,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

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

@@ -34,6 +34,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

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

@@ -34,6 +34,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

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

@@ -58,6 +58,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/attribute-escaped/output.json

@@ -29,6 +29,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/attribute-multiple/output.json

@@ -43,6 +43,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/attribute-shorthand/output.json

@@ -34,6 +34,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/attribute-static-boolean/output.json

@@ -22,6 +22,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/attribute-static/output.json

@@ -29,6 +29,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/attribute-unquoted/output.json

@@ -29,6 +29,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/await-then-catch/output.json

@@ -155,6 +155,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/binding-shorthand/output.json

@@ -28,6 +28,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/binding/output.json

@@ -28,6 +28,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/comment/output.json

@@ -12,6 +12,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/component-dynamic/output.json

@@ -37,6 +37,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/convert-entities-in-element/output.json

@@ -21,6 +21,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/convert-entities/output.json

@@ -12,6 +12,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/css/output.json

@@ -27,71 +27,70 @@
 			}
 		]
 	},
-	"css": [
+	"css": {
-		{
+		"start": 16,
-			"start": 16,
+		"end": 56,
-			"end": 56,
+		"attributes": [],
-			"attributes": [],
+		"children": [
-			"children": [
+			{
-				{
+				"type": "Rule",
-					"type": "Rule",
+				"selector": {
-					"selector": {
+					"type": "SelectorList",
-						"type": "SelectorList",
+					"children": [
-						"children": [
+						{
-							{
+							"type": "Selector",
-								"type": "Selector",
+							"children": [
+								{
+									"type": "TypeSelector",
+									"name": "div",
+									"start": 25,
+									"end": 28
+								}
+							],
+							"start": 25,
+							"end": 28
+						}
+					],
+					"start": 25,
+					"end": 28
+				},
+				"block": {
+					"type": "Block",
+					"children": [
+						{
+							"type": "Declaration",
+							"important": false,
+							"property": "color",
+							"value": {
+								"type": "Value",
 								"children": [
 									{
-										"type": "TypeSelector",
+										"type": "Identifier",
-										"name": "div",
+										"name": "red",
-										"start": 25,
+										"start": 40,
-										"end": 28
+										"end": 43
 									}
 								],
-								"start": 25,
+								"start": 39,
-								"end": 28
-							}
-						],
-						"start": 25,
-						"end": 28
-					},
-					"block": {
-						"type": "Block",
-						"children": [
-							{
-								"type": "Declaration",
-								"important": false,
-								"property": "color",
-								"value": {
-									"type": "Value",
-									"children": [
-										{
-											"type": "Identifier",
-											"name": "red",
-											"start": 40,
-											"end": 43
-										}
-									],
-									"start": 39,
-									"end": 43
-								},
-								"start": 33,
 								"end": 43
-							}
+							},
-						],
+							"start": 33,
-						"start": 29,
+							"end": 43
-						"end": 47
+						}
-					},
+					],
-					"start": 25,
+					"start": 29,
 					"end": 47
-				}
+				},
-			],
+				"start": 25,
-			"content": {
+				"end": 47
-				"start": 23,
-				"end": 48,
-				"styles": "\n\tdiv {\n\t\tcolor: red;\n\t}\n"
 			}
+		],
+		"content": {
+			"start": 23,
+			"end": 48,
+			"styles": "\n\tdiv {\n\t\tcolor: red;\n\t}\n"
 		}
-	],
+	},
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/dynamic-import/output.json

@@ -5,201 +5,199 @@
 		"type": "Fragment",
 		"children": []
 	},
-	"css": [],
+	"css": null,
-	"js": [
+	"instance": {
-		{
+		"start": 0,
-			"start": 0,
+		"end": 146,
-			"end": 146,
+		"context": "default",
-			"attributes": [],
+		"content": {
-			"content": {
+			"type": "Program",
-				"type": "Program",
+			"start": 8,
-				"start": 8,
+			"end": 137,
-				"end": 137,
+			"body": [
-				"body": [
+				{
-					{
+					"type": "ImportDeclaration",
-						"type": "ImportDeclaration",
+					"start": 10,
-						"start": 10,
+					"end": 43,
-						"end": 43,
+					"specifiers": [
-						"specifiers": [
+						{
-							{
+							"type": "ImportSpecifier",
-								"type": "ImportSpecifier",
+							"start": 19,
+							"end": 26,
+							"imported": {
+								"type": "Identifier",
 								"start": 19,
 								"end": 26,
-								"imported": {
+								"name": "onMount"
-									"type": "Identifier",
+							},
-									"start": 19,
+							"local": {
-									"end": 26,
+								"type": "Identifier",
-									"name": "onMount"
+								"start": 19,
-								},
+								"end": 26,
-								"local": {
+								"name": "onMount"
-									"type": "Identifier",
-									"start": 19,
-									"end": 26,
-									"name": "onMount"
-								}
 							}
-						],
-						"source": {
-							"type": "Literal",
-							"start": 34,
-							"end": 42,
-							"value": "svelte",
-							"raw": "'svelte'"
 						}
-					},
+					],
-					{
+					"source": {
-						"type": "ExpressionStatement",
+						"type": "Literal",
+						"start": 34,
+						"end": 42,
+						"value": "svelte",
+						"raw": "'svelte'"
+					}
+				},
+				{
+					"type": "ExpressionStatement",
+					"start": 46,
+					"end": 136,
+					"expression": {
+						"type": "CallExpression",
 						"start": 46,
-						"end": 136,
+						"end": 135,
-						"expression": {
+						"callee": {
-							"type": "CallExpression",
+							"type": "Identifier",
 							"start": 46,
-							"end": 135,
+							"end": 53,
-							"callee": {
+							"name": "onMount"
-								"type": "Identifier",
+						},
-								"start": 46,
+						"arguments": [
-								"end": 53,
+							{
-								"name": "onMount"
+								"type": "ArrowFunctionExpression",
-							},
+								"start": 54,
-							"arguments": [
+								"end": 134,
-								{
+								"id": null,
-									"type": "ArrowFunctionExpression",
+								"generator": false,
-									"start": 54,
+								"expression": false,
+								"async": false,
+								"params": [],
+								"body": {
+									"type": "BlockStatement",
+									"start": 60,
 									"end": 134,
-									"id": null,
+									"body": [
-									"generator": false,
+										{
-									"expression": false,
+											"type": "ExpressionStatement",
-									"async": false,
+											"start": 64,
-									"params": [],
+											"end": 131,
-									"body": {
+											"expression": {
-										"type": "BlockStatement",
+												"type": "CallExpression",
-										"start": 60,
-										"end": 134,
-										"body": [
-											{
-												"type": "ExpressionStatement",
 												"start": 64,
-												"end": 131,
+												"end": 130,
-												"expression": {
+												"callee": {
-													"type": "CallExpression",
+													"type": "MemberExpression",
 													"start": 64,
-													"end": 130,
+													"end": 87,
-													"callee": {
+													"object": {
-														"type": "MemberExpression",
+														"type": "CallExpression",
 														"start": 64,
-														"end": 87,
+														"end": 82,
-														"object": {
+														"callee": {
-															"type": "CallExpression",
+															"type": "Import",
 															"start": 64,
-															"end": 82,
+															"end": 70
-															"callee": {
-																"type": "Import",
-																"start": 64,
-																"end": 70
-															},
-															"arguments": [
-																{
-																	"type": "Literal",
-																	"start": 71,
-																	"end": 81,
-																	"value": "./foo.js",
-																	"raw": "'./foo.js'"
-																}
-															]
-														},
-														"property": {
-															"type": "Identifier",
-															"start": 83,
-															"end": 87,
-															"name": "then"
 														},
-														"computed": false
+														"arguments": [
+															{
+																"type": "Literal",
+																"start": 71,
+																"end": 81,
+																"value": "./foo.js",
+																"raw": "'./foo.js'"
+															}
+														]
+													},
+													"property": {
+														"type": "Identifier",
+														"start": 83,
+														"end": 87,
+														"name": "then"
 													},
-													"arguments": [
+													"computed": false
-														{
+												},
-															"type": "ArrowFunctionExpression",
+												"arguments": [
-															"start": 88,
+													{
+														"type": "ArrowFunctionExpression",
+														"start": 88,
+														"end": 129,
+														"id": null,
+														"generator": false,
+														"expression": false,
+														"async": false,
+														"params": [
+															{
+																"type": "Identifier",
+																"start": 88,
+																"end": 91,
+																"name": "foo"
+															}
+														],
+														"body": {
+															"type": "BlockStatement",
+															"start": 95,
 															"end": 129,
-															"id": null,
+															"body": [
-															"generator": false,
-															"expression": false,
-															"async": false,
-															"params": [
 																{
-																	"type": "Identifier",
+																	"type": "ExpressionStatement",
-																	"start": 88,
+																	"start": 100,
-																	"end": 91,
+																	"end": 125,
-																	"name": "foo"
+																	"expression": {
-																}
+																		"type": "CallExpression",
-															],
-															"body": {
-																"type": "BlockStatement",
-																"start": 95,
-																"end": 129,
-																"body": [
-																	{
-																		"type": "ExpressionStatement",
 																		"start": 100,
-																		"end": 125,
+																		"end": 124,
-																		"expression": {
+																		"callee": {
-																			"type": "CallExpression",
+																			"type": "MemberExpression",
 																			"start": 100,
-																			"end": 124,
+																			"end": 111,
-																			"callee": {
+																			"object": {
-																				"type": "MemberExpression",
+																				"type": "Identifier",
 																				"start": 100,
+																				"end": 107,
+																				"name": "console"
+																			},
+																			"property": {
+																				"type": "Identifier",
+																				"start": 108,
 																				"end": 111,
+																				"name": "log"
+																			},
+																			"computed": false
+																		},
+																		"arguments": [
+																			{
+																				"type": "MemberExpression",
+																				"start": 112,
+																				"end": 123,
 																				"object": {
 																					"type": "Identifier",
-																					"start": 100,
+																					"start": 112,
-																					"end": 107,
+																					"end": 115,
-																					"name": "console"
+																					"name": "foo"
 																				},
 																				"property": {
 																					"type": "Identifier",
-																					"start": 108,
+																					"start": 116,
-																					"end": 111,
+																					"end": 123,
-																					"name": "log"
+																					"name": "default"
 																				},
 																				"computed": false
-																			},
+																			}
-																			"arguments": [
+																		]
-																				{
-																					"type": "MemberExpression",
-																					"start": 112,
-																					"end": 123,
-																					"object": {
-																						"type": "Identifier",
-																						"start": 112,
-																						"end": 115,
-																						"name": "foo"
-																					},
-																					"property": {
-																						"type": "Identifier",
-																						"start": 116,
-																						"end": 123,
-																						"name": "default"
-																					},
-																					"computed": false
-																				}
-																			]
-																		}
 																	}
-																]
+																}
-															}
+															]
 														}
-													]
+													}
-												}
+												]
 											}
-										]
+										}
-									}
+									]
 								}
-							]
+							}
-						}
+						]
 					}
-				],
+				}
-				"sourceType": "module"
+			],
-			}
+			"sourceType": "module"
 		}
-	]
+	}
 }

test/parser/samples/each-block-destructured/output.json

@@ -75,6 +75,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/each-block-else/output.json

@@ -67,6 +67,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/each-block-indexed/output.json

@@ -63,6 +63,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/each-block-keyed/output.json

@@ -63,6 +63,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/each-block/output.json

@@ -45,6 +45,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/element-with-mustache/output.json

@@ -38,6 +38,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/element-with-text/output.json

@@ -21,6 +21,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/elements/output.json

@@ -22,6 +22,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/event-handler/output.json

@@ -98,6 +98,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/if-block-else/output.json

@@ -56,6 +56,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/if-block-elseif/output.json

@@ -96,6 +96,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/if-block/output.json

@@ -25,6 +25,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/implicitly-closed-li/output.json

@@ -66,6 +66,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/nbsp/output.json

@@ -21,6 +21,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/raw-mustaches/output.json

@@ -55,6 +55,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/refs/output.json

@@ -28,6 +28,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/script-comment-only/output.json

@@ -20,19 +20,16 @@
 			}
 		]
 	},
-	"css": [],
+	"instance": {
-	"js": [
+		"start": 0,
-		{
+		"end": 43,
-			"start": 0,
+		"context": "default",
-			"end": 43,
+		"content": {
-			"attributes": [],
+			"type": "Program",
-			"content": {
+			"start": 8,
-				"type": "Program",
+			"end": 34,
-				"start": 8,
+			"body": [],
-				"end": 34,
+			"sourceType": "module"
-				"body": [],
-				"sourceType": "module"
-			}
 		}
-	]
+	}
 }

test/parser/samples/script-comment-trailing-multiline/output.json

@@ -44,46 +44,43 @@
 			}
 		]
 	},
-	"css": [],
+	"instance": {
-	"js": [
+		"start": 0,
-		{
+		"end": 77,
-			"start": 0,
+		"context": "default",
-			"end": 77,
+		"content": {
-			"attributes": [],
+			"type": "Program",
-			"content": {
+			"start": 8,
-				"type": "Program",
+			"end": 68,
-				"start": 8,
+			"body": [
-				"end": 68,
+				{
-				"body": [
+					"type": "VariableDeclaration",
-					{
+					"start": 10,
-						"type": "VariableDeclaration",
+					"end": 29,
-						"start": 10,
+					"declarations": [
-						"end": 29,
+						{
-						"declarations": [
+							"type": "VariableDeclarator",
-							{
+							"start": 14,
-								"type": "VariableDeclarator",
+							"end": 28,
+							"id": {
+								"type": "Identifier",
 								"start": 14,
+								"end": 18,
+								"name": "name"
+							},
+							"init": {
+								"type": "Literal",
+								"start": 21,
 								"end": 28,
-								"id": {
+								"value": "world",
-									"type": "Identifier",
+								"raw": "'world'"
-									"start": 14,
-									"end": 18,
-									"name": "name"
-								},
-								"init": {
-									"type": "Literal",
-									"start": 21,
-									"end": 28,
-									"value": "world",
-									"raw": "'world'"
-								}
 							}
-						],
+						}
-						"kind": "let"
+					],
-					}
+					"kind": "let"
-				],
+				}
-				"sourceType": "module"
+			],
-			}
+			"sourceType": "module"
 		}
-	]
+	}
 }

test/parser/samples/script-comment-trailing/output.json

@@ -44,46 +44,43 @@
 			}
 		]
 	},
-	"css": [],
+	"instance": {
-	"js": [
+		"start": 0,
-		{
+		"end": 66,
-			"start": 0,
+		"context": "default",
-			"end": 66,
+		"content": {
-			"attributes": [],
+			"type": "Program",
-			"content": {
+			"start": 8,
-				"type": "Program",
+			"end": 57,
-				"start": 8,
+			"body": [
-				"end": 57,
+				{
-				"body": [
+					"type": "VariableDeclaration",
-					{
+					"start": 10,
-						"type": "VariableDeclaration",
+					"end": 29,
-						"start": 10,
+					"declarations": [
-						"end": 29,
+						{
-						"declarations": [
+							"type": "VariableDeclarator",
-							{
+							"start": 14,
-								"type": "VariableDeclarator",
+							"end": 28,
+							"id": {
+								"type": "Identifier",
 								"start": 14,
+								"end": 18,
+								"name": "name"
+							},
+							"init": {
+								"type": "Literal",
+								"start": 21,
 								"end": 28,
-								"id": {
+								"value": "world",
-									"type": "Identifier",
+								"raw": "'world'"
-									"start": 14,
-									"end": 18,
-									"name": "name"
-								},
-								"init": {
-									"type": "Literal",
-									"start": 21,
-									"end": 28,
-									"value": "world",
-									"raw": "'world'"
-								}
 							}
-						],
+						}
-						"kind": "let"
+					],
-					}
+					"kind": "let"
-				],
+				}
-				"sourceType": "module"
+			],
-			}
+			"sourceType": "module"
 		}
-	]
+	}
 }

test/parser/samples/script/output.json

@@ -44,46 +44,43 @@
 			}
 		]
 	},
-	"css": [],
+	"instance": {
-	"js": [
+		"start": 0,
-		{
+		"end": 39,
-			"start": 0,
+		"context": "default",
-			"end": 39,
+		"content": {
-			"attributes": [],
+			"type": "Program",
-			"content": {
+			"start": 8,
-				"type": "Program",
+			"end": 30,
-				"start": 8,
+			"body": [
-				"end": 30,
+				{
-				"body": [
+					"type": "VariableDeclaration",
-					{
+					"start": 10,
-						"type": "VariableDeclaration",
+					"end": 29,
-						"start": 10,
+					"declarations": [
-						"end": 29,
+						{
-						"declarations": [
+							"type": "VariableDeclarator",
-							{
+							"start": 14,
-								"type": "VariableDeclarator",
+							"end": 28,
+							"id": {
+								"type": "Identifier",
 								"start": 14,
+								"end": 18,
+								"name": "name"
+							},
+							"init": {
+								"type": "Literal",
+								"start": 21,
 								"end": 28,
-								"id": {
+								"value": "world",
-									"type": "Identifier",
+								"raw": "'world'"
-									"start": 14,
-									"end": 18,
-									"name": "name"
-								},
-								"init": {
-									"type": "Literal",
-									"start": 21,
-									"end": 28,
-									"value": "world",
-									"raw": "'world'"
-								}
 							}
-						],
+						}
-						"kind": "let"
+					],
-					}
+					"kind": "let"
-				],
+				}
-				"sourceType": "module"
+			],
-			}
+			"sourceType": "module"
 		}
-	]
+	}
 }

test/parser/samples/self-closing-element/output.json

@@ -14,6 +14,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/self-reference/output.json

@@ -73,6 +73,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/space-between-mustaches/output.json

@@ -72,6 +72,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/spread/output.json

@@ -26,6 +26,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/textarea-children/output.json

@@ -44,6 +44,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

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

@@ -32,6 +32,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

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

@@ -60,6 +60,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/unusual-identifier/output.json

@@ -45,6 +45,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/whitespace-leading-trailing/output.json

@@ -27,6 +27,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/whitespace-normal/output.json

@@ -62,6 +62,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/parser/samples/yield/output.json

@@ -17,6 +17,7 @@
 			}
 		]
 	},
-	"css": [],
+	"css": null,
-	"js": []
+	"instance": null,
+	"module": null
 }

test/validator/samples/multiple-script-default-context/errors.json

@@ -8,8 +8,8 @@
 		"character": 30
 	},
 	"end": {
-		"line": 7,
+		"line": 5,
-		"column": 9,
+		"column": 0,
-		"character": 58
+		"character": 30
 	}
 }]

test/validator/samples/multiple-script-module-context/errors.json

@@ -8,8 +8,8 @@
 		"character": 47
 	},
 	"end": {
-		"line": 7,
+		"line": 5,
-		"column": 9,
+		"column": 0,
-		"character": 92
+		"character": 47
 	}
 }]

test/validator/samples/script-invalid-context/errors.json

@@ -9,7 +9,7 @@
 	},
 	"end": {
 		"line": 1,
-		"column": 22,
+		"column": 8,
-		"character": 22
+		"character": 8
 	}
 }]