Merge branch 'master' into fix_outro_timeout

src/cli/error.ts

@@ -8,9 +8,9 @@ export default function error(err) {
 	stderr(`${clorox.red(err.message || err)}`);
 
 	if (err.frame) {
-		stderr(err.frame); // eslint-disable-line no-console
+		stderr(err.frame);
 	} else if (err.stack) {
-		stderr(`${clorox.grey(err.stack)}`);
+		stderr(`${clorox.gray(err.stack)}`);
 	}
 
 	process.exit(1);

src/compile/nodes/Element.ts

@@ -152,8 +152,14 @@ export default class Element extends Node {
 		);
 
 		this.attributes.forEach(attr => {
-			if (attr.dependencies.size) {
+			if (
+				attr.chunks &&
+				attr.chunks.length &&
+				(attr.chunks.length > 1 || attr.chunks[0].type !== 'Text')
+			) {
 				this.parent.cannotUseInnerHTML();
+			}
+			if (attr.dependencies.size) {
 				block.addDependencies(attr.dependencies);
 
 				// special case — <option value={foo}> — see below

src/compile/nodes/IfBlock.ts

@@ -250,7 +250,7 @@ export default class IfBlock extends Node {
 		dynamic,
 		{ name, anchor, hasElse }
 	) {
-		const select_block_type = block.getUniqueName(`select_block_type`);
+		const select_block_type = this.compiler.getUniqueName(`select_block_type`);
 		const current_block_type_index = block.getUniqueName(`current_block_type_index`);
 		const previous_block_index = block.getUniqueName(`previous_block_index`);
 		const if_block_creators = block.getUniqueName(`if_block_creators`);

test/runtime/samples/attribute-dynamic-no-dependencies/_config.js

@@ -0,0 +1,5 @@
+export default {
+	html: `
+		<div><div title='foo'>bar</div></div>
+	`,
+};

test/runtime/samples/attribute-dynamic-no-dependencies/main.html

@@ -0,0 +1 @@
+<div><div title={'foo'}>bar</div></div>

test/runtime/samples/if-block-outro-unique-select-block-type/Component.html

@@ -0,0 +1 @@
+<div></div>

test/runtime/samples/if-block-outro-unique-select-block-type/_config.js

@@ -0,0 +1,7 @@
+export default {
+	nestedTransitions: true,
+	html: `
+		<div></div>
+		<div></div>
+	`,
+};

test/runtime/samples/if-block-outro-unique-select-block-type/main.html

@@ -0,0 +1,20 @@
+{#if foo}
+	<Component/>
+{:else}
+	<Component/>
+{/if}
+
+{#if foo}
+	<div></div>
+{:else}
+	<div></div>
+{/if}
+
+<script>
+	export default {
+		components: {
+			Component: './Component.html',
+		},
+		data: () => ({ foo: true }),
+	}
+</script>