vitrify 0.24.2 → 0.25.1

package/README.md

@@ -1,19 +1,5 @@
 # Vitrify
 
-> Vite as your Full Stack development tool
-
-- Use a simple configuration file to configure and integrate required Vite plugins into your project.
-- Client-Side Rendering (CSR), Server-Side Rendering (SSR), Static Site Generation (SSG) and Fastify server build and development modes.
-- Run both your frontend- and backend code through Vite at development and build time.
-
-## 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.
-- 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.
-
 ## Commands
 
 ### build
@@ -83,15 +69,14 @@ Options:
     end
     merge-- mode: fastify -->frameworkFastify{Load framework entrypoints from fastify/...};
     merge-- mode: csr/ssr/ssg -->framework{Load framework entrypoints from vite/...};
-    frameworkFastify-->fastifyBuild{Build the application};
-    frameworkFastify-->fastifyDev{Start Fastify dev server};
-    fastifySetup{onSetup / onRendered}-->fastifyDev
-    fastifySetup{onSetup / onRendered}-->fastifyBuild
-    framework-->build{Build the application};
+    frameworkFastify-->fastifySetup{onSetup / onRendered};
+    fastifySetup-->frameworkSetup;
     build-- mode: ssg -->prerender{Run prerender.js}
-    framework-->dev{Start Vite dev server};
-    frameworkSetup{onBoot / onMounted}-->dev
-    frameworkSetup{onBoot / onMounted}-->build
+    framework-->frameworkSetup{onAppCreated / onMounted}
+    frameworkSetup-->frameworkOnRendered{onRendered};
+    frameworkOnRendered-->frameworkOnTemplateRendered{onTemplateRendered};
+    frameworkOnTemplateRendered-->build{Build the application};
+    frameworkOnTemplateRendered-->dev{Start dev server};
     node/bin/test.ts-->test{Run a pre-configured Vitest instance};
     node/bin/run.ts-->run{Inject context into script and run script};
 ```

package/dist/bin/cli.js

@@ -74,7 +74,7 @@ cli
                 outDir: fileURLToPath(new URL('ssr/server/', baseOutDir))
             });
             ({ prerender } = await import(new URL('ssr/server/prerender.mjs', baseOutDir).pathname));
-            const { template, manifest, render, getRoutes, onRendered, onTemplateRendered } = await loadSSRAssets({
+            const { template, manifest, render, getRoutes, onAppRendered, onTemplateRendered } = await loadSSRAssets({
                 mode: 'ssg',
                 distDir: baseOutDir
             });
@@ -85,7 +85,7 @@ cli
                 manifest,
                 render,
                 routes,
-                onRendered,
+                onAppRendered,
                 onTemplateRendered
             });
             break;

package/dist/bin/dev.js

@@ -76,6 +76,7 @@ ssr, framework = 'vue', host, appDir, publicDir, vite }) {
     let app;
     let server;
     let onTemplateRendered;
+    let onAppRendered;
     let vitrifyConfig;
     console.log(`Development mode: ${ssr ? ssr : 'csr'}`);
     if (ssr) {
@@ -83,11 +84,9 @@ ssr, framework = 'vue', host, appDir, publicDir, vite }) {
             ? fileURLToPath(new URL('src/vite/fastify/entry.ts', cliDir))
             : fileURLToPath(new URL(`src/vite/${framework}/ssr/app.ts`, cliDir));
         const environment = vite.environments.ssr;
-        ({ setup, onTemplateRendered, vitrifyConfig } =
+        ({ setup, onTemplateRendered, onAppRendered, vitrifyConfig } =
             // @ts-expect-error missing types
             await environment.runner.import(entryUrl));
-        // console.log(module)
-        // ;({ setup, onRendered, vitrifyConfig } = await vite.ssrLoadModule(entryUrl))
         app = fastify({
             logger: {
                 transport: {
@@ -113,6 +112,7 @@ ssr, framework = 'vue', host, appDir, publicDir, vite }) {
                 appDir,
                 mode: 'development',
                 onTemplateRendered,
+                onAppRendered,
                 host
             });
         }

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

@@ -55,7 +55,7 @@ const fastifySsrPlugin = async (fastify, options) => {
                     res,
                     url: url ?? '/',
                     provide,
-                    onRendered: options.onRendered,
+                    onAppRendered: options.onAppRendered,
                     onTemplateRendered: options.onTemplateRendered,
                     template,
                     manifest,
@@ -87,7 +87,7 @@ 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 { template, manifest, render, onRendered, onTemplateRendered } = await loadSSRAssets({
+            const { template, manifest, render, onAppRendered, onTemplateRendered } = await loadSSRAssets({
                 distDir: new URL('./dist/', options.appDir)
             });
             const html = await renderHtml({
@@ -95,7 +95,7 @@ const fastifySsrPlugin = async (fastify, options) => {
                 res,
                 url: url ?? '/',
                 provide,
-                onRendered,
+                onAppRendered,
                 onTemplateRendered,
                 template,
                 manifest,
@@ -111,7 +111,7 @@ const renderTemplate = ({ template, initialStateScript, appHtml, preloadLinks })
     return appendToHead(preloadLinks, appendToBody(initialStateScript, addOrReplaceAppDiv(appHtml, template)));
 };
 const renderHtml = async (options) => {
-    const ssrContextOnRendered = [];
+    const ssrContextonAppRendered = [];
     const ssrContext = {
         req: options.req,
         res: options.res,
@@ -120,21 +120,21 @@ const renderHtml = async (options) => {
         _modules: new Set(),
         _meta: {},
         __qMetaList: [],
-        onRenderedList: ssrContextOnRendered,
+        onRenderedList: ssrContextonAppRendered,
         onRendered: (fn) => {
-            ssrContextOnRendered.push(fn);
+            ssrContextonAppRendered.push(fn);
         }
     };
-    const onRendered = options.onRendered ?? [];
+    const onAppRendered = options.onAppRendered ?? [];
     const onTemplateRendered = options.onTemplateRendered ?? [];
     const { html: appHtml, preloadLinks, app } = await options.render(options.url, options.manifest, ssrContext);
-    if (ssrContextOnRendered?.length) {
-        for (const ssrFunction of ssrContextOnRendered) {
+    if (ssrContextonAppRendered?.length) {
+        for (const ssrFunction of ssrContextonAppRendered) {
             await ssrFunction();
         }
     }
-    if (onRendered?.length) {
-        for (const ssrFunction of onRendered) {
+    if (onAppRendered?.length) {
+        for (const ssrFunction of onAppRendered) {
             await ssrFunction({ app, ssrContext });
         }
     }
@@ -191,13 +191,13 @@ const loadSSRAssets = async ({ mode, distDir } = {
         const manifest = JSON.parse(readFileSync(manifestPath).toString());
         const entryServer = await import(entryServerPath);
         const { render, getRoutes } = entryServer;
-        const { onTemplateRendered, onRendered } = await import(vitrifyHooksPath);
+        const { onTemplateRendered, onAppRendered } = await import(vitrifyHooksPath);
         return {
             template,
             manifest,
             render,
             getRoutes,
-            onRendered,
+            onAppRendered,
             onTemplateRendered
         };
     }

package/dist/frameworks/vue/server.js

@@ -1,5 +1,5 @@
 import fastify from 'fastify';
-export const createApp = ({ onSetup, appDir, baseUrl, fastifyPlugin, onRendered, onTemplateRendered, vitrifyDir, mode }) => {
+export const createApp = ({ onSetup, appDir, baseUrl, fastifyPlugin, onAppRendered, onTemplateRendered, vitrifyDir, mode }) => {
     const app = fastify({
         logger: {
             transport: {
@@ -12,7 +12,7 @@ export const createApp = ({ onSetup, appDir, baseUrl, fastifyPlugin, onRendered,
         baseUrl,
         appDir,
         vitrifyDir,
-        onRendered,
+        onAppRendered,
         onTemplateRendered,
         mode
     });

package/dist/index.js

@@ -207,11 +207,14 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             }
         }
     }
-    let onBootHooks;
-    let onRenderedHooks;
+    let onAppRenderedHooks;
+    let onAppRenderedFiles;
     let onTemplateRenderedHooks;
+    let onTemplateRenderedFiles;
     let onAppMountedHooks;
-    let onAppCreatedHooks;
+    let onAppMountedFiles;
+    let OnAppCreatedHooks;
+    let onAppCreatedFiles;
     let onSetupFiles;
     let globalCss = [];
     let staticImports;
@@ -270,12 +273,16 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             name: 'vitrify-setup',
             enforce: 'post',
             config: (config, env) => {
-                onBootHooks = config.vitrify?.hooks?.onBoot || [];
-                onRenderedHooks = config.vitrify?.hooks?.onRendered || [];
+                onAppRenderedHooks = config.vitrify?.hooks?.onAppRendered || [];
+                onAppRenderedFiles = config.vitrify?.hooks?.onAppRenderedFiles || [];
                 onTemplateRenderedHooks =
                     config.vitrify?.hooks?.onTemplateRendered || [];
+                onTemplateRenderedFiles =
+                    config.vitrify?.hooks?.onTemplateRenderedFiles || [];
                 onAppMountedHooks = config.vitrify?.hooks?.onAppMounted || [];
-                onAppCreatedHooks = config.vitrify?.hooks?.onAppCreated || [];
+                onAppMountedFiles = config.vitrify?.hooks?.onAppMountedFiles || [];
+                OnAppCreatedHooks = config.vitrify?.hooks?.onAppCreated || [];
+                onAppCreatedFiles = config.vitrify?.hooks?.onAppCreatedFiles || [];
                 onSetupFiles = config?.vitrify?.hooks?.onSetup || [];
                 globalCss = config.vitrify?.globalCss || [];
                 staticImports = config.vitrify?.staticImports || {};
@@ -306,21 +313,68 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             },
             load(id) {
                 if (id === 'virtual:vitrify-hooks') {
-                    return `export const onBoot = [${onBootHooks
+                    return `export const onAppMounted = [${onAppMountedHooks
                         .map((fn) => `${String(fn)}`)
                         .join(', ')}]
-            export const onAppMounted = [${onAppMountedHooks
-                        .map((fn) => `${String(fn)}`)
-                        .join(', ')}]
-            export const onRendered = [${onRenderedHooks
+            ${onAppMountedFiles
+                        .map((url, index) => {
+                        const varName = fileURLToPath(url)
+                            .replaceAll('/', '')
+                            .replaceAll(':', '')
+                            .replaceAll('\\', '')
+                            .replaceAll('.', '')
+                            .replaceAll('-', '')
+                            .replaceAll('_', '')
+                            .replaceAll('+', '');
+                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onAppMounted.push(${varName});`;
+                    })
+                        .join('\n')}
+            export const onAppRendered = [${onAppRenderedHooks
                         .map((fn) => `${String(fn)}`)
                         .join(', ')}]
+            ${onAppRenderedFiles
+                        .map((url, index) => {
+                        const varName = fileURLToPath(url)
+                            .replaceAll('/', '')
+                            .replaceAll(':', '')
+                            .replaceAll('\\', '')
+                            .replaceAll('.', '')
+                            .replaceAll('-', '')
+                            .replaceAll('_', '')
+                            .replaceAll('+', '');
+                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onAppRendered.push(${varName});`;
+                    })
+                        .join('\n')}
             export const onTemplateRendered = [${onTemplateRenderedHooks
                         .map((fn) => `${String(fn)}`)
                         .join(', ')}]
-            export const onAppCreated = [${onAppCreatedHooks
-                        .map((fn) => `${String(fn)}`)
-                        .join(', ')}]
+            ${onTemplateRenderedFiles
+                        .map((url, index) => {
+                        const varName = fileURLToPath(url)
+                            .replaceAll('/', '')
+                            .replaceAll(':', '')
+                            .replaceAll('\\', '')
+                            .replaceAll('.', '')
+                            .replaceAll('-', '')
+                            .replaceAll('_', '')
+                            .replaceAll('+', '');
+                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onTemplateRendered.push(${varName});`;
+                    })
+                        .join('\n')}
+            export const onAppCreated = [${OnAppCreatedHooks.map((fn) => `${String(fn)}`).join(', ')}]
+            ${onAppCreatedFiles
+                        .map((url, index) => {
+                        const varName = fileURLToPath(url)
+                            .replaceAll('/', '')
+                            .replaceAll(':', '')
+                            .replaceAll('\\', '')
+                            .replaceAll('.', '')
+                            .replaceAll('-', '')
+                            .replaceAll('_', '')
+                            .replaceAll('+', '');
+                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onAppCreated.push(${varName});`;
+                    })
+                        .join('\n')}
             export const onSetup = []
             ${onSetupFiles
                         .map((url, index) => {
@@ -332,7 +386,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                             .replaceAll('-', '')
                             .replaceAll('_', '')
                             .replaceAll('+', '');
-                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onSetup.push(${varName})`;
+                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onSetup.push(${varName});`;
                     })
                         .join('\n')}`;
                 }

package/dist/plugins/pinia/index.js

@@ -10,7 +10,7 @@ const piniaOnAppCreated = async ({ app, ctx, initialState, ssrContext }) => {
     if (ssrContext)
         ssrContext.pinia = pinia;
 };
-const piniaOnRenderedHook = async ({ app, ssrContext }) => {
+const piniaonAppRenderedHook = async ({ app, ssrContext }) => {
     // SSR Server
     if (ssrContext?.initialState && ssrContext.pinia) {
         ssrContext.initialState.pinia = ssrContext.pinia.state.value;
@@ -25,7 +25,7 @@ const piniaColadaonAppCreated = async ({ app, ctx, initialState }) => {
         }
     }
 };
-const piniaColadaOnRenderedHook = async ({ app, ssrContext }) => {
+const piniaColadaonAppRenderedHook = async ({ app, ssrContext }) => {
     // SSR Server
     if (ssrContext?.initialState && ssrContext.pinia) {
         const { useQueryCache, serializeQueryCache } = await import('@pinia/colada');
@@ -38,10 +38,10 @@ const piniaColadaOnRenderedHook = async ({ app, ssrContext }) => {
 };
 export const PiniaPlugin = async ({ ssr = false, pwa = false, options = {} }) => {
     const onAppCreated = [piniaOnAppCreated];
-    const onRendered = [piniaOnRenderedHook];
+    const onAppRendered = [piniaonAppRenderedHook];
     if (options.colada) {
         onAppCreated.push(piniaColadaonAppCreated);
-        onRendered.push(piniaColadaOnRenderedHook);
+        onAppRendered.push(piniaColadaonAppRenderedHook);
     }
     return {
         plugins: [],
@@ -49,7 +49,7 @@ export const PiniaPlugin = async ({ ssr = false, pwa = false, options = {} }) =>
             vitrify: {
                 hooks: {
                     onAppCreated,
-                    onRendered
+                    onAppRendered
                 }
             }
         }

package/dist/plugins/quasar/index.js

@@ -69,7 +69,7 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false, options }) => {
                                 $q.onSSRHydrated();
                         }
                     ];
-                    const onBootHooks = [
+                    const onAppCreatedHooks = [
                         async ({ app, ssrContext, staticImports }) => {
                             // @ts-expect-error undefined
                             const quasarPlugins = await import('virtual:quasar-plugins');
@@ -117,7 +117,7 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false, options }) => {
                                 quasar: ['Quasar']
                             },
                             hooks: {
-                                onBoot: onBootHooks,
+                                onAppCreated: onAppCreatedHooks,
                                 onAppMounted: onAppMountedHooks,
                                 onTemplateRendered: [injectSsrContext]
                             },

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

@@ -1,6 +1,6 @@
 import type { FastifyPluginAsync, FastifyRequest, FastifyReply } from 'fastify';
 import type { ViteDevServer } from 'vite';
-import type { OnRenderedHook, OnTemplateRenderedHook } from '../../vitrify-config.js';
+import type { OnAppRenderedHook, OnTemplateRenderedHook } from '../../vitrify-config.js';
 type ProvideFn = (req: FastifyRequest, res: FastifyReply) => Promise<Record<string, unknown | {
     value: unknown;
 }>>;
@@ -9,7 +9,7 @@ export interface FastifySsrOptions {
     provide?: ProvideFn;
     vitrifyDir?: URL;
     vite?: ViteDevServer;
-    onRendered?: OnRenderedHook[];
+    onAppRendered?: OnAppRenderedHook[];
     onTemplateRendered?: OnTemplateRenderedHook[];
     appDir?: URL;
     publicDir?: URL;
@@ -25,7 +25,7 @@ declare const renderHtml: (options: {
     };
     res: FastifyReply | Record<string, unknown>;
     provide: Record<string, unknown>;
-    onRendered?: OnRenderedHook[];
+    onAppRendered?: OnAppRenderedHook[];
     onTemplateRendered?: OnTemplateRenderedHook[];
     template: string;
     manifest: Record<string, unknown>;
@@ -39,7 +39,7 @@ declare const loadSSRAssets: ({ mode, distDir }?: {
     manifest: any;
     render: any;
     getRoutes: any;
-    onRendered: any;
+    onAppRendered: any;
     onTemplateRendered: any;
 }>;
 export { fastifySsrPlugin, renderHtml, loadSSRAssets };

package/dist/types/frameworks/vue/server.d.ts

@@ -1,12 +1,12 @@
-import type { OnTemplateRenderedHook, OnSetupHook, OnRenderedHook } from '../../vitrify-config.js';
+import type { OnTemplateRenderedHook, OnSetupHook, OnAppRenderedHook } from '../../vitrify-config.js';
 import type { FastifyCsrPlugin } from './fastify-csr-plugin.js';
 import type { FastifySsrPlugin } from './fastify-ssr-plugin.js';
-export declare const createApp: ({ onSetup, appDir, baseUrl, fastifyPlugin, onRendered, onTemplateRendered, vitrifyDir, mode }: {
+export declare const createApp: ({ onSetup, appDir, baseUrl, fastifyPlugin, onAppRendered, onTemplateRendered, vitrifyDir, mode }: {
     onSetup: OnSetupHook[];
     appDir: URL;
     baseUrl?: string;
     fastifyPlugin: FastifySsrPlugin | FastifyCsrPlugin;
-    onRendered?: OnRenderedHook[];
+    onAppRendered?: OnAppRenderedHook[];
     onTemplateRendered?: OnTemplateRenderedHook[];
     vitrifyDir?: URL;
     mode: string;

package/dist/types/hooks/index.d.ts

@@ -1,2 +1,2 @@
-import type { OnBootHook, onAppCreatedHook, OnAppMountedHook, OnRenderedHook, OnTemplateRenderedHook, OnSetupFile, OnSetupHook } from '../vitrify-config.js';
-export { OnBootHook, onAppCreatedHook, OnAppMountedHook, OnRenderedHook, OnTemplateRenderedHook, OnSetupFile, OnSetupHook };
+import type { OnAppCreatedHook, OnAppCreatedHookFile, OnAppMountedHook, OnAppMountedHookFile, OnAppRenderedHook, OnAppRenderedHookFile, OnTemplateRenderedHook, OnTemplateRenderedHookFile, OnSetupHookFile, OnSetupHook } from '../vitrify-config.js';
+export { OnAppCreatedHook, OnAppCreatedHookFile, OnAppMountedHook, OnAppMountedHookFile, OnAppRenderedHook, OnAppRenderedHookFile, OnTemplateRenderedHook, OnTemplateRenderedHookFile, OnSetupHookFile, OnSetupHook };

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import type { InlineConfig } from 'vite';
-import type { VitrifyConfig, VitrifyConfigAsync, VitrifyCommands, VitrifyModes, VitrifyUIFrameworks, VitrifySSRModes, OnBootHook } from './vitrify-config.js';
+import type { VitrifyConfig, VitrifyConfigAsync, VitrifyCommands, VitrifyModes, VitrifyUIFrameworks, VitrifySSRModes } from './vitrify-config.js';
 import type { VitrifyContext } from './bin/run.js';
 import type { VitrifyPlugin } from './plugins/index.js';
 export declare const VIRTUAL_MODULES: string[];
@@ -16,4 +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 type { VitrifyConfig, VitrifyConfigAsync, VitrifyPlugin, VitrifyContext, OnBootHook };
+export type { VitrifyConfig, VitrifyConfigAsync, VitrifyPlugin, VitrifyContext };

package/dist/types/vitrify-config.d.ts

@@ -38,7 +38,8 @@ export type SSRContext = {
     transports?: Record<string, unknown>;
     [key: string]: unknown;
 };
-export type onAppCreatedHook = ({ app, router, ctx, initialState, ssrContext }: {
+export type OnAppCreatedHookFile = URL;
+export type OnAppCreatedHook = ({ app, router, ctx, initialState, ssrContext, staticImports }: {
     app: App;
     router: Router;
     ctx: {
@@ -52,17 +53,14 @@ export type onAppCreatedHook = ({ app, router, ctx, initialState, ssrContext }:
         [key: string]: unknown;
     };
     ssrContext?: SSRContext;
-}) => Promise<void> | void;
-export type OnBootHook = ({ app, ssrContext, staticImports }: {
-    app: App;
-    ssrContext: SSRContext;
     staticImports?: Record<string, any>;
 }) => Promise<void> | void;
+export type OnAppMountedHookFile = URL;
 export type OnAppMountedHook = ({ instance }: {
     instance: ComponentInternalInstance;
 }) => Promise<void> | void;
 export type StaticImports = Record<string, string[]>;
-export type OnSetupFile = URL;
+export type OnSetupHookFile = URL;
 export type OnSetupHook = (fastify: FastifyInstance, options?: {
     vite?: ViteDevServer;
 }) => any;
@@ -71,10 +69,12 @@ export type Render = (url: string, manifest: Record<string, unknown>, ssrContext
     preloadLinks: string;
     app: App;
 }>;
-export type OnRenderedHook = ({ app, ssrContext }: {
+export type OnAppRenderedHookFile = URL;
+export type OnAppRenderedHook = ({ app, ssrContext }: {
     app: App;
     ssrContext?: SSRContext;
 }) => Promise<void> | void;
+export type OnTemplateRenderedHookFile = URL;
 export type OnTemplateRenderedHook = ({ html, ssrContext }: {
     html: string;
     ssrContext?: SSRContext;
@@ -98,27 +98,39 @@ export interface VitrifyConfig extends ViteUserConfig {
             /**
              * setup() is called directly after instantiating fastify. Use it to register your own plugins, routes etc.
              */
-            onSetup?: OnSetupFile[];
+            onSetup?: OnSetupHookFile[];
+            /**
+             * Functions which run directly after initializing the application
+             */
+            onAppCreated?: OnAppCreatedHook[];
+            /**
+             * Functions which run directly after initializing the application
+             */
+            onAppCreatedFiles?: OnAppCreatedHookFile[];
             /**
              * Functions which run in the onMounted hook of the app
              */
             onAppMounted?: OnAppMountedHook[];
             /**
-             * Functions which run after initializing the app
+             * Files with functions which run in the onMounted hook of the app
              */
-            onBoot?: OnBootHook[];
+            onAppMountedFiles?: OnAppMountedHookFile[];
             /**
              * Functions which run after rendering the app (SSR)
              */
-            onRendered?: OnRenderedHook[];
+            onAppRendered?: OnAppRenderedHook[];
+            /**
+             * Files with functions which run after rendering the app (SSR)
+             */
+            onAppRenderedFiles?: OnAppRenderedHookFile[];
             /**
              * Functions which run after rendering the template (SSR)
              */
             onTemplateRendered?: OnTemplateRenderedHook[];
             /**
-             * Functions which run directly after initializing the application
+             * Files with functions which run after rendering the template (SSR)
              */
-            onAppCreated?: onAppCreatedHook[];
+            onTemplateRenderedFiles?: OnTemplateRenderedHookFile[];
         };
         /**
          * Global SASS variables
@@ -145,6 +157,9 @@ export interface VitrifyConfig extends ViteUserConfig {
          * SSR specific configuration
          */
         ssr?: {
+            /**
+             * Packages which should not be bundled but installed on the server instead.
+             */
             serverModules?: string[];
             fastify?: FastifyServerOptions;
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.24.2",
+  "version": "0.25.1",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Vite as your Full Stack development tool",
@@ -55,10 +55,10 @@
     "@fastify/middie": "^9.0.3",
     "@fastify/one-line-logger": "^2.0.2",
     "@fastify/static": "^8.2.0",
-    "@unocss/core": "^66.1.3",
-    "@unocss/preset-uno": "^66.1.3",
-    "@unocss/preset-web-fonts": "66.1.3",
-    "@unocss/preset-wind": "^66.1.3",
+    "@unocss/core": "^66.2.3",
+    "@unocss/preset-uno": "^66.2.3",
+    "@unocss/preset-web-fonts": "66.2.3",
+    "@unocss/preset-wind": "^66.2.3",
     "@vitejs/plugin-vue": "^5.2.4",
     "ajv": "^8.17.1",
     "animated-unocss": "^0.0.6",
@@ -67,54 +67,54 @@
     "cross-env": "^7.0.3",
     "devalue": "^5.1.1",
     "esbuild": "^0.25.5",
-    "fastify": "^5.3.3",
-    "glob": "^11.0.2",
-    "happy-dom": "^17.5.6",
+    "fastify": "^5.4.0",
+    "glob": "^11.0.3",
+    "happy-dom": "^18.0.1",
     "is-port-reachable": "^4.0.0",
     "magic-string": "^0.30.17",
     "merge-deep": "^3.0.3",
     "readline": "^1.3.0",
-    "rollup-plugin-visualizer": "^6.0.1",
-    "sass": "1.89.1",
+    "rollup-plugin-visualizer": "^6.0.3",
+    "sass": "1.89.2",
     "stringify-object": "^5.0.0",
     "ts-node": "^10.9.2",
-    "unocss": "^66.1.3",
+    "unocss": "^66.2.3",
     "unplugin-vue-components": "^28.7.0",
     "vite": "^6.3.5",
     "vite-plugin-pwa": "^1.0.0",
     "vitefu": "^1.0.6",
-    "vitest": "^3.2.0",
+    "vitest": "^3.2.4",
     "workbox-window": "^7.3.0"
   },
   "devDependencies": {
     "@iconify-json/mdi": "^1.2.3",
-    "@pinia/colada": "^0.16.1",
+    "@pinia/colada": "^0.17.1",
     "@quasar/extras": "^1.17.0",
     "@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.15.29",
+    "@types/node": "^24.0.3",
     "@types/stringify-object": "^4.0.5",
     "@types/ws": "^8.18.1",
-    "@unocss/preset-icons": "^66.1.3",
+    "@unocss/preset-icons": "^66.2.3",
     "@vue/runtime-core": "^3.5.16",
     "beasties": "^0.3.4",
     "css": "^3.0.0",
     "css-to-tailwind-translator": "^1.2.8",
-    "pinia": "^3.0.2",
+    "pinia": "^3.0.3",
     "quasar": "^2.18.1",
-    "rollup": "^4.41.1",
+    "rollup": "^4.43.0",
     "typescript": "^5.8.3",
     "vue": "^3.5.16",
     "vue-router": "^4.5.1"
   },
   "peerDependencies": {
     "@fastify/static": "^8.2.0",
-    "@pinia/colada": "^0.16.1",
-    "fastify": "^5.3.3",
-    "pinia": "^3.0.2",
+    "@pinia/colada": "^0.17.1",
+    "fastify": "^5.4.0",
+    "pinia": "^3.0.3",
     "quasar": "^2.18.1",
     "vue": "^3.5.16",
     "vue-router": "^4.5.1"

package/src/node/bin/cli.ts

@@ -94,7 +94,7 @@ cli
           manifest,
           render,
           getRoutes,
-          onRendered,
+          onAppRendered,
           onTemplateRendered
         } = await loadSSRAssets({
           mode: 'ssg',
@@ -108,7 +108,7 @@ cli
           manifest,
           render,
           routes,
-          onRendered,
+          onAppRendered,
           onTemplateRendered
         })
         break