vitrify 0.1.0 → 0.2.1

package/src/vite/vue/ssr/fastify-ssr-plugin.ts

@@ -0,0 +1,120 @@
+import { fastifySsrPlugin } from '../../../node/frameworks/vue/fastify-ssr-plugin.js'
+import ssrFunctions from 'virtual:ssr-functions'
+
+export { fastifySsrPlugin, ssrFunctions }
+
+// import { FastifyPluginCallback, FastifyRequest, FastifyReply } from 'fastify'
+// import fastifyStatic from 'fastify-static'
+// import { readFileSync } from 'fs'
+// import { injectSsrContext } from '../../node/helpers/ssr.js'
+// import type { ViteDevServer } from 'vite'
+
+// export interface FastifySsrOptions {
+//   baseUrl?: string
+//   provide?: (req: FastifyRequest, res: FastifyReply) => Promise<Record<string, unknown>>
+//   vite?: ViteDevServer
+//   cliDir?: URL
+//   appDir?: URL
+//   productName?: string
+// }
+
+// const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (fastify, options, done) => {
+//   if (import.meta.env.MODE === 'development') {
+//     if (!options.vite) throw new Error('Option vite cannot be undefined')
+//     const middie = (await import('middie')).default
+//     await fastify.register(middie)
+//     fastify.use(options.vite.middlewares)
+
+//     fastify.get('*', async (req, res) => {
+//       try {
+//         // const url = req.originalUrl
+//         const url = req.raw.url
+//         let template
+//         let render
+//         const ssrContext = {
+//           req,
+//           res
+//         }
+//         // always read fresh template in dev
+//         // template = readFileSync(resolve('index.html'), 'utf-8')
+//         template = readFileSync(new URL('index.html', options.cliDir)).toString()
+
+//         // template = await vite.transformIndexHtml(url, template)
+//         const entryUrl = new URL('ssr/entry-server.ts', options.cliDir).pathname
+//         render = (await options.vite!.ssrLoadModule(entryUrl)).render
+//         let manifest
+//         // TODO: https://github.com/vitejs/vite/issues/2282
+//         try {
+//           manifest = {}
+//         } catch (e) {
+//           manifest = {}
+//         }
+
+//         const [appHtml, preloadLinks] = await render(url, manifest, ssrContext)
+//         const html = template
+//           .replace(`<!--preload-links-->`, preloadLinks)
+//           .replace(`<!--app-html-->`, appHtml)
+//           .replace('<!--product-name-->', options.productName || 'Product name')
+
+//         res.code(200)
+//         res.type('text/html')
+//         res.send(html)
+//         // res.status(200).set({ 'Content-Type': 'text/html' }).end(html)
+//       } catch (e: any) {
+//         console.error(e.stack)
+//         options.vite && options.vite.ssrFixStacktrace(e)
+//         res.code(500)
+//         res.send(e.stack)
+//       }
+//     })
+//   } else {
+//     options.baseUrl = options.baseUrl || '/'
+//     fastify.register(fastifyStatic, {
+//       root: new URL('./dist/ssr/client', options.appDir).pathname,
+//       wildcard: false,
+//       index: false,
+//       prefix: options.baseUrl
+//     })
+
+//     fastify.get(`${options.baseUrl}*`, async (req, res) => {
+//       const url = req.raw.url
+//       const provide = options.provide ? await options.provide(req, res) : {}
+//       let template
+//       let render
+//       let manifest
+//       const ssrContext: Record<string, any> = {
+//         req,
+//         res,
+//         provide
+//       }
+
+//       // template = readFileSync(new URL('../client/index.html', import.meta.url).pathname).toString()
+//       // manifest = JSON.parse(readFileSync(new URL('../client/ssr-manifest.json', import.meta.url)).toString())
+//       // render = (await import(new URL('./entry-server.mjs', import.meta.url).pathname)).render
+//       template = readFileSync(new URL('./dist/ssr/client/index.html', options.appDir).pathname).toString()
+//       manifest = JSON.parse(readFileSync(new URL('./dist/ssr/client/ssr-manifest.json', options.appDir)).toString())
+//       render = (await import(new URL('./dist/ssr/server/entry-server.mjs', options.appDir).pathname)).render
+
+//       const [appHtml, preloadLinks] = await render(url, manifest, ssrContext)
+
+//       if (!ssrContext.initialState) ssrContext.initialState = {}
+//       ssrContext.initialState.provide = provide
+
+//       let html = template
+//         .replace(`<!--preload-links-->`, preloadLinks)
+//         .replace(`<!--app-html-->`, appHtml)
+//       html = injectSsrContext(html, ssrContext)
+
+//       res.code(200)
+//       res.type('text/html')
+//       res.send(html)
+//     })
+//   }
+
+//   done()
+
+// }
+
+// export {
+//   fastifySsrPlugin
+// }

package/src/vite/vue/ssr/prerender.ts

@@ -0,0 +1,4 @@
+import { prerender } from '../../../node/frameworks/vue/prerender.js'
+import ssrFunctions from 'virtual:ssr-functions'
+
+export { prerender, ssrFunctions }

package/src/vite/vue/ssr/server.ts

@@ -0,0 +1,18 @@
+import { createApp } from '../../../node/frameworks/vue/server.js'
+import { getAppDir } from '../../../node/app-urls.js'
+import { setup } from 'virtual:fastify-setup'
+import ssrFunctions from 'virtual:ssr-functions'
+
+// const appDir = getPkgJsonDir(import.meta.url)
+const getString = (str?: string) => str
+let baseUrl = getString(__BASE_URL__)
+const appDir = getAppDir()
+
+const app = createApp({
+  setup,
+  appDir,
+  baseUrl,
+  ssrFunctions
+})
+
+app.listen(process.env.PORT || 3000, process.env.HOST || '127.0.0.1')

package/src/vite/vue/ssr/server.ts.bak

@@ -0,0 +1,61 @@
+import fastify, { FastifyInstance } from 'fastify'
+import { readFileSync } from 'fs'
+import fastifyStatic from 'fastify-static'
+import { resolve } from 'path'
+import sensible from 'fastify-sensible'
+import { injectSsrContext } from '../src/helpers/ssr.js'
+import { setup } from 'virtual:fastify-setup'
+export const createApp = ({
+  setup
+}: {
+  setup: (fastify: FastifyInstance) => any
+}) => {
+  const app = fastify({
+    logger: true
+  })
+
+  app.register(sensible)
+
+  setup(app)
+
+  app.register(fastifyStatic, {
+    root: resolve('../client'),
+    wildcard: false,
+    index: false
+  })
+
+  app.get('*', async (req, res) => {
+    const url = req.raw.url
+
+    let template
+    let render
+    let manifest
+    const ssrContext = {
+      req,
+      res
+    }
+    template = readFileSync(resolve('../client/index.html')).toString()
+    manifest = JSON.parse(readFileSync(resolve('../client/ssr-manifest.json')).toString())
+    render = (await import(resolve('./entry-server.mjs'))).render
+
+    const [appHtml, preloadLinks] = await render(url, manifest, ssrContext)
+
+    let html = template
+      .replace(`<!--preload-links-->`, preloadLinks)
+      .replace(`<!--app-html-->`, appHtml)
+      .replace('<!--initial-state-->', ssrContext.initialState)
+    html = injectSsrContext(html, ssrContext)
+
+    res.code(200)
+    res.type('text/html')
+    res.send(html)
+  })
+
+  return app
+}
+
+const app = createApp({
+  setup
+})
+
+app.listen(process.env.PORT || 3000, process.env.HOST || '127.0.0.1')

package/src/vite/vue/ssr/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "module": "esnext",
+    "moduleResolution": "Node",
+    "target": "esnext",
+    "types": ["vite/client"]
+  }
+}