getPageHead

packages/example/src/repo/issues/@issueId.page.tsx

@@ -90,7 +90,7 @@ export default defineVilay<{
                 <div className="flex flex-grow flex-row w-full">
                   <div className="flex-column w-3/4 flex-grow">
                     <article
-                      className="w-full prose lg:prose-l markdown-body dark:bg-dark"
+                      className="w-full prose lg:prose-l markdown-body dark:bg-dark min-h-6"
                       dangerouslySetInnerHTML={{
                         // __html: repository.issue.bodyHTML,
                         __html: repository.issue.bodyHTML,

packages/example/src/repo/pulls/@pullId.page.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 import { graphql, usePreloadedQuery, type PreloadedQuery } from 'react-relay'
-import { defineVilay } from 'vilay'
+import { defineVilay, usePageContext } from 'vilay'
 import defaultDefines from '../../lib/renderer/_default.page'
 import type {
   PullIdByRepoQuery,
@@ -81,6 +81,8 @@ export default defineVilay<{
   }),
   // Relay pagination example.
   Page: ({ queryRef }) => {
+    const context = usePageContext()
+    console.log({context})
     const { repository } = usePreloadedQuery<PullIdByRepoQuery>(query, queryRef)
     const nameWithOwner = `${queryRef.variables.owner}/${queryRef.variables.name}`
     const pr = repository?.pullRequest
@@ -115,7 +117,7 @@ export default defineVilay<{
                 <div className="flex flex-row">
                 <div className="flex-column w-3/4 flex-grow">
                     <article
-                      className="w-full prose lg:prose-l markdown-body dark:bg-dark"
+                      className="w-full prose lg:prose-l markdown-body dark:bg-dark min-h-64"
                       dangerouslySetInnerHTML={{
                         // __html: repository.issue.bodyHTML,
                         __html: repository.pullRequest.bodyHTML,
@@ -136,10 +138,10 @@ export default defineVilay<{
                       </p>
 
                         {pr?.labels?.nodes?.length > 0 && ( 
-                          <p className="text-xs">
+                          <div>
                             <h3 className="text-l">Labels</h3>
-                            <Labels labels={pr?.labels?.nodes} />
-                          </p>
+                            <Labels size='xs' labels={pr?.labels?.nodes} />
+                          </div>
                         )}
 
                     </div>

packages/example/src/style.css

@@ -12,12 +12,16 @@ body.dark {
 }
 
 .prose {
-    max-width: fit-content;
-    width: 80ch;
+    /* /* max-width: fit-content; */
+    max-width: 80ch;
     /* width: 100%; */
 }
 
 
+.w-prose {
+    max-width: 80ch;
+  }
+
 .markdown-body {
     padding: 6px
 }

packages/render/cloudflare/render.ts

@@ -24,7 +24,7 @@ export async function render(req: Request, renderVps: typeof renderPage) {
     return null
   } else {
     const { contentType, statusCode } = httpResponse
-    return new Response(httpResponse.getWebStream(), {
+    return new Response(httpResponse.getReadableWebStream(), {
       status: statusCode,
       headers: {
         'Content-Type': `${contentType};charset=utf-8`,

packages/vilay/package.json

@@ -26,6 +26,7 @@
     "h3": "^0.5.3",
     "listhen": "^0.2.6",
     "serve-static": "^1.15.0",
+    "ua-parser-js": "^1.0.2",
     "undici": "^5.1.1",
     "vite": "^2.9.6",
     "vite-plugin-ssr": "^0.4.11",

packages/vilay/server/node/index.ts

@@ -11,13 +11,15 @@ export async function createServer(root: string) {
   const app = createApp({ onError })
 
   app.use(serveStatic(join(root, 'dist', 'client')))
-  app.use((req, res, next) => {
+  app.use(async (req, res, next) => {
     if (req.method !== 'GET') return next()
     if (req.url == null) return next(new Error('url is null'))
+    const userAgent = req.headers['user-agent']
+
     const pageContextInit = {
       url: req.url,
       cookies: useCookies(req),
-      userAgent: req.headers['user-agent'],
+      userAgent,
       fetch,
     }
     renderPage<PageContext, typeof pageContextInit>(pageContextInit).then(