vitrify 0.24.2 → 0.25.0

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/index.js

@@ -207,11 +207,14 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             }
         }
     }
-    let onBootHooks;
     let onRenderedHooks;
+    let onRenderedFiles;
     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 || [];
+                onRenderedFiles = config.vitrify?.hooks?.onRenderedFiles || [];
                 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
-                        .map((fn) => `${String(fn)}`)
-                        .join(', ')}]
-            export const onAppMounted = [${onAppMountedHooks
+                    return `export const onAppMounted = [${onAppMountedHooks
                         .map((fn) => `${String(fn)}`)
                         .join(', ')}]
+            ${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 onRendered = [${onRenderedHooks
                         .map((fn) => `${String(fn)}`)
                         .join(', ')}]
+            ${onRenderedFiles
+                        .map((url, index) => {
+                        const varName = fileURLToPath(url)
+                            .replaceAll('/', '')
+                            .replaceAll(':', '')
+                            .replaceAll('\\', '')
+                            .replaceAll('.', '')
+                            .replaceAll('-', '')
+                            .replaceAll('_', '')
+                            .replaceAll('+', '');
+                        return `import ${varName} from '${new URL(url, appDir).pathname}'; onRendered.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/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/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, OnRenderedHook, OnRenderedHookFile, OnTemplateRenderedHook, OnTemplateRenderedHookFile, OnSetupHookFile, OnSetupHook } from '../vitrify-config.js';
+export { OnAppCreatedHook, OnAppCreatedHookFile, OnAppMountedHook, OnAppMountedHookFile, OnRenderedHook, OnRenderedHookFile, 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 OnRenderedHookFile = URL;
 export type OnRenderedHook = ({ 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[];
+            /**
+             * Files with functions which run after rendering the app (SSR)
+             */
+            onRenderedFiles?: OnRenderedHookFile[];
             /**
              * 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.24.2",
+  "version": "0.25.0",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Vite as your Full Stack development tool",

package/src/node/hooks/index.ts

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

package/src/node/index.ts

@@ -25,10 +25,13 @@ import type {
   VitrifyUIFrameworks,
   VitrifySSRModes,
   OnRenderedHook,
-  OnBootHook,
-  OnSetupFile,
-  onAppCreatedHook,
-  OnTemplateRenderedHook
+  OnSetupHookFile,
+  OnAppCreatedHook,
+  OnTemplateRenderedHook,
+  OnAppCreatedHookFile,
+  OnRenderedHookFile,
+  OnTemplateRenderedHookFile,
+  OnAppMountedHookFile
 } from './vitrify-config.js'
 import type { VitrifyContext } from './bin/run.js'
 import type { VitrifyPlugin } from './plugins/index.js'
@@ -278,12 +281,15 @@ export const baseConfig = async ({
     }
   }
 
-  let onBootHooks: OnBootHook[]
   let onRenderedHooks: OnRenderedHook[]
+  let onRenderedFiles: OnRenderedHookFile[]
   let onTemplateRenderedHooks: OnTemplateRenderedHook[]
+  let onTemplateRenderedFiles: OnTemplateRenderedHookFile[]
   let onAppMountedHooks: OnAppMountedHook[]
-  let onAppCreatedHooks: onAppCreatedHook[]
-  let onSetupFiles: OnSetupFile[]
+  let onAppMountedFiles: OnAppMountedHookFile[]
+  let OnAppCreatedHooks: OnAppCreatedHook[]
+  let onAppCreatedFiles: OnAppCreatedHookFile[]
+  let onSetupFiles: OnSetupHookFile[]
   let globalCss: string[] = []
   let staticImports: StaticImports
   let sassVariables: Record<string, string | undefined>
@@ -358,12 +364,16 @@ export const baseConfig = async ({
       name: 'vitrify-setup',
       enforce: 'post',
       config: (config: VitrifyConfig, env) => {
-        onBootHooks = config.vitrify?.hooks?.onBoot || []
         onRenderedHooks = config.vitrify?.hooks?.onRendered || []
+        onRenderedFiles = config.vitrify?.hooks?.onRenderedFiles || []
         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 || {}
@@ -392,21 +402,82 @@ export const baseConfig = async ({
       },
       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(', ')}]
+            ${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 onRendered = [${onRenderedHooks
               .map((fn) => `${String(fn)}`)
               .join(', ')}]
+            ${onRenderedFiles
+              .map((url, index) => {
+                const varName = fileURLToPath(url)
+                  .replaceAll('/', '')
+                  .replaceAll(':', '')
+                  .replaceAll('\\', '')
+                  .replaceAll('.', '')
+                  .replaceAll('-', '')
+                  .replaceAll('_', '')
+                  .replaceAll('+', '')
+
+                return `import ${varName} from '${
+                  new URL(url, appDir).pathname
+                }'; onRendered.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) => {
@@ -421,7 +492,7 @@ export const baseConfig = async ({
 
                 return `import ${varName} from '${
                   new URL(url, appDir).pathname
-                }'; onSetup.push(${varName})`
+                }'; onSetup.push(${varName});`
               })
               .join('\n')}`
         } else if (id === 'virtual:static-imports') {
@@ -733,10 +804,4 @@ export const baseConfig = async ({
 export const vitrifyDir = new URL('..', import.meta.url)
 export { prerender } from './frameworks/vue/prerender.js'
 
-export type {
-  VitrifyConfig,
-  VitrifyConfigAsync,
-  VitrifyPlugin,
-  VitrifyContext,
-  OnBootHook
-}
+export type { VitrifyConfig, VitrifyConfigAsync, VitrifyPlugin, VitrifyContext }

package/src/node/plugins/pinia/index.ts

@@ -1,4 +1,4 @@
-import type { onAppCreatedHook, OnRenderedHook } from '../../vitrify-config.js'
+import type { OnAppCreatedHook, OnRenderedHook } from '../../vitrify-config.js'
 import type { VitrifyPlugin } from '../index.js'
 
 export type PiniaPluginOptions = {
@@ -6,7 +6,7 @@ export type PiniaPluginOptions = {
   colada?: boolean
 }
 
-const piniaOnAppCreated: onAppCreatedHook = async ({
+const piniaOnAppCreated: OnAppCreatedHook = async ({
   app,
   ctx,
   initialState,
@@ -30,7 +30,7 @@ const piniaOnRenderedHook: OnRenderedHook = async ({ app, ssrContext }) => {
   }
 }
 
-const piniaColadaonAppCreated: onAppCreatedHook = async ({
+const piniaColadaonAppCreated: OnAppCreatedHook = async ({
   app,
   ctx,
   initialState

package/src/node/plugins/quasar/index.ts

@@ -1,9 +1,9 @@
 import { fileURLToPath } from 'url'
 import type {
-  OnBootHook,
   OnAppMountedHook,
   OnTemplateRenderedHook,
-  VitrifyConfig
+  VitrifyConfig,
+  OnAppCreatedHook
 } from '../../vitrify-config.js'
 import type { VitrifyPlugin } from '../index.js'
 import { findDepPkgJsonPath } from 'vitefu'
@@ -145,7 +145,7 @@ export const QuasarPlugin: VitrifyPlugin<QuasarPluginOptions> = async ({
             }
           ]
 
-          const onBootHooks: OnBootHook[] = [
+          const onAppCreatedHooks: OnAppCreatedHook[] = [
             async ({ app, ssrContext, staticImports }) => {
               // @ts-expect-error undefined
               const quasarPlugins = await import('virtual:quasar-plugins')
@@ -202,7 +202,7 @@ export const QuasarPlugin: VitrifyPlugin<QuasarPluginOptions> = async ({
                 quasar: ['Quasar']
               },
               hooks: {
-                onBoot: onBootHooks,
+                onAppCreated: onAppCreatedHooks,
                 onAppMounted: onAppMountedHooks,
                 onTemplateRendered: [injectSsrContext]
               },

package/src/node/vitrify-config.ts

@@ -49,12 +49,14 @@ export type SSRContext = {
   [key: string]: unknown
 }
 
-export type onAppCreatedHook = ({
+export type OnAppCreatedHookFile = URL
+export type OnAppCreatedHook = ({
   app,
   router,
   ctx,
   initialState,
-  ssrContext
+  ssrContext,
+  staticImports
 }: {
   app: App
   router: Router
@@ -69,18 +71,10 @@ export type onAppCreatedHook = ({
     [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
 }: {
@@ -88,7 +82,7 @@ export type OnAppMountedHook = ({
 }) => Promise<void> | void
 export type StaticImports = Record<string, string[]>
 
-export type OnSetupFile = URL
+export type OnSetupHookFile = URL
 export type OnSetupHook = (
   fastify: FastifyInstance,
   options?: {
@@ -107,6 +101,7 @@ export type Render = (
   app: App
 }>
 
+export type OnRenderedHookFile = URL
 export type OnRenderedHook = ({
   app,
   ssrContext
@@ -115,6 +110,7 @@ export type OnRenderedHook = ({
   ssrContext?: SSRContext
 }) => Promise<void> | void
 
+export type OnTemplateRenderedHookFile = URL
 export type OnTemplateRenderedHook = ({
   html,
   ssrContext
@@ -142,27 +138,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[]
+      /**
+       * Files with functions which run after rendering the app (SSR)
+       */
+      onRenderedFiles?: OnRenderedHookFile[]
       /**
        * 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
@@ -215,7 +223,6 @@ export interface VitrifyConfig extends ViteUserConfig {
      */
     unpluginVueComponents?: unpluginVueComponentsOptions
   }
-  // quasar?: QuasarConf
 }
 
 export type VitrifyCommands = 'build' | 'dev' | 'test'

package/src/vite/vue/main.ts

@@ -70,7 +70,7 @@ export async function createApp(
   app.use(router)
 
   for (const fn of onAppCreated) {
-    await fn({ app, router, ctx, initialState, ssrContext })
+    await fn({ app, router, ctx, initialState, ssrContext, staticImports })
   }
 
   // Workaround to fix hydration errors when serving html files directly
@@ -95,9 +95,9 @@ export async function createApp(
     }
   }
 
-  for (const fn of onBoot) {
-    await fn({ app, ssrContext, staticImports })
-  }
+  // for (const fn of onBoot) {
+  //   await fn({ app, ssrContext, staticImports })
+  // }
 
   // @vitrify-pwa-only
   // @ts-expect-error undefined