2022-02-15 20:33:31 -07:00
|
|
|
'use strict';
|
|
|
|
|
|
2022-02-07 18:55:11 -07:00
|
|
|
const assert = require('assert');
|
|
|
|
|
const vm = require('vm');
|
|
|
|
|
const path = require('path');
|
|
|
|
|
const { readFile } = require('fs').promises;
|
|
|
|
|
const crypto = require('crypto');
|
|
|
|
|
const { parseHTML } = require('linkedom');
|
|
|
|
|
|
2022-02-09 00:49:02 -07:00
|
|
|
const config = require('../config.json');
|
|
|
|
|
|
2022-02-10 00:42:02 -07:00
|
|
|
async function renderToString(roomData, events, stateEventMap) {
|
|
|
|
|
assert(roomData);
|
2022-02-07 18:55:11 -07:00
|
|
|
assert(events);
|
|
|
|
|
assert(stateEventMap);
|
|
|
|
|
|
|
|
|
|
const dom = parseHTML(`
|
|
|
|
|
<!doctype html>
|
2022-02-14 22:20:25 -07:00
|
|
|
<html>
|
|
|
|
|
<head></head>
|
2022-02-07 18:55:11 -07:00
|
|
|
<body>
|
|
|
|
|
<div id="app" class="hydrogen"></div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
`);
|
|
|
|
|
|
|
|
|
|
if (!dom.requestAnimationFrame) {
|
|
|
|
|
dom.requestAnimationFrame = function (cb) {
|
|
|
|
|
setTimeout(cb, 0);
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2022-02-14 22:20:25 -07:00
|
|
|
// Define this for the SSR context
|
|
|
|
|
dom.window.matrixPublicArchiveContext = {
|
|
|
|
|
roomData,
|
|
|
|
|
events,
|
|
|
|
|
stateEventMap,
|
|
|
|
|
config,
|
|
|
|
|
};
|
|
|
|
|
// Serialize it for when we run this again client-side
|
|
|
|
|
dom.document.body.insertAdjacentHTML(
|
|
|
|
|
'beforeend',
|
|
|
|
|
`
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
window.matrixPublicArchiveContext = ${JSON.stringify(dom.window.matrixPublicArchiveContext)}
|
|
|
|
|
</script>
|
|
|
|
|
`
|
|
|
|
|
);
|
|
|
|
|
|
2022-02-07 18:55:11 -07:00
|
|
|
const vmContext = vm.createContext(dom);
|
|
|
|
|
// Make the dom properties available in sub-`require(...)` calls
|
|
|
|
|
vmContext.global.window = dom.window;
|
|
|
|
|
vmContext.global.document = dom.document;
|
|
|
|
|
vmContext.global.Node = dom.Node;
|
|
|
|
|
vmContext.global.navigator = dom.navigator;
|
|
|
|
|
vmContext.global.DOMParser = dom.DOMParser;
|
|
|
|
|
vmContext.global.crypto = crypto.webcrypto;
|
|
|
|
|
|
|
|
|
|
// So require(...) works in the vm
|
|
|
|
|
vmContext.global.require = require;
|
|
|
|
|
// So we can see logs from the underlying vm
|
|
|
|
|
vmContext.global.console = console;
|
|
|
|
|
|
|
|
|
|
const hydrogenRenderScriptCode = await readFile(
|
2022-02-10 00:42:02 -07:00
|
|
|
path.resolve(__dirname, '../shared/hydrogen-vm-render-script.js'),
|
2022-02-07 18:55:11 -07:00
|
|
|
'utf8'
|
|
|
|
|
);
|
|
|
|
|
const hydrogenRenderScript = new vm.Script(hydrogenRenderScriptCode, {
|
|
|
|
|
filename: 'hydrogen-vm-render-script.js',
|
|
|
|
|
});
|
|
|
|
|
const vmResult = hydrogenRenderScript.runInContext(vmContext);
|
|
|
|
|
// Wait for everything to render
|
|
|
|
|
// (waiting on the promise returned from `hydrogen-render-script.js`)
|
|
|
|
|
await vmResult;
|
|
|
|
|
|
2022-02-14 22:20:25 -07:00
|
|
|
const documentString = dom.document.body.toString();
|
2022-02-07 18:55:11 -07:00
|
|
|
return documentString;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
module.exports = renderToString;
|
