cha0s/flecks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: SSR

Browse Source
This commit is contained in:
cha0s 2024-01-09 21:03:34 -06:00
parent d6192d181b
commit 28d9e7ddcc
1 changed files with 12 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/react/src/ssr.js
View File

@ -1,10 +1,13 @@
import {Transform} from 'stream';
import {D} from '@flecks/core';
import React from 'react';
import ReactDOMServer from '@hot-loader/react-dom/server';
import root from './root';
const debug = D('@flecks/react/root');
class Ssr extends Transform {
constructor(flecks, req) {
@ -18,16 +21,17 @@ class Ssr extends Transform {
const string = chunk.toString('utf8');
if (-1 !== string.indexOf('<div id="root"></div>')) {
try {
this.push(
string.replace(
'<div id="root"></div>',
`<div id="root">${
ReactDOMServer.renderToString(React.createElement(await root(this.flecks, this.req)))
}</div>`,
),
const renderedRoot = ReactDOMServer.renderToString(
React.createElement(await root(this.flecks, this.req)),
);
const rendered = string.replaceAll(
'<div id="root"></div>',
`<div id="root">${renderedRoot}</div>`,
);
this.push(rendered);
}
catch (e) {
catch (error) {
debug('React SSR failed: %O', error);
this.push(string);
}
}