fix debugging with no dependencies

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

@@ -59,21 +59,19 @@ export default class DebugTagWrapper extends Wrapper {
 				.join(', ');
 			const logged_identifiers = this.node.expressions.map(e => e.node.name).join(', ');
 
-			block.builders.update.add_block(deindent`
-				if (${condition}) {
-					const { ${ctx_identifiers} } = ctx;
-					@_console.${log}({ ${logged_identifiers} });
-					debugger;
-				}
-			`);
+			const debugStatements = deindent`
+			{
+				const { ${ctx_identifiers} } = ctx;
+				@_console.${log}({ ${logged_identifiers} });
+				debugger;
+			}
+			`;
 
-			block.builders.create.add_block(deindent`
-				{
-					const { ${ctx_identifiers} } = ctx;
-					@_console.${log}({ ${logged_identifiers} });
-					debugger;
-				}
-			`);
+			block.builders.update.add_block(condition ? deindent`
+				if (${condition}) ${debugStatements}
+			` : debugStatements);
+
+			block.builders.create.add_block(debugStatements);
 		}
 	}
 }

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

@@ -0,0 +1,5 @@
+export default {
+	options: {
+		dev: true
+	}
+};

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

@@ -0,0 +1,144 @@
+/* generated by Svelte vX.Y.Z */
+import {
+	SvelteComponentDev,
+	destroy_each,
+	detach_dev,
+	dispatch_dev,
+	empty,
+	init,
+	insert_dev,
+	noop,
+	safe_not_equal,
+	space,
+	text
+} from "svelte/internal";
+
+const file = undefined;
+
+function get_each_context(ctx, list, i) {
+	const child_ctx = Object.create(ctx);
+	child_ctx.thing = list[i];
+	child_ctx.index = i;
+	return child_ctx;
+}
+
+// (4:0) {#each things as thing, index}
+function create_each_block(ctx) {
+	var t0, t1_value = ctx.thing + "", t1;
+
+	const block = {
+		c: function create() {
+			{
+				const { index } = ctx;
+				console.log({ index });
+				debugger;
+			}
+
+			t0 = space();
+			t1 = text(t1_value);
+		},
+
+		m: function mount(target, anchor) {
+			insert_dev(target, t0, anchor);
+			insert_dev(target, t1, anchor);
+		},
+
+		p: function update(changed, ctx) {
+			{
+				const { index } = ctx;
+				console.log({ index });
+				debugger;
+			}
+		},
+
+		d: function destroy(detaching) {
+			if (detaching) {
+				detach_dev(t0);
+				detach_dev(t1);
+			}
+		}
+	};
+	dispatch_dev("SvelteRegisterBlock", { block, id: create_each_block.name, type: "each", source: "(4:0) {#each things as thing, index}", ctx });
+	return block;
+}
+
+function create_fragment(ctx) {
+	var each_1_anchor;
+
+	let each_value = things;
+
+	let each_blocks = [];
+
+	for (let i = 0; i < each_value.length; i += 1) {
+		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) {
+				each_blocks[i].c();
+			}
+
+			each_1_anchor = empty();
+		},
+
+		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) {
+				each_blocks[i].m(target, anchor);
+			}
+
+			insert_dev(target, each_1_anchor, anchor);
+		},
+
+		p: function update(changed, ctx) {
+			if (changed.things) {
+				each_value = things;
+
+				let i;
+				for (i = 0; i < each_value.length; i += 1) {
+					const child_ctx = get_each_context(ctx, each_value, i);
+
+					if (each_blocks[i]) {
+						each_blocks[i].p(changed, child_ctx);
+					} else {
+						each_blocks[i] = create_each_block(child_ctx);
+						each_blocks[i].c();
+						each_blocks[i].m(each_1_anchor.parentNode, each_1_anchor);
+					}
+				}
+
+				for (; i < each_blocks.length; i += 1) {
+					each_blocks[i].d(1);
+				}
+				each_blocks.length = each_value.length;
+			}
+		},
+
+		i: noop,
+		o: noop,
+
+		d: function destroy(detaching) {
+			destroy_each(each_blocks, detaching);
+
+			if (detaching) {
+				detach_dev(each_1_anchor);
+			}
+		}
+	};
+	dispatch_dev("SvelteRegisterBlock", { block, id: create_fragment.name, type: "component", source: "", ctx });
+	return block;
+}
+
+class Component extends SvelteComponentDev {
+	constructor(options) {
+		super(options);
+		init(this, options, null, create_fragment, safe_not_equal, []);
+		dispatch_dev("SvelteRegisterComponent", { component: this, tagName: "Component", options, id: create_fragment.name });
+	}
+}
+
+export default Component;

test/js/samples/debug-no-dependencies/input.svelte

@@ -0,0 +1,7 @@
+<script>
+</script>
+
+{#each things as thing, index}
+	{@debug index}
+	{thing}
+{/each}