Merge branch 'sveltejs:master' into svelte-styles-csp

Author: DrCBeatz

package-lock.json

@@ -111,7 +111,7 @@
     "@rollup/plugin-sucrase": "^3.1.0",
     "@rollup/plugin-typescript": "^2.0.1",
     "@rollup/plugin-virtual": "^2.0.0",
-    "@sveltejs/eslint-config": "github:sveltejs/eslint-config#v5.7.0",
+    "@sveltejs/eslint-config": "github:sveltejs/eslint-config#v5.8.0",
     "@types/mocha": "^7.0.0",
     "@types/node": "^8.10.53",
     "@typescript-eslint/eslint-plugin": "^4.31.2",

package.json

@@ -30,7 +30,7 @@
 </label>
 
 {#if visible}
-	<p in:typewriter out:typewriter>
+	<p transition:typewriter>
 		The quick brown fox jumps over the lazy dog
 	</p>
 {/if}

site/content/examples/09-transitions/04-custom-js-transitions/App.svelte

@@ -16,7 +16,7 @@
 </label>
 
 {#if visible}
-	<p in:typewriter>
+	<p transition:typewriter>
 		The quick brown fox jumps over the lazy dog
 	</p>
-{/if}
+{/if}

site/content/tutorial/10-transitions/05-custom-js-transitions/app-a/App.svelte

@@ -30,7 +30,7 @@
 </label>
 
 {#if visible}
-	<p in:typewriter out:typewriter>
+	<p transition:typewriter>
 		The quick brown fox jumps over the lazy dog
 	</p>
 {/if}

site/content/tutorial/10-transitions/05-custom-js-transitions/app-b/App.svelte

@@ -11,7 +11,7 @@ export default {
 		<div><span slot="b">hello world</span></div>
 	`,
 
-	async test({ assert, target, component }) {
+	async test({ assert, component }) {
 		assert.equal(component.getA(), '');
 		assert.equal(component.getB(), 'foo');
 	}

test/runtime/samples/$$slot/_config.js

@@ -3,7 +3,7 @@ export default {
 
 	html: '<button>10</button>',
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const event = new window.MouseEvent('click');
 
 		const button = target.querySelector('button');

test/runtime/samples/action-custom-event-handler-node-context/_config.js

@@ -1,7 +1,7 @@
 export default {
 	html: '<input>',
 
-	test({ assert, component, target, window }) {
+	test({ assert, target, window }) {
 		const input = target.querySelector('input');
 		const event = new window.KeyboardEvent('keydown', {
 			key: 'Enter'

test/runtime/samples/action-custom-event-handler-this/_config.js

@@ -1,7 +1,7 @@
 export default {
 	html: '<button>???</button>',
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const event = new window.MouseEvent('click', {
 			clientX: 42,
 			clientY: 42

test/runtime/samples/action-custom-event-handler-with-context/_config.js

@@ -3,7 +3,7 @@ export default {
 		<button>action</button>
 	`,
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const button = target.querySelector('button');
 		const eventEnter = new window.MouseEvent('mouseenter');
 		const eventLeave = new window.MouseEvent('mouseleave');

test/runtime/samples/action-function/_config.js

@@ -2,7 +2,7 @@ export default {
 	html: `
 		<button>action</button>
 	`,
-	async test({ assert, target, window }) {
+	async test({ assert, target }) {
 		assert.equal(target.querySelector('button').foo, 'bar1337');
 	}
 };

test/runtime/samples/action-object-deep/_config.js

@@ -2,7 +2,7 @@ export default {
 	html: `
 		<button>action</button>
 	`,
-	async test({ assert, target, window }) {
+	async test({ assert, target }) {
 		assert.equal(target.querySelector('button').foo, 'bar1337');
 	}
 };

test/runtime/samples/action-object/_config.js

@@ -2,7 +2,7 @@ const result = {};
 
 export default {
 	props: { result },
-	async test({ assert, component, target, window }) {
+	async test({ assert }) {
 		assert.notEqual(result.parentElement, null);
 	}
 };

test/runtime/samples/action-receives-element-mounted/_config.js

@@ -8,7 +8,7 @@ export default {
 		<h1></h1>
 	`,
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const header = target.querySelector('h1');
 		const click = new window.MouseEvent('click');
 

test/runtime/samples/action-ternary-template/_config.js

@@ -1,5 +1,5 @@
 export default {
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const button = target.querySelector('button');
 		const click = new window.MouseEvent('click');
 

test/runtime/samples/action-this/_config.js

@@ -17,7 +17,7 @@ export default {
 		<div>e</div>
 	`,
 
-	test({ assert, component, target, window, raf }) {
+	test({ assert, component, window, raf }) {
 		let divs = window.document.querySelectorAll('div');
 		divs.forEach(div => {
 			div.getBoundingClientRect = function() {

test/runtime/samples/animation-js-delay/_config.js

@@ -17,7 +17,7 @@ export default {
 		<div>e</div>
 	`,
 
-	test({ assert, component, target, window, raf }) {
+	test({ assert, component, raf }) {
 		let divs = document.querySelectorAll('div');
 		divs.forEach(div => {
 			div.getBoundingClientRect = function() {

test/runtime/samples/animation-js-easing/_config.js

@@ -17,7 +17,7 @@ export default {
 		<div>e</div>
 	`,
 
-	test({ assert, component, target, window, raf }) {
+	test({ assert, component, raf }) {
 		let divs = document.querySelectorAll('div');
 		divs.forEach(div => {
 			div.getBoundingClientRect = function() {

test/runtime/samples/animation-js/_config.js

@@ -4,7 +4,7 @@ export default {
 		value
 	},
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const inputs = target.querySelectorAll('input');
 
 		const event = new window.Event('input');

test/runtime/samples/apply-directives-in-order-2/_config.js

@@ -13,7 +13,7 @@ export default {
 		<p></p>
 	`,
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const input = target.querySelector('input');
 
 		const event = new window.Event('input');

test/runtime/samples/apply-directives-in-order/_config.js

@@ -1,6 +1,6 @@
 export default {
 	html: '<textarea></textarea>',
-	test({ assert, component, target }) {
+	test({ assert, target }) {
 		const textarea = target.querySelector('textarea');
 		assert.ok(textarea.readOnly === false);
 	}

test/runtime/samples/attribute-boolean-false/_config.js

@@ -1,6 +1,6 @@
 export default {
 	html: '<textarea readonly></textarea>',
-	test({ assert, component, target }) {
+	test({ assert, target }) {
 		const textarea = target.querySelector('textarea');
 		assert.ok(textarea.readOnly);
 	}

test/runtime/samples/attribute-boolean-true/_config.js

@@ -7,7 +7,7 @@ export default {
 		</svg>
 	`,
 
-	test({ assert, component, target }) {
+	test({ assert, target }) {
 		const use = target.querySelector( 'use' );
 		assert.equal( use.getAttributeNS( 'http://www.w3.org/1999/xlink', 'href' ), '#bar' );
 	}

test/runtime/samples/attribute-namespaced/_config.js

@@ -1,6 +1,6 @@
 export default {
 	html: '<textarea readonly=""></textarea>',
-	test({ assert, component, target }) {
+	test({ assert, target }) {
 		const textarea = target.querySelector( 'textarea' );
 		assert.ok( textarea.readOnly );
 	}

test/runtime/samples/attribute-static-boolean/_config.js

@@ -5,7 +5,7 @@ export default {
 		<p>loading...</p>
 	`,
 
-	test({ assert, component, target }) {
+	test({ assert, target }) {
 		return sleep(50).then(() => {
 			assert.htmlEqual(target.innerHTML, `
 				<p>the answer is 42</p>

test/runtime/samples/await-conservative-update/_config.js

@@ -18,7 +18,7 @@ export default {
 		<p>a title: loading...</p>
 	`,
 
-	test({ assert, component, target }) {
+	test({ assert, target }) {
 		fulfil(42);
 
 		return thePromise

test/runtime/samples/await-in-each/_config.js

@@ -13,7 +13,7 @@ export default {
 		<p>loading...</p><p>true!</p>
 	`,
 
-	test({ assert, component, target }) {
+	test({ assert, target }) {
 		fulfil(42);
 
 		return thePromise

test/runtime/samples/await-then-catch-order/_config.js

@@ -22,7 +22,7 @@ export default {
 					<p>loaded</p>
 				`);
 
-				promise = new Promise((f, r) => {
+				promise = new Promise((f, _) => {
 					fulfil = f;
 				});
 

test/runtime/samples/await-then-catch-static/_config.js

@@ -1,6 +1,6 @@
 export default {
 	props: {
-		thePromise: new Promise(resolve => {})
+		thePromise: new Promise(_ => {})
 	},
 
 	html: `

test/runtime/samples/await-then-destruct-array/_config.js

@@ -1,5 +1,5 @@
 export default {
-	async test({ assert, component, target }) {
+	async test({ assert, target }) {
 		await Promise.resolve();
 
 		assert.htmlEqual(

test/runtime/samples/await-then-destruct-default/_config.js

@@ -1,6 +1,6 @@
 export default {
 	props: {
-		thePromise: new Promise(resolve => {})
+		thePromise: new Promise(_ => {})
 	},
 
 	html: `

test/runtime/samples/await-then-destruct-object/_config.js

@@ -1,5 +1,5 @@
 export default {
-	async test({ assert, component, target }) {
+	async test({ assert, target }) {
 		await Promise.resolve();
 
 		assert.htmlEqual(

test/runtime/samples/await-then-destruct-rest/_config.js

@@ -13,11 +13,11 @@ export default {
 		loading...
 	`,
 
-	async test({ assert, component, target }) {
+	async test({ assert, target }) {
 		fulfil([]);
 
 		await thePromise;
-		
+
 		assert.htmlEqual(target.innerHTML, `
 			<p>promise array is empty</p>
 		`);

test/runtime/samples/await-then-if/_config.js

@@ -17,7 +17,7 @@ export default {
 		<input type='checkbox' value='d'>d<br>
 	`,
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const inputs = target.querySelectorAll('input');
 		const p = target.querySelector('p');
 

test/runtime/samples/binding-input-group-duplicate-value/_config.js

@@ -13,7 +13,7 @@ export default {
 		<label><input type="checkbox" value="z"> z</label>
 		<p></p>
 	`,
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const inputs = target.querySelectorAll('input');
 		assert.equal(inputs[0].checked, false);
 		assert.equal(inputs[1].checked, false);

test/runtime/samples/binding-input-group-each-6/_config.js

@@ -20,7 +20,7 @@ export default {
 		<input type="checkbox" value="c" data-index="z-2">
 	`,
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const inputs = target.querySelectorAll('input');
 		const checked = new Set();
 		const checkInbox = async (i) => {

test/runtime/samples/binding-input-group-each-7/_config.js

@@ -7,7 +7,7 @@ export default {
 		<input>
 	`,
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, component, target }) {
 		const input = target.querySelector('input');
 		assert.equal(input.value, '');
 

test/runtime/samples/binding-input-text-undefined/_config.js

@@ -15,7 +15,7 @@ export default {
 		selected: 'b'
 	},
 
-	test({ assert, component, target }) {
+	test({ assert, target }) {
 		const select = target.querySelector('select');
 		const options = [...target.querySelectorAll('option')];
 

test/runtime/samples/binding-select-initial-value/_config.js

@@ -6,7 +6,7 @@ export default {
 		<button></button>
 	`,
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const button = target.querySelector('button');
 		await button.dispatchEvent(new window.MouseEvent('click'));
 

test/runtime/samples/bitmask-overflow-if/_config.js

@@ -7,19 +7,19 @@ export default {
 		<button>Toggle outside</button>
 	`,
 
-	async test({ assert, component, target, window }) {
+	async test({ assert, target, window }) {
 		const button = target.querySelectorAll('button')[1];
 		const div = target.querySelector('div');
 		await div.dispatchEvent(new window.MouseEvent('click'));
-		
+
 		assert.htmlEqual(target.innerHTML, `
 			<div>
 				<button slot="target">Toggle inside 1</button>
 				<div slot="content">Open</div>
 			</div>
 			<button>Toggle outside</button>
 		`);
-		
+
 		await button.dispatchEvent(new window.MouseEvent('click'));
 		assert.htmlEqual(target.innerHTML, `
 			<div>

test/runtime/samples/bitmask-overflow-slot-6/_config.js

@@ -7,7 +7,7 @@ export default {
 
 	html: '<div class="one two foo bar"></div>',
 
-	test({ assert, component, target, window }) {
+	test({ assert, component, target }) {
 		component.foo = false;
 
 		assert.htmlEqual(target.innerHTML, `