diff --git a/server/hydrogen-render-script.js b/server/hydrogen-render-script.js
index cfec96e..25a46c1 100644
--- a/server/hydrogen-render-script.js
+++ b/server/hydrogen-render-script.js
@@ -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();
diff --git a/server/server1.js b/server/server1.js
index 909a0d0..03a4159 100644
--- a/server/server1.js
+++ b/server/server1.js
@@ -15,9 +15,6 @@ async function renderToString() {
const dom = parseHTML(`
-
- Hello SSR
-
App container
@@ -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 = `
+
+
+
+
+
+
+ ${hydrogenHtmlOutput}
+
+
+ `;
+
res.set('Content-Type', 'text/html');
- res.send(htmlOutput);
+ res.send(pageHtml);
});
app.listen(3050);