vitrify 0.6.15 → 0.6.18

package/dist/bin/cli.js

@@ -16,6 +16,7 @@ cli
     const { build } = await import('./build.js');
     let appDir;
     let prerender;
+    let onRendered;
     if (options.appDir) {
         if (options.appDir.slice(-1) !== '/')
             options.appDir += '/';
@@ -68,14 +69,15 @@ cli
                 ...args,
                 outDir: new URL('ssr/server/', baseOutDir).pathname
             });
-            ({ prerender } = await import(new URL('ssr/server/prerender.mjs', baseOutDir).pathname));
+            ({ prerender, onRendered } = 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,
                 manifestPath: new URL('static/ssr-manifest.json', baseOutDir)
                     .pathname,
                 entryServerPath: new URL('ssr/server/entry-server.mjs', baseOutDir)
-                    .pathname
+                    .pathname,
+                onRendered
             });
             break;
         default:

package/dist/bin/dev.js

@@ -76,14 +76,15 @@ ssr, framework = 'vue', host, appDir, publicDir }) {
     });
     let setup;
     let server;
+    let onRendered;
     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));
+            : new URL(`src/vite/${framework}/ssr/app.ts`, cliDir).pathname;
+        ({ setup, onRendered } = await vite.ssrLoadModule(entryUrl));
         const app = fastify({
-            logger: true,
+            logger: false,
             https: vite.config.server.https
         });
         if (process.env)
@@ -96,7 +97,8 @@ ssr, framework = 'vue', host, appDir, publicDir }) {
         if (ssr === 'ssr') {
             await app.register(fastifySsrPlugin, {
                 appDir,
-                mode: 'development'
+                mode: 'development',
+                onRendered
             });
         }
         await app.listen({

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

@@ -56,7 +56,6 @@ const fastifySsrPlugin = async (fastify, options, done) => {
         //   configFile: false,
         //   ...config
         // })
-        console.log('Dev mode');
         if (!('use' in fastify)) {
             const middie = (await import('@fastify/middie')).default;
             await fastify.register(middie);
@@ -65,9 +64,11 @@ const fastifySsrPlugin = async (fastify, options, done) => {
         fastify.get(`${options.baseUrl}*`, async (req, res) => {
             try {
                 const url = req.raw.url?.replace(options.baseUrl, '/');
+                const provide = options.provide ? await options.provide(req, res) : {};
                 const ssrContext = {
                     req,
-                    res
+                    res,
+                    provide
                 };
                 let template = readFileSync(new URL('index.html', frameworkDir)).toString();
                 template = await vite.transformIndexHtml(url, template);
@@ -90,11 +91,16 @@ const fastifySsrPlugin = async (fastify, options, done) => {
                     mods: matchedModules
                 });
                 const [appHtml, preloadLinks] = await render(url, manifest, ssrContext);
-                const html = template
+                let html = template
                     .replace(`<!--preload-links-->`, preloadLinks)
                     .replace(`<!--app-html-->`, appHtml)
                     .replace('<!--product-name-->', options.productName || 'Product name')
                     .replace('<!--dev-ssr-css-->', css);
+                if (options.onRendered?.length) {
+                    for (const ssrFunction of options.onRendered) {
+                        html = ssrFunction(html, ssrContext);
+                    }
+                }
                 res.code(200);
                 res.type('text/html');
                 res.send(html);
@@ -131,9 +137,14 @@ const fastifySsrPlugin = async (fastify, options, done) => {
             if (!ssrContext.initialState)
                 ssrContext.initialState = {};
             ssrContext.initialState.provide = provide;
-            const html = template
+            let html = template
                 .replace(`<!--preload-links-->`, preloadLinks)
                 .replace(`<!--app-html-->`, appHtml);
+            if (options.onRendered?.length) {
+                for (const ssrFunction of options.onRendered) {
+                    html = ssrFunction(html, ssrContext);
+                }
+            }
             res.code(200);
             res.type('text/html');
             res.send(html);

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 }) => {
+export const prerender = async ({ outDir, templatePath, manifestPath, entryServerPath, onRendered }) => {
     const promises = [];
     const template = (await fs.readFile(templatePath)).toString();
     const manifest = await fs.readFile(manifestPath);
@@ -25,6 +25,11 @@ export const prerender = async ({ outDir, templatePath, manifestPath, entryServe
         let html = template
             .replace(`<!--preload-links-->`, preloadLinks)
             .replace(`<!--app-html-->`, appHtml);
+        if (onRendered?.length) {
+            for (const ssrFunction of onRendered) {
+                html = ssrFunction(html, ssrContext);
+            }
+        }
         html = await critters.process(html);
         promises.push(fs.writeFile(outDir + filename, html, 'utf-8'));
     }

package/dist/frameworks/vue/server.js

@@ -1,5 +1,5 @@
 import fastify from 'fastify';
-export const createApp = ({ onSetup, appDir, baseUrl, fastifyPlugin, vitrifyDir, mode }) => {
+export const createApp = ({ onSetup, appDir, baseUrl, fastifyPlugin, onRendered, vitrifyDir, mode }) => {
     const app = fastify({
         logger: true
     });
@@ -7,6 +7,7 @@ export const createApp = ({ onSetup, appDir, baseUrl, fastifyPlugin, vitrifyDir,
         baseUrl,
         appDir,
         vitrifyDir,
+        onRendered,
         mode
     });
     // if (onSetup?.length) {

package/dist/index.js

@@ -42,20 +42,20 @@ const manualChunks = (id) => {
         if (name && manualChunkNames.includes(name))
             return name;
     }
-    else if (matchedModule) {
-        return matchedModule[0];
-    }
     else if (VIRTUAL_MODULES.some((virtualModule) => id.includes(virtualModule))) {
         return VIRTUAL_MODULES.find((name) => id.includes(name));
     }
     else if (id.includes('node_modules')) {
+        if (matchedModule) {
+            return matchedModule[0];
+        }
         return 'vendor';
     }
 };
 export const VIRTUAL_MODULES = [
     'virtual:vitrify-hooks',
-    'virtual:global-css',
     'virtual:static-imports',
+    'virtual:vitrify-config',
     'vitrify.sass',
     'vitrify.css'
 ];
@@ -237,21 +237,28 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                 globalSass = config.vitrify?.sass?.global || [];
                 additionalData = config.vitrify?.sass?.additionalData || [];
                 return {
-                    css: {
-                        preprocessorOptions: {
-                        // sass: {
-                        //   additionalData: [
-                        //     ...Object.entries(sassVariables).map(
-                        //       ([key, value]) => `${key}: ${value}`
-                        //     )
-                        //     // ...additionalData
-                        //     // config.css?.preprocessorOptions?.sass.additionalData
-                        //   ].join('\n')
-                        // }
-                        }
-                    }
+                // css: {
+                //   preprocessorOptions: {
+                //     sass: {
+                //       additionalData: [
+                //         ...Object.entries(sassVariables).map(
+                //           ([key, value]) => `${key}: ${value}`
+                //         )
+                //         // ...additionalData
+                //         // config.css?.preprocessorOptions?.sass.additionalData
+                //       ].join('\n')
+                //     }
+                //   }
+                // }
                 };
             },
+            configureServer(server) {
+                server.middlewares.use('/', (req, res, next) => {
+                    if (req.url?.endsWith('.html'))
+                        req.url = req.url.replace('.html', '');
+                    next();
+                });
+            },
             configResolved: (config) => {
                 if (process.env.DEBUG) {
                     console.log(config.css?.preprocessorOptions?.sass.additionalData);
@@ -310,7 +317,10 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                     ].join('\n');
                 }
                 else if (id === 'vitrify.css') {
-                    return `${globalCss.map((css) => `import '${css}'`).join('\n')}`;
+                    return `${globalCss.map((css) => `@import '${css}'`).join('\n')}`;
+                }
+                else if (id === 'virtual:vitrify-config') {
+                    return `export default ${JSON.stringify(vitrifyConfig)}`;
                 }
                 return null;
             }
@@ -378,22 +388,22 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
         { find: 'cwd', replacement: cwd.pathname },
         { find: 'boot', replacement: new URL('boot/', srcDir).pathname },
         { find: 'assets', replacement: new URL('assets/', srcDir).pathname },
-        ...Object.entries(packageUrls).map(([key, value]) => ({
-            find: key,
-            replacement: value.pathname
-        }))
-        // {
-        //   find: new RegExp('^vue$'),
-        //   replacement: 'vue/dist/vue.runtime.esm-bundler.js'
-        // },
+        // ...Object.entries(packageUrls).map(([key, value]) => ({
+        //   find: key,
+        //   replacement: value.pathname
+        // }))
+        {
+            find: new RegExp('^vue$'),
+            replacement: new URL('./dist/vue.runtime.esm-bundler.js', packageUrls['vue']).pathname
+        },
         // {
         //   find: new RegExp('^vue/server-renderer$'),
         //   replacement: 'vue/server-renderer/index.mjs'
         // },
-        // {
-        //   find: new RegExp('^vue-router$'),
-        //   replacement: 'vue-router/dist/vue-router.esm-bundler.js'
-        // }
+        {
+            find: new RegExp('^vue-router$'),
+            replacement: new URL('./dist/vue-router.esm-bundler.js', packageUrls['vue-router']).pathname
+        }
         // { find: 'vue', replacement: packageUrls['vue'].pathname },
         // { find: 'vue-router', replacement: packageUrls['vue-router'].pathname },
         // { find: 'vitrify', replacement: cliDir.pathname }

package/dist/plugins/quasar.js

@@ -31,6 +31,7 @@ export const injectSsrContext = (html, ssrContext) => html
 });
 export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
     let plugins = [];
+    let quasarConf;
     return [
         Components({
             resolvers: [QuasarResolver()]
@@ -76,9 +77,13 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                         const quasarPlugins = await import('virtual:quasar-plugins');
                         // @ts-ignore
                         const directives = await import('virtual:quasar-directives');
+                        // @ts-ignore
+                        const { default: lang } = await import('virtual:quasar-lang');
+                        console.log(lang);
                         app.use(staticImports?.Quasar, {
                             plugins: quasarPlugins,
-                            directives
+                            directives,
+                            lang
                         }, ssrContext);
                     }
                 ];
@@ -106,7 +111,11 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
             name: 'vite-plugin-quasar',
             enforce: 'post',
             config: async (config, env) => {
-                const { quasar: quasarConf, vitrify: { urls } = {} } = config;
+                const { quasar, vitrify: { urls } = {} } = config;
+                if (quasar)
+                    quasarConf = quasar;
+                if (!quasarConf.framework.lang && config.vitrify?.lang)
+                    quasarConf.framework.lang = config.vitrify.lang;
                 // const quasarPkgJsonPath = new URL(
                 //   'package.json',
                 //   urls?.packages?.quasar
@@ -195,7 +204,7 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                             //   find: new RegExp('^quasar$'),
                             //   replacement: new URL('src/index.all.js', urls?.packages?.quasar)
                             //     .pathname
-                            // },
+                            // }
                             // {
                             //   find: `@quasar/extras`,
                             //   replacement: new URL('.', urls?.packages?.['@quasar/extras'])
@@ -217,10 +226,10 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                         // __QUASAR_SSR_CLIENT__: `!import.meta.env.SSR`,
                         // // __QUASAR_SSR_PWA__: ssr === 'client' && pwa
                         // __QUASAR_SSR_PWA__: pwa ? `!import.meta.env.SSR` : false
+                    },
+                    ssr: {
+                        noExternal: ['quasar']
                     }
-                    // ssr: {
-                    //   noExternal: ['quasar']
-                    // }
                 };
             }
         },
@@ -244,6 +253,8 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                         return 'virtual:quasar-plugins';
                     case 'virtual:quasar-directives':
                         return 'virtual:quasar-directives';
+                    case 'virtual:quasar-lang':
+                        return 'virtual:quasar-lang';
                     case 'virtual:quasar':
                         return { id: 'virtual:quasar', moduleSideEffects: false };
                     default:
@@ -257,6 +268,10 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                 else if (id === 'virtual:quasar-directives') {
                     return `export * from 'quasar/src/directives.js'`;
                 }
+                else if (id === 'virtual:quasar-lang') {
+                    return `import lang from 'quasar/lang/${quasarConf?.framework?.lang || 'en-US'}';
+          export default lang`;
+                }
                 else if (id === 'virtual:quasar') {
                     return `export * from 'quasar/src/plugins.js';
           export * from 'quasar/src/components.js';

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

@@ -42,7 +42,7 @@ export declare function createServer({ port, logLevel, ssr, framework, host, app
         server: import("vite").ResolvedServerOptions;
         build: Required<import("vite").BuildOptions>;
         preview: import("vite").ResolvedPreviewOptions;
-        ssr: import("vite").ResolvedSSROptions;
+        ssr: import("vite").ResolvedSSROptions | undefined;
         assetsInclude: (file: string) => boolean;
         logger: import("vite").Logger;
         createResolver: (options?: Partial<import("vite").InternalResolveOptions> | undefined) => import("vite").ResolveFn;

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

@@ -1,10 +1,12 @@
 import type { FastifyPluginCallback, FastifyRequest, FastifyReply } from 'fastify';
 import type { ViteDevServer } from 'vite';
+import type { OnRenderedHook } from 'src/node/vitrify-config.js';
 export interface FastifySsrOptions {
     baseUrl?: string;
     provide?: (req: FastifyRequest, res: FastifyReply) => Promise<Record<string, unknown>>;
     vitrifyDir?: URL;
     vite?: ViteDevServer;
+    onRendered?: OnRenderedHook[];
     appDir?: URL;
     publicDir?: URL;
     productName?: string;

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

@@ -1,6 +1,8 @@
-export declare const prerender: ({ outDir, templatePath, manifestPath, entryServerPath }: {
+import type { OnRenderedHook } from 'src/node/vitrify-config.js';
+export declare const prerender: ({ outDir, templatePath, manifestPath, entryServerPath, onRendered }: {
     outDir: string;
     templatePath: string;
     manifestPath: string;
     entryServerPath: string;
+    onRendered: OnRenderedHook[];
 }) => Promise<void[]>;

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

@@ -1,13 +1,14 @@
 /// <reference types="node" />
 import type { FastifyInstance } from 'fastify';
-import type { OnSetupFile } from '../../vitrify-config.js';
+import type { OnRenderedHook, OnSetupFile } 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, vitrifyDir, mode }: {
+export declare const createApp: ({ onSetup, appDir, baseUrl, fastifyPlugin, onRendered, vitrifyDir, mode }: {
     onSetup: OnSetupFile[];
     appDir: URL;
     baseUrl?: string | undefined;
     fastifyPlugin: FastifySsrPlugin | FastifyCsrPlugin;
+    onRendered: OnRenderedHook[];
     vitrifyDir?: URL | undefined;
     mode: string;
 }) => FastifyInstance<import("http").Server, import("http").IncomingMessage, import("http").ServerResponse, pino.Logger, import("fastify").FastifyTypeProviderDefault> & PromiseLike<FastifyInstance<import("http").Server, import("http").IncomingMessage, import("http").ServerResponse, pino.Logger, import("fastify").FastifyTypeProviderDefault>>;

package/dist/types/plugins/quasar.d.ts

@@ -7,6 +7,7 @@ export interface QuasarConf {
         components?: string[];
         directives?: string[];
         plugins?: string[];
+        lang?: string;
     };
     animations: string[];
     extras: string[];

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

@@ -18,6 +18,7 @@ export declare type OnRenderedHook = (html: string, ssrContext: Record<string, a
 export declare type OnSetupFile = URL;
 export interface VitrifyConfig extends UserConfig {
     vitrify?: {
+        lang?: string;
         /**
          * Global CSS imports
          */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.6.15",
+  "version": "0.6.18",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Pre-configured Vite CLI for your framework",
@@ -76,7 +76,7 @@
     "sass": "1.53.0",
     "ts-node": "^10.8.2",
     "unplugin-vue-components": "^0.21.0",
-    "vite": "^3.0.0-beta.0",
+    "vite": "3.0.0-beta.6",
     "vitest": "^0.17.0"
   },
   "devDependencies": {

package/src/node/bin/cli.ts

@@ -25,6 +25,7 @@ cli
     const { build } = await import('./build.js')
     let appDir: URL
     let prerender
+    let onRendered
     if (options.appDir) {
       if (options.appDir.slice(-1) !== '/') options.appDir += '/'
       appDir = new URL(`file://${options.appDir}`)
@@ -84,16 +85,18 @@ cli
           ...args,
           outDir: new URL('ssr/server/', baseOutDir).pathname
         })
-        ;({ prerender } = await import(
+        ;({ prerender, onRendered } = 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,
           manifestPath: new URL('static/ssr-manifest.json', baseOutDir)
             .pathname,
           entryServerPath: new URL('ssr/server/entry-server.mjs', baseOutDir)
-            .pathname
+            .pathname,
+          onRendered
         })
         break
       default:

package/src/node/bin/dev.ts

@@ -7,6 +7,7 @@ import type { FastifyInstance } from 'fastify/types/instance'
 import fastify from 'fastify'
 import { fastifySsrPlugin } from '../frameworks/vue/fastify-ssr-plugin.js'
 import type { ServerOptions } from 'https'
+import type { OnRenderedHook } from '../vitrify-config.js'
 
 export async function createVitrifyDevServer({
   port = 3000,
@@ -128,18 +129,18 @@ export async function createServer({
 
   let setup
   let server: Server
+  let onRendered: OnRenderedHook[]
 
   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))
+        : new URL(`src/vite/${framework}/ssr/app.ts`, cliDir).pathname
 
+    ;({ setup, onRendered } = await vite.ssrLoadModule(entryUrl))
     const app = fastify({
-      logger: true,
+      logger: false,
       https: vite.config.server.https as ServerOptions
     })
     if (process.env) process.env.MODE = 'development'
@@ -151,7 +152,8 @@ export async function createServer({
     if (ssr === 'ssr') {
       await app.register(fastifySsrPlugin, {
         appDir,
-        mode: 'development'
+        mode: 'development',
+        onRendered
       })
     }
     await app.listen({

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

@@ -7,6 +7,7 @@ import fastifyStatic from '@fastify/static'
 import { readFileSync } from 'fs'
 import { componentsModules, collectCss } from '../../helpers/collect-css-ssr.js'
 import type { ViteDevServer } from 'vite'
+import type { OnRenderedHook } from 'src/node/vitrify-config.js'
 
 export interface FastifySsrOptions {
   baseUrl?: string
@@ -17,6 +18,7 @@ export interface FastifySsrOptions {
   vitrifyDir?: URL
   vite?: ViteDevServer
   // frameworkDir?: URL
+  onRendered?: OnRenderedHook[]
   appDir?: URL
   publicDir?: URL
   productName?: string
@@ -88,7 +90,6 @@ const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (
     //   ...config
     // })
 
-    console.log('Dev mode')
     if (!('use' in fastify)) {
       const middie = (await import('@fastify/middie')).default
       await fastify.register(middie)
@@ -98,9 +99,12 @@ const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (
     fastify.get(`${options.baseUrl}*`, async (req, res) => {
       try {
         const url = req.raw.url?.replace(options.baseUrl!, '/')
+        const provide = options.provide ? await options.provide(req, res) : {}
+
         const ssrContext = {
           req,
-          res
+          res,
+          provide
         }
 
         let template = readFileSync(
@@ -129,12 +133,18 @@ const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (
         })
 
         const [appHtml, preloadLinks] = await render(url, manifest, ssrContext)
-        const html = template
+        let html = template
           .replace(`<!--preload-links-->`, preloadLinks)
           .replace(`<!--app-html-->`, appHtml)
           .replace('<!--product-name-->', options.productName || 'Product name')
           .replace('<!--dev-ssr-css-->', css)
 
+        if (options.onRendered?.length) {
+          for (const ssrFunction of options.onRendered) {
+            html = ssrFunction(html, ssrContext)
+          }
+        }
+
         res.code(200)
         res.type('text/html')
         res.send(html)
@@ -183,10 +193,16 @@ const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (
       if (!ssrContext.initialState) ssrContext.initialState = {}
       ssrContext.initialState.provide = provide
 
-      const html = template
+      let html = template
         .replace(`<!--preload-links-->`, preloadLinks)
         .replace(`<!--app-html-->`, appHtml)
 
+      if (options.onRendered?.length) {
+        for (const ssrFunction of options.onRendered) {
+          html = ssrFunction(html, ssrContext)
+        }
+      }
+
       res.code(200)
       res.type('text/html')
       res.send(html)

package/src/node/frameworks/vue/prerender.ts

@@ -1,16 +1,19 @@
 import { promises as fs } from 'fs'
+import type { OnRenderedHook } from 'src/node/vitrify-config.js'
 import { routesToPaths } from '../../helpers/routes.js'
 
 export const prerender = async ({
   outDir,
   templatePath,
   manifestPath,
-  entryServerPath
+  entryServerPath,
+  onRendered
 }: {
   outDir: string
   templatePath: string
   manifestPath: string
   entryServerPath: string
+  onRendered: OnRenderedHook[]
 }) => {
   const promises = []
   const template = (await fs.readFile(templatePath)).toString()
@@ -41,6 +44,12 @@ export const prerender = async ({
       .replace(`<!--preload-links-->`, preloadLinks)
       .replace(`<!--app-html-->`, appHtml)
 
+    if (onRendered?.length) {
+      for (const ssrFunction of onRendered) {
+        html = ssrFunction(html, ssrContext)
+      }
+    }
+
     html = await critters.process(html)
 
     promises.push(fs.writeFile(outDir + filename, html, 'utf-8'))

package/src/node/frameworks/vue/server.ts

@@ -2,7 +2,7 @@ import type { FastifyInstance } from 'fastify'
 import fastify from 'fastify'
 import type { ViteDevServer } from 'vite'
 import { getCliDir, getCliViteDir } from '../../app-urls.js'
-import type { OnSetupFile } from '../../vitrify-config.js'
+import type { OnRenderedHook, OnSetupFile } from '../../vitrify-config.js'
 import type { FastifyCsrPlugin } from './fastify-csr-plugin.js'
 import type { FastifySsrPlugin } from './fastify-ssr-plugin.js'
 
@@ -11,6 +11,7 @@ export const createApp = ({
   appDir,
   baseUrl,
   fastifyPlugin,
+  onRendered,
   vitrifyDir,
   mode
 }: {
@@ -18,6 +19,7 @@ export const createApp = ({
   appDir: URL
   baseUrl?: string
   fastifyPlugin: FastifySsrPlugin | FastifyCsrPlugin
+  onRendered: OnRenderedHook[]
   vitrifyDir?: URL
   mode: string
 }) => {
@@ -29,6 +31,7 @@ export const createApp = ({
     baseUrl,
     appDir,
     vitrifyDir,
+    onRendered,
     mode
   })
 

package/src/node/index.ts

@@ -61,21 +61,22 @@ const manualChunks: ManualChunksOption = (id: string) => {
   if (id.includes('vitrify/src/')) {
     const name = id.split('/').at(-1)?.split('.').at(0)
     if (name && manualChunkNames.includes(name)) return name
-  } else if (matchedModule) {
-    return matchedModule[0]
   } else if (
     VIRTUAL_MODULES.some((virtualModule) => id.includes(virtualModule))
   ) {
     return VIRTUAL_MODULES.find((name) => id.includes(name))
   } else if (id.includes('node_modules')) {
+    if (matchedModule) {
+      return matchedModule[0]
+    }
     return 'vendor'
   }
 }
 
 export const VIRTUAL_MODULES = [
   'virtual:vitrify-hooks',
-  'virtual:global-css',
   'virtual:static-imports',
+  'virtual:vitrify-config',
   'vitrify.sass',
   'vitrify.css'
 ]
@@ -311,21 +312,27 @@ export const baseConfig = async ({
         additionalData = config.vitrify?.sass?.additionalData || []
 
         return {
-          css: {
-            preprocessorOptions: {
-              // sass: {
-              //   additionalData: [
-              //     ...Object.entries(sassVariables).map(
-              //       ([key, value]) => `${key}: ${value}`
-              //     )
-              //     // ...additionalData
-              //     // config.css?.preprocessorOptions?.sass.additionalData
-              //   ].join('\n')
-              // }
-            }
-          }
+          // css: {
+          //   preprocessorOptions: {
+          //     sass: {
+          //       additionalData: [
+          //         ...Object.entries(sassVariables).map(
+          //           ([key, value]) => `${key}: ${value}`
+          //         )
+          //         // ...additionalData
+          //         // config.css?.preprocessorOptions?.sass.additionalData
+          //       ].join('\n')
+          //     }
+          //   }
+          // }
         }
       },
+      configureServer(server) {
+        server.middlewares.use('/', (req, res, next) => {
+          if (req.url?.endsWith('.html')) req.url = req.url.replace('.html', '')
+          next()
+        })
+      },
       configResolved: (config) => {
         if (process.env.DEBUG) {
           console.log(config.css?.preprocessorOptions?.sass.additionalData)
@@ -389,7 +396,9 @@ export const baseConfig = async ({
             ...globalSass.map((sass) => `@import '${sass}'`)
           ].join('\n')
         } else if (id === 'vitrify.css') {
-          return `${globalCss.map((css) => `import '${css}'`).join('\n')}`
+          return `${globalCss.map((css) => `@import '${css}'`).join('\n')}`
+        } else if (id === 'virtual:vitrify-config') {
+          return `export default ${JSON.stringify(vitrifyConfig)}`
         }
         return null
       }
@@ -459,22 +468,28 @@ export const baseConfig = async ({
     { find: 'cwd', replacement: cwd.pathname },
     { find: 'boot', replacement: new URL('boot/', srcDir).pathname },
     { find: 'assets', replacement: new URL('assets/', srcDir).pathname },
-    ...Object.entries(packageUrls).map(([key, value]) => ({
-      find: key,
-      replacement: value.pathname
-    }))
-    // {
-    //   find: new RegExp('^vue$'),
-    //   replacement: 'vue/dist/vue.runtime.esm-bundler.js'
-    // },
+    // ...Object.entries(packageUrls).map(([key, value]) => ({
+    //   find: key,
+    //   replacement: value.pathname
+    // }))
+    {
+      find: new RegExp('^vue$'),
+      replacement: new URL(
+        './dist/vue.runtime.esm-bundler.js',
+        packageUrls['vue']
+      ).pathname
+    },
     // {
     //   find: new RegExp('^vue/server-renderer$'),
     //   replacement: 'vue/server-renderer/index.mjs'
     // },
-    // {
-    //   find: new RegExp('^vue-router$'),
-    //   replacement: 'vue-router/dist/vue-router.esm-bundler.js'
-    // }
+    {
+      find: new RegExp('^vue-router$'),
+      replacement: new URL(
+        './dist/vue-router.esm-bundler.js',
+        packageUrls['vue-router']
+      ).pathname
+    }
     // { find: 'vue', replacement: packageUrls['vue'].pathname },
     // { find: 'vue-router', replacement: packageUrls['vue-router'].pathname },
     // { find: 'vitrify', replacement: cliDir.pathname }

package/src/node/plugins/quasar.ts

@@ -25,6 +25,7 @@ export interface QuasarConf {
     components?: string[]
     directives?: string[]
     plugins?: string[]
+    lang?: string
   }
   animations: string[]
   extras: string[]
@@ -83,6 +84,7 @@ export const QuasarPlugin: VitrifyPlugin = async ({
   pwa = false
 }): Promise<Plugin[]> => {
   let plugins: string[] = []
+  let quasarConf: QuasarConf
   return [
     Components({
       resolvers: [QuasarResolver()]
@@ -148,12 +150,15 @@ export const QuasarPlugin: VitrifyPlugin = async ({
             const quasarPlugins = await import('virtual:quasar-plugins')
             // @ts-ignore
             const directives = await import('virtual:quasar-directives')
-
+            // @ts-ignore
+            const { default: lang } = await import('virtual:quasar-lang')
+            console.log(lang)
             app.use(
               staticImports?.Quasar,
               {
                 plugins: quasarPlugins,
-                directives
+                directives,
+                lang
               },
               ssrContext
             )
@@ -184,8 +189,10 @@ export const QuasarPlugin: VitrifyPlugin = async ({
       name: 'vite-plugin-quasar',
       enforce: 'post',
       config: async (config: VitrifyConfig, env) => {
-        const { quasar: quasarConf, vitrify: { urls } = {} } = config
-
+        const { quasar, vitrify: { urls } = {} } = config
+        if (quasar) quasarConf = quasar
+        if (!quasarConf.framework.lang && config.vitrify?.lang)
+          quasarConf.framework.lang = config.vitrify.lang
         // const quasarPkgJsonPath = new URL(
         //   'package.json',
         //   urls?.packages?.quasar
@@ -278,7 +285,7 @@ export const QuasarPlugin: VitrifyPlugin = async ({
               //   find: new RegExp('^quasar$'),
               //   replacement: new URL('src/index.all.js', urls?.packages?.quasar)
               //     .pathname
-              // },
+              // }
               // {
               //   find: `@quasar/extras`,
               //   replacement: new URL('.', urls?.packages?.['@quasar/extras'])
@@ -300,10 +307,10 @@ export const QuasarPlugin: VitrifyPlugin = async ({
             // __QUASAR_SSR_CLIENT__: `!import.meta.env.SSR`,
             // // __QUASAR_SSR_PWA__: ssr === 'client' && pwa
             // __QUASAR_SSR_PWA__: pwa ? `!import.meta.env.SSR` : false
+          },
+          ssr: {
+            noExternal: ['quasar']
           }
-          // ssr: {
-          //   noExternal: ['quasar']
-          // }
         }
       }
     },
@@ -327,6 +334,8 @@ export const QuasarPlugin: VitrifyPlugin = async ({
             return 'virtual:quasar-plugins'
           case 'virtual:quasar-directives':
             return 'virtual:quasar-directives'
+          case 'virtual:quasar-lang':
+            return 'virtual:quasar-lang'
           case 'virtual:quasar':
             return { id: 'virtual:quasar', moduleSideEffects: false }
           default:
@@ -338,6 +347,11 @@ export const QuasarPlugin: VitrifyPlugin = async ({
           return `export { ${plugins.join(',')} } from 'quasar'`
         } else if (id === 'virtual:quasar-directives') {
           return `export * from 'quasar/src/directives.js'`
+        } else if (id === 'virtual:quasar-lang') {
+          return `import lang from 'quasar/lang/${
+            quasarConf?.framework?.lang || 'en-US'
+          }';
+          export default lang`
         } else if (id === 'virtual:quasar') {
           return `export * from 'quasar/src/plugins.js';
           export * from 'quasar/src/components.js';

package/src/node/vitrify-config.ts

@@ -39,6 +39,7 @@ export type OnRenderedHook = (
 export type OnSetupFile = URL
 export interface VitrifyConfig extends UserConfig {
   vitrify?: {
+    lang?: string
     /**
      * Global CSS imports
      */

package/src/vite/vue/main.ts

@@ -49,7 +49,7 @@ export async function createApp(
   // Workaround to fix hydration errors when serving html files directly
   router.beforeEach((to, from, next) => {
     if (to.path.endsWith('.html')) {
-      next({ path: to.path.replace('.html', '') })
+      return next({ path: to.path.replace('.html', '') })
     }
 
     next()

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

@@ -1,7 +1,7 @@
 import { createApp } from '../../../node/frameworks/vue/server.js'
 import { getAppDir } from '../../../node/app-urls.js'
 // import { setup } from 'virtual:fastify-setup'
-import { onSetup } from 'virtual:vitrify-hooks'
+import { onSetup, onRendered } from 'virtual:vitrify-hooks'
 import { fastifySsrPlugin } from './fastify-ssr-plugin.js'
 import type { ViteDevServer } from 'vite'
 
@@ -17,7 +17,10 @@ export const setupApp = async () => {
     appDir,
     baseUrl,
     fastifyPlugin: fastifySsrPlugin,
+    onRendered,
     // vitrifyDir,
     mode: import.meta.env.MODE
   })
 }
+
+export { onRendered }

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

@@ -1,7 +1,7 @@
 import { createApp } from '../main.js'
 // import { renderToString } from 'vue/server-renderer'
 
-import { onRendered } from 'virtual:vitrify-hooks'
+// import { onRendered } from 'virtual:vitrify-hooks'
 
 const initializeApp = async (url, ssrContext) => {
   const onRenderedList = []
@@ -49,12 +49,6 @@ export async function render(url, manifest, ssrContext, renderToString) {
 
   const preloadLinks = renderPreloadLinks(ctx.modules, manifest)
 
-  if (onRendered?.length) {
-    for (const ssrFunction of onRendered) {
-      html = ssrFunction(html, ssrContext)
-    }
-  }
-
   return [html, preloadLinks]
 }
 

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

@@ -1,3 +1,4 @@
 import { prerender } from '../../../node/frameworks/vue/prerender.js'
+import { onRendered } from 'virtual:vitrify-hooks'
 
-export { prerender }
+export { prerender, onRendered }