update expected

src/compiler/compile/render_dom/wrappers/Head.ts

@@ -30,7 +30,7 @@ export default class HeadWrapper extends Wrapper {
 		if (this.renderer.options.hydratable && this.fragment.nodes.length) {
 			nodes = block.get_unique_name('head_nodes');
 			block.chunks.claim.push(
-				b`const ${nodes} = Array.from((@_document.head||@_document.body).querySelectorAll('[data-svelte="${this.node.id}"]'));`
+				b`const ${nodes} = Array.from(( @_document.head || @_document.body ).querySelectorAll('[data-svelte="${this.node.id}"]'));`
 			);
 		}
 

test/css/index.ts

@@ -16,6 +16,9 @@ function normalize_warning(warning) {
 	warning.frame = warning.frame.replace(/^\n/, '').replace(/^\t+/gm, '').replace(/\s+$/gm, '');
 	delete warning.filename;
 	delete warning.toString;
+	delete warning.start;
+	delete warning.end;
+	delete warning.pos;
 	return warning;
 }
 

test/custom-elements/index.ts

@@ -131,9 +131,9 @@ describe('custom-elements', function () {
 						warnings.map((w) => ({
 							code: w.code,
 							message: w.message,
-							pos: w.pos,
+							// pos: w.pos,
-							start: w.start,
+							// start: w.start,
-							end: w.end,
+							// end: w.end,
 						})),
 						expected_warnings
 					);

test/custom-elements/samples/extended-builtin/_config.js

@@ -1,17 +1,19 @@
 export default {
-	warnings: [{
+	warnings: [
-		code: "avoid-is",
+		{
-		message: "The 'is' attribute is not supported cross-browser and should be avoided",
+			code: 'avoid-is',
-		pos: 98,
+			message: "The 'is' attribute is not supported cross-browser and should be avoided",
-		start: {
+			// pos: 98,
-			character: 98,
+			// start: {
-			column: 8,
+			// 	character: 98,
-			line: 7
+			// 	column: 8,
+			// 	line: 7
+			// },
+			// end: {
+			// 	character: 116,
+			// 	column: 26,
+			// 	line: 7
+			// }
 		},
-		end: {
+	],
-			character: 116,
-			column: 26,
-			line: 7
-		}
-	}]
 };

test/custom-elements/samples/no-svelte-options/_config.js

@@ -1,17 +1,20 @@
 export default {
-	warnings: [{
+	warnings: [
-		code: "custom-element-no-tag",
+		{
-		message: "No custom element 'tag' option was specified. To automatically register a custom element, specify a name with a hyphen in it, e.g. <svelte:options tag=\"my-thing\"/>. To hide this warning, use <svelte:options tag={null}/>",
+			code: 'custom-element-no-tag',
-		pos: 0,
+			message:
-		start: {
+				'No custom element \'tag\' option was specified. To automatically register a custom element, specify a name with a hyphen in it, e.g. <svelte:options tag="my-thing"/>. To hide this warning, use <svelte:options tag={null}/>',
-			character: 0,
+			// pos: 0,
-			column: 0,
+			// start: {
-			line: 1
+			// 	character: 0,
+			// 	column: 0,
+			// 	line: 1
+			// },
+			// end: {
+			// 	character: 0,
+			// 	column: 0,
+			// 	line: 1
+			// }
 		},
-		end: {
+	],
-			character: 0,
-			column: 0,
-			line: 1
-		}
-	}]
 };

test/custom-elements/samples/no-tag-warning/_config.js

@@ -1,17 +1,20 @@
 export default {
-	warnings: [{
+	warnings: [
-		code: "custom-element-no-tag",
+		{
-		message: "No custom element 'tag' option was specified. To automatically register a custom element, specify a name with a hyphen in it, e.g. <svelte:options tag=\"my-thing\"/>. To hide this warning, use <svelte:options tag={null}/>",
+			code: 'custom-element-no-tag',
-		pos: 0,
+			message:
-		start: {
+				'No custom element \'tag\' option was specified. To automatically register a custom element, specify a name with a hyphen in it, e.g. <svelte:options tag="my-thing"/>. To hide this warning, use <svelte:options tag={null}/>',
-			character: 0,
+			// pos: 0,
-			column: 0,
+			// start: {
-			line: 1
+			// 	character: 0,
+			// 	column: 0,
+			// 	line: 1
+			// },
+			// end: {
+			// 	character: 18,
+			// 	column: 18,
+			// 	line: 1
+			// }
 		},
-		end: {
+	],
-			character: 18,
-			column: 18,
-			line: 1
-		}
-	}]
 };

test/hydration/samples/head-meta-hydrate-duplicate/_after_head.html

@@ -1,4 +1,4 @@
 <title>Some Title</title>
-<link href="/" rel="canonical">
+<link href="/" rel="canonical" />
-<meta content="some description" name="description">
+<meta content="some description" name="description" />
-<meta content="some keywords" name="keywords">
+<meta content="some keywords" name="keywords" />

test/hydration/samples/head-meta-hydrate-duplicate/_before_head.html

@@ -1,4 +1,4 @@
 <title>Some Title</title>
-<link rel="canonical" href="/" data-svelte="svelte-1s8aodm">
+<link rel="canonical" href="/" data-svelte="svelte-1t0pfk9" />
-<meta name="description" content="some description" data-svelte="svelte-1s8aodm">
+<meta name="description" content="some description" data-svelte="svelte-1t0pfk9" />
-<meta name="keywords" content="some keywords" data-svelte="svelte-1s8aodm">
+<meta name="keywords" content="some keywords" data-svelte="svelte-1t0pfk9" />

test/js/samples/action-custom-event-handler/expected.js

@@ -6,7 +6,6 @@ import {
 	element,
 	init,
 	insert,
-	is_function,
 	noop,
 	safe_not_equal
 } from "svelte/internal";
@@ -27,7 +26,7 @@ function create_fragment(ctx) {
 			dispose = action_destroyer(foo_action = foo.call(null, button, /*foo_function*/ ctx[1]));
 		},
 		p(ctx, [dirty]) {
-			if (foo_action && is_function(foo_action.update) && dirty & /*bar*/ 1) foo_action.update.call(null, /*foo_function*/ ctx[1]);
+			if (foo_action && "function" === typeof foo_action.update && dirty & /*bar*/ 1) foo_action.update.call(null, /*foo_function*/ ctx[1]);
 		},
 		i: noop,
 		o: noop,
@@ -52,6 +51,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("bar" in $$props) $$invalidate(0, bar = $$props.bar);
+		0;
 	};
 
 	return [bar, foo_function];

test/js/samples/bind-online/expected.js

@@ -5,7 +5,6 @@ import {
 	init,
 	listen,
 	noop,
-	run_all,
 	safe_not_equal
 } from "svelte/internal";
 
@@ -16,7 +15,9 @@ function create_fragment(ctx) {
 	return {
 		c: noop,
 		m(target, anchor, remount) {
-			if (remount) run_all(dispose);
+			if (remount) for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 
 			dispose = [
 				listen(window, "online", /*onlinestatuschanged*/ ctx[1]),
@@ -27,7 +28,9 @@ function create_fragment(ctx) {
 		i: noop,
 		o: noop,
 		d(detaching) {
-			run_all(dispose);
+			for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 		}
 	};
 }

test/js/samples/bind-open/expected.js

@@ -51,6 +51,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("open" in $$props) $$invalidate(0, open = $$props.open);
+		0;
 	};
 
 	return [open, details_toggle_handler];

test/js/samples/bind-width-height/expected.js

@@ -49,6 +49,7 @@ function instance($$self, $$props, $$invalidate) {
 	$$self.$set = $$props => {
 		if ("w" in $$props) $$invalidate(0, w = $$props.w);
 		if ("h" in $$props) $$invalidate(1, h = $$props.h);
+		0;
 	};
 
 	return [w, h, div_elementresize_handler];

test/js/samples/bindings-readonly-order/expected.js

@@ -8,7 +8,6 @@ import {
 	insert,
 	listen,
 	noop,
-	run_all,
 	safe_not_equal,
 	space
 } from "svelte/internal";
@@ -31,7 +30,10 @@ function create_fragment(ctx) {
 			insert(target, input0, anchor);
 			insert(target, t, anchor);
 			insert(target, input1, anchor);
-			if (remount) run_all(dispose);
+
+			if (remount) for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 
 			dispose = [
 				listen(input0, "change", /*input0_change_handler*/ ctx[1]),
@@ -45,7 +47,10 @@ function create_fragment(ctx) {
 			if (detaching) detach(input0);
 			if (detaching) detach(t);
 			if (detaching) detach(input1);
-			run_all(dispose);
+
+			for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 		}
 	};
 }
@@ -65,6 +70,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("files" in $$props) $$invalidate(0, files = $$props.files);
+		0;
 	};
 
 	return [files, input0_change_handler, input1_change_handler];

test/js/samples/capture-inject-state/expected.js

@@ -1,8 +1,8 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponentDev,
-	add_location,
+	add_location_dev,
-	append_dev,
+	append,
 	detach_dev,
 	dispatch_dev,
 	element,
@@ -14,8 +14,8 @@ import {
 	space,
 	subscribe,
 	text,
-	validate_slots,
+	validate_slots_dev,
-	validate_store
+	validate_store_dev
 } from "svelte/internal";
 
 const file = undefined;
@@ -48,24 +48,24 @@ function create_fragment(ctx) {
 			t8 = text(/*$prop*/ ctx[2]);
 			t9 = space();
 			t10 = text(/*shadowedByModule*/ ctx[4]);
-			add_location(p, file, 22, 0, 430);
+			add_location_dev(p, file, 22, 0, 452);
 		},
 		l: function claim(nodes) {
 			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
 		},
 		m: function mount(target, anchor) {
 			insert_dev(target, p, anchor);
-			append_dev(p, t0);
+			append(p, t0);
-			append_dev(p, t1);
+			append(p, t1);
-			append_dev(p, t2);
+			append(p, t2);
-			append_dev(p, t3);
+			append(p, t3);
-			append_dev(p, t4);
+			append(p, t4);
-			append_dev(p, t5);
+			append(p, t5);
-			append_dev(p, t6);
+			append(p, t6);
-			append_dev(p, t7);
+			append(p, t7);
-			append_dev(p, t8);
+			append(p, t8);
-			append_dev(p, t9);
+			append(p, t9);
-			append_dev(p, t10);
+			append(p, t10);
 		},
 		p: function update(ctx, [dirty]) {
 			if (dirty & /*prop*/ 1) set_data_dev(t0, /*prop*/ ctx[0]);
@@ -100,11 +100,13 @@ const priv = "priv";
 function instance($$self, $$props, $$invalidate) {
 	let $prop,
 		$$unsubscribe_prop = noop,
-		$$subscribe_prop = () => ($$unsubscribe_prop(), $$unsubscribe_prop = subscribe(prop, $$value => $$invalidate(2, $prop = $$value)), prop);
+		$$subscribe_prop = () => ($$unsubscribe_prop(), $$unsubscribe_prop = subscribe(prop, value => {
+			$$invalidate(2, $prop = value);
+		}), prop);
 
 	$$self.$$.on_destroy.push(() => $$unsubscribe_prop());
 	let { prop } = $$props;
-	validate_store(prop, "prop");
+	validate_store_dev(prop, "prop");
 	$$subscribe_prop();
 	let { alias: realName } = $$props;
 	let local;
@@ -116,11 +118,12 @@ function instance($$self, $$props, $$invalidate) {
 	});
 
 	let { $$slots = {}, $$scope } = $$props;
-	validate_slots("Component", $$slots, []);
+	validate_slots_dev("Component", $$slots, []);
 
 	$$self.$set = $$props => {
 		if ("prop" in $$props) $$subscribe_prop($$invalidate(0, prop = $$props.prop));
 		if ("alias" in $$props) $$invalidate(1, realName = $$props.alias);
+		0;
 	};
 
 	$$self.$capture_state = () => ({

test/js/samples/collapses-text-around-comments/expected.js

@@ -15,8 +15,8 @@ import {
 
 function add_css() {
 	var style = element("style");
-	style.id = "svelte-1a7i8ec-style";
+	style.id = "svelte-1o8xv48-style";
-	style.textContent = "p.svelte-1a7i8ec{color:red}";
+	style.textContent = "p.svelte-1o8xv48{color:red}";
 	append(document.head, style);
 }
 
@@ -28,7 +28,7 @@ function create_fragment(ctx) {
 		c() {
 			p = element("p");
 			t = text(/*foo*/ ctx[0]);
-			attr(p, "class", "svelte-1a7i8ec");
+			attr(p, "class", "svelte-1o8xv48");
 		},
 		m(target, anchor) {
 			insert(target, p, anchor);
@@ -50,6 +50,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("foo" in $$props) $$invalidate(0, foo = $$props.foo);
+		0;
 	};
 
 	return [foo];
@@ -58,7 +59,7 @@ function instance($$self, $$props, $$invalidate) {
 class Component extends SvelteComponent {
 	constructor(options) {
 		super();
-		if (!document.getElementById("svelte-1a7i8ec-style")) add_css();
+		if (!document.getElementById("svelte-1o8xv48-style")) add_css();
 		init(this, options, instance, create_fragment, safe_not_equal, { foo: 0 });
 	}
 }

test/js/samples/component-static-array/expected.js

@@ -1,7 +1,6 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	create_component,
 	destroy_component,
 	init,
 	mount_component,
@@ -17,7 +16,7 @@ function create_fragment(ctx) {
 
 	return {
 		c() {
-			create_component(nested.$$.fragment);
+			if (nested.$$.fragment) nested.$$.fragment.c();
 		},
 		m(target, anchor) {
 			mount_component(nested, target, anchor);

test/js/samples/component-static-immutable/expected.js

@@ -1,7 +1,6 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	create_component,
 	destroy_component,
 	init,
 	mount_component,
@@ -17,7 +16,7 @@ function create_fragment(ctx) {
 
 	return {
 		c() {
-			create_component(nested.$$.fragment);
+			if (nested.$$.fragment) nested.$$.fragment.c();
 		},
 		m(target, anchor) {
 			mount_component(nested, target, anchor);

test/js/samples/component-static-immutable2/expected.js

@@ -1,7 +1,6 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	create_component,
 	destroy_component,
 	init,
 	mount_component,
@@ -17,7 +16,7 @@ function create_fragment(ctx) {
 
 	return {
 		c() {
-			create_component(nested.$$.fragment);
+			if (nested.$$.fragment) nested.$$.fragment.c();
 		},
 		m(target, anchor) {
 			mount_component(nested, target, anchor);

test/js/samples/component-static-var/expected.js

@@ -1,7 +1,6 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	create_component,
 	destroy_component,
 	detach,
 	element,
@@ -30,9 +29,9 @@ function create_fragment(ctx) {
 
 	return {
 		c() {
-			create_component(foo.$$.fragment);
+			if (foo.$$.fragment) foo.$$.fragment.c();
 			t0 = space();
-			create_component(bar.$$.fragment);
+			if (bar.$$.fragment) bar.$$.fragment.c();
 			t1 = space();
 			input = element("input");
 		},

test/js/samples/component-static/expected.js

@@ -1,7 +1,6 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	create_component,
 	destroy_component,
 	init,
 	mount_component,
@@ -17,7 +16,7 @@ function create_fragment(ctx) {
 
 	return {
 		c() {
-			create_component(nested.$$.fragment);
+			if (nested.$$.fragment) nested.$$.fragment.c();
 		},
 		m(target, anchor) {
 			mount_component(nested, target, anchor);

test/js/samples/component-store-access-invalidate/expected.js

@@ -2,7 +2,6 @@
 import {
 	SvelteComponent,
 	append,
-	component_subscribe,
 	detach,
 	element,
 	init,
@@ -10,6 +9,7 @@ import {
 	noop,
 	safe_not_equal,
 	set_data,
+	subscribe,
 	text
 } from "svelte/internal";
 
@@ -42,7 +42,11 @@ function create_fragment(ctx) {
 function instance($$self, $$props, $$invalidate) {
 	let $foo;
 	const foo = writable(0);
-	component_subscribe($$self, foo, value => $$invalidate(0, $foo = value));
+
+	$$self.$$.on_destroy.push(subscribe(foo, value => {
+		$$invalidate(0, $foo = value);
+	}));
+
 	return [$foo, foo];
 }
 

test/js/samples/component-store-file-invalidate/expected.js

@@ -1,17 +1,20 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	component_subscribe,
 	init,
 	safe_not_equal,
-	set_store_value
+	set_store_value,
+	subscribe
 } from "svelte/internal";
 
 import { count } from "./store.js";
 
 function instance($$self, $$props, $$invalidate) {
 	let $count;
-	component_subscribe($$self, count, $$value => $$invalidate(1, $count = $$value));
+
+	$$self.$$.on_destroy.push(subscribe(count, value => {
+		$$invalidate(1, $count = value);
+	}));
 
 	function increment() {
 		set_store_value(count, $count++, $count);

test/js/samples/component-store-reassign-invalidate/expected.js

@@ -57,7 +57,9 @@ function create_fragment(ctx) {
 function instance($$self, $$props, $$invalidate) {
 	let $foo,
 		$$unsubscribe_foo = noop,
-		$$subscribe_foo = () => ($$unsubscribe_foo(), $$unsubscribe_foo = subscribe(foo, $$value => $$invalidate(1, $foo = $$value)), foo);
+		$$subscribe_foo = () => ($$unsubscribe_foo(), $$unsubscribe_foo = subscribe(foo, value => {
+			$$invalidate(1, $foo = value);
+		}), foo);
 
 	$$self.$$.on_destroy.push(() => $$unsubscribe_foo());
 	let foo = writable(0);

test/js/samples/computed-collapsed-if/expected.js

@@ -14,6 +14,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("x" in $$props) $$invalidate(0, x = $$props.x);
+		0;
 	};
 
 	return [x, a, b];

test/js/samples/css-media-query/expected.js

@@ -13,8 +13,8 @@ import {
 
 function add_css() {
 	var style = element("style");
-	style.id = "svelte-1slhpfn-style";
+	style.id = "svelte-8exri5-style";
-	style.textContent = "@media(min-width: 1px){div.svelte-1slhpfn{color:red}}";
+	style.textContent = "@media(min-width: 1px){div.svelte-8exri5{color:red}}";
 	append(document.head, style);
 }
 
@@ -24,7 +24,7 @@ function create_fragment(ctx) {
 	return {
 		c() {
 			div = element("div");
-			attr(div, "class", "svelte-1slhpfn");
+			attr(div, "class", "svelte-8exri5");
 		},
 		m(target, anchor) {
 			insert(target, div, anchor);
@@ -41,7 +41,7 @@ function create_fragment(ctx) {
 class Component extends SvelteComponent {
 	constructor(options) {
 		super();
-		if (!document.getElementById("svelte-1slhpfn-style")) add_css();
+		if (!document.getElementById("svelte-8exri5-style")) add_css();
 		init(this, options, null, create_fragment, safe_not_equal, {});
 	}
 }

test/js/samples/data-attribute/expected.js

@@ -49,6 +49,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("bar" in $$props) $$invalidate(0, bar = $$props.bar);
+		0;
 	};
 
 	return [bar];

test/js/samples/debug-empty/expected.js

@@ -1,8 +1,8 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponentDev,
-	add_location,
+	add_location_dev,
-	append_dev,
+	append,
 	detach_dev,
 	dispatch_dev,
 	element,
@@ -13,7 +13,7 @@ import {
 	set_data_dev,
 	space,
 	text,
-	validate_slots
+	validate_slots_dev
 } from "svelte/internal";
 
 const file = undefined;
@@ -33,16 +33,16 @@ function create_fragment(ctx) {
 			t2 = text("!");
 			t3 = space();
 			debugger;
-			add_location(h1, file, 4, 0, 38);
+			add_location_dev(h1, file, 4, 0, 42);
 		},
 		l: function claim(nodes) {
 			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
 		},
 		m: function mount(target, anchor) {
 			insert_dev(target, h1, anchor);
-			append_dev(h1, t0);
+			append(h1, t0);
-			append_dev(h1, t1);
+			append(h1, t1);
-			append_dev(h1, t2);
+			append(h1, t2);
 			insert_dev(target, t3, anchor);
 		},
 		p: function update(ctx, [dirty]) {
@@ -77,10 +77,11 @@ function instance($$self, $$props, $$invalidate) {
 	});
 
 	let { $$slots = {}, $$scope } = $$props;
-	validate_slots("Component", $$slots, []);
+	validate_slots_dev("Component", $$slots, []);
 
 	$$self.$set = $$props => {
 		if ("name" in $$props) $$invalidate(0, name = $$props.name);
+		0;
 	};
 
 	$$self.$capture_state = () => ({ name });

test/js/samples/debug-foo-bar-baz-things/expected.js

@@ -1,21 +1,21 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponentDev,
-	add_location,
+	add_location_dev,
-	append_dev,
+	append,
 	destroy_each,
 	detach_dev,
 	dispatch_dev,
 	element,
 	init,
 	insert_dev,
+	is_array_like_dev,
 	noop,
 	safe_not_equal,
 	set_data_dev,
 	space,
 	text,
-	validate_each_argument,
+	validate_slots_dev
-	validate_slots
 } from "svelte/internal";
 
 const file = undefined;
@@ -48,11 +48,11 @@ function create_each_block(ctx) {
 				debugger;
 			}
 
-			add_location(span, file, 8, 1, 116);
+			add_location_dev(span, file, 8, 1, 124);
 		},
 		m: function mount(target, anchor) {
 			insert_dev(target, span, anchor);
-			append_dev(span, t0);
+			append(span, t0);
 			insert_dev(target, t1, anchor);
 		},
 		p: function update(ctx, dirty) {
@@ -90,16 +90,16 @@ function create_fragment(ctx) {
 	let t1;
 	let t2;
 	let each_value = /*things*/ ctx[0];
-	validate_each_argument(each_value);
+	is_array_like_dev(each_value);
 	let each_blocks = [];
 
-	for (let i = 0; i < each_value.length; i += 1) {
+	for (let i = 0; i < each_value.length; i++) {
 		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
 	const block = {
 		c: function create() {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].c();
 			}
 
@@ -107,40 +107,42 @@ function create_fragment(ctx) {
 			p = element("p");
 			t1 = text("foo: ");
 			t2 = text(/*foo*/ ctx[1]);
-			add_location(p, file, 12, 0, 182);
+			add_location_dev(p, file, 12, 0, 194);
 		},
 		l: function claim(nodes) {
 			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
 		},
 		m: function mount(target, anchor) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].m(target, anchor);
 			}
 
 			insert_dev(target, t0, anchor);
 			insert_dev(target, p, anchor);
-			append_dev(p, t1);
+			append(p, t1);
-			append_dev(p, t2);
+			append(p, t2);
 		},
 		p: function update(ctx, [dirty]) {
 			if (dirty & /*things*/ 1) {
 				each_value = /*things*/ ctx[0];
-				validate_each_argument(each_value);
+				is_array_like_dev(each_value);
-				let i;
+				let i = 0;
+				let block;
 
-				for (i = 0; i < each_value.length; i += 1) {
+				for (; i < each_value.length; i++) {
+					block = each_blocks[i];
 					const child_ctx = get_each_context(ctx, each_value, i);
 
-					if (each_blocks[i]) {
+					if (block) {
-						each_blocks[i].p(child_ctx, dirty);
+						block.p(child_ctx, dirty);
 					} else {
-						each_blocks[i] = create_each_block(child_ctx);
+						block = each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
+						block.c();
-						each_blocks[i].m(t0.parentNode, t0);
+						block.m(t0.parentNode, t0);
 					}
 				}
 
-				for (; i < each_blocks.length; i += 1) {
+				for (; i < each_blocks.length; i++) {
 					each_blocks[i].d(1);
 				}
 
@@ -181,13 +183,14 @@ function instance($$self, $$props, $$invalidate) {
 	});
 
 	let { $$slots = {}, $$scope } = $$props;
-	validate_slots("Component", $$slots, []);
+	validate_slots_dev("Component", $$slots, []);
 
 	$$self.$set = $$props => {
 		if ("things" in $$props) $$invalidate(0, things = $$props.things);
 		if ("foo" in $$props) $$invalidate(1, foo = $$props.foo);
 		if ("bar" in $$props) $$invalidate(2, bar = $$props.bar);
 		if ("baz" in $$props) $$invalidate(3, baz = $$props.baz);
+		0;
 	};
 
 	$$self.$capture_state = () => ({ things, foo, bar, baz });

test/js/samples/debug-foo/expected.js

@@ -1,21 +1,21 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponentDev,
-	add_location,
+	add_location_dev,
-	append_dev,
+	append,
 	destroy_each,
 	detach_dev,
 	dispatch_dev,
 	element,
 	init,
 	insert_dev,
+	is_array_like_dev,
 	noop,
 	safe_not_equal,
 	set_data_dev,
 	space,
 	text,
-	validate_each_argument,
+	validate_slots_dev
-	validate_slots
 } from "svelte/internal";
 
 const file = undefined;
@@ -45,11 +45,11 @@ function create_each_block(ctx) {
 				debugger;
 			}
 
-			add_location(span, file, 6, 1, 82);
+			add_location_dev(span, file, 6, 1, 88);
 		},
 		m: function mount(target, anchor) {
 			insert_dev(target, span, anchor);
-			append_dev(span, t0);
+			append(span, t0);
 			insert_dev(target, t1, anchor);
 		},
 		p: function update(ctx, dirty) {
@@ -84,16 +84,16 @@ function create_fragment(ctx) {
 	let t1;
 	let t2;
 	let each_value = /*things*/ ctx[0];
-	validate_each_argument(each_value);
+	is_array_like_dev(each_value);
 	let each_blocks = [];
 
-	for (let i = 0; i < each_value.length; i += 1) {
+	for (let i = 0; i < each_value.length; i++) {
 		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
 	const block = {
 		c: function create() {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].c();
 			}
 
@@ -101,40 +101,42 @@ function create_fragment(ctx) {
 			p = element("p");
 			t1 = text("foo: ");
 			t2 = text(/*foo*/ ctx[1]);
-			add_location(p, file, 10, 0, 131);
+			add_location_dev(p, file, 10, 0, 141);
 		},
 		l: function claim(nodes) {
 			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
 		},
 		m: function mount(target, anchor) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].m(target, anchor);
 			}
 
 			insert_dev(target, t0, anchor);
 			insert_dev(target, p, anchor);
-			append_dev(p, t1);
+			append(p, t1);
-			append_dev(p, t2);
+			append(p, t2);
 		},
 		p: function update(ctx, [dirty]) {
 			if (dirty & /*things*/ 1) {
 				each_value = /*things*/ ctx[0];
-				validate_each_argument(each_value);
+				is_array_like_dev(each_value);
-				let i;
+				let i = 0;
+				let block;
 
-				for (i = 0; i < each_value.length; i += 1) {
+				for (; i < each_value.length; i++) {
+					block = each_blocks[i];
 					const child_ctx = get_each_context(ctx, each_value, i);
 
-					if (each_blocks[i]) {
+					if (block) {
-						each_blocks[i].p(child_ctx, dirty);
+						block.p(child_ctx, dirty);
 					} else {
-						each_blocks[i] = create_each_block(child_ctx);
+						block = each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
+						block.c();
-						each_blocks[i].m(t0.parentNode, t0);
+						block.m(t0.parentNode, t0);
 					}
 				}
 
-				for (; i < each_blocks.length; i += 1) {
+				for (; i < each_blocks.length; i++) {
 					each_blocks[i].d(1);
 				}
 
@@ -173,11 +175,12 @@ function instance($$self, $$props, $$invalidate) {
 	});
 
 	let { $$slots = {}, $$scope } = $$props;
-	validate_slots("Component", $$slots, []);
+	validate_slots_dev("Component", $$slots, []);
 
 	$$self.$set = $$props => {
 		if ("things" in $$props) $$invalidate(0, things = $$props.things);
 		if ("foo" in $$props) $$invalidate(1, foo = $$props.foo);
+		0;
 	};
 
 	$$self.$capture_state = () => ({ things, foo });

test/js/samples/debug-hoisted/expected.js

@@ -5,7 +5,7 @@ import {
 	init,
 	noop,
 	safe_not_equal,
-	validate_slots
+	validate_slots_dev
 } from "svelte/internal";
 
 const file = undefined;
@@ -58,7 +58,7 @@ function instance($$self, $$props, $$invalidate) {
 	});
 
 	let { $$slots = {}, $$scope } = $$props;
-	validate_slots("Component", $$slots, []);
+	validate_slots_dev("Component", $$slots, []);
 	$$self.$capture_state = () => ({ obj, kobzol });
 
 	$$self.$inject_state = $$props => {

test/js/samples/debug-no-dependencies/expected.js

@@ -7,12 +7,12 @@ import {
 	empty,
 	init,
 	insert_dev,
+	is_array_like_dev,
 	noop,
 	safe_not_equal,
 	space,
 	text,
-	validate_each_argument,
+	validate_slots_dev
-	validate_slots
 } from "svelte/internal";
 
 const file = undefined;
@@ -66,16 +66,16 @@ function create_each_block(ctx) {
 function create_fragment(ctx) {
 	let each_1_anchor;
 	let each_value = things;
-	validate_each_argument(each_value);
+	is_array_like_dev(each_value);
 	let each_blocks = [];
 
-	for (let i = 0; i < each_value.length; i += 1) {
+	for (let i = 0; i < each_value.length; i++) {
 		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
 	const block = {
 		c: function create() {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].c();
 			}
 
@@ -85,7 +85,7 @@ function create_fragment(ctx) {
 			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
 		},
 		m: function mount(target, anchor) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].m(target, anchor);
 			}
 
@@ -94,22 +94,24 @@ function create_fragment(ctx) {
 		p: function update(ctx, [dirty]) {
 			if (dirty & /*things*/ 0) {
 				each_value = things;
-				validate_each_argument(each_value);
+				is_array_like_dev(each_value);
-				let i;
+				let i = 0;
+				let block;
 
-				for (i = 0; i < each_value.length; i += 1) {
+				for (; i < each_value.length; i++) {
+					block = each_blocks[i];
 					const child_ctx = get_each_context(ctx, each_value, i);
 
-					if (each_blocks[i]) {
+					if (block) {
-						each_blocks[i].p(child_ctx, dirty);
+						block.p(child_ctx, dirty);
 					} else {
-						each_blocks[i] = create_each_block(child_ctx);
+						block = each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
+						block.c();
-						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+						block.m(each_1_anchor.parentNode, each_1_anchor);
 					}
 				}
 
-				for (; i < each_blocks.length; i += 1) {
+				for (; i < each_blocks.length; i++) {
 					each_blocks[i].d(1);
 				}
 
@@ -143,7 +145,7 @@ function instance($$self, $$props) {
 	});
 
 	let { $$slots = {}, $$scope } = $$props;
-	validate_slots("Component", $$slots, []);
+	validate_slots_dev("Component", $$slots, []);
 	return [];
 }
 

test/js/samples/deconflict-builtins/expected.js

@@ -49,20 +49,20 @@ function create_fragment(ctx) {
 	let each_value = /*createElement*/ ctx[0];
 	let each_blocks = [];
 
-	for (let i = 0; i < each_value.length; i += 1) {
+	for (let i = 0; i < each_value.length; i++) {
 		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
 	return {
 		c() {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].c();
 			}
 
 			each_1_anchor = empty();
 		},
 		m(target, anchor) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].m(target, anchor);
 			}
 
@@ -71,21 +71,23 @@ function create_fragment(ctx) {
 		p(ctx, [dirty]) {
 			if (dirty & /*createElement*/ 1) {
 				each_value = /*createElement*/ ctx[0];
-				let i;
+				let i = 0;
+				let block;
 
-				for (i = 0; i < each_value.length; i += 1) {
+				for (; i < each_value.length; i++) {
+					block = each_blocks[i];
 					const child_ctx = get_each_context(ctx, each_value, i);
 
-					if (each_blocks[i]) {
+					if (block) {
-						each_blocks[i].p(child_ctx, dirty);
+						block.p(child_ctx, dirty);
 					} else {
-						each_blocks[i] = create_each_block(child_ctx);
+						block = each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
+						block.c();
-						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+						block.m(each_1_anchor.parentNode, each_1_anchor);
 					}
 				}
 
-				for (; i < each_blocks.length; i += 1) {
+				for (; i < each_blocks.length; i++) {
 					each_blocks[i].d(1);
 				}
 
@@ -106,6 +108,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("createElement" in $$props) $$invalidate(0, createElement = $$props.createElement);
+		0;
 	};
 
 	return [createElement];

test/js/samples/deconflict-globals/expected.js

@@ -12,6 +12,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("foo" in $$props) $$invalidate(0, foo = $$props.foo);
+		0;
 	};
 
 	return [foo];

test/js/samples/dev-warning-missing-data-computed/expected.js

@@ -1,8 +1,8 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponentDev,
-	add_location,
+	add_location_dev,
-	append_dev,
+	append,
 	detach_dev,
 	dispatch_dev,
 	element,
@@ -13,7 +13,7 @@ import {
 	set_data_dev,
 	space,
 	text,
-	validate_slots
+	validate_slots_dev
 } from "svelte/internal";
 
 const file = undefined;
@@ -31,16 +31,16 @@ function create_fragment(ctx) {
 			t0 = text(t0_value);
 			t1 = space();
 			t2 = text(/*bar*/ ctx[1]);
-			add_location(p, file, 7, 0, 67);
+			add_location_dev(p, file, 7, 0, 74);
 		},
 		l: function claim(nodes) {
 			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
 		},
 		m: function mount(target, anchor) {
 			insert_dev(target, p, anchor);
-			append_dev(p, t0);
+			append(p, t0);
-			append_dev(p, t1);
+			append(p, t1);
-			append_dev(p, t2);
+			append(p, t2);
 		},
 		p: function update(ctx, [dirty]) {
 			if (dirty & /*foo*/ 1 && t0_value !== (t0_value = Math.max(0, /*foo*/ ctx[0]) + "")) set_data_dev(t0, t0_value);
@@ -74,10 +74,11 @@ function instance($$self, $$props, $$invalidate) {
 	});
 
 	let { $$slots = {}, $$scope } = $$props;
-	validate_slots("Component", $$slots, []);
+	validate_slots_dev("Component", $$slots, []);
 
 	$$self.$set = $$props => {
 		if ("foo" in $$props) $$invalidate(0, foo = $$props.foo);
+		0;
 	};
 
 	$$self.$capture_state = () => ({ foo, bar });

test/js/samples/dynamic-import/expected.js

@@ -1,7 +1,6 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	create_component,
 	destroy_component,
 	init,
 	mount_component,
@@ -19,7 +18,7 @@ function create_fragment(ctx) {
 
 	return {
 		c() {
-			create_component(lazyload.$$.fragment);
+			if (lazyload.$$.fragment) lazyload.$$.fragment.c();
 		},
 		m(target, anchor) {
 			mount_component(lazyload, target, anchor);

test/js/samples/each-block-array-literal/expected.js

@@ -49,20 +49,20 @@ function create_fragment(ctx) {
 	let each_value = [/*a*/ ctx[0], /*b*/ ctx[1], /*c*/ ctx[2], /*d*/ ctx[3], /*e*/ ctx[4]];
 	let each_blocks = [];
 
-	for (let i = 0; i < 5; i += 1) {
+	for (let i = 0; i < each_value.length; i++) {
 		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
 	return {
 		c() {
-			for (let i = 0; i < 5; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].c();
 			}
 
 			each_1_anchor = empty();
 		},
 		m(target, anchor) {
-			for (let i = 0; i < 5; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].m(target, anchor);
 			}
 
@@ -71,23 +71,27 @@ function create_fragment(ctx) {
 		p(ctx, [dirty]) {
 			if (dirty & /*a, b, c, d, e*/ 31) {
 				each_value = [/*a*/ ctx[0], /*b*/ ctx[1], /*c*/ ctx[2], /*d*/ ctx[3], /*e*/ ctx[4]];
-				let i;
+				let i = 0;
+				let block;
 
-				for (i = 0; i < 5; i += 1) {
+				for (; i < each_value.length; i++) {
+					block = each_blocks[i];
 					const child_ctx = get_each_context(ctx, each_value, i);
 
-					if (each_blocks[i]) {
+					if (block) {
-						each_blocks[i].p(child_ctx, dirty);
+						block.p(child_ctx, dirty);
 					} else {
-						each_blocks[i] = create_each_block(child_ctx);
+						block = each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
+						block.c();
-						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+						block.m(each_1_anchor.parentNode, each_1_anchor);
 					}
 				}
 
-				for (; i < 5; i += 1) {
+				for (; i < each_blocks.length; i++) {
 					each_blocks[i].d(1);
 				}
+
+				each_blocks.length = each_value.length;
 			}
 		},
 		i: noop,
@@ -112,6 +116,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ("c" in $$props) $$invalidate(2, c = $$props.c);
 		if ("d" in $$props) $$invalidate(3, d = $$props.d);
 		if ("e" in $$props) $$invalidate(4, e = $$props.e);
+		0;
 	};
 
 	return [a, b, c, d, e];

test/js/samples/each-block-changed-check/expected.js

@@ -87,13 +87,13 @@ function create_fragment(ctx) {
 	let each_value = /*comments*/ ctx[0];
 	let each_blocks = [];
 
-	for (let i = 0; i < each_value.length; i += 1) {
+	for (let i = 0; i < each_value.length; i++) {
 		each_blocks[i] = create_each_block(get_each_context(ctx, each_value, i));
 	}
 
 	return {
 		c() {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].c();
 			}
 
@@ -102,7 +102,7 @@ function create_fragment(ctx) {
 			t1 = text(/*foo*/ ctx[3]);
 		},
 		m(target, anchor) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].m(target, anchor);
 			}
 
@@ -113,21 +113,23 @@ function create_fragment(ctx) {
 		p(ctx, [dirty]) {
 			if (dirty & /*comments, elapsed, time*/ 7) {
 				each_value = /*comments*/ ctx[0];
-				let i;
+				let i = 0;
+				let block;
 
-				for (i = 0; i < each_value.length; i += 1) {
+				for (; i < each_value.length; i++) {
+					block = each_blocks[i];
 					const child_ctx = get_each_context(ctx, each_value, i);
 
-					if (each_blocks[i]) {
+					if (block) {
-						each_blocks[i].p(child_ctx, dirty);
+						block.p(child_ctx, dirty);
 					} else {
-						each_blocks[i] = create_each_block(child_ctx);
+						block = each_blocks[i] = create_each_block(child_ctx);
-						each_blocks[i].c();
+						block.c();
-						each_blocks[i].m(t0.parentNode, t0);
+						block.m(t0.parentNode, t0);
 					}
 				}
 
-				for (; i < each_blocks.length; i += 1) {
+				for (; i < each_blocks.length; i++) {
 					each_blocks[i].d(1);
 				}
 
@@ -157,6 +159,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ("elapsed" in $$props) $$invalidate(1, elapsed = $$props.elapsed);
 		if ("time" in $$props) $$invalidate(2, time = $$props.time);
 		if ("foo" in $$props) $$invalidate(3, foo = $$props.foo);
+		0;
 	};
 
 	return [comments, elapsed, time, foo];

test/js/samples/each-block-keyed-animated/expected.js

@@ -2,15 +2,14 @@
 import {
 	SvelteComponent,
 	append,
-	create_animation,
 	detach,
 	element,
 	empty,
-	fix_and_destroy_block,
 	fix_position,
 	init,
 	insert,
 	noop,
+	run_animation,
 	safe_not_equal,
 	set_data,
 	text,
@@ -28,6 +27,7 @@ function create_each_block(key_1, ctx) {
 	let div;
 	let t_value = /*thing*/ ctx[1].name + "";
 	let t;
+	let unfreeze;
 	let rect;
 	let stop_animation = noop;
 
@@ -43,22 +43,26 @@ function create_each_block(key_1, ctx) {
 			insert(target, div, anchor);
 			append(div, t);
 		},
-		p(ctx, dirty) {
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
 			if (dirty & /*things*/ 1 && t_value !== (t_value = /*thing*/ ctx[1].name + "")) set_data(t, t_value);
 		},
 		r() {
 			rect = div.getBoundingClientRect();
 		},
 		f() {
-			fix_position(div);
 			stop_animation();
+			unfreeze = fix_position(div, rect);
 		},
 		a() {
-			stop_animation();
+			if (unfreeze) return; else {
-			stop_animation = create_animation(div, rect, foo, {});
+				stop_animation();
+				stop_animation = run_animation(div, rect, foo);
+			}
 		},
 		d(detaching) {
 			if (detaching) detach(div);
+			unfreeze = void 0;
 		}
 	};
 }
@@ -70,22 +74,22 @@ function create_fragment(ctx) {
 	let each_value = /*things*/ ctx[0];
 	const get_key = ctx => /*thing*/ ctx[1].id;
 
-	for (let i = 0; i < each_value.length; i += 1) {
+	for (let i = 0; i < each_value.length; i++) {
-		let child_ctx = get_each_context(ctx, each_value, i);
+		const child_ctx = get_each_context(ctx, each_value, i);
-		let key = get_key(child_ctx);
+		const key = get_key(child_ctx);
 		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
 	}
 
 	return {
 		c() {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].c();
 			}
 
 			each_1_anchor = empty();
 		},
 		m(target, anchor) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].m(target, anchor);
 			}
 
@@ -94,15 +98,22 @@ function create_fragment(ctx) {
 		p(ctx, [dirty]) {
 			if (dirty & /*things*/ 1) {
 				const each_value = /*things*/ ctx[0];
-				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].r();
+
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, each_1_anchor.parentNode, fix_and_destroy_block, create_each_block, each_1_anchor, get_each_context);
+				for (let i = 0; i < each_blocks.length; i++) {
-				for (let i = 0; i < each_blocks.length; i += 1) each_blocks[i].a();
+					each_blocks[i].r();
+				}
+
+				each_blocks = update_keyed_each(each_blocks, dirty, ctx, 3, get_key, each_value, each_1_lookup, each_1_anchor.parentNode, create_each_block, each_1_anchor, get_each_context);
+
+				for (let i = 0; i < each_blocks.length; i++) {
+					each_blocks[i].a();
+				}
 			}
 		},
 		i: noop,
 		o: noop,
 		d(detaching) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].d(detaching);
 			}
 
@@ -130,6 +141,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("things" in $$props) $$invalidate(0, things = $$props.things);
+		0;
 	};
 
 	return [things];

test/js/samples/each-block-keyed/expected.js

@@ -2,7 +2,6 @@
 import {
 	SvelteComponent,
 	append,
-	destroy_block,
 	detach,
 	element,
 	empty,
@@ -39,7 +38,8 @@ function create_each_block(key_1, ctx) {
 			insert(target, div, anchor);
 			append(div, t);
 		},
-		p(ctx, dirty) {
+		p(new_ctx, dirty) {
+			ctx = new_ctx;
 			if (dirty & /*things*/ 1 && t_value !== (t_value = /*thing*/ ctx[1].name + "")) set_data(t, t_value);
 		},
 		d(detaching) {
@@ -55,22 +55,22 @@ function create_fragment(ctx) {
 	let each_value = /*things*/ ctx[0];
 	const get_key = ctx => /*thing*/ ctx[1].id;
 
-	for (let i = 0; i < each_value.length; i += 1) {
+	for (let i = 0; i < each_value.length; i++) {
-		let child_ctx = get_each_context(ctx, each_value, i);
+		const child_ctx = get_each_context(ctx, each_value, i);
-		let key = get_key(child_ctx);
+		const key = get_key(child_ctx);
 		each_1_lookup.set(key, each_blocks[i] = create_each_block(key, child_ctx));
 	}
 
 	return {
 		c() {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].c();
 			}
 
 			each_1_anchor = empty();
 		},
 		m(target, anchor) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].m(target, anchor);
 			}
 
@@ -79,13 +79,13 @@ function create_fragment(ctx) {
 		p(ctx, [dirty]) {
 			if (dirty & /*things*/ 1) {
 				const each_value = /*things*/ ctx[0];
-				each_blocks = update_keyed_each(each_blocks, dirty, get_key, 1, ctx, each_value, each_1_lookup, each_1_anchor.parentNode, destroy_block, create_each_block, each_1_anchor, get_each_context);
+				each_blocks = update_keyed_each(each_blocks, dirty, ctx, 1, get_key, each_value, each_1_lookup, each_1_anchor.parentNode, create_each_block, each_1_anchor, get_each_context);
 			}
 		},
 		i: noop,
 		o: noop,
 		d(detaching) {
-			for (let i = 0; i < each_blocks.length; i += 1) {
+			for (let i = 0; i < each_blocks.length; i++) {
 				each_blocks[i].d(detaching);
 			}
 
@@ -99,6 +99,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("things" in $$props) $$invalidate(0, things = $$props.things);
+		0;
 	};
 
 	return [things];

test/js/samples/event-handler-dynamic/expected.js

@@ -6,10 +6,8 @@ import {
 	element,
 	init,
 	insert,
-	is_function,
 	listen,
 	noop,
-	run_all,
 	safe_not_equal,
 	set_data,
 	space,
@@ -53,13 +51,16 @@ function create_fragment(ctx) {
 			append(p1, t4);
 			insert(target, t5, anchor);
 			insert(target, button2, anchor);
-			if (remount) run_all(dispose);
+
+			if (remount) for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 
 			dispose = [
 				listen(button0, "click", /*updateHandler1*/ ctx[2]),
 				listen(button1, "click", /*updateHandler2*/ ctx[3]),
 				listen(button2, "click", function () {
-					if (is_function(/*clickHandler*/ ctx[0])) /*clickHandler*/ ctx[0].apply(this, arguments);
+					if ("function" === typeof /*clickHandler*/ ctx[0]) /*clickHandler*/ ctx[0].apply(this, arguments);
 				})
 			];
 		},
@@ -75,7 +76,10 @@ function create_fragment(ctx) {
 			if (detaching) detach(p1);
 			if (detaching) detach(t5);
 			if (detaching) detach(button2);
-			run_all(dispose);
+
+			for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 		}
 	};
 }

test/js/samples/event-modifiers/expected.js

@@ -9,7 +9,6 @@ import {
 	listen,
 	noop,
 	prevent_default,
-	run_all,
 	safe_not_equal,
 	space,
 	stop_propagation
@@ -43,7 +42,10 @@ function create_fragment(ctx) {
 			append(div, button1);
 			append(div, t3);
 			append(div, button2);
-			if (remount) run_all(dispose);
+
+			if (remount) for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 
 			dispose = [
 				listen(button0, "click", stop_propagation(prevent_default(handleClick))),
@@ -57,7 +59,10 @@ function create_fragment(ctx) {
 		o: noop,
 		d(detaching) {
 			if (detaching) detach(div);
-			run_all(dispose);
+
+			for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 		}
 	};
 }

test/js/samples/if-block-no-update/expected.js

@@ -90,6 +90,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("foo" in $$props) $$invalidate(0, foo = $$props.foo);
+		0;
 	};
 
 	return [foo];

test/js/samples/if-block-simple/expected.js

@@ -68,6 +68,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("foo" in $$props) $$invalidate(0, foo = $$props.foo);
+		0;
 	};
 
 	return [foo];

test/js/samples/inline-style-optimized-multiple/expected.js

@@ -48,6 +48,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ("color" in $$props) $$invalidate(0, color = $$props.color);
 		if ("x" in $$props) $$invalidate(1, x = $$props.x);
 		if ("y" in $$props) $$invalidate(2, y = $$props.y);
+		0;
 	};
 
 	return [color, x, y];

test/js/samples/inline-style-optimized-url/expected.js

@@ -39,6 +39,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("data" in $$props) $$invalidate(0, data = $$props.data);
+		0;
 	};
 
 	return [data];

test/js/samples/inline-style-optimized/expected.js

@@ -39,6 +39,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("color" in $$props) $$invalidate(0, color = $$props.color);
+		0;
 	};
 
 	return [color];

test/js/samples/inline-style-unoptimized/expected.js

@@ -58,6 +58,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ("style" in $$props) $$invalidate(0, style = $$props.style);
 		if ("key" in $$props) $$invalidate(1, key = $$props.key);
 		if ("value" in $$props) $$invalidate(2, value = $$props.value);
+		0;
 	};
 
 	return [style, key, value];

test/js/samples/input-files/expected.js

@@ -46,6 +46,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("files" in $$props) $$invalidate(0, files = $$props.files);
+		0;
 	};
 
 	return [files, input_change_handler];

test/js/samples/input-no-initial-value/expected.js

@@ -9,7 +9,6 @@ import {
 	insert,
 	listen,
 	noop,
-	run_all,
 	safe_not_equal,
 	set_input_value,
 	space
@@ -38,7 +37,10 @@ function create_fragment(ctx) {
 			set_input_value(input, /*test*/ ctx[0]);
 			append(form, t0);
 			append(form, button);
-			if (remount) run_all(dispose);
+
+			if (remount) for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 
 			dispose = [
 				listen(input, "input", /*input_input_handler*/ ctx[2]),
@@ -54,7 +56,10 @@ function create_fragment(ctx) {
 		o: noop,
 		d(detaching) {
 			if (detaching) detach(form);
-			run_all(dispose);
+
+			for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 		}
 	};
 }

test/js/samples/input-range/expected.js

@@ -8,7 +8,6 @@ import {
 	insert,
 	listen,
 	noop,
-	run_all,
 	safe_not_equal,
 	set_input_value,
 	to_number
@@ -26,7 +25,10 @@ function create_fragment(ctx) {
 		m(target, anchor, remount) {
 			insert(target, input, anchor);
 			set_input_value(input, /*value*/ ctx[0]);
-			if (remount) run_all(dispose);
+
+			if (remount) for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 
 			dispose = [
 				listen(input, "change", /*input_change_input_handler*/ ctx[1]),
@@ -42,7 +44,10 @@ function create_fragment(ctx) {
 		o: noop,
 		d(detaching) {
 			if (detaching) detach(input);
-			run_all(dispose);
+
+			for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 		}
 	};
 }
@@ -57,6 +62,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("value" in $$props) $$invalidate(0, value = $$props.value);
+		0;
 	};
 
 	return [value, input_change_input_handler];

test/js/samples/input-without-blowback-guard/expected.js

@@ -50,6 +50,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("foo" in $$props) $$invalidate(0, foo = $$props.foo);
+		0;
 	};
 
 	return [foo, input_change_handler];

test/js/samples/legacy-input-type/expected.js

@@ -1,13 +1,13 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
+	attr,
 	detach,
 	element,
 	init,
 	insert,
 	noop,
-	safe_not_equal,
+	safe_not_equal
-	set_input_type
 } from "svelte/internal";
 
 function create_fragment(ctx) {
@@ -16,7 +16,7 @@ function create_fragment(ctx) {
 	return {
 		c() {
 			input = element("input");
-			set_input_type(input, "search");
+			attr(input, "type", "search");
 		},
 		m(target, anchor) {
 			insert(target, input, anchor);

test/js/samples/loop-protect/expected.js

@@ -1,7 +1,7 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponentDev,
-	add_location,
+	add_location_dev,
 	binding_callbacks,
 	detach_dev,
 	dispatch_dev,
@@ -9,10 +9,10 @@ import {
 	globals,
 	init,
 	insert_dev,
-	loop_guard,
+	loop_guard_dev,
 	noop,
 	safe_not_equal,
-	validate_slots
+	validate_slots_dev
 } from "svelte/internal";
 
 const { console: console_1 } = globals;
@@ -24,7 +24,7 @@ function create_fragment(ctx) {
 	const block = {
 		c: function create() {
 			div = element("div");
-			add_location(div, file, 22, 0, 288);
+			add_location_dev(div, file, 22, 0, 310);
 		},
 		l: function claim(nodes) {
 			throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
@@ -57,7 +57,7 @@ function foo() {
 	const guard = "foo";
 
 	{
-		const guard_1 = loop_guard(100);
+		const guard_1 = loop_guard_dev(100);
 
 		while (true) {
 			console.log(guard);
@@ -70,7 +70,7 @@ function instance($$self, $$props, $$invalidate) {
 	let node;
 
 	{
-		const guard = loop_guard(100);
+		const guard = loop_guard_dev(100);
 
 		while (true) {
 			foo();
@@ -79,7 +79,7 @@ function instance($$self, $$props, $$invalidate) {
 	}
 
 	{
-		const guard_2 = loop_guard(100);
+		const guard_2 = loop_guard_dev(100);
 
 		for (; ; ) {
 			foo();
@@ -88,7 +88,7 @@ function instance($$self, $$props, $$invalidate) {
 	}
 
 	{
-		const guard_3 = loop_guard(100);
+		const guard_3 = loop_guard_dev(100);
 
 		while (true) {
 			foo();
@@ -97,7 +97,7 @@ function instance($$self, $$props, $$invalidate) {
 	}
 
 	{
-		const guard_5 = loop_guard(100);
+		const guard_5 = loop_guard_dev(100);
 
 		do {
 			foo();
@@ -112,7 +112,7 @@ function instance($$self, $$props, $$invalidate) {
 	});
 
 	let { $$slots = {}, $$scope } = $$props;
-	validate_slots("Component", $$slots, []);
+	validate_slots_dev("Component", $$slots, []);
 
 	function div_binding($$value) {
 		binding_callbacks[$$value ? "unshift" : "push"](() => {
@@ -131,7 +131,7 @@ function instance($$self, $$props, $$invalidate) {
 	}
 
 	$: {
-		const guard_4 = loop_guard(100);
+		const guard_4 = loop_guard_dev(100);
 
 		while (true) {
 			foo();
@@ -140,7 +140,7 @@ function instance($$self, $$props, $$invalidate) {
 	}
 
 	$: {
-		const guard_6 = loop_guard(100);
+		const guard_6 = loop_guard_dev(100);
 
 		do {
 			foo();

test/js/samples/media-bindings/expected.js

@@ -9,7 +9,6 @@ import {
 	listen,
 	noop,
 	raf,
-	run_all,
 	safe_not_equal,
 	time_ranges_to_array
 } from "svelte/internal";
@@ -53,7 +52,9 @@ function create_fragment(ctx) {
 				audio.playbackRate = /*playbackRate*/ ctx[7];
 			}
 
-			if (remount) run_all(dispose);
+			if (remount) for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 
 			dispose = [
 				listen(audio, "progress", /*audio_progress_handler*/ ctx[10]),
@@ -92,7 +93,10 @@ function create_fragment(ctx) {
 		o: noop,
 		d(detaching) {
 			if (detaching) detach(audio);
-			run_all(dispose);
+
+			for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 		}
 	};
 }
@@ -171,6 +175,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ("playbackRate" in $$props) $$invalidate(7, playbackRate = $$props.playbackRate);
 		if ("seeking" in $$props) $$invalidate(8, seeking = $$props.seeking);
 		if ("ended" in $$props) $$invalidate(9, ended = $$props.ended);
+		0;
 	};
 
 	return [

test/js/samples/non-imported-component/expected.js

@@ -1,7 +1,6 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	create_component,
 	destroy_component,
 	detach,
 	init,
@@ -24,9 +23,9 @@ function create_fragment(ctx) {
 
 	return {
 		c() {
-			create_component(imported.$$.fragment);
+			if (imported.$$.fragment) imported.$$.fragment.c();
 			t = space();
-			create_component(nonimported.$$.fragment);
+			if (nonimported.$$.fragment) nonimported.$$.fragment.c();
 		},
 		m(target, anchor) {
 			mount_component(imported, target, anchor);

test/js/samples/reactive-values-non-topologically-ordered/expected.js

@@ -8,6 +8,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("x" in $$props) $$invalidate(0, x = $$props.x);
+		0;
 	};
 
 	$$self.$$.update = () => {

test/js/samples/reactive-values-non-writable-dependencies/expected.js

@@ -8,6 +8,7 @@ function instance($$self, $$props, $$invalidate) {
 	$$self.$set = $$props => {
 		if ("a" in $$props) $$invalidate(0, a = $$props.a);
 		if ("b" in $$props) $$invalidate(1, b = $$props.b);
+		0;
 	};
 
 	$$self.$$.update = () => {

test/js/samples/select-dynamic-value/expected.js

@@ -68,6 +68,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("current" in $$props) $$invalidate(0, current = $$props.current);
+		0;
 	};
 
 	return [current];

test/js/samples/src-attribute-check/expected.js

@@ -70,6 +70,7 @@ function instance($$self, $$props, $$invalidate) {
 	$$self.$set = $$props => {
 		if ("url" in $$props) $$invalidate(0, url = $$props.url);
 		if ("slug" in $$props) $$invalidate(1, slug = $$props.slug);
+		0;
 	};
 
 	return [url, slug];

test/js/samples/title/expected.js

@@ -24,6 +24,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("custom" in $$props) $$invalidate(0, custom = $$props.custom);
+		0;
 	};
 
 	return [custom];

test/js/samples/transition-local/expected.js

@@ -1,14 +1,13 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	add_render_callback,
-	create_in_transition,
 	detach,
 	element,
 	empty,
 	init,
 	insert,
 	noop,
+	run_transition,
 	safe_not_equal,
 	transition_in
 } from "svelte/internal";
@@ -53,7 +52,7 @@ function create_if_block(ctx) {
 // (9:1) {#if y}
 function create_if_block_1(ctx) {
 	let div;
-	let div_intro;
+	let div_intro = noop;
 
 	return {
 		c() {
@@ -64,16 +63,11 @@ function create_if_block_1(ctx) {
 			insert(target, div, anchor);
 		},
 		i(local) {
-			if (local) {
+			if (local) div_intro = run_transition(div, foo, 1);
-				if (!div_intro) {
+		},
-					add_render_callback(() => {
+		o(local) {
-						div_intro = create_in_transition(div, foo, {});
+			div_intro();
-						div_intro.start();
-					});
-				}
-			}
 		},
-		o: noop,
 		d(detaching) {
 			if (detaching) detach(div);
 		}
@@ -127,6 +121,7 @@ function instance($$self, $$props, $$invalidate) {
 	$$self.$set = $$props => {
 		if ("x" in $$props) $$invalidate(0, x = $$props.x);
 		if ("y" in $$props) $$invalidate(1, y = $$props.y);
+		0;
 	};
 
 	return [x, y];

test/js/samples/transition-repeated-outro/expected.js

@@ -1,14 +1,14 @@
 /* generated by Svelte vX.Y.Z */
 import {
 	SvelteComponent,
-	check_outros,
-	create_out_transition,
 	detach,
 	element,
 	empty,
-	group_outros,
+	group_transition_out,
 	init,
 	insert,
+	noop,
+	run_transition,
 	safe_not_equal,
 	transition_in,
 	transition_out
@@ -18,7 +18,7 @@ import { fade } from "svelte/transition";
 
 function create_if_block(ctx) {
 	let div;
-	let div_outro;
+	let div_outro = noop;
 	let current;
 
 	return {
@@ -32,16 +32,16 @@ function create_if_block(ctx) {
 		},
 		i(local) {
 			if (current) return;
-			if (div_outro) div_outro.end(1);
+			div_outro();
 			current = true;
 		},
 		o(local) {
-			div_outro = create_out_transition(div, fade, {});
+			div_outro = run_transition(div, fade, 2);
 			current = false;
 		},
 		d(detaching) {
 			if (detaching) detach(div);
-			if (detaching && div_outro) div_outro.end();
+			if (detaching) div_outro();
 		}
 	};
 }
@@ -74,13 +74,11 @@ function create_fragment(ctx) {
 					if_block.m(if_block_anchor.parentNode, if_block_anchor);
 				}
 			} else if (if_block) {
-				group_outros();
+				group_transition_out(transition_out => {
-
+					transition_out(if_block, () => {
-				transition_out(if_block, 1, 1, () => {
+						if_block = null;
-					if_block = null;
+					});
 				});
-
-				check_outros();
 			}
 		},
 		i(local) {
@@ -104,6 +102,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("num" in $$props) $$invalidate(0, num = $$props.num);
+		0;
 	};
 
 	return [num];

test/js/samples/use-elements-as-anchors/expected.js

@@ -249,6 +249,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ("c" in $$props) $$invalidate(2, c = $$props.c);
 		if ("d" in $$props) $$invalidate(3, d = $$props.d);
 		if ("e" in $$props) $$invalidate(4, e = $$props.e);
+		0;
 	};
 
 	return [a, b, c, d, e];

test/js/samples/video-bindings/expected.js

@@ -10,7 +10,6 @@ import {
 	listen,
 	noop,
 	raf,
-	run_all,
 	safe_not_equal
 } from "svelte/internal";
 
@@ -41,7 +40,10 @@ function create_fragment(ctx) {
 		m(target, anchor, remount) {
 			insert(target, video, anchor);
 			video_resize_listener = add_resize_listener(video, /*video_elementresize_handler*/ ctx[6].bind(video));
-			if (remount) run_all(dispose);
+
+			if (remount) for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 
 			dispose = [
 				listen(video, "timeupdate", video_timeupdate_handler),
@@ -60,7 +62,10 @@ function create_fragment(ctx) {
 		d(detaching) {
 			if (detaching) detach(video);
 			video_resize_listener();
-			run_all(dispose);
+
+			for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 		}
 	};
 }
@@ -93,6 +98,7 @@ function instance($$self, $$props, $$invalidate) {
 		if ("videoHeight" in $$props) $$invalidate(1, videoHeight = $$props.videoHeight);
 		if ("videoWidth" in $$props) $$invalidate(2, videoWidth = $$props.videoWidth);
 		if ("offsetWidth" in $$props) $$invalidate(3, offsetWidth = $$props.offsetWidth);
+		0;
 	};
 
 	return [

test/js/samples/window-binding-online/expected.js

@@ -5,7 +5,6 @@ import {
 	init,
 	listen,
 	noop,
-	run_all,
 	safe_not_equal
 } from "svelte/internal";
 
@@ -16,7 +15,9 @@ function create_fragment(ctx) {
 	return {
 		c: noop,
 		m(target, anchor, remount) {
-			if (remount) run_all(dispose);
+			if (remount) for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 
 			dispose = [
 				listen(window, "online", /*onlinestatuschanged*/ ctx[1]),
@@ -27,7 +28,9 @@ function create_fragment(ctx) {
 		i: noop,
 		o: noop,
 		d(detaching) {
-			run_all(dispose);
+			for (let i = 0; i < dispose.length; i++) {
+				dispose[i]();
+			}
 		}
 	};
 }

test/js/samples/window-binding-scroll/expected.js

@@ -75,6 +75,7 @@ function instance($$self, $$props, $$invalidate) {
 
 	$$self.$set = $$props => {
 		if ("y" in $$props) $$invalidate(0, y = $$props.y);
+		0;
 	};
 
 	return [y, onwindowscroll];

test/parser/samples/animation/output.json

@@ -1,12 +1,12 @@
 {
 	"html": {
 		"start": 0,
-		"end": 70,
+		"end": 72,
 		"type": "Fragment",
 		"children": [
 			{
 				"start": 0,
-				"end": 70,
+				"end": 72,
 				"type": "EachBlock",
 				"expression": {
 					"type": "Identifier",
@@ -26,14 +26,14 @@
 				},
 				"children": [
 					{
-						"start": 33,
+						"start": 34,
-						"end": 62,
+						"end": 63,
 						"type": "Element",
 						"name": "div",
 						"attributes": [
 							{
-								"start": 38,
+								"start": 39,
-								"end": 50,
+								"end": 51,
 								"type": "Animation",
 								"name": "flip",
 								"modifiers": [],
@@ -42,8 +42,8 @@
 						],
 						"children": [
 							{
-								"start": 51,
+								"start": 52,
-								"end": 56,
+								"end": 57,
 								"type": "Text",
 								"raw": "flips",
 								"data": "flips"

test/parser/samples/attribute-unique-binding-error/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "duplicate-attribute",
-	"message": "Attributes need to be unique",
 	"start": {
 		"line": 1,
 		"column": 17,
 		"character": 17
 	},
-	"pos": 17
+	"end": {
-}
+		"line": 1,
+		"column": 17,
+		"character": 17
+	},
+	"pos": 17,
+	"frame": "1: <Widget foo={42} bind:foo/>\n                    ^",
+	"message": "Attributes need to be unique"
+}

test/parser/samples/attribute-unique-error/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "duplicate-attribute",
-	"message": "Attributes need to be unique",
 	"start": {
 		"line": 1,
 		"column": 17,
 		"character": 17
 	},
-	"pos": 17
+	"end": {
-}
+		"line": 1,
+		"column": 17,
+		"character": 17
+	},
+	"pos": 17,
+	"frame": "1: <div class='foo' class='bar'></div>\n                    ^",
+	"message": "Attributes need to be unique"
+}

test/parser/samples/attribute-unique-shorthand-error/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "duplicate-attribute",
-	"message": "Attributes need to be unique",
 	"start": {
 		"line": 1,
 		"column": 17,
 		"character": 17
 	},
-	"pos": 17
+	"end": {
-}
+		"line": 1,
+		"column": 17,
+		"character": 17
+	},
+	"pos": 17,
+	"frame": "1: <div title='foo' {title}></div>\n                    ^",
+	"message": "Attributes need to be unique"
+}

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

@@ -1,12 +1,12 @@
 {
 	"html": {
 		"start": 0,
-		"end": 99,
+		"end": 103,
 		"type": "Fragment",
 		"children": [
 			{
 				"start": 0,
-				"end": 99,
+				"end": 103,
 				"type": "AwaitBlock",
 				"expression": {
 					"type": "Identifier",
@@ -31,26 +31,26 @@
 				},
 				"pending": {
 					"start": 19,
-					"end": 39,
+					"end": 41,
 					"type": "PendingBlock",
 					"children": [
 						{
 							"start": 19,
-							"end": 21,
+							"end": 22,
 							"type": "Text",
-							"raw": "\n\t",
+							"raw": "\r\n\t",
-							"data": "\n\t"
+							"data": "\r\n\t"
 						},
 						{
-							"start": 21,
+							"start": 22,
-							"end": 38,
+							"end": 39,
 							"type": "Element",
 							"name": "p",
 							"attributes": [],
 							"children": [
 								{
-									"start": 24,
+									"start": 25,
-									"end": 34,
+									"end": 35,
 									"type": "Text",
 									"raw": "loading...",
 									"data": "loading..."
@@ -58,11 +58,11 @@
 							]
 						},
 						{
-							"start": 38,
+							"start": 39,
-							"end": 39,
+							"end": 41,
 							"type": "Text",
-							"raw": "\n",
+							"raw": "\r\n",
-							"data": "\n"
+							"data": "\r\n"
 						}
 					],
 					"skip": false
@@ -75,39 +75,39 @@
 					"skip": true
 				},
 				"catch": {
-					"start": 39,
+					"start": 41,
-					"end": 91,
+					"end": 95,
 					"type": "CatchBlock",
 					"children": [
 						{
-							"start": 56,
+							"start": 58,
-							"end": 58,
+							"end": 61,
 							"type": "Text",
-							"raw": "\n\t",
+							"raw": "\r\n\t",
-							"data": "\n\t"
+							"data": "\r\n\t"
 						},
 						{
-							"start": 58,
+							"start": 61,
-							"end": 90,
+							"end": 93,
 							"type": "Element",
 							"name": "p",
 							"attributes": [],
 							"children": [
 								{
-									"start": 61,
+									"start": 64,
-									"end": 68,
+									"end": 71,
 									"type": "Text",
 									"raw": "oh no! ",
 									"data": "oh no! "
 								},
 								{
-									"start": 68,
+									"start": 71,
-									"end": 86,
+									"end": 89,
 									"type": "MustacheTag",
 									"expression": {
 										"type": "MemberExpression",
-										"start": 69,
+										"start": 72,
-										"end": 85,
+										"end": 88,
 										"loc": {
 											"start": {
 												"line": 4,
@@ -120,8 +120,8 @@
 										},
 										"object": {
 											"type": "Identifier",
-											"start": 69,
+											"start": 72,
-											"end": 77,
+											"end": 80,
 											"loc": {
 												"start": {
 													"line": 4,
@@ -136,8 +136,8 @@
 										},
 										"property": {
 											"type": "Identifier",
-											"start": 78,
+											"start": 81,
-											"end": 85,
+											"end": 88,
 											"loc": {
 												"start": {
 													"line": 4,
@@ -156,11 +156,11 @@
 							]
 						},
 						{
-							"start": 90,
+							"start": 93,
-							"end": 91,
+							"end": 95,
 							"type": "Text",
-							"raw": "\n",
+							"raw": "\r\n",
-							"data": "\n"
+							"data": "\r\n"
 						}
 					],
 					"skip": false

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

@@ -1,12 +1,12 @@
 {
 	"html": {
 		"start": 0,
-		"end": 148,
+		"end": 154,
 		"type": "Fragment",
 		"children": [
 			{
 				"start": 0,
-				"end": 148,
+				"end": 154,
 				"type": "AwaitBlock",
 				"expression": {
 					"type": "Identifier",
@@ -34,26 +34,26 @@
 				},
 				"pending": {
 					"start": 19,
-					"end": 39,
+					"end": 41,
 					"type": "PendingBlock",
 					"children": [
 						{
 							"start": 19,
-							"end": 21,
+							"end": 22,
 							"type": "Text",
-							"raw": "\n\t",
+							"raw": "\r\n\t",
-							"data": "\n\t"
+							"data": "\r\n\t"
 						},
 						{
-							"start": 21,
+							"start": 22,
-							"end": 38,
+							"end": 39,
 							"type": "Element",
 							"name": "p",
 							"attributes": [],
 							"children": [
 								{
-									"start": 24,
+									"start": 25,
-									"end": 34,
+									"end": 35,
 									"type": "Text",
 									"raw": "loading...",
 									"data": "loading..."
@@ -61,49 +61,49 @@
 							]
 						},
 						{
-							"start": 38,
+							"start": 39,
-							"end": 39,
+							"end": 41,
 							"type": "Text",
-							"raw": "\n",
+							"raw": "\r\n",
-							"data": "\n"
+							"data": "\r\n"
 						}
 					],
 					"skip": false
 				},
 				"then": {
-					"start": 39,
+					"start": 41,
-					"end": 88,
+					"end": 92,
 					"type": "ThenBlock",
 					"children": [
 						{
-							"start": 55,
+							"start": 57,
-							"end": 57,
+							"end": 60,
 							"type": "Text",
-							"raw": "\n\t",
+							"raw": "\r\n\t",
-							"data": "\n\t"
+							"data": "\r\n\t"
 						},
 						{
-							"start": 57,
+							"start": 60,
-							"end": 87,
+							"end": 90,
 							"type": "Element",
 							"name": "p",
 							"attributes": [],
 							"children": [
 								{
-									"start": 60,
+									"start": 63,
-									"end": 73,
+									"end": 76,
 									"type": "Text",
 									"raw": "the value is ",
 									"data": "the value is "
 								},
 								{
-									"start": 73,
+									"start": 76,
-									"end": 83,
+									"end": 86,
 									"type": "MustacheTag",
 									"expression": {
 										"type": "Identifier",
-										"start": 74,
+										"start": 77,
-										"end": 82,
+										"end": 85,
 										"loc": {
 											"start": {
 												"line": 4,
@@ -120,49 +120,49 @@
 							]
 						},
 						{
-							"start": 87,
+							"start": 90,
-							"end": 88,
+							"end": 92,
 							"type": "Text",
-							"raw": "\n",
+							"raw": "\r\n",
-							"data": "\n"
+							"data": "\r\n"
 						}
 					],
 					"skip": false
 				},
 				"catch": {
-					"start": 88,
+					"start": 92,
-					"end": 140,
+					"end": 146,
 					"type": "CatchBlock",
 					"children": [
 						{
-							"start": 105,
+							"start": 109,
-							"end": 107,
+							"end": 112,
 							"type": "Text",
-							"raw": "\n\t",
+							"raw": "\r\n\t",
-							"data": "\n\t"
+							"data": "\r\n\t"
 						},
 						{
-							"start": 107,
+							"start": 112,
-							"end": 139,
+							"end": 144,
 							"type": "Element",
 							"name": "p",
 							"attributes": [],
 							"children": [
 								{
-									"start": 110,
+									"start": 115,
-									"end": 117,
+									"end": 122,
 									"type": "Text",
 									"raw": "oh no! ",
 									"data": "oh no! "
 								},
 								{
-									"start": 117,
+									"start": 122,
-									"end": 135,
+									"end": 140,
 									"type": "MustacheTag",
 									"expression": {
 										"type": "MemberExpression",
-										"start": 118,
+										"start": 123,
-										"end": 134,
+										"end": 139,
 										"loc": {
 											"start": {
 												"line": 6,
@@ -175,8 +175,8 @@
 										},
 										"object": {
 											"type": "Identifier",
-											"start": 118,
+											"start": 123,
-											"end": 126,
+											"end": 131,
 											"loc": {
 												"start": {
 													"line": 6,
@@ -191,8 +191,8 @@
 										},
 										"property": {
 											"type": "Identifier",
-											"start": 127,
+											"start": 132,
-											"end": 134,
+											"end": 139,
 											"loc": {
 												"start": {
 													"line": 6,
@@ -211,11 +211,11 @@
 							]
 						},
 						{
-							"start": 139,
+							"start": 144,
-							"end": 140,
+							"end": 146,
 							"type": "Text",
-							"raw": "\n",
+							"raw": "\r\n",
-							"data": "\n"
+							"data": "\r\n"
 						}
 					],
 					"skip": false

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

@@ -1,31 +1,31 @@
 {
 	"html": {
-		"start": 30,
+		"start": 34,
-		"end": 48,
+		"end": 52,
 		"type": "Fragment",
 		"children": [
 			{
-				"start": 28,
+				"start": 30,
-				"end": 30,
+				"end": 34,
 				"type": "Text",
-				"raw": "\n\n",
+				"raw": "\r\n\r\n",
-				"data": "\n\n"
+				"data": "\r\n\r\n"
 			},
 			{
-				"start": 30,
+				"start": 34,
-				"end": 48,
+				"end": 52,
 				"type": "InlineComponent",
 				"name": "Widget",
 				"attributes": [
 					{
-						"start": 38,
+						"start": 42,
-						"end": 46,
+						"end": 50,
 						"type": "Binding",
 						"name": "foo",
 						"modifiers": [],
 						"expression": {
-							"start": 43,
+							"start": 47,
-							"end": 46,
+							"end": 50,
 							"type": "Identifier",
 							"name": "foo"
 						}
@@ -38,12 +38,12 @@
 	"instance": {
 		"type": "Script",
 		"start": 0,
-		"end": 28,
+		"end": 30,
 		"context": "default",
 		"content": {
 			"type": "Program",
 			"start": 8,
-			"end": 19,
+			"end": 21,
 			"loc": {
 				"start": {
 					"line": 1,
@@ -57,8 +57,8 @@
 			"body": [
 				{
 					"type": "VariableDeclaration",
-					"start": 10,
+					"start": 11,
-					"end": 18,
+					"end": 19,
 					"loc": {
 						"start": {
 							"line": 2,
@@ -72,8 +72,8 @@
 					"declarations": [
 						{
 							"type": "VariableDeclarator",
-							"start": 14,
+							"start": 15,
-							"end": 17,
+							"end": 18,
 							"loc": {
 								"start": {
 									"line": 2,
@@ -86,8 +86,8 @@
 							},
 							"id": {
 								"type": "Identifier",
-								"start": 14,
+								"start": 15,
-								"end": 17,
+								"end": 18,
 								"loc": {
 									"start": {
 										"line": 2,

test/parser/samples/binding/output.json

@@ -1,32 +1,32 @@
 {
 	"html": {
-		"start": 31,
+		"start": 35,
-		"end": 56,
+		"end": 60,
 		"type": "Fragment",
 		"children": [
 			{
-				"start": 29,
+				"start": 31,
-				"end": 31,
+				"end": 35,
 				"type": "Text",
-				"raw": "\n\n",
+				"raw": "\r\n\r\n",
-				"data": "\n\n"
+				"data": "\r\n\r\n"
 			},
 			{
-				"start": 31,
+				"start": 35,
-				"end": 56,
+				"end": 60,
 				"type": "Element",
 				"name": "input",
 				"attributes": [
 					{
-						"start": 38,
+						"start": 42,
-						"end": 55,
+						"end": 59,
 						"type": "Binding",
 						"name": "value",
 						"modifiers": [],
 						"expression": {
 							"type": "Identifier",
-							"start": 50,
+							"start": 54,
-							"end": 54,
+							"end": 58,
 							"loc": {
 								"start": {
 									"line": 5,
@@ -48,12 +48,12 @@
 	"instance": {
 		"type": "Script",
 		"start": 0,
-		"end": 29,
+		"end": 31,
 		"context": "default",
 		"content": {
 			"type": "Program",
 			"start": 8,
-			"end": 20,
+			"end": 22,
 			"loc": {
 				"start": {
 					"line": 1,
@@ -67,8 +67,8 @@
 			"body": [
 				{
 					"type": "VariableDeclaration",
-					"start": 10,
+					"start": 11,
-					"end": 19,
+					"end": 20,
 					"loc": {
 						"start": {
 							"line": 2,
@@ -82,8 +82,8 @@
 					"declarations": [
 						{
 							"type": "VariableDeclarator",
-							"start": 14,
+							"start": 15,
-							"end": 18,
+							"end": 19,
 							"loc": {
 								"start": {
 									"line": 2,
@@ -96,8 +96,8 @@
 							},
 							"id": {
 								"type": "Identifier",
-								"start": 14,
+								"start": 15,
-								"end": 18,
+								"end": 19,
 								"loc": {
 									"start": {
 										"line": 2,

test/parser/samples/css/output.json

@@ -22,17 +22,17 @@
 			},
 			{
 				"start": 14,
-				"end": 16,
+				"end": 18,
 				"type": "Text",
-				"raw": "\n\n",
+				"raw": "\r\n\r\n",
-				"data": "\n\n"
+				"data": "\r\n\r\n"
 			}
 		]
 	},
 	"css": {
 		"type": "Style",
-		"start": 16,
+		"start": 18,
-		"end": 56,
+		"end": 62,
 		"attributes": [],
 		"children": [
 			{
@@ -46,16 +46,16 @@
 								{
 									"type": "TypeSelector",
 									"name": "div",
-									"start": 25,
+									"start": 28,
-									"end": 28
+									"end": 31
 								}
 							],
-							"start": 25,
+							"start": 28,
-							"end": 28
+							"end": 31
 						}
 					],
-					"start": 25,
+					"start": 28,
-					"end": 28
+					"end": 31
 				},
 				"block": {
 					"type": "Block",
@@ -70,28 +70,28 @@
 									{
 										"type": "Identifier",
 										"name": "red",
-										"start": 40,
+										"start": 44,
-										"end": 43
+										"end": 47
 									}
 								],
-								"start": 39,
+								"start": 43,
-								"end": 43
+								"end": 47
 							},
-							"start": 33,
+							"start": 37,
-							"end": 43
+							"end": 47
 						}
 					],
-					"start": 29,
+					"start": 32,
-					"end": 47
+					"end": 52
 				},
-				"start": 25,
+				"start": 28,
-				"end": 47
+				"end": 52
 			}
 		],
 		"content": {
-			"start": 23,
+			"start": 25,
-			"end": 48,
+			"end": 54,
-			"styles": "\n\tdiv {\n\t\tcolor: red;\n\t}\n"
+			"styles": "\r\n\tdiv {\r\n\t\tcolor: red;\r\n\t}\r\n"
 		}
 	}
 }

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

@@ -8,12 +8,12 @@
 	"instance": {
 		"type": "Script",
 		"start": 0,
-		"end": 146,
+		"end": 154,
 		"context": "default",
 		"content": {
 			"type": "Program",
 			"start": 8,
-			"end": 137,
+			"end": 145,
 			"loc": {
 				"start": {
 					"line": 1,
@@ -27,8 +27,8 @@
 			"body": [
 				{
 					"type": "ImportDeclaration",
-					"start": 10,
+					"start": 11,
-					"end": 43,
+					"end": 44,
 					"loc": {
 						"start": {
 							"line": 2,
@@ -42,8 +42,8 @@
 					"specifiers": [
 						{
 							"type": "ImportSpecifier",
-							"start": 19,
+							"start": 20,
-							"end": 26,
+							"end": 27,
 							"loc": {
 								"start": {
 									"line": 2,
@@ -56,8 +56,8 @@
 							},
 							"imported": {
 								"type": "Identifier",
-								"start": 19,
+								"start": 20,
-								"end": 26,
+								"end": 27,
 								"loc": {
 									"start": {
 										"line": 2,
@@ -72,8 +72,8 @@
 							},
 							"local": {
 								"type": "Identifier",
-								"start": 19,
+								"start": 20,
-								"end": 26,
+								"end": 27,
 								"loc": {
 									"start": {
 										"line": 2,
@@ -90,8 +90,8 @@
 					],
 					"source": {
 						"type": "Literal",
-						"start": 34,
+						"start": 35,
-						"end": 42,
+						"end": 43,
 						"loc": {
 							"start": {
 								"line": 2,
@@ -108,8 +108,8 @@
 				},
 				{
 					"type": "ExpressionStatement",
-					"start": 46,
+					"start": 49,
-					"end": 136,
+					"end": 143,
 					"loc": {
 						"start": {
 							"line": 4,
@@ -122,8 +122,8 @@
 					},
 					"expression": {
 						"type": "CallExpression",
-						"start": 46,
+						"start": 49,
-						"end": 135,
+						"end": 142,
 						"loc": {
 							"start": {
 								"line": 4,
@@ -136,8 +136,8 @@
 						},
 						"callee": {
 							"type": "Identifier",
-							"start": 46,
+							"start": 49,
-							"end": 53,
+							"end": 56,
 							"loc": {
 								"start": {
 									"line": 4,
@@ -153,8 +153,8 @@
 						"arguments": [
 							{
 								"type": "ArrowFunctionExpression",
-								"start": 54,
+								"start": 57,
-								"end": 134,
+								"end": 141,
 								"loc": {
 									"start": {
 										"line": 4,
@@ -172,8 +172,8 @@
 								"params": [],
 								"body": {
 									"type": "BlockStatement",
-									"start": 60,
+									"start": 63,
-									"end": 134,
+									"end": 141,
 									"loc": {
 										"start": {
 											"line": 4,
@@ -187,8 +187,8 @@
 									"body": [
 										{
 											"type": "ExpressionStatement",
-											"start": 64,
+											"start": 68,
-											"end": 131,
+											"end": 137,
 											"loc": {
 												"start": {
 													"line": 5,
@@ -201,8 +201,8 @@
 											},
 											"expression": {
 												"type": "CallExpression",
-												"start": 64,
+												"start": 68,
-												"end": 130,
+												"end": 136,
 												"loc": {
 													"start": {
 														"line": 5,
@@ -215,8 +215,8 @@
 												},
 												"callee": {
 													"type": "MemberExpression",
-													"start": 64,
+													"start": 68,
-													"end": 87,
+													"end": 91,
 													"loc": {
 														"start": {
 															"line": 5,
@@ -229,8 +229,8 @@
 													},
 													"object": {
 														"type": "ImportExpression",
-														"start": 64,
+														"start": 68,
-														"end": 82,
+														"end": 86,
 														"loc": {
 															"start": {
 																"line": 5,
@@ -243,8 +243,8 @@
 														},
 														"source": {
 															"type": "Literal",
-															"start": 71,
+															"start": 75,
-															"end": 81,
+															"end": 85,
 															"loc": {
 																"start": {
 																	"line": 5,
@@ -261,8 +261,8 @@
 													},
 													"property": {
 														"type": "Identifier",
-														"start": 83,
+														"start": 87,
-														"end": 87,
+														"end": 91,
 														"loc": {
 															"start": {
 																"line": 5,
@@ -280,8 +280,8 @@
 												"arguments": [
 													{
 														"type": "ArrowFunctionExpression",
-														"start": 88,
+														"start": 92,
-														"end": 129,
+														"end": 135,
 														"loc": {
 															"start": {
 																"line": 5,
@@ -299,8 +299,8 @@
 														"params": [
 															{
 																"type": "Identifier",
-																"start": 88,
+																"start": 92,
-																"end": 91,
+																"end": 95,
 																"loc": {
 																	"start": {
 																		"line": 5,
@@ -316,8 +316,8 @@
 														],
 														"body": {
 															"type": "BlockStatement",
-															"start": 95,
+															"start": 99,
-															"end": 129,
+															"end": 135,
 															"loc": {
 																"start": {
 																	"line": 5,
@@ -331,8 +331,8 @@
 															"body": [
 																{
 																	"type": "ExpressionStatement",
-																	"start": 100,
+																	"start": 105,
-																	"end": 125,
+																	"end": 130,
 																	"loc": {
 																		"start": {
 																			"line": 6,
@@ -345,8 +345,8 @@
 																	},
 																	"expression": {
 																		"type": "CallExpression",
-																		"start": 100,
+																		"start": 105,
-																		"end": 124,
+																		"end": 129,
 																		"loc": {
 																			"start": {
 																				"line": 6,
@@ -359,8 +359,8 @@
 																		},
 																		"callee": {
 																			"type": "MemberExpression",
-																			"start": 100,
+																			"start": 105,
-																			"end": 111,
+																			"end": 116,
 																			"loc": {
 																				"start": {
 																					"line": 6,
@@ -373,8 +373,8 @@
 																			},
 																			"object": {
 																				"type": "Identifier",
-																				"start": 100,
+																				"start": 105,
-																				"end": 107,
+																				"end": 112,
 																				"loc": {
 																					"start": {
 																						"line": 6,
@@ -389,8 +389,8 @@
 																			},
 																			"property": {
 																				"type": "Identifier",
-																				"start": 108,
+																				"start": 113,
-																				"end": 111,
+																				"end": 116,
 																				"loc": {
 																					"start": {
 																						"line": 6,
@@ -408,8 +408,8 @@
 																		"arguments": [
 																			{
 																				"type": "MemberExpression",
-																				"start": 112,
+																				"start": 117,
-																				"end": 123,
+																				"end": 128,
 																				"loc": {
 																					"start": {
 																						"line": 6,
@@ -422,8 +422,8 @@
 																				},
 																				"object": {
 																					"type": "Identifier",
-																					"start": 112,
+																					"start": 117,
-																					"end": 115,
+																					"end": 120,
 																					"loc": {
 																						"start": {
 																							"line": 6,
@@ -438,8 +438,8 @@
 																				},
 																				"property": {
 																					"type": "Identifier",
-																					"start": 116,
+																					"start": 121,
-																					"end": 123,
+																					"end": 128,
 																					"loc": {
 																						"start": {
 																							"line": 6,

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

@@ -1,12 +1,12 @@
 {
 	"html": {
 		"start": 0,
-		"end": 71,
+		"end": 73,
 		"type": "Fragment",
 		"children": [
 			{
 				"start": 0,
-				"end": 71,
+				"end": 73,
 				"type": "EachBlock",
 				"expression": {
 					"type": "Identifier",
@@ -26,20 +26,20 @@
 				},
 				"children": [
 					{
-						"start": 42,
+						"start": 43,
-						"end": 63,
+						"end": 64,
 						"type": "Element",
 						"name": "p",
 						"attributes": [],
 						"children": [
 							{
-								"start": 45,
+								"start": 46,
-								"end": 50,
+								"end": 51,
 								"type": "MustacheTag",
 								"expression": {
 									"type": "Identifier",
-									"start": 46,
+									"start": 47,
-									"end": 49,
+									"end": 50,
 									"loc": {
 										"start": {
 											"line": 2,
@@ -54,20 +54,20 @@
 								}
 							},
 							{
-								"start": 50,
+								"start": 51,
-								"end": 52,
+								"end": 53,
 								"type": "Text",
 								"raw": ": ",
 								"data": ": "
 							},
 							{
-								"start": 52,
+								"start": 53,
-								"end": 59,
+								"end": 60,
 								"type": "MustacheTag",
 								"expression": {
 									"type": "Identifier",
-									"start": 53,
+									"start": 54,
-									"end": 58,
+									"end": 59,
 									"loc": {
 										"start": {
 											"line": 2,

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

@@ -1,12 +1,12 @@
 {
 	"html": {
 		"start": 0,
-		"end": 77,
+		"end": 81,
 		"type": "Fragment",
 		"children": [
 			{
 				"start": 0,
-				"end": 77,
+				"end": 81,
 				"type": "EachBlock",
 				"expression": {
 					"type": "Identifier",
@@ -26,20 +26,20 @@
 				},
 				"children": [
 					{
-						"start": 27,
+						"start": 28,
-						"end": 42,
+						"end": 43,
 						"type": "Element",
 						"name": "p",
 						"attributes": [],
 						"children": [
 							{
-								"start": 30,
+								"start": 31,
-								"end": 38,
+								"end": 39,
 								"type": "MustacheTag",
 								"expression": {
 									"type": "Identifier",
-									"start": 31,
+									"start": 32,
-									"end": 37,
+									"end": 38,
 									"loc": {
 										"start": {
 											"line": 2,
@@ -63,20 +63,20 @@
 					"name": "animal"
 				},
 				"else": {
-					"start": 50,
+					"start": 52,
-					"end": 70,
+					"end": 74,
 					"type": "ElseBlock",
 					"children": [
 						{
-							"start": 52,
+							"start": 55,
-							"end": 69,
+							"end": 72,
 							"type": "Element",
 							"name": "p",
 							"attributes": [],
 							"children": [
 								{
-									"start": 55,
+									"start": 58,
-									"end": 65,
+									"end": 68,
 									"type": "Text",
 									"raw": "no animals",
 									"data": "no animals"

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

@@ -1,12 +1,12 @@
 {
 	"html": {
 		"start": 0,
-		"end": 58,
+		"end": 60,
 		"type": "Fragment",
 		"children": [
 			{
 				"start": 0,
-				"end": 58,
+				"end": 60,
 				"type": "EachBlock",
 				"expression": {
 					"type": "Identifier",
@@ -26,20 +26,20 @@
 				},
 				"children": [
 					{
-						"start": 30,
+						"start": 31,
-						"end": 50,
+						"end": 51,
 						"type": "Element",
 						"name": "p",
 						"attributes": [],
 						"children": [
 							{
-								"start": 33,
+								"start": 34,
-								"end": 36,
+								"end": 37,
 								"type": "MustacheTag",
 								"expression": {
 									"type": "Identifier",
-									"start": 34,
+									"start": 35,
-									"end": 35,
+									"end": 36,
 									"loc": {
 										"start": {
 											"line": 2,
@@ -54,20 +54,20 @@
 								}
 							},
 							{
-								"start": 36,
+								"start": 37,
-								"end": 38,
+								"end": 39,
 								"type": "Text",
 								"raw": ": ",
 								"data": ": "
 							},
 							{
-								"start": 38,
+								"start": 39,
-								"end": 46,
+								"end": 47,
 								"type": "MustacheTag",
 								"expression": {
 									"type": "Identifier",
-									"start": 39,
+									"start": 40,
-									"end": 45,
+									"end": 46,
 									"loc": {
 										"start": {
 											"line": 2,

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

@@ -1,12 +1,12 @@
 {
 	"html": {
 		"start": 0,
-		"end": 54,
+		"end": 56,
 		"type": "Fragment",
 		"children": [
 			{
 				"start": 0,
-				"end": 54,
+				"end": 56,
 				"type": "EachBlock",
 				"expression": {
 					"type": "Identifier",
@@ -26,20 +26,20 @@
 				},
 				"children": [
 					{
-						"start": 33,
+						"start": 34,
-						"end": 46,
+						"end": 47,
 						"type": "Element",
 						"name": "p",
 						"attributes": [],
 						"children": [
 							{
-								"start": 36,
+								"start": 37,
-								"end": 42,
+								"end": 43,
 								"type": "MustacheTag",
 								"expression": {
 									"type": "Identifier",
-									"start": 37,
+									"start": 38,
-									"end": 41,
+									"end": 42,
 									"loc": {
 										"start": {
 											"line": 2,

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

@@ -1,12 +1,12 @@
 {
 	"html": {
 		"start": 0,
-		"end": 50,
+		"end": 52,
 		"type": "Fragment",
 		"children": [
 			{
 				"start": 0,
-				"end": 50,
+				"end": 52,
 				"type": "EachBlock",
 				"expression": {
 					"type": "Identifier",
@@ -26,20 +26,20 @@
 				},
 				"children": [
 					{
-						"start": 27,
+						"start": 28,
-						"end": 42,
+						"end": 43,
 						"type": "Element",
 						"name": "p",
 						"attributes": [],
 						"children": [
 							{
-								"start": 30,
+								"start": 31,
-								"end": 38,
+								"end": 39,
 								"type": "MustacheTag",
 								"expression": {
 									"type": "Identifier",
-									"start": 31,
+									"start": 32,
-									"end": 37,
+									"end": 38,
 									"loc": {
 										"start": {
 											"line": 2,

test/parser/samples/error-catch-before-closing/error.json

@@ -1,6 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-catch-placement",
-	"message": "Expected to close {#each} block before seeing {:catch} block",
+	"start": {
-	"start": { "line": 3, "column": 7, "character": 41 },
+		"line": 3,
-	"pos": 41
+		"column": 7,
-}
+		"character": 43
+	},
+	"end": {
+		"line": 3,
+		"column": 7,
+		"character": 43
+	},
+	"pos": 43,
+	"frame": "1: {#await true}\r\n2:   {#each foo as bar}\r\n3: {:catch f}\r\n          ^\n4: {/await}",
+	"message": "Expected to close {#each} block before seeing {:catch} block"
+}

test/parser/samples/error-catch-without-await/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-catch-placement",
-	"message": "Cannot have an {:catch} block outside an {#await ...} block",
 	"start": {
 		"line": 1,
 		"column": 7,
 		"character": 7
 	},
-	"pos": 7
+	"end": {
-}
+		"line": 1,
+		"column": 7,
+		"character": 7
+	},
+	"pos": 7,
+	"frame": "1: {:catch theValue}\n          ^",
+	"message": "Cannot have an {:catch} block outside an {#await ...} block"
+}

test/parser/samples/error-comment-unclosed/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "unexpected-eof",
-	"message": "comment was left open, expected -->",
 	"start": {
 		"line": 1,
 		"column": 24,
 		"character": 24
 	},
-	"pos": 24
+	"end": {
-}
+		"line": 1,
+		"column": 24,
+		"character": 24
+	},
+	"pos": 24,
+	"frame": "1: <!-- an unclosed comment\n                           ^",
+	"message": "comment was left open, expected -->"
+}

test/parser/samples/error-css/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "css-syntax-error",
-	"message": "LeftCurlyBracket is expected",
 	"start": {
 		"line": 2,
 		"column": 16,
-		"character": 24
+		"character": 25
 	},
-	"pos": 24
+	"end": {
-}
+		"line": 2,
+		"column": 16,
+		"character": 25
+	},
+	"pos": 25,
+	"frame": "1: <style>\r\n2:   this is not css\r\n                    ^\n3: </style>",
+	"message": "LeftCurlyBracket is expected"
+}

test/parser/samples/error-else-before-closing-2/error.json

@@ -1,6 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-else-placement",
-	"message": "Expected to close {#await} block before seeing {:else} block",
+	"start": {
-	"start": { "line": 3, "column": 6, "character": 29 },
+		"line": 3,
-	"pos": 29
+		"column": 6,
-}
+		"character": 31
+	},
+	"end": {
+		"line": 3,
+		"column": 6,
+		"character": 31
+	},
+	"pos": 31,
+	"frame": "1: {#if true}\r\n2:   {#await p}\r\n3: {:else}\r\n         ^\n4: {/if}",
+	"message": "Expected to close {#await} block before seeing {:else} block"
+}

test/parser/samples/error-else-before-closing-3/error.json

@@ -1,6 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-else-placement",
-	"message": "Cannot have an {:else} block outside an {#if ...} or {#each ...} block",
+	"start": {
-	"start": { "line": 2, "column": 6, "character": 11 },
+		"line": 2,
-	"pos": 11
+		"column": 6,
-}
+		"character": 12
+	},
+	"end": {
+		"line": 2,
+		"column": 6,
+		"character": 12
+	},
+	"pos": 12,
+	"frame": "1: <li>\r\n2: {:else}\n         ^",
+	"message": "Cannot have an {:else} block outside an {#if ...} or {#each ...} block"
+}

test/parser/samples/error-else-before-closing/error.json

@@ -1,6 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-else-placement",
-	"message": "Expected to close <li> tag before seeing {:else} block",
+	"start": {
-	"start": { "line": 3, "column": 6, "character": 23 },
+		"line": 3,
-	"pos": 23
+		"column": 6,
-}
+		"character": 25
+	},
+	"end": {
+		"line": 3,
+		"column": 6,
+		"character": 25
+	},
+	"pos": 25,
+	"frame": "1: {#if true}\r\n2:   <li>\r\n3: {:else}\r\n         ^\n4: {/if}",
+	"message": "Expected to close <li> tag before seeing {:else} block"
+}

test/parser/samples/error-else-if-before-closing-2/error.json

@@ -1,6 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-elseif-placement",
-	"message": "Expected to close <p> tag before seeing {:else if ...} block",
+	"start": {
-	"start": { "line": 3, "column": 9, "character": 25 },
+		"line": 3,
-	"pos": 25
+		"column": 9,
-}
+		"character": 27
+	},
+	"end": {
+		"line": 3,
+		"column": 9,
+		"character": 27
+	},
+	"pos": 27,
+	"frame": "1: {#if true}\r\n2:   <p>\r\n3: {:else if false}\r\n            ^\n4: {/if}",
+	"message": "Expected to close <p> tag before seeing {:else if ...} block"
+}

test/parser/samples/error-else-if-before-closing/error.json

@@ -1,6 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-elseif-placement",
-	"message": "Expected to close {#await} block before seeing {:else if ...} block",
+	"start": {
-	"start": { "line": 3, "column": 9, "character": 34 },
+		"line": 3,
-	"pos": 34
+		"column": 9,
-}
+		"character": 36
+	},
+	"end": {
+		"line": 3,
+		"column": 9,
+		"character": 36
+	},
+	"pos": 36,
+	"frame": "1: {#if true}\r\n2:   {#await foo}\r\n3: {:else if false}\r\n            ^\n4: {/if}",
+	"message": "Expected to close {#await} block before seeing {:else if ...} block"
+}

test/parser/samples/error-else-if-without-if/error.json

@@ -1,6 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-elseif-placement",
-	"message": "Cannot have an {:else if ...} block outside an {#if ...} block",
+	"start": {
-	"start": { "line": 3, "column": 10, "character": 35 },
+		"line": 3,
-	"pos": 35
+		"column": 10,
-}
+		"character": 37
+	},
+	"end": {
+		"line": 3,
+		"column": 10,
+		"character": 37
+	},
+	"pos": 37,
+	"frame": "1: {#await foo}\r\n2: {:then bar}\r\n3:   {:else if}\r\n              ^\n4: {/await}",
+	"message": "Cannot have an {:else if ...} block outside an {#if ...} block"
+}

test/parser/samples/error-illegal-expression/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "parse-error",
-	"message": "Assigning to rvalue",
 	"start": {
 		"line": 1,
 		"column": 1,
 		"character": 1
 	},
-	"pos": 1
+	"end": {
-}
+		"line": 1,
+		"column": 1,
+		"character": 1
+	},
+	"pos": 1,
+	"frame": "1: {42 = nope}\n    ^",
+	"message": "Assigning to rvalue"
+}

test/parser/samples/error-multiple-styles/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "duplicate-style",
-	"message": "You can only have one top-level <style> tag per component",
 	"start": {
 		"line": 9,
 		"column": 0,
-		"character": 58
+		"character": 66
 	},
-	"pos": 58
+	"end": {
-}
+		"line": 9,
+		"column": 0,
+		"character": 66
+	},
+	"pos": 66,
+	"frame": " 7: </style>\r\n 8: \r\n 9: <style>\r\n    ^\n10:   div {\r\n11:     color: blue;\r",
+	"message": "You can only have one top-level <style> tag per component"
+}

test/parser/samples/error-script-unclosed/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "unclosed-script",
-	"message": "<script> must have a closing tag",
 	"start": {
 		"line": 3,
 		"column": 8,
-		"character": 32
+		"character": 34
 	},
-	"pos": 32
+	"end": {
+		"line": 3,
+		"column": 8,
+		"character": 34
+	},
+	"pos": 34,
+	"frame": "1: <h1>Hello {name}!</h1>\r\n2: \r\n3: <script>\n           ^",
+	"message": "<script> must have a closing tag"
 }

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

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-self-placement",
-	"message": "<svelte:self> components can only exist inside {#if} blocks, {#each} blocks, or slots passed to components",
 	"start": {
 		"line": 1,
 		"column": 1,
 		"character": 1
 	},
-	"pos": 1
+	"end": {
+		"line": 1,
+		"column": 1,
+		"character": 1
+	},
+	"pos": 1,
+	"frame": "1: <svelte:self/>\n    ^",
+	"message": "<svelte:self> components can only exist inside {#if} blocks, {#each} blocks, or slots passed to components"
 }

test/parser/samples/error-svelte-selfdestructive/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-tag-name",
-	"message": "Valid <svelte:...> tag names are svelte:head, svelte:options, svelte:window, svelte:body, svelte:self or svelte:component",
-	"pos": 10,
 	"start": {
-		"character": 10,
 		"line": 2,
-		"column": 2
+		"column": 2,
-	}
+		"character": 11
-}
+	},
+	"end": {
+		"line": 2,
+		"column": 2,
+		"character": 11
+	},
+	"pos": 11,
+	"frame": "1: {#if x}\r\n2:   <svelte:selfdestructive x=\"{x - 1}\"/>\r\n      ^\n3: {/if}",
+	"message": "Valid <svelte:...> tag names are svelte:head, svelte:options, svelte:window, svelte:body, svelte:selfor svelte:component"
+}

test/parser/samples/error-then-before-closing/error.json

@@ -1,6 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-then-placement",
-	"message": "Expected to close <li> tag before seeing {:then} block",
+	"start": {
-	"start": { "line": 3, "column": 6, "character": 26 },
+		"line": 3,
-	"pos": 26
+		"column": 6,
-}
+		"character": 28
+	},
+	"end": {
+		"line": 3,
+		"column": 6,
+		"character": 28
+	},
+	"pos": 28,
+	"frame": "1: {#await true}\r\n2:   <li>\r\n3: {:then f}\r\n         ^\n4: {/await}",
+	"message": "Expected to close <li> tag before seeing {:then} block"
+}

test/parser/samples/error-then-without-await/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "invalid-then-placement",
-	"message": "Cannot have an {:then} block outside an {#await ...} block",
 	"start": {
 		"line": 1,
 		"column": 6,
 		"character": 6
 	},
-	"pos": 6
+	"end": {
-}
+		"line": 1,
+		"column": 6,
+		"character": 6
+	},
+	"pos": 6,
+	"frame": "1: {:then theValue}\n         ^",
+	"message": "Cannot have an {:then} block outside an {#await ...} block"
+}

test/parser/samples/error-unexpected-end-of-input-b/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "unexpected-eof",
-	"message": "Unexpected end of input",
 	"start": {
 		"line": 1,
 		"column": 2,
 		"character": 2
 	},
-	"pos": 2
+	"end": {
-}
+		"line": 1,
+		"column": 2,
+		"character": 2
+	},
+	"pos": 2,
+	"frame": "1: <d\n     ^",
+	"message": "Unexpected end of input"
+}

test/parser/samples/error-unexpected-end-of-input-c/error.json

@@ -1,10 +1,17 @@
 {
+	"name": "ParseError",
 	"code": "unexpected-eof",
-	"message": "Unexpected end of input",
 	"start": {
 		"line": 1,
 		"column": 1,
 		"character": 1
 	},
-	"pos": 1
+	"end": {
-}
+		"line": 1,
+		"column": 1,
+		"character": 1
+	},
+	"pos": 1,
+	"frame": "1: <\n    ^",
+	"message": "Unexpected end of input"
+}