react-async-ssr/lib/nodes.js

Render React Suspense on server

/* --------------------
 * react-async-ssr module
 * Methods to create nodes in tree
 * ------------------*/

'use strict';

// Imports
const {isDev} = require('./rendererSuper.js');

// Exports

/*
 * Create nodes in tree
 */
module.exports = {
	createNode(type) {
		const parent = this.node;

		const node = {
			type,
			parent,
			children: []
		};

		parent.children.push(node);

		// Prevent insertion of '<!-- -->'.
		// '<!-- -->' will be re-inserted later if required once content of the
		// boundary/lazy element is known.
		this.previousWasTextNode = false;

		return node;
	},

	createNodeWithStackState(type, frame) {
		const node = this.createNode(type);

		// Get current contexts from new Context API
		const {threadID} = this;
		const contexts = [];
		for (let i = 0; i <= this.contextIndex; i++) {
			const context = this.contextStack[i];
			const ctx = {context, value: context[threadID]};
			if (isDev) ctx.provider = this.contextProviderStack[i];
			contexts.push(ctx);
		}

		// Record parent suspense node
		node.parentSuspense = this.suspenseNode;

		// Record stackState
		node.stackState = {
			context: frame.context, // Contexts from legacy Context API
			contexts, // Contexts from new Context API
			domNamespace: frame.domNamespace,
			currentSelectValue: this.currentSelectValue,
			domRootAbove: this.domRootIndex !== 0
		};

		return node;
	}
};