2022-02-03 22:44:49 -07:00
|
|
|
const express = require('express');
|
2022-02-07 18:55:11 -07:00
|
|
|
const asyncHandler = require('./express-async-handler');
|
2022-02-03 22:44:49 -07:00
|
|
|
|
2022-02-07 18:55:11 -07:00
|
|
|
const fetchEventsForTimestamp = require('./fetch-events-for-timestamp');
|
|
|
|
|
const renderHydrogenToString = require('./render-hydrogen-to-string');
|
2022-02-04 00:24:31 -07:00
|
|
|
|
2022-02-07 18:55:11 -07:00
|
|
|
const app = express();
|
2022-02-03 22:44:49 -07:00
|
|
|
|
2022-02-04 00:54:12 -07:00
|
|
|
app.get('/style.css', async function (req, res) {
|
|
|
|
|
res.set('Content-Type', 'text/css');
|
|
|
|
|
res.sendFile(require.resolve('hydrogen-view-sdk/style.css'));
|
|
|
|
|
});
|
|
|
|
|
|
2022-02-07 18:55:11 -07:00
|
|
|
app.get(
|
|
|
|
|
'/',
|
|
|
|
|
asyncHandler(async function (req, res) {
|
|
|
|
|
const { events, stateEventMap } = await fetchEventsForTimestamp(
|
|
|
|
|
'!HBehERstyQBxyJDLfR:my.synapse.server',
|
|
|
|
|
new Date('2022-01-01').getTime()
|
|
|
|
|
);
|
2022-02-04 00:54:12 -07:00
|
|
|
|
2022-02-07 18:55:11 -07:00
|
|
|
const hydrogenHtmlOutput = await renderHydrogenToString(events, stateEventMap);
|
|
|
|
|
|
|
|
|
|
const pageHtml = `
|
2022-02-04 00:54:12 -07:00
|
|
|
<!doctype html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<link href="style.css" rel="stylesheet">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
${hydrogenHtmlOutput}
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
`;
|
|
|
|
|
|
2022-02-07 18:55:11 -07:00
|
|
|
res.set('Content-Type', 'text/html');
|
|
|
|
|
res.send(pageHtml);
|
|
|
|
|
})
|
|
|
|
|
);
|
2022-02-03 22:44:49 -07:00
|
|
|
|
|
|
|
|
app.listen(3050);
|
