fix input value 0 for ssr

src/compiler/compile/render_ssr/handlers/Element.ts

@@ -119,9 +119,11 @@ export default function(node: Element, renderer: Renderer, options: RenderOption
 		} else if (binding.name === 'value' && node.name === 'textarea') {
 			const snippet = expression.node;
 			node_contents = x`${snippet} || ""`;
+		} else if (binding.name === 'value' && node.name === 'select') {
+			// NOTE: do not add "value" attribute on <select />
 		} else {
 			const snippet = expression.node;
-			renderer.add_expression(x`@add_attribute("${name}", ${snippet}, 1)`);
+			renderer.add_expression(x`@add_attribute("${name}", ${snippet}, ${boolean_attributes.has(name) ? 1 : 0})`);
 		}
 	});
 

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

@@ -9,7 +9,7 @@ export default {
 	`,
 
 	ssrHtml: `
-		<input>
+		<input value="">
 		<p></p>
 	`,
 

test/runtime/samples/bindings-global-dependency/_config.js

@@ -1,3 +1,4 @@
 export default {
-	html: '<input type="text">'
+	html: '<input type="text">',
+	ssrHtml: '<input type="text" value="">'
 };

test/runtime/samples/component-binding-computed/_config.js

@@ -3,6 +3,10 @@ export default {
 		<label>firstname <input></label>
 		<label>lastname <input></label>
 	`,
+	ssrHtml: `
+		<label>firstname <input value=""></label>
+		<label>lastname <input value=""></label>
+	`,
 
 	async test({ assert, component, target, window }) {
 		const input = new window.Event('input');

test/runtime/samples/component-binding-store/_config.js

@@ -4,6 +4,11 @@ export default {
 		<input />
 		<div></div>
 	`,
+	ssrHtml: `
+		<input value=""/>
+		<input value=""/>
+		<div></div>
+	`,
 
 	async test({ assert, component, target, window }) {
 		let count = 0;

test/runtime/samples/component-slot-fallback-6/_config.js

@@ -4,6 +4,10 @@ export default {
 		<input>
 		{"value":""}
 	`,
+	ssrHtml: `
+		<input value="">
+		{"value":""}
+	`,
 
 	async test({ assert, target, window }) {
 		const input = target.querySelector('input');

test/runtime/samples/component-slot-spread-props/_config.js

@@ -5,6 +5,12 @@ export default {
 			<div class="foo"></div>
 		</div>
 	`,
+	ssrHtml: `
+		<div>
+			<input value="" />
+			<div class="foo"></div>
+		</div>
+	`,
 
 	async test({ assert, component, target }) {
 		component.value = 'foo';

test/runtime/samples/each-block-destructured-default-binding/_config.js

@@ -4,7 +4,7 @@ export default {
 		<input />
 	`,
 	ssrHtml: `
-		<input />
+		<input value="" />
 		<input value="hello" />
 	`,
 

test/runtime/samples/store-invalidation-while-update-1/_config.js

@@ -5,6 +5,12 @@ export default {
 		<div>simple</div>
 		<button>click me</button>
 	`,
+	ssrHtml: `
+		<input value="">
+		<div></div>
+		<div>simple</div>
+		<button>click me</button>
+	`,
 
 	async test({ assert, component, target, window }) {
 		const input = target.querySelector('input');

test/runtime/samples/store-invalidation-while-update-2/_config.js

@@ -5,6 +5,12 @@ export default {
 		<input>
 		<button>click me</button>
 	`,
+	ssrHtml: `
+		<div></div>
+		<div>simple</div>
+		<input value="">
+		<button>click me</button>
+	`,
 
 	async test({ assert, component, target, window }) {
 		const input = target.querySelector('input');

test/server-side-rendering/samples/bindings-empty-string/_expected.html

@@ -0,0 +1 @@
+<input value=''>

test/server-side-rendering/samples/bindings-empty-string/main.svelte

@@ -0,0 +1,5 @@
+<script>
+	export let foo = '';
+</script>
+
+<input bind:value={foo} >

test/server-side-rendering/samples/bindings-zero/_expected.html

@@ -0,0 +1,2 @@
+<input value="0" type="number">
+<input value="0" type="range">

test/server-side-rendering/samples/bindings-zero/main.svelte

@@ -0,0 +1,6 @@
+<script>
+	export let foo = 0;
+</script>
+
+<input type="number" bind:value={foo} >
+<input type="range" bind:value={foo} >