update some js tests

src/compile/render-dom/index.ts

@@ -6,6 +6,7 @@ import Renderer from './Renderer';
 import { CompileOptions } from '../../interfaces';
 import { walk } from 'estree-walker';
 import flattenReference from '../../utils/flattenReference';
+import stringifyProps from '../../utils/stringifyProps';
 
 export default function dom(
 	component: Component,
@@ -201,7 +202,7 @@ export default function dom(
 
 				${component.partly_hoisted.length > 0 && component.partly_hoisted.join('\n\n')}
 
-				$$self.$$.get = () => ({ ${component.declarations.join(', ')} });
+				$$self.$$.get = () => (${stringifyProps(component.declarations)});
 
 				${set && `$$self.$$.set = ${set};`}
 

src/compile/render-dom/wrappers/InlineComponent/index.ts

@@ -108,7 +108,11 @@ export default class InlineComponentWrapper extends Wrapper {
 			);
 
 		if (this.node.attributes.length || this.node.bindings.length) {
-			componentInitProperties.push(`props: ${props}`);
+			if (!usesSpread && this.node.bindings.length === 0) {
+				componentInitProperties.push(`props: ${attributeObject}`);
+			} else {
+				componentInitProperties.push(`props: ${props}`);
+			}
 		}
 
 		if (component.options.dev) {

src/utils/deindent.ts

@@ -19,6 +19,11 @@ export default function deindent(
 			expression = expression.length ? expression.join('\n') : null;
 		}
 
+		// discard empty codebuilders
+		if (expression && expression.isEmpty && expression.isEmpty()) {
+			expression = null;
+		}
+
 		if (expression || expression === '') {
 			const value = String(expression).replace(
 				/\n/g,

test/js/index.js

@@ -3,7 +3,7 @@ import * as fs from "fs";
 import * as path from "path";
 import { loadConfig, svelte } from "../helpers.js";
 
-describe("js", () => {
+describe.only("js", () => {
 	fs.readdirSync("test/js/samples").forEach(dir => {
 		if (dir[0] === ".") return;
 

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

@@ -21,7 +21,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -46,7 +46,7 @@ function create_fragment(component, ctx) {
 	};
 }
 
-function define($$self, $$props, $$make_dirty) {
+function define($$self, $$props) {
 	let { foo = 42 } = $$props;
 
 	$$self.$$.get = () => ({ foo });

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

@@ -24,7 +24,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -24,7 +24,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -24,7 +24,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -2,19 +2,12 @@
 import { SvelteComponent as SvelteComponent_1, flush, init, noop, run, safe_not_equal } from "svelte/internal.js";
 
 function create_fragment(component, ctx) {
-	var current;
-
 	return {
 		c: noop,
-
 		m: noop,
-
 		p: noop,
-
 		i: noop,
-
 		o: run,
-
 		d: noop
 	};
 }

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

@@ -26,7 +26,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -20,7 +20,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -40,7 +40,6 @@ function create_fragment(component, ctx) {
 
 		i: function intro(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -123,7 +123,6 @@ function create_fragment(component, ctx) {
 
 		i: function intro(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -123,7 +123,6 @@ function create_fragment(component, ctx) {
 
 		i: function intro(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -90,7 +90,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -39,7 +39,6 @@ function create_fragment(component, ctx) {
 
 		i: function intro(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

test/js/samples/do-use-dataset/expected.js

@@ -28,7 +28,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

test/js/samples/dont-use-dataset-in-legacy/expected.js

@@ -28,7 +28,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

test/js/samples/dont-use-dataset-in-svg/expected.js

@@ -28,7 +28,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -26,7 +26,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -129,7 +129,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -105,7 +105,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -75,7 +75,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -24,7 +24,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -43,7 +43,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

test/js/samples/head-no-whitespace/expected.js

@@ -24,7 +24,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -79,7 +79,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -55,7 +55,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -28,7 +28,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -23,7 +23,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -26,7 +26,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -25,7 +25,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -19,7 +19,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -36,7 +36,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -27,7 +27,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -50,7 +50,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -1,7 +1,7 @@
 /* generated by Svelte vX.Y.Z-alpha1 */
 import { SvelteComponent as SvelteComponent_1, init, noop, run, safe_not_equal } from "svelte/internal.js";
 
-export const SOME_CONSTANT = 42;
+const SOME_CONSTANT = 42;
 
 function foo(bar) {
 	console.log(bar);
@@ -29,4 +29,5 @@ class SvelteComponent extends SvelteComponent_1 {
 	}
 }
 
-export default SvelteComponent;
+export default SvelteComponent;
+export { SOME_CONSTANT };

test/js/samples/ssr-no-oncreate-etc/expected.js

@@ -1,4 +1,5 @@
 /* generated by Svelte vX.Y.Z-alpha1 */
+import { create_ssr_component } from "svelte/internal.js";
 import { onMount, onDestroy } from "svelte";
 
 function preload(input) {
@@ -13,7 +14,7 @@ function swipe(node, callback) {
 	// TODO implement
 }
 
-function define($$props) {
+const SvelteComponent = create_ssr_component(($$result, $$props, $$bindings, $$slots) => {
 	onMount(() => {
 		console.log('onMount');
 	});
@@ -22,46 +23,8 @@ function define($$props) {
 		console.log('onDestroy');
 	});
 
-	return {};
-}
-
-var SvelteComponent = {};
-
-SvelteComponent.render = function(props = {}, options = {}) {
-	var components = new Set();
-
-	function addComponent(component) {
-		components.add(component);
-	}
-
-	var result = { head: '', addComponent };
-	var html = SvelteComponent.$$render(result, props, options);
-
-	var cssCode = Array.from(components).map(c => c.css && c.css.code).filter(Boolean).join('\n');
-
-	return {
-		html,
-		head: result.head,
-		css: { code: cssCode, map: null },
-		toString() {
-			return html;
-		}
-	};
-}
-
-SvelteComponent.$$render = function($$result, props, options) {
-	const ctx = define(props);
-
-	$$result.addComponent(SvelteComponent);
-
 	return ``;
-};
+});
-
-SvelteComponent.css = {
-	code: '',
-	map: null
-};
 
-var warned = false;
 export default SvelteComponent;
 export { preload };

test/js/samples/ssr-preserve-comments/expected.js

@@ -1,42 +1,10 @@
 /* generated by Svelte vX.Y.Z-alpha1 */
+import { create_ssr_component } from "svelte/internal.js";
 
-var SvelteComponent = {};
+const SvelteComponent = create_ssr_component(($$result, $$props, $$bindings, $$slots) => {
-
-SvelteComponent.render = function(props = {}, options = {}) {
-	var components = new Set();
-
-	function addComponent(component) {
-		components.add(component);
-	}
-
-	var result = { head: '', addComponent };
-	var html = SvelteComponent.$$render(result, props, options);
-
-	var cssCode = Array.from(components).map(c => c.css && c.css.code).filter(Boolean).join('\n');
-
-	return {
-		html,
-		head: result.head,
-		css: { code: cssCode, map: null },
-		toString() {
-			return html;
-		}
-	};
-}
-
-SvelteComponent.$$render = function($$result, ctx, options) {
-	$$result.addComponent(SvelteComponent);
-
 	return `<div>content</div>
 	<!-- comment -->
 	<div>more content</div>`;
-};
+});
-
-SvelteComponent.css = {
-	code: '',
-	map: null
-};
-
-var warned = false;
 
 export default SvelteComponent;

test/js/samples/svg-title/expected.js

@@ -22,7 +22,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -223,7 +223,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},
 

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

@@ -38,7 +38,6 @@ function create_fragment(component, ctx) {
 
 		i(target, anchor) {
 			if (current) return;
-
 			this.m(target, anchor);
 		},