vitrify 0.19.0 → 0.20.0

package/dist/frameworks/vue/fastify-ssr-plugin.js

@@ -32,11 +32,6 @@ const fastifySsrPlugin = async (fastify, options) => {
             try {
                 const url = req.raw.url?.replace(options.baseUrl, '/');
                 const provide = options.provide ? await options.provide(req, res) : {};
-                const ssrContext = {
-                    req,
-                    res,
-                    provide
-                };
                 let template = readFileSync(new URL('index.html', frameworkDir)).toString();
                 template = await vite.transformIndexHtml(url, template);
                 const entryUrl = fileURLToPath(new URL('ssr/entry-server.ts', frameworkDir));
@@ -49,39 +44,16 @@ const fastifySsrPlugin = async (fastify, options) => {
                 catch (e) {
                     manifest = {};
                 }
-                // const cssModules = [entryUrl]
-                // const matchedModules = componentsModules(cssModules, vite!)
-                // const css = collectCss({
-                //   mods: matchedModules
-                // })
-                const [appHtml, preloadLinks] = await render(url, manifest, ssrContext);
-                if (!ssrContext.initialState)
-                    ssrContext.initialState = {};
-                ssrContext.initialState.provide = provide;
-                const initialStateScript = `
-        <script>
-        __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
-        </script>`;
-                const renderHtml = (html) => {
-                    return appendToHead(preloadLinks, appendToBody(initialStateScript, addOrReplaceAppDiv(appHtml, html)));
-                };
-                let html = renderHtml(template);
-                // let html = template
-                //   .replace(`<!--app-html-->`, appHtml)
-                //   .replace('<!--product-name-->', options.productName || 'Product name')
-                //   // .replace('<!--dev-ssr-css-->', css)
-                //   .replace(
-                //     '<!--initial-state-->',
-                //     `<script>
-                //     __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
-                //     </script>`
-                //   )
-                // html = appendToHead(preloadLinks, html)
-                if (options.onRendered?.length) {
-                    for (const ssrFunction of options.onRendered) {
-                        html = ssrFunction(html, ssrContext);
-                    }
-                }
+                const html = await renderHtml({
+                    request: req,
+                    reply: res,
+                    url: url ?? '/',
+                    provide,
+                    onRendered: options.onRendered,
+                    template,
+                    manifest,
+                    render
+                });
                 res.code(200);
                 res.type('text/html');
                 res.send(html);
@@ -108,42 +80,55 @@ const fastifySsrPlugin = async (fastify, options) => {
         fastify.get(`${options.baseUrl}*`, async (req, res) => {
             const url = req.raw.url?.replace(options.baseUrl, '/');
             const provide = options.provide ? await options.provide(req, res) : {};
-            const ssrContext = {
-                req,
-                res,
-                provide
-            };
             const template = readFileSync(fileURLToPath(new URL('./dist/ssr/client/index.html', options.appDir))).toString();
             const manifest = JSON.parse(readFileSync(new URL('./dist/ssr/client/.vite/ssr-manifest.json', options.appDir)).toString());
             const render = (await import(fileURLToPath(new URL('./dist/ssr/server/entry-server.mjs', options.appDir)))).render;
-            const [appHtml, preloadLinks] = await render(url, manifest, ssrContext);
-            if (!ssrContext.initialState)
-                ssrContext.initialState = {};
-            ssrContext.initialState.provide = provide;
-            const initialStateScript = `
-      <script>
-      __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
-      </script>`;
-            const renderHtml = (html) => {
-                return appendToHead(preloadLinks, appendToBody(initialStateScript, addOrReplaceAppDiv(appHtml, html)));
-            };
-            let html = renderHtml(template);
-            // let html = template.replace(`<!--app-html-->`, appHtml).replace(
-            //   '<!--initial-state-->',
-            //   `<script>
-            //     __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
-            //     </script>`
-            // )
-            // html = appendToHead(preloadLinks, html)
-            if (options.onRendered?.length) {
-                for (const ssrFunction of options.onRendered) {
-                    html = ssrFunction(html, ssrContext);
-                }
-            }
+            const onRendered = (await import(fileURLToPath(new URL('./dist/ssr/server/virtual_vitrify-hooks.mjs', options.appDir)))).onRendered;
+            const html = await renderHtml({
+                request: req,
+                reply: res,
+                url: url ?? '/',
+                provide,
+                onRendered,
+                template,
+                manifest,
+                render
+            });
             res.code(200);
             res.type('text/html');
             res.send(html);
         });
     }
 };
-export { fastifySsrPlugin };
+const renderTemplate = ({ template, initialStateScript, appHtml, preloadLinks }) => {
+    return appendToHead(preloadLinks, appendToBody(initialStateScript, addOrReplaceAppDiv(appHtml, template)));
+};
+const renderHtml = async (options) => {
+    const ssrContext = {
+        req: options.request,
+        res: options.reply,
+        provide: options.provide
+    };
+    const onRendered = options.onRendered ?? [];
+    const [appHtml, preloadLinks] = await options.render(options.url, options.manifest, ssrContext);
+    if (!ssrContext.initialState)
+        ssrContext.initialState = {};
+    ssrContext.initialState.provide = options.provide;
+    const initialStateScript = `
+  <script>
+  __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
+  </script>`;
+    let html = renderTemplate({
+        template: options.template,
+        appHtml,
+        initialStateScript,
+        preloadLinks
+    });
+    if (onRendered?.length) {
+        for (const ssrFunction of onRendered) {
+            html = ssrFunction(html, ssrContext);
+        }
+    }
+    return html;
+};
+export { fastifySsrPlugin, renderHtml };

package/dist/frameworks/vue/prerender.js

@@ -1,6 +1,6 @@
 import { existsSync, promises as fs, mkdirSync } from 'fs';
 import { routesToPaths } from '../../helpers/routes.js';
-import { appendToHead, addOrReplaceAppDiv } from '../../helpers/utils.js';
+import { renderHtml } from './fastify-ssr-plugin.js';
 export const prerender = async ({ outDir, templatePath, manifestPath, entryServerPath, onRendered }) => {
     const promises = [];
     const template = (await fs.readFile(templatePath)).toString();
@@ -22,18 +22,16 @@ export const prerender = async ({ outDir, templatePath, manifestPath, entryServe
         }
         const filename = (url.endsWith('/') ? 'index' : url.replace(/^\//g, '')) + '.html';
         console.log(`Generating ${filename}`);
-        const ssrContext = {
-            req: { headers: {}, url },
-            res: {}
-        };
-        const [appHtml, preloadLinks] = await render(url, manifest, ssrContext);
-        let html = addOrReplaceAppDiv(appHtml, template);
-        html = appendToHead(preloadLinks, html);
-        if (onRendered?.length) {
-            for (const ssrFunction of onRendered) {
-                html = ssrFunction(html, ssrContext);
-            }
-        }
+        let html = await renderHtml({
+            url,
+            manifest,
+            provide: {},
+            render,
+            request: { headers: {}, url },
+            reply: {},
+            template,
+            onRendered
+        });
         html = await beasties.process(html);
         promises.push(fs.writeFile(outDir + filename, html, 'utf-8'));
     }

package/dist/index.js

@@ -14,7 +14,6 @@ import { addOrReplaceTitle, appendToBody } from './helpers/utils.js';
 import Components from 'unplugin-vue-components/vite';
 import { VitePWA } from 'vite-plugin-pwa';
 import UnoCSS from 'unocss/vite';
-import { QuasarPreset } from './plugins/quasar/unocss/index.js';
 const internalServerModules = [
     'util',
     'vitrify',
@@ -529,6 +528,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             input: [
                 fileURLToPath(new URL('ssr/entry-server.ts', frameworkDir)),
                 fileURLToPath(new URL('ssr/prerender.ts', frameworkDir)),
+                fileURLToPath(new URL('ssr/fastify-ssr-plugin.ts', frameworkDir)),
                 fileURLToPath(new URL('ssr/server.ts', frameworkDir))
             ],
             external,
@@ -620,4 +620,3 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
 };
 export const vitrifyDir = new URL('..', import.meta.url);
 export { prerender } from './frameworks/vue/prerender.js';
-export { QuasarPreset };

package/dist/types/bin/dev.d.ts

@@ -1,4 +1,4 @@
-import type { LogLevel, InlineConfig, ViteDevServer } from 'vite';
+import type { LogLevel, ViteDevServer } from 'vite';
 import type { Server } from 'net';
 import type { FastifyInstance } from 'fastify';
 declare module 'vite' {
@@ -28,50 +28,6 @@ export declare function createServer({ port, logLevel, ssr, framework, host, app
 }): Promise<{
     app: FastifyInstance<import("fastify").RawServerDefault, import("http").IncomingMessage, import("http").ServerResponse<import("http").IncomingMessage>, import("fastify").FastifyBaseLogger, import("fastify").FastifyTypeProviderDefault> | undefined;
     server: Server;
-    config: Readonly<Omit<import("vite").UserConfig, "server" | "build" | "dev" | "optimizeDeps" | "plugins" | "css" | "json" | "assetsInclude" | "preview" | "worker" | "environments"> & {
-        configFile: string | undefined;
-        configFileDependencies: string[];
-        inlineConfig: InlineConfig;
-        root: string;
-        base: string;
-        publicDir: string;
-        cacheDir: string;
-        command: "build" | "serve";
-        mode: string;
-        isWorker: boolean;
-        isProduction: boolean;
-        envDir: string;
-        env: Record<string, any>;
-        resolve: Required<import("vite").ResolveOptions> & {
-            alias: import("vite").Alias[];
-        };
-        plugins: readonly import("vite").Plugin[];
-        css: import("vite").ResolvedCSSOptions;
-        json: Required<import("vite").JsonOptions>;
-        esbuild: import("vite").ESBuildOptions | false;
-        server: import("vite").ResolvedServerOptions;
-        dev: import("vite").ResolvedDevEnvironmentOptions;
-        builder: Required<import("vite").BuilderOptions> | undefined;
-        build: import("vite").ResolvedBuildOptions;
-        preview: import("vite").ResolvedPreviewOptions;
-        ssr: import("vite").ResolvedSSROptions;
-        assetsInclude: (file: string) => boolean;
-        logger: import("vite").Logger;
-        createResolver: (options?: Partial<import("vite").InternalResolveOptions>) => import("vite").ResolveFn;
-        optimizeDeps: import("vite").DepOptimizationOptions;
-        worker: import("vite").ResolvedWorkerOptions;
-        appType: import("vite").AppType;
-        experimental: import("vite").ExperimentalOptions;
-        environments: Record<string, {
-            define?: Record<string, any>;
-            resolve: Required<import("vite").ResolveOptions>;
-            consumer: "client" | "server";
-            keepProcessEnv?: boolean;
-            optimizeDeps: import("vite").DepOptimizationOptions;
-            dev: import("vite").ResolvedDevEnvironmentOptions;
-            build: import("vite").ResolvedBuildEnvironmentOptions;
-        }>;
-        webSocketToken: string;
-    } & import("vite").PluginHookUtils>;
+    config: import("vite").ResolvedConfig;
     vite: ViteDevServer;
 }>;

package/dist/types/frameworks/vue/fastify-ssr-plugin.d.ts

@@ -1,11 +1,12 @@
 import type { FastifyPluginAsync, FastifyRequest, FastifyReply } from 'fastify';
 import type { ViteDevServer } from 'vite';
 import type { OnRenderedHook } from '../../vitrify-config.js';
+type ProvideFn = (req: FastifyRequest, res: FastifyReply) => Promise<Record<string, unknown | {
+    value: unknown;
+}>>;
 export interface FastifySsrOptions {
     baseUrl?: string;
-    provide?: (req: FastifyRequest, res: FastifyReply) => Promise<Record<string, unknown | {
-        value: unknown;
-    }>>;
+    provide?: ProvideFn;
     vitrifyDir?: URL;
     vite?: ViteDevServer;
     onRendered?: OnRenderedHook[];
@@ -15,5 +16,18 @@ export interface FastifySsrOptions {
     host?: string;
 }
 declare const fastifySsrPlugin: FastifyPluginAsync<FastifySsrOptions>;
-export { fastifySsrPlugin };
+declare const renderHtml: (options: {
+    url: string;
+    request: FastifyRequest | {
+        headers: Record<string, unknown>;
+        url: string;
+    };
+    reply: FastifyReply | Record<string, unknown>;
+    provide: Record<string, unknown>;
+    onRendered?: OnRenderedHook[];
+    template: string;
+    manifest: Record<string, unknown>;
+    render: any;
+}) => Promise<string>;
+export { fastifySsrPlugin, renderHtml };
 export type FastifySsrPlugin = typeof fastifySsrPlugin;

package/dist/types/index.d.ts

@@ -2,7 +2,6 @@ import type { InlineConfig } from 'vite';
 import type { BootFunction, VitrifyConfig, VitrifyConfigAsync, VitrifyCommands, VitrifyModes, VitrifyUIFrameworks, VitrifySSRModes } from './vitrify-config.js';
 import type { VitrifyContext } from './bin/run.js';
 import type { VitrifyPlugin } from './plugins/index.js';
-import { QuasarPreset } from './plugins/quasar/unocss/index.js';
 export declare const VIRTUAL_MODULES: string[];
 export declare const baseConfig: ({ ssr, appDir, publicDir, base, command, mode, framework, debug, productName }: {
     ssr?: VitrifySSRModes;
@@ -17,5 +16,4 @@ export declare const baseConfig: ({ ssr, appDir, publicDir, base, command, mode,
 }) => Promise<InlineConfig>;
 export declare const vitrifyDir: URL;
 export { prerender } from './frameworks/vue/prerender.js';
-export { QuasarPreset };
 export type { VitrifyConfig, VitrifyConfigAsync, VitrifyPlugin, VitrifyContext, BootFunction };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Vite as your Full Stack development tool",
@@ -49,61 +49,61 @@
   "homepage": "https://github.com/simsustech/vitrify/tree/main/#readme",
   "dependencies": {
     "@fastify/middie": "^9.0.3",
-    "@fastify/static": "^8.1.0",
-    "@unocss/core": "^65.4.3",
-    "@unocss/preset-uno": "^65.4.3",
-    "@unocss/preset-web-fonts": "66.1.0-beta.7",
-    "@unocss/preset-wind": "^65.4.3",
-    "@vitejs/plugin-vue": "^5.2.1",
+    "@fastify/static": "^8.1.1",
+    "@unocss/core": "^66.0.0",
+    "@unocss/preset-uno": "^66.0.0",
+    "@unocss/preset-web-fonts": "66.1.0-beta.10",
+    "@unocss/preset-wind": "^66.0.0",
+    "@vitejs/plugin-vue": "^5.2.3",
     "ajv": "^8.17.1",
     "animated-unocss": "^0.0.6",
     "cac": "^6.7.14",
     "chalk": "^5.4.1",
     "cross-env": "^7.0.3",
-    "esbuild": "^0.24.2",
-    "fastify": "^5.2.1",
+    "esbuild": "^0.25.2",
+    "fastify": "^5.2.2",
     "glob": "^11.0.1",
-    "happy-dom": "^16.8.1",
+    "happy-dom": "^17.4.4",
     "is-port-reachable": "^4.0.0",
     "magic-string": "^0.30.17",
     "merge-deep": "^3.0.3",
     "readline": "^1.3.0",
     "rollup-plugin-visualizer": "^5.14.0",
-    "sass": "1.83.4",
+    "sass": "1.86.3",
     "ts-node": "^10.9.2",
-    "unocss": "^65.4.3",
-    "unplugin-vue-components": "^28.0.0",
-    "vite": "^6.0.11",
-    "vite-plugin-pwa": "^0.21.1",
-    "vitefu": "^1.0.5",
-    "vitest": "^3.0.5",
+    "unocss": "^66.0.0",
+    "unplugin-vue-components": "^28.4.1",
+    "vite": "^6.2.5",
+    "vite-plugin-pwa": "^1.0.0",
+    "vitefu": "^1.0.6",
+    "vitest": "^3.1.1",
     "workbox-window": "^7.3.0"
   },
   "devDependencies": {
     "@iconify-json/mdi": "^1.2.3",
-    "@quasar/extras": "^1.16.16",
-    "@quasar/quasar-ui-qmarkdown": "^2.0.4",
+    "@quasar/extras": "^1.16.17",
+    "@quasar/quasar-ui-qmarkdown": "^2.0.5",
     "@quasar/quasar-ui-qmediaplayer": "^2.0.0-beta.0",
     "@types/connect": "^3.4.38",
     "@types/glob": "^8.1.0",
     "@types/merge-deep": "^3.0.3",
-    "@types/node": "^22.13.1",
-    "@types/ws": "^8.5.14",
-    "@unocss/preset-icons": "^65.4.3",
+    "@types/node": "^22.14.0",
+    "@types/ws": "^8.18.1",
+    "@unocss/preset-icons": "^66.0.0",
     "@vue/runtime-core": "^3.5.13",
-    "beasties": "^0.2.0",
+    "beasties": "^0.3.2",
     "css": "^3.0.0",
     "css-to-tailwind-translator": "^1.2.8",
-    "quasar": "^2.17.7",
-    "rollup": "^4.34.2",
-    "typescript": "^5.7.3",
+    "quasar": "^2.18.1",
+    "rollup": "^4.39.0",
+    "typescript": "^5.8.3",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },
   "peerDependencies": {
-    "@fastify/static": "^8.1.0",
-    "fastify": "^5.2.1",
-    "quasar": "^2.17.7",
+    "@fastify/static": "^8.1.1",
+    "fastify": "^5.2.2",
+    "quasar": "^2.18.1",
     "vue": "^3.5.13",
     "vue-router": "^4.5.0"
   },

package/src/node/frameworks/vue/fastify-ssr-plugin.ts

@@ -9,12 +9,15 @@ import {
 } from '../../helpers/utils.js'
 import type { ViteDevServer } from 'vite'
 import type { OnRenderedHook } from '../../vitrify-config.js'
+
+type ProvideFn = (
+  req: FastifyRequest,
+  res: FastifyReply
+) => Promise<Record<string, unknown | { value: unknown }>>
+
 export interface FastifySsrOptions {
   baseUrl?: string
-  provide?: (
-    req: FastifyRequest,
-    res: FastifyReply
-  ) => Promise<Record<string, unknown | { value: unknown }>>
+  provide?: ProvideFn
   vitrifyDir?: URL
   vite?: ViteDevServer
   // frameworkDir?: URL
@@ -66,12 +69,6 @@ const fastifySsrPlugin: FastifyPluginAsync<FastifySsrOptions> = async (
         const url = req.raw.url?.replace(options.baseUrl!, '/')
         const provide = options.provide ? await options.provide(req, res) : {}
 
-        const ssrContext: Record<string, any> = {
-          req,
-          res,
-          provide
-        }
-
         let template = readFileSync(
           new URL('index.html', frameworkDir)
         ).toString()
@@ -90,47 +87,16 @@ const fastifySsrPlugin: FastifyPluginAsync<FastifySsrOptions> = async (
           manifest = {}
         }
 
-        // const cssModules = [entryUrl]
-        // const matchedModules = componentsModules(cssModules, vite!)
-        // const css = collectCss({
-        //   mods: matchedModules
-        // })
-
-        const [appHtml, preloadLinks] = await render(url, manifest, ssrContext)
-
-        if (!ssrContext.initialState) ssrContext.initialState = {}
-        ssrContext.initialState.provide = provide
-
-        const initialStateScript = `
-        <script>
-        __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
-        </script>`
-        const renderHtml = (html: string) => {
-          return appendToHead(
-            preloadLinks,
-            appendToBody(initialStateScript, addOrReplaceAppDiv(appHtml, html))
-          )
-        }
-
-        let html = renderHtml(template)
-        // let html = template
-        //   .replace(`<!--app-html-->`, appHtml)
-        //   .replace('<!--product-name-->', options.productName || 'Product name')
-        //   // .replace('<!--dev-ssr-css-->', css)
-        //   .replace(
-        //     '<!--initial-state-->',
-        //     `<script>
-        //     __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
-        //     </script>`
-        //   )
-
-        // html = appendToHead(preloadLinks, html)
-
-        if (options.onRendered?.length) {
-          for (const ssrFunction of options.onRendered) {
-            html = ssrFunction(html, ssrContext)
-          }
-        }
+        const html = await renderHtml({
+          request: req,
+          reply: res,
+          url: url ?? '/',
+          provide,
+          onRendered: options.onRendered,
+          template,
+          manifest,
+          render
+        })
 
         res.code(200)
         res.type('text/html')
@@ -156,11 +122,6 @@ const fastifySsrPlugin: FastifyPluginAsync<FastifySsrOptions> = async (
     fastify.get(`${options.baseUrl}*`, async (req, res) => {
       const url = req.raw.url?.replace(options.baseUrl!, '/')
       const provide = options.provide ? await options.provide(req, res) : {}
-      const ssrContext: Record<string, any> = {
-        req,
-        res,
-        provide
-      }
 
       const template = readFileSync(
         fileURLToPath(new URL('./dist/ssr/client/index.html', options.appDir))
@@ -177,46 +138,99 @@ const fastifySsrPlugin: FastifyPluginAsync<FastifySsrOptions> = async (
           )
         )
       ).render
+      const onRendered = (
+        await import(
+          fileURLToPath(
+            new URL(
+              './dist/ssr/server/virtual_vitrify-hooks.mjs',
+              options.appDir
+            )
+          )
+        )
+      ).onRendered
+
+      const html = await renderHtml({
+        request: req,
+        reply: res,
+        url: url ?? '/',
+        provide,
+        onRendered,
+        template,
+        manifest,
+        render
+      })
 
-      const [appHtml, preloadLinks] = await render(url, manifest, ssrContext)
+      res.code(200)
+      res.type('text/html')
+      res.send(html)
+    })
+  }
+}
 
-      if (!ssrContext.initialState) ssrContext.initialState = {}
-      ssrContext.initialState.provide = provide
+const renderTemplate = ({
+  template,
+  initialStateScript,
+  appHtml,
+  preloadLinks
+}: {
+  template: string
+  initialStateScript: string
+  appHtml: string
+  preloadLinks: string
+}) => {
+  return appendToHead(
+    preloadLinks,
+    appendToBody(initialStateScript, addOrReplaceAppDiv(appHtml, template))
+  )
+}
 
-      const initialStateScript = `
-      <script>
-      __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
-      </script>`
-      const renderHtml = (html: string) => {
-        return appendToHead(
-          preloadLinks,
-          appendToBody(initialStateScript, addOrReplaceAppDiv(appHtml, html))
-        )
-      }
+const renderHtml = async (options: {
+  url: string
+  request: FastifyRequest | { headers: Record<string, unknown>; url: string }
+  reply: FastifyReply | Record<string, unknown>
+  provide: Record<string, unknown>
+  onRendered?: OnRenderedHook[]
+  template: string
+  manifest: Record<string, unknown>
+  render: any
+}) => {
+  const ssrContext: Record<string, any> = {
+    req: options.request,
+    res: options.reply,
+    provide: options.provide
+  }
 
-      let html = renderHtml(template)
+  const onRendered = options.onRendered ?? []
 
-      // let html = template.replace(`<!--app-html-->`, appHtml).replace(
-      //   '<!--initial-state-->',
-      //   `<script>
-      //     __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
-      //     </script>`
-      // )
+  const [appHtml, preloadLinks] = await options.render(
+    options.url,
+    options.manifest,
+    ssrContext
+  )
 
-      // html = appendToHead(preloadLinks, html)
+  if (!ssrContext.initialState) ssrContext.initialState = {}
+  ssrContext.initialState.provide = options.provide
 
-      if (options.onRendered?.length) {
-        for (const ssrFunction of options.onRendered) {
-          html = ssrFunction(html, ssrContext)
-        }
-      }
+  const initialStateScript = `
+  <script>
+  __INITIAL_STATE__ = '${JSON.stringify(ssrContext.initialState)}'
+  </script>`
 
-      res.code(200)
-      res.type('text/html')
-      res.send(html)
-    })
+  let html = renderTemplate({
+    template: options.template,
+    appHtml,
+    initialStateScript,
+    preloadLinks
+  })
+
+  if (onRendered?.length) {
+    for (const ssrFunction of onRendered) {
+      html = ssrFunction(html, ssrContext)
+    }
   }
+
+  return html
 }
 
-export { fastifySsrPlugin }
+export { fastifySsrPlugin, renderHtml }
 export type FastifySsrPlugin = typeof fastifySsrPlugin