Merge pull request #921 from sveltejs/gh-917

check component exists after _bind before continuing

src/shared/index.js

@@ -156,10 +156,13 @@ export function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 export function _setDev(newState) {
 	if (typeof newState !== 'object') {

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

@@ -157,10 +157,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -133,10 +133,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -133,10 +133,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -153,10 +153,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

test/js/samples/css-shadow-dom-keyframes/expected-bundle.js

@@ -145,10 +145,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -165,10 +165,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

test/js/samples/event-handlers-custom/expected-bundle.js

@@ -145,10 +145,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -149,10 +149,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -149,10 +149,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -149,10 +149,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -149,10 +149,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -149,10 +149,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -149,10 +149,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -153,10 +153,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -151,10 +151,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

test/js/samples/legacy-quote-class/expected-bundle.js

@@ -168,10 +168,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -161,10 +161,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -147,10 +147,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

test/js/samples/onrender-onteardown-rewritten/expected-bundle.js

@@ -133,10 +133,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

test/js/samples/setup-method/expected-bundle.js

@@ -133,10 +133,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

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

@@ -157,10 +157,13 @@ function _set(newState) {
 	this._state = assign({}, oldState, newState);
 	this._recompute(changed, this._state);
 	if (this._bind) this._bind(changed, this._state);
+
+	if (this._fragment) {
 		dispatchObservers(this, this._observers.pre, changed, this._state, oldState);
 		this._fragment.p(changed, this._state);
 		dispatchObservers(this, this._observers.post, changed, this._state, oldState);
 	}
+}
 
 function callAll(fns) {
 	while (fns && fns.length) fns.pop()();

test/runtime/samples/component-binding-self-destroying/Nested.html

@@ -0,0 +1 @@
+<button on:click="set({show:false})">Hide</button>

test/runtime/samples/component-binding-self-destroying/_config.js

@@ -0,0 +1,27 @@
+export default {
+	data: {
+		show: true
+	},
+
+	html: `
+		<button>Hide</button>
+	`,
+
+	test(assert, component, target, window) {
+		const click = new window.MouseEvent('click');
+
+		target.querySelector('button').dispatchEvent(click);
+
+		assert.equal(component.get('show'), false);
+		assert.htmlEqual(target.innerHTML, `
+			<button>Show</button>
+		`);
+
+		target.querySelector('button').dispatchEvent(click);
+
+		assert.equal(component.get('show'), true);
+		assert.htmlEqual(target.innerHTML, `
+			<button>Hide</button>
+		`);
+	}
+};

test/runtime/samples/component-binding-self-destroying/main.html

@@ -0,0 +1,14 @@
+{{#if show}}
+	<Nested bind:show/>
+{{else}}
+	<button on:click="set({show:true})">Show</button>
+{{/if}}
+
+<script>
+	import Nested from './Nested.html';
+	export default {
+		components: {
+			Nested
+		}
+	};
+</script>