SSR Nested Store

Nested.html

Hello {{$name}}

<script>
    import { Store } from 'svelte/store.js';

    const store = new Store({ name: 'James' });

    export default {
        store: () => store,
    }
</script>

Nested.js

"use strict";
var __import0 = require("svelte/store.js");
var Store = __import0.Store;

const store = new Store({ name: 'James' });

function store_1() {
	return store;
}

var Nested = {};

Nested.filename = "Nested.html";

Nested.data = function() {
	return {};
};

Nested.render = function(state, options = {}) {
	var components = new Set();

	function addComponent(component) {
		components.add(component);
	}

	var result = { head: '', addComponent };
	options.store = store_1();
	var html = Nested._render(result, state, 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;
		}
	};
}

Nested._render = function(__result, state, options) {
	__result.addComponent(Nested);

	state = Object.assign(options.store._init(["name"]), state);

	return `Hello ${__escape(state.$name)}`;
};

Nested.css = {
	code: '',
	map: null
};

var warned = false;
Nested.renderCss = function() {
	if (!warned) {
		console.error('Component.renderCss(...) is deprecated and will be removed in v2 — use Component.render(...).css instead');
		warned = true;
	}

	var components = [];

	return {
		css: components.map(x => x.css).join('\n'),
		map: null,
		components
	};
};

var escaped = {
	'"': '"',
	"'": ''',
	'&': '&',
	'<': '&lt;',
	'>': '&gt;'
};

function __escape(html) {
	return String(html).replace(/["'&<>]/g, match => escaped[match]);
}

module.exports = Nested;

Parent.html

<Nested />

<script>
    import { Nested } from './Nested';

    export default {
        components: {
            Nested,
        },
    }
</script>

Parent.js

"use strict";
var __import0 = require("./Nested");
var Nested = __import0.Nested;



var Parent = {};

Parent.filename = "Parent.html";

Parent.data = function() {
	return {};
};

Parent.render = function(state, options = {}) {
	var components = new Set();

	function addComponent(component) {
		components.add(component);
	}

	var result = { head: '', addComponent };
	var html = Parent._render(result, state, 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;
		}
	};
}

Parent._render = function(__result, state, options) {
	__result.addComponent(Parent);

	state = Object.assign({}, state);

	return `${Nested._render(__result, {}, { store: options.store })}`;
};

Parent.css = {
	code: '',
	map: null
};

var warned = false;
Parent.renderCss = function() {
	if (!warned) {
		console.error('Component.renderCss(...) is deprecated and will be removed in v2 — use Component.render(...).css instead');
		warned = true;
	}

	var components = [];

	var seen = {};

	function addComponent(component) {
		var result = component.renderCss();
		result.components.forEach(x => {
			if (seen[x.filename]) return;
			seen[x.filename] = true;
			components.push(x);
		});
	}

	addComponent(Nested);

	return {
		css: components.map(x => x.css).join('\n'),
		map: null,
		components
	};
};

module.exports = Parent;