server-side <:Head>

src/generators/server-side-rendering/index.ts

@@ -110,14 +110,14 @@ export default function ssr(
 				components.add(component);
 			}
 
-			var result = { title: null, addComponent };
+			var result = { head: '', addComponent };
 			var html = ${name}._render(result, state, options);
 
 			var cssCode = Array.from(components).map(c => c.css && c.css.code).filter(Boolean).join('\\n');
 
 			return {
 				html,
-				title: result.title,
+				head: result.head,
 				css: { code: cssCode, map: null },
 				toString() {
 					return result.html;

src/generators/server-side-rendering/visitors/Head.ts

@@ -2,17 +2,18 @@ import { SsrGenerator } from '../index';
 import Block from '../Block';
 import { Node } from '../../../interfaces';
 import stringifyAttributeValue from './shared/stringifyAttributeValue';
+import visit from '../visit';
 
 export default function visitDocument(
 	generator: SsrGenerator,
 	block: Block,
 	node: Node
 ) {
-	throw new Error('TODO');
+	generator.append('${(__result.head += `');
 
-	// const title = node.attributes.find(attribute => attribute.type === 'Attribute' && attribute.name === 'title');
+	node.children.forEach((child: Node) => {
+		visit(generator, block, child);
+	});
 
-	// if (title) {
+	generator.append('`, "")}');
-	// 	generator.append('${(__result.title = `' + stringifyAttributeValue(block, title.value) + '`, "")}');
-	// }
 }

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

@@ -11,14 +11,14 @@ SvelteComponent.render = function(state, options = {}) {
 		components.add(component);
 	}
 
-	var result = { title: null, addComponent };
+	var result = { head: '', addComponent };
 	var html = SvelteComponent._render(result, state, options);
 
 	var cssCode = Array.from(components).map(c => c.css && c.css.code).filter(Boolean).join('\n');
 
 	return {
 		html,
-		title: result.title,
+		head: result.head,
 		css: { code: cssCode, map: null },
 		toString() {
 			return result.html;

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

@@ -13,14 +13,14 @@ SvelteComponent.render = function(state, options = {}) {
 		components.add(component);
 	}
 
-	var result = { title: null, addComponent };
+	var result = { head: '', addComponent };
 	var html = SvelteComponent._render(result, state, options);
 
 	var cssCode = Array.from(components).map(c => c.css && c.css.code).filter(Boolean).join('\n');
 
 	return {
 		html,
-		title: result.title,
+		head: result.head,
 		css: { code: cssCode, map: null },
 		toString() {
 			return result.html;

test/runtime/samples/head-title-dynamic/_config.js

@@ -1,6 +1,4 @@
 export default {
-	solo: true,
-
 	data: {
 		adjective: 'custom'
 	},

test/server-side-rendering/index.js

@@ -59,7 +59,7 @@ describe("ssr", () => {
 
 				const data = tryToLoadJson(`${dir}/data.json`);
 
-				const { html, css, title } = component.render(data);
+				const { html, css, head } = component.render(data);
 
 				fs.writeFileSync(`${dir}/_actual.html`, html);
 				if (css.code) fs.writeFileSync(`${dir}/_actual.css`, css.code);
@@ -70,10 +70,11 @@ describe("ssr", () => {
 					expectedCss.replace(/^\s+/gm, "")
 				);
 
-				if (fs.existsSync(`${dir}/title.txt`)) {
+				if (fs.existsSync(`${dir}/_expected-head.html`)) {
-					assert.equal(
+					fs.writeFileSync(`${dir}/_actual-head.html`, head);
-						title,
+					assert.htmlEqual(
-						fs.readFileSync(`${dir}/title.txt`, 'utf-8')
+						head,
+						fs.readFileSync(`${dir}/_expected-head.html`, 'utf-8')
 					);
 				}
 

test/server-side-rendering/samples/head-title/_actual-head.html

@@ -0,0 +1,2 @@
+
+	<title>a custom title</title>

test/server-side-rendering/samples/head-title/_expected-head.html

@@ -0,0 +1 @@
+<title>a custom title</title>

test/server-side-rendering/samples/head-title/title.txt

@@ -1 +0,0 @@
-a custom title