more ssr work

bcomnes · Jul 28, 2023 · 225dd56 · 225dd56
1 parent 07e8d89
commit 225dd56
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 5 deletions.
diff --git a/examples/tonic-components/package.json b/examples/tonic-components/package.json
@@ -15,6 +15,7 @@
   "dependencies": {
     "@siteup/cli": "../../.",
     "@socketsupply/tonic": "^15.1.1",
+    "jsdom": "^22.1.0",
     "mine.css": "^9.0.1",
     "tonic-ssr": "github:socketsupply/tonic-ssr#f447a8ae2bec27a526ae489fa8510a1c646f4a66"
   },

diff --git a/examples/tonic-components/src/root.layout.js b/examples/tonic-components/src/root.layout.js
@@ -6,7 +6,8 @@ export default async function RootLayout ({
   siteName,
   scripts,
   styles,
-  children
+  children,
+  head
 }) {
   return /* html */`
     <!DOCTYPE html>
@@ -21,6 +22,7 @@ export default async function RootLayout ({
       ${styles
         ? styles.map(style => /* html */`<link rel="stylesheet" href=${style} />`).join('\n')
         : ''}
+      ${head || ''}
     </head>
     <body>
       <parent-component>

diff --git a/examples/tonic-components/src/ssr-page/page.js b/examples/tonic-components/src/ssr-page/page.js
@@ -1,8 +1,22 @@
 import 'tonic-ssr'
 import { MainComponent } from './client.js'
+import jsdom from 'jsdom'
 
-export default () => {
-  return (new MainComponent({
-    timestamp: 1611695921286
-  })).preRender()
+const { JSDOM } = jsdom
+
+const page = await (new MainComponent({
+  timestamp: 1611695921286
+})).preRender()
+
+console.log({ page })
+
+const dom = new JSDOM(`<!DOCTYPE html>${page}`)
+
+const body = dom.window.document.querySelector('body')
+const head = dom.window.document.querySelector('head')
+
+export default () => `<main-component>${body.innerHTML}</main-component>`
+
+export const vars = {
+  head: head.innerHTML
 }