vitrify 0.2.5 → 0.5.0

package/README.md

@@ -3,12 +3,12 @@
 > Pre-configured Vite CLI for your framework
 
 - Use a simple configuration file to configure and integrate required Vite plugins into your project.
-- Client-Side Rendering (CSR) and Server-Side Rendering (SSR) builds and development servers.
+- Client-Side Rendering (CSR), Server-Side Rendering (SSR) and Fastify server build and development modes.
 
 ## Features
 
 - Uses [Fastify](https://github.com/fastify/fastify-vite) for the development server and SSR production server.
-  - Generates a Fastify plugin to serve your server-side rendered application.
+- Generates a Fastify plugin to serve your server-side rendered application.
 - A [`run`](./src/node/bin/run.ts) command which injects context such as application paths into the script which you want to run.
 - A [`test`](./src/node/bin/test.ts) command which runs a pre-configured [Vitest](https://github.com/vitest-dev/vitest) instance.
 - An [extra plugin layer](./src/node/plugins/index.ts) which provides some extra context such as the SSR mode (client or server) and PWA mode. Used for UI frameworks which render differently based on these settings.

package/dist/app-urls.js

@@ -12,10 +12,9 @@ export const getCliDir = () => getPkgJsonDir(new URL('./', import.meta.url));
 export const getCliViteDir = (cliDir) => new URL('src/vite/', cliDir);
 export const getSrcDir = (appDir) => new URL('src/', appDir);
 export const getCwd = () => new URL(`file://${process.cwd()}/`);
-// export const quasarDir = getPkgJsonDir(new URL('./', await resolve('quasar', appDir.href)))
 export const parsePath = (path, basePath) => {
     if (path) {
-        if (path.slice(-1) !== '/')
+        if (!path.includes('.') && path.slice(-1) !== '/')
             path += '/';
         if (path.startsWith('.')) {
             return new URL(path, basePath);

package/dist/bin/build.js

@@ -1,56 +1,14 @@
 #!/usr/bin/node --experimental-specifier-resolution=node
 import { baseConfig } from '../index.js';
-// import { promises as fs } from 'fs'
-// import { routesToPaths } from '../helpers/routes.js'
 import { build as viteBuild } from 'vite';
-// import { SsrFunction } from '../vitrify-config.js'
-// export const prerender = async ({
-//   outDir,
-//   templatePath,
-//   manifestPath,
-//   entryServerPath,
-//   injectSsrContext
-// }: {
-//   outDir: string
-//   templatePath: string
-//   manifestPath: string
-//   entryServerPath: string
-//   injectSsrContext: SsrFunction
-// }) => {
-//   let template
-//   let manifest
-//   const promises = []
-//   template = (await fs.readFile(templatePath)).toString()
-//   manifest = await fs.readFile(manifestPath)
-//   let { render, getRoutes } = await import(entryServerPath)
-//   const routes = await getRoutes()
-//   const paths = routesToPaths(routes).filter(
-//     (i) => !i.includes(':') && !i.includes('*')
-//   )
-//   for (let url of paths) {
-//     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 = template
-//       .replace(`<!--preload-links-->`, preloadLinks)
-//       .replace(`<!--app-html-->`, appHtml)
-//     html = injectSsrContext(html, ssrContext)
-//     promises.push(fs.writeFile(outDir + filename, html, 'utf-8'))
-//   }
-//   return Promise.all(promises)
-// }
 export async function build(opts) {
     const config = await baseConfig({
         command: 'build',
         mode: 'production',
         ssr: opts?.ssr,
         appDir: opts.appDir,
-        publicDir: opts.publicDir
+        publicDir: opts.publicDir,
+        base: opts.base
     });
     config.build = {
         ...config.build,
@@ -58,15 +16,15 @@ export async function build(opts) {
         outDir: opts.outDir,
         emptyOutDir: !!opts.outDir
     };
-    if (opts.base) {
-        config.define = {
-            ...config.define,
-            __BASE_URL__: `'${opts.base}'`
-        };
-    }
+    // if (opts.base) {
+    //   config.define = {
+    //     ...config.define,
+    //     __BASE_URL__: `'${opts.base}'`
+    //   }
+    // }
     return viteBuild({
         configFile: false,
-        base: opts.base,
+        // base: opts.base,
         // logLevel: 'silent',
         ...config
     });

package/dist/bin/cli.js

@@ -14,7 +14,7 @@ cli
     .action(async (options) => {
     const { build } = await import('./build.js');
     let appDir;
-    let prerender, ssrFunctions;
+    let prerender, onRenderedHooks;
     if (options.appDir) {
         if (options.appDir.slice(-1) !== '/')
             options.appDir += '/';
@@ -33,7 +33,14 @@ cli
         case 'csr':
             await build({
                 ...args,
-                outDir: new URL('spa/', baseOutDir).pathname
+                outDir: new URL('csr/', baseOutDir).pathname
+            });
+            break;
+        case 'fastify':
+            await build({
+                ssr: 'fastify',
+                ...args,
+                outDir: new URL('server/', baseOutDir).pathname
             });
             break;
         case 'ssr':
@@ -59,7 +66,7 @@ cli
                 ...args,
                 outDir: new URL('ssr/server/', baseOutDir).pathname
             });
-            ({ prerender, ssrFunctions } = await import(new URL('ssr/server/prerender.mjs', baseOutDir).pathname));
+            ({ prerender, onRenderedHooks } = await import(new URL('ssr/server/prerender.mjs', baseOutDir).pathname));
             prerender({
                 outDir: new URL('static/', baseOutDir).pathname,
                 templatePath: new URL('static/index.html', baseOutDir).pathname,
@@ -67,7 +74,7 @@ cli
                     .pathname,
                 entryServerPath: new URL('ssr/server/entry-server.mjs', baseOutDir)
                     .pathname,
-                ssrFunctions
+                onRenderedHooks
             });
             break;
         default:
@@ -80,20 +87,35 @@ cli
     .option('-m, --mode [mode]', 'Development server mode', { default: 'csr' })
     .option('--host [host]', 'Specify which IP addresses the server should listen on', { default: '127.0.0.1' })
     .option('--appDir [appDir]', 'Application directory')
+    .option('--app [app]', 'Fastify app instance path')
     .option('--publicDir [publicDir]', 'Public directory')
     .action(async (options) => {
     let server;
-    let vite;
+    let config;
     if (options.host === true) {
         options.host = '0.0.0.0';
     }
     const { createServer } = await import('./dev.js');
     const cwd = (await import('../app-urls.js')).getCwd();
+    let app;
+    const appPath = parsePath(options.app, cwd)?.pathname;
+    if (appPath) {
+        app = await import(appPath);
+    }
     switch (options.mode) {
         case 'ssr':
             ;
-            ({ server, vite } = await createServer({
-                mode: 'ssr',
+            ({ server, config } = await createServer({
+                ssr: 'ssr',
+                host: options.host,
+                appDir: parsePath(options.appDir, cwd),
+                publicDir: parsePath(options.publicDir, cwd)
+            }));
+            break;
+        case 'fastify':
+            ;
+            ({ server, config } = await createServer({
+                ssr: 'fastify',
                 host: options.host,
                 appDir: parsePath(options.appDir, cwd),
                 publicDir: parsePath(options.publicDir, cwd)
@@ -101,7 +123,7 @@ cli
             break;
         default:
             ;
-            ({ server, vite } = await createServer({
+            ({ server, config } = await createServer({
                 host: options.host,
                 appDir: parsePath(options.appDir, cwd),
                 publicDir: parsePath(options.publicDir, cwd)
@@ -109,7 +131,7 @@ cli
             break;
     }
     console.log('Dev server running at:');
-    printHttpServerUrls(server, vite.config);
+    printHttpServerUrls(server, config);
 });
 cli.command('test').action(async (options) => {
     const { test } = await import('./test.js');

package/dist/bin/dev.js

@@ -1,34 +1,46 @@
 import { searchForWorkspaceRoot } from 'vite';
 import { baseConfig } from '../index.js';
 import fastify from 'fastify';
-import { readFileSync } from 'fs';
-export async function createServer({ port = 3000, logLevel = 'info', mode = 'csr', framework = 'vue', host, appDir, publicDir }) {
-    const { getAppDir, getCliDir, getCwd } = await import('../app-urls.js');
-    const cwd = getCwd();
+import { fastifySsrPlugin } from '../frameworks/vue/fastify-ssr-plugin.js';
+export async function createVitrifyDevServer({ port = 3000, logLevel = 'info', 
+// mode = 'csr',
+ssr, framework = 'vue', host, appDir, publicDir, base }) {
+    const { getAppDir, getCliDir, getCliViteDir, getCwd } = await import('../app-urls.js');
     const cliDir = getCliDir();
     if (!appDir)
         appDir = getAppDir();
-    const { fastifySsrPlugin } = await import(`../${framework}/fastify-ssr-plugin.js`);
-    /**
-     * @type {import('vite').ViteDevServer}
-     */
-    const config = await baseConfig({
-        ssr: mode === 'ssr' ? 'server' : undefined,
+    let config = {};
+    let ssrMode;
+    if (ssr === 'ssr')
+        ssrMode = 'server';
+    if (ssr === 'fastify')
+        ssrMode = 'fastify';
+    config = await baseConfig({
+        framework,
+        ssr: ssrMode,
         command: 'dev',
         mode: 'development',
         appDir,
-        publicDir
+        publicDir,
+        base
     });
     config.logLevel = logLevel;
+    console.log(searchForWorkspaceRoot(appDir.pathname));
     config.server = {
+        https: config.server?.https,
+        hmr: {
+            protocol: config.server?.https ? 'wss' : 'ws'
+        },
         port,
-        middlewareMode: mode === 'ssr' ? 'ssr' : undefined,
+        // middlewareMode: mode === 'ssr' ? 'ssr' : undefined,
+        middlewareMode: ssr ? 'ssr' : false,
         fs: {
+            strict: false,
             allow: [
                 searchForWorkspaceRoot(process.cwd()),
                 searchForWorkspaceRoot(appDir.pathname),
-                searchForWorkspaceRoot(cliDir.pathname)
-                // appDir.pathname,
+                searchForWorkspaceRoot(cliDir.pathname),
+                appDir.pathname
             ]
         },
         watch: {
@@ -39,70 +51,60 @@ export async function createServer({ port = 3000, logLevel = 'info', mode = 'csr
         },
         host
     };
-    const vite = await (await import('vite')).createServer({
+    const vitrifyDevServer = await (await import('vite')).createServer({
         configFile: false,
         ...config
     });
-    const { productName = 'Product name' } = JSON.parse(readFileSync(new URL('package.json', appDir).pathname, {
-        encoding: 'utf-8'
-    }));
-    let app;
+    return vitrifyDevServer;
+}
+export async function createServer({ port = 3000, logLevel = 'info', 
+// mode = 'csr',
+ssr, framework = 'vue', host, appDir, publicDir }) {
+    const { getAppDir, getCliDir, getCliViteDir, getCwd } = await import('../app-urls.js');
+    appDir = appDir || getAppDir();
+    const cliDir = getCliDir();
+    const vite = await createVitrifyDevServer({
+        port,
+        logLevel,
+        ssr,
+        framework,
+        host,
+        appDir,
+        publicDir
+    });
+    let setup;
     let server;
-    if (mode === 'ssr') {
-        console.log('SSR mode');
-        app = fastify();
-        await app.register(fastifySsrPlugin, {
-            appDir,
-            cliDir,
-            vite,
-            productName
+    console.log(`Development mode: ${ssr ? ssr : 'csr'}`);
+    if (ssr) {
+        const entryUrl = ssr === 'fastify'
+            ? new URL('src/vite/fastify/entry.ts', cliDir).pathname
+            : new URL(`src/vite/${framework}/ssr/entry-server.ts`, cliDir).pathname;
+        ({ setup } = await vite.ssrLoadModule(entryUrl));
+        const app = fastify({
+            logger: true,
+            https: vite.config.server.https
+        });
+        if (process.env)
+            process.env.MODE = 'development';
+        if (setup) {
+            await setup({
+                fastify: app
+            });
+        }
+        if (ssr === 'ssr') {
+            await app.register(fastifySsrPlugin, {
+                appDir,
+                mode: 'development'
+            });
+        }
+        await app.listen({
+            port: Number(port || 3000),
+            host
         });
-        // await app.register(middie)
-        // app.use(vite.middlewares)
-        // app.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', cliDir)).toString()
-        //     // template = await vite.transformIndexHtml(url, template)
-        //     const entryUrl = new URL('ssr/entry-server.ts', cliDir).pathname
-        //     render = (await 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-->', productName)
-        //     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)
-        //     vite && vite.ssrFixStacktrace(e)
-        //     res.code(500)
-        //     res.send(e.stack)
-        //   }
-        // })
-        await app.listen(port || 3000, host);
         server = app.server;
     }
     else {
         server = (await vite.listen()).httpServer;
     }
-    return { server, vite };
+    return { server, config: vite.config };
 }

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

@@ -0,0 +1,38 @@
+import fastifyStatic from '@fastify/static';
+const fastifyCsrPlugin = async (fastify, options, done) => {
+    options.vitrifyDir =
+        options.vitrifyDir || (await import('vitrify')).vitrifyDir;
+    const frameworkDir = new URL('src/vite/vue/', options.vitrifyDir);
+    options.baseUrl = options.baseUrl || '/';
+    options.mode = options.mode || process.env.MODE || import.meta.env.MODE;
+    options.appDir = options.appDir || new URL('../../..', import.meta.url);
+    if (options.baseUrl.charAt(options.baseUrl.length - 1) !== '/' ||
+        options.baseUrl.charAt(0) !== '/')
+        throw new Error('baseUrl should start and end with a /');
+    if (options.mode === 'development') {
+        options.appDir = options.appDir || new URL('../..', import.meta.url);
+        const { createVitrifyDevServer } = await import('vitrify/dev');
+        const vite = await createVitrifyDevServer({
+            appDir: options.appDir,
+            framework: 'vue',
+            base: options.baseUrl
+        });
+        console.log('Dev mode');
+        if (!('use' in fastify)) {
+            const middie = (await import('@fastify/middie')).default;
+            await fastify.register(middie);
+        }
+        fastify.use(vite.middlewares);
+    }
+    else {
+        options.appDir = options.appDir || new URL('../../..', import.meta.url);
+        fastify.register(fastifyStatic, {
+            root: new URL('./dist/csr', options.appDir).pathname,
+            wildcard: false,
+            index: false,
+            prefix: options.baseUrl
+        });
+    }
+    done();
+};
+export { fastifyCsrPlugin };

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

@@ -1,26 +1,78 @@
-import fastifyStatic from 'fastify-static';
+import fastifyStatic from '@fastify/static';
 import { readFileSync } from 'fs';
+import { componentsModules, collectCss } from '../../helpers/collect-css-ssr.js';
 const fastifySsrPlugin = 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) => {
+    options.vitrifyDir =
+        options.vitrifyDir || (await import('vitrify')).vitrifyDir;
+    const frameworkDir = new URL('src/vite/vue/', options.vitrifyDir);
+    options.baseUrl = options.baseUrl || '/';
+    options.mode = options.mode || process.env.MODE || import.meta.env.MODE;
+    options.appDir = options.appDir || new URL('../../..', import.meta.url);
+    if (options.baseUrl.charAt(options.baseUrl.length - 1) !== '/' ||
+        options.baseUrl.charAt(0) !== '/')
+        throw new Error('baseUrl should start and end with a /');
+    if (options.mode === 'development') {
+        // if (!options.vitrifyDir)
+        //   throw new Error('Option vitrifyDir cannot be undefined')
+        // if (!options.vite) throw new Error('Option vite cannot be undefined')
+        // const { resolve } = await import('import-meta-resolve')
+        // const cliDir = new URL('../', await resolve('vitrify', import.meta.url))
+        options.appDir = options.appDir || new URL('../../..', import.meta.url);
+        const { createVitrifyDevServer } = await import('vitrify/dev');
+        const vite = await createVitrifyDevServer({
+            appDir: options.appDir,
+            ssr: 'ssr',
+            framework: 'vue',
+            base: options.baseUrl
+        });
+        // const { createServer, searchForWorkspaceRoot } = await import('vite')
+        // const { baseConfig } = await import('vitrify')
+        // const cliDir = options.vitrifyDir
+        // const config = await baseConfig({
+        //   ssr: 'server',
+        //   command: 'dev',
+        //   mode: 'development',
+        //   appDir: options.appDir,
+        //   publicDir: options.publicDir || new URL('public', options.appDir)
+        // })
+        // config.server = {
+        //   middlewareMode: true,
+        //   fs: {
+        //     allow: [
+        //       searchForWorkspaceRoot(process.cwd()),
+        //       searchForWorkspaceRoot(options.appDir.pathname),
+        //       searchForWorkspaceRoot(cliDir.pathname)
+        //       // appDir.pathname,
+        //     ]
+        //   },
+        //   watch: {
+        //     // During tests we edit the files too fast and sometimes chokidar
+        //     // misses change events, so enforce polling for consistency
+        //     usePolling: true,
+        //     interval: 100
+        //   }
+        // }
+        // const vite = await createServer({
+        //   configFile: false,
+        //   ...config
+        // })
+        console.log('Dev mode');
+        if (!('use' in fastify)) {
+            const middie = (await import('@fastify/middie')).default;
+            await fastify.register(middie);
+        }
+        fastify.use(vite.middlewares);
+        fastify.get(`${options.baseUrl}*`, async (req, res) => {
             try {
-                // const url = req.originalUrl
-                const url = req.raw.url;
+                const url = req.raw.url?.replace(options.baseUrl, '/');
                 const ssrContext = {
                     req,
                     res
                 };
-                // always read fresh template in dev
-                // template = readFileSync(resolve('index.html'), 'utf-8')
-                const 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;
-                const render = (await options.vite.ssrLoadModule(entryUrl)).render;
+                let template = readFileSync(new URL('index.html', frameworkDir)).toString();
+                template = await vite.transformIndexHtml(url, template);
+                const entryUrl = new URL('ssr/entry-server.ts', frameworkDir).pathname;
+                const render = (await vite.ssrLoadModule(entryUrl)).render;
                 let manifest;
                 // TODO: https://github.com/vitejs/vite/issues/2282
                 try {
@@ -29,11 +81,20 @@ const fastifySsrPlugin = async (fastify, options, done) => {
                 catch (e) {
                     manifest = {};
                 }
+                const cssModules = [entryUrl];
+                // // @ts-ignore
+                // if (options.vite?.config.vitrify!.globalCss)
+                //   cssModules.push(...options.vite?.config.vitrify.globalCss)
+                const matchedModules = componentsModules(cssModules, vite);
+                const css = collectCss({
+                    mods: matchedModules
+                });
                 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');
+                    .replace('<!--product-name-->', options.productName || 'Product name')
+                    .replace('<!--dev-ssr-css-->', css);
                 res.code(200);
                 res.type('text/html');
                 res.send(html);
@@ -41,14 +102,14 @@ const fastifySsrPlugin = async (fastify, options, done) => {
             }
             catch (e) {
                 console.error(e.stack);
-                options.vite && options.vite.ssrFixStacktrace(e);
+                vite && vite.ssrFixStacktrace(e);
                 res.code(500);
                 res.send(e.stack);
             }
         });
     }
     else {
-        options.baseUrl = options.baseUrl || '/';
+        options.appDir = options.appDir || new URL('../../..', import.meta.url);
         fastify.register(fastifyStatic, {
             root: new URL('./dist/ssr/client', options.appDir).pathname,
             wildcard: false,
@@ -56,16 +117,13 @@ const fastifySsrPlugin = async (fastify, options, done) => {
             prefix: options.baseUrl
         });
         fastify.get(`${options.baseUrl}*`, async (req, res) => {
-            const url = req.raw.url;
+            const url = req.raw.url?.replace(options.baseUrl, '/');
             const provide = options.provide ? await options.provide(req, res) : {};
             const ssrContext = {
                 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
             const template = readFileSync(new URL('./dist/ssr/client/index.html', options.appDir).pathname).toString();
             const manifest = JSON.parse(readFileSync(new URL('./dist/ssr/client/ssr-manifest.json', options.appDir)).toString());
             const render = (await import(new URL('./dist/ssr/server/entry-server.mjs', options.appDir).pathname)).render;
@@ -76,8 +134,8 @@ const fastifySsrPlugin = async (fastify, options, done) => {
             let html = template
                 .replace(`<!--preload-links-->`, preloadLinks)
                 .replace(`<!--app-html-->`, appHtml);
-            if (options.ssrFunctions?.length) {
-                for (const ssrFunction of options.ssrFunctions) {
+            if (options.onRendered?.length) {
+                for (const ssrFunction of options.onRendered) {
                     html = ssrFunction(html, ssrContext);
                 }
             }

package/dist/frameworks/vue/prerender.js

@@ -1,6 +1,6 @@
 import { promises as fs } from 'fs';
 import { routesToPaths } from '../../helpers/routes.js';
-export const prerender = async ({ outDir, templatePath, manifestPath, entryServerPath, ssrFunctions }) => {
+export const prerender = async ({ outDir, templatePath, manifestPath, entryServerPath, onRenderedHooks }) => {
     const promises = [];
     const template = (await fs.readFile(templatePath)).toString();
     const manifest = await fs.readFile(manifestPath);
@@ -18,8 +18,8 @@ export const prerender = async ({ outDir, templatePath, manifestPath, entryServe
         let html = template
             .replace(`<!--preload-links-->`, preloadLinks)
             .replace(`<!--app-html-->`, appHtml);
-        if (ssrFunctions?.length) {
-            for (const ssrFunction of ssrFunctions) {
+        if (onRenderedHooks?.length) {
+            for (const ssrFunction of onRenderedHooks) {
                 html = ssrFunction(html, ssrContext);
             }
         }

package/dist/frameworks/vue/server.js

@@ -1,20 +1,19 @@
 import fastify from 'fastify';
-// import { setup } from 'virtual:fastify-setup'
-import { fastifySsrPlugin } from './fastify-ssr-plugin.js';
-// import { getPkgJsonDir } from '../app-urls.js'
-export const createApp = ({ setup, appDir, baseUrl, ssrFunctions }) => {
+export const createApp = ({ onSetup, appDir, baseUrl, onRendered, fastifyPlugin, vitrifyDir, mode }) => {
     const app = fastify({
         logger: true
     });
-    app.register(fastifySsrPlugin, {
+    app.register(fastifyPlugin, {
         baseUrl,
         appDir,
-        ssrFunctions
+        onRendered,
+        vitrifyDir,
+        mode
     });
-    setup(app);
+    // if (onSetup?.length) {
+    //   for (const setup of onSetup) {
+    //     setup(app)
+    //   }
+    // }
     return app;
 };
-// const app = createApp({
-//   setup
-// })
-// app.listen(process.env.PORT || 3000, process.env.HOST || '127.0.0.1')