Mirrors
/
matrix-public-archive
mirror of https://github.com/matrix-org/matrix-public-archive.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add CSS support

This commit is contained in:
Eric Eastwood 2022-02-04 01:54:12 -06:00
parent 4e881d6487
commit e95c8ad4e6
2 changed files with 25 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
server/hydrogen-render-script.js
View File

@ -41,7 +41,7 @@ function makeEventEntryFromEventJson(roomId, eventJson) {
return eventEntry;
}
async function asdf() {
async function mountHydrogen() {
const app = document.querySelector('#app');
const config = {};
@ -117,7 +117,6 @@ async function asdf() {
//console.log('view.mount()', view.mount());
app.appendChild(view.mount());
//app.insertAdjacentHTML('beforeend', view.mount());
}
asdf();
mountHydrogen();

30
server/server1.js
View File

@ -15,9 +15,6 @@ async function renderToString() {
const dom = parseHTML(`
<!doctype html>
<html lang="en">
<head>
<title>Hello SSR</title>
</head>
<body>
<div id="app" class="hydrogen">App container</div>
</body>
@ -57,16 +54,35 @@ async function renderToString() {
// (waiting on the promise returned from `hydrogen-render-script.js`)
await vmResult;
const documentString = dom.document.toString();
console.log('documentString', documentString);
const documentString = dom.document.querySelector('#app').toString();
//console.log('documentString', documentString);
return documentString;
}
app.get('/', async function (req, res) {
app.get('/style.css', async function (req, res) {
const htmlOutput = await renderToString();
res.set('Content-Type', 'text/css');
res.sendFile(require.resolve('hydrogen-view-sdk/style.css'));
});
app.get('/', async function (req, res) {
const hydrogenHtmlOutput = await renderToString();
const pageHtml = `
<!doctype html>
<html lang="en">
<head>
<link href="style.css" rel="stylesheet">
</head>
<body>
${hydrogenHtmlOutput}
</body>
</html>
`;
res.set('Content-Type', 'text/html');
res.send(htmlOutput);
res.send(pageHtml);
});
app.listen(3050);