vitrify 0.13.2 → 0.14.1

package/dist/bin/cli.js

@@ -80,7 +80,7 @@ cli
             prerender({
                 outDir: fileURLToPath(new URL('static/', baseOutDir)),
                 templatePath: fileURLToPath(new URL('static/index.html', baseOutDir)),
-                manifestPath: fileURLToPath(new URL('static/ssr-manifest.json', baseOutDir)),
+                manifestPath: fileURLToPath(new URL('static/.vite/ssr-manifest.json', baseOutDir)),
                 entryServerPath: new URL('ssr/server/entry-server.mjs', baseOutDir),
                 onRendered
             });

package/dist/bin/dev.js

@@ -52,7 +52,7 @@ ssr, framework = 'vue', host, appDir, publicDir, base }) {
         // middlewareMode: mode === 'ssr' ? 'ssr' : undefined,
         middlewareMode: ssr ? true : false,
         fs: {
-            strict: false,
+            strict: false, // https://github.com/vitejs/vite/issues/8175
             allow: [
                 searchForWorkspaceRoot(process.cwd()),
                 searchForWorkspaceRoot(fileURLToPath(appDir)),
@@ -138,7 +138,7 @@ ssr, framework = 'vue', host, appDir, publicDir, vite }) {
                 if (vite && app) {
                     await app.ready();
                     await app.close();
-                    ({ app, server } = await createServer({
+                    ({ app, server, vite } = await createServer({
                         ssr: 'fastify',
                         host: host,
                         appDir,

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

@@ -1,6 +1,6 @@
 import fastifyStatic from '@fastify/static';
 import { fileURLToPath } from 'url';
-const fastifyCsrPlugin = async (fastify, options, done) => {
+const fastifyCsrPlugin = async (fastify, options) => {
     options.vitrifyDir =
         options.vitrifyDir || (await import('vitrify')).vitrifyDir;
     const frameworkDir = new URL('src/vite/vue/', options.vitrifyDir);
@@ -35,6 +35,5 @@ const fastifyCsrPlugin = async (fastify, options, done) => {
             prefix: options.baseUrl
         });
     }
-    done();
 };
 export { fastifyCsrPlugin };

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

@@ -2,7 +2,7 @@ import fastifyStatic from '@fastify/static';
 import { readFileSync } from 'fs';
 import { fileURLToPath } from 'url';
 import { addOrReplaceAppDiv, appendToBody, appendToHead } from '../../helpers/utils.js';
-const fastifySsrPlugin = async (fastify, options, done) => {
+const fastifySsrPlugin = async (fastify, options) => {
     options.baseUrl = options.baseUrl || '/';
     options.mode = options.mode || process.env.MODE || import.meta.env.MODE;
     options.appDir = options.appDir || new URL('../../..', import.meta.url);
@@ -113,7 +113,7 @@ const fastifySsrPlugin = async (fastify, options, done) => {
                 provide
             };
             const template = readFileSync(fileURLToPath(new URL('./dist/ssr/client/index.html', options.appDir))).toString();
-            const manifest = JSON.parse(readFileSync(new URL('./dist/ssr/client/ssr-manifest.json', options.appDir)).toString());
+            const manifest = JSON.parse(readFileSync(new URL('./dist/ssr/client/.vite/ssr-manifest.json', options.appDir)).toString());
             const render = (await import(fileURLToPath(new URL('./dist/ssr/server/entry-server.mjs', options.appDir)))).render;
             const [appHtml, preloadLinks] = await render(url, manifest, ssrContext);
             if (!ssrContext.initialState)
@@ -144,6 +144,5 @@ const fastifySsrPlugin = async (fastify, options, done) => {
             res.send(html);
         });
     }
-    done();
 };
 export { fastifySsrPlugin };

package/dist/index.js

@@ -1,5 +1,5 @@
 import vuePlugin from '@vitejs/plugin-vue';
-import { resolvePackageData } from 'vite';
+import { findDepPkgJsonPath } from 'vitefu';
 import { mergeConfig } from 'vite';
 import { build } from 'esbuild';
 import fs from 'fs';
@@ -190,9 +190,9 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
     const packageUrls = vitrifyConfig.vitrify?.urls?.packages || {};
     await (async () => {
         for (const val of localPackages) {
-            const pkg = resolvePackageData(val, fileURLToPath(appDir));
-            if (pkg)
-                packageUrls[val] = new URL(`file://${pkg.dir}/`);
+            const pkgDir = await findDepPkgJsonPath(val, fileURLToPath(appDir));
+            if (pkgDir)
+                packageUrls[val] = new URL(`file://${pkgDir}`);
         }
     })();
     // await (async () => {
@@ -384,8 +384,8 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
             name: 'html-transform',
             enforce: 'pre',
             transformIndexHtml: {
-                enforce: 'pre',
-                transform: (html) => {
+                order: 'pre',
+                handler: (html) => {
                     let entry;
                     switch (ssr) {
                         case 'ssg':
@@ -436,16 +436,31 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
         if (debug)
             plugins.push(visualizer());
     }
+    // Vue now only exports CJS for Node
+    // Add the deps as devDependency
+    const vueInternalPkgs = [
+        '@vue/runtime-dom',
+        '@vue/runtime-core',
+        '@vue/reactivity',
+        '@vue/shared',
+        '@vue/server-renderer'
+    ];
+    const vuePkgAliases = [];
+    for (const pkg of vueInternalPkgs) {
+        const specifier = pkg.split('/').at(-1);
+        const pkgJsonPath = await findDepPkgJsonPath(pkg, fileURLToPath(appDir));
+        if (pkgJsonPath)
+            vuePkgAliases.push({
+                find: pkg,
+                replacement: fileURLToPath(new URL(`./dist/${specifier}.esm-bundler.js`, `file://${pkgJsonPath}` || ''))
+            });
+    }
     const alias = [
         { find: 'src', replacement: fileURLToPath(srcDir) },
         { find: 'app', replacement: fileURLToPath(appDir) },
         { find: 'cwd', replacement: fileURLToPath(cwd) },
         { find: 'boot', replacement: fileURLToPath(new URL('boot/', srcDir)) },
         { find: 'assets', replacement: fileURLToPath(new URL('assets/', srcDir)) },
-        // ...Object.entries(packageUrls).map(([key, value]) => ({
-        //   find: key,
-        //   replacement: value.pathname
-        // }))
         {
             find: new RegExp('^vue$'),
             replacement: fileURLToPath(new URL('./dist/vue.runtime.esm-bundler.js', packageUrls['vue']))
@@ -453,7 +468,8 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
         {
             find: new RegExp('^vue-router$'),
             replacement: fileURLToPath(new URL('./dist/vue-router.esm-bundler.js', packageUrls['vue-router']))
-        }
+        },
+        ...vuePkgAliases
     ];
     if (mode === 'development' && vitrifyConfig.vitrify?.dev?.alias)
         alias.push(...vitrifyConfig.vitrify.dev.alias);

package/dist/plugins/quasar.js

@@ -1,5 +1,5 @@
-import { resolvePackageData } from 'vite';
 import { fileURLToPath } from 'url';
+import { findDepPkgJsonPath } from 'vitefu';
 export const injectSsrContext = (html, ssrContext) => html
     .replace(/(<html[^>]*)(>)/i, (found, start, end) => {
     let matches;
@@ -52,9 +52,9 @@ export const QuasarPlugin = async ({ ssr = false, pwa = false }) => {
                 // const localPackages: string[] = []
                 await (async () => {
                     for (const val of localPackages) {
-                        const pkg = resolvePackageData(val, fileURLToPath(config.vitrify.urls.app));
-                        if (pkg)
-                            urls.packages[val] = new URL(`file://${pkg.dir}/`);
+                        const pkgDir = await findDepPkgJsonPath(val, fileURLToPath(config.vitrify.urls.app));
+                        if (pkgDir)
+                            urls.packages[val] = new URL(`file://${pkgDir}`);
                     }
                 })();
                 const onMountedHooks = [

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

@@ -47,8 +47,8 @@ export declare function createServer({ port, logLevel, ssr, framework, host, app
         resolve: Required<import("vite").ResolveOptions> & {
             alias: import("vite").Alias[];
         };
-        plugins: readonly import("vite").Plugin[];
-        css: import("vite").ResolvedCSSOptions | undefined;
+        plugins: readonly import("vite").Plugin<any>[];
+        css: import("vite").ResolvedCSSOptions;
         esbuild: false | import("vite").ESBuildOptions;
         server: import("vite").ResolvedServerOptions;
         build: import("vite").ResolvedBuildOptions;
@@ -58,7 +58,7 @@ export declare function createServer({ port, logLevel, ssr, framework, host, app
         logger: import("vite").Logger;
         createResolver: (options?: Partial<import("vite").InternalResolveOptions> | undefined) => import("vite").ResolveFn;
         optimizeDeps: import("vite").DepOptimizationOptions;
-        worker: import("vite").ResolveWorkerOptions;
+        worker: import("vite").ResolvedWorkerOptions;
         appType: import("vite").AppType;
         experimental: import("vite").ExperimentalOptions;
     } & import("vite").PluginHookUtils>;

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

@@ -1,4 +1,4 @@
-import type { FastifyPluginCallback, FastifyRequest, FastifyReply } from 'fastify';
+import type { FastifyPluginAsync, FastifyRequest, FastifyReply } from 'fastify';
 import type { ViteDevServer } from 'vite';
 export interface FastifySsrOptions {
     baseUrl?: string;
@@ -10,6 +10,6 @@ export interface FastifySsrOptions {
     productName?: string;
     mode?: string;
 }
-declare const fastifyCsrPlugin: FastifyPluginCallback<FastifySsrOptions>;
+declare const fastifyCsrPlugin: FastifyPluginAsync<FastifySsrOptions>;
 export { fastifyCsrPlugin };
 export type FastifyCsrPlugin = typeof fastifyCsrPlugin;

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

@@ -1,4 +1,4 @@
-import type { FastifyPluginCallback, FastifyRequest, FastifyReply } from 'fastify';
+import type { FastifyPluginAsync, FastifyRequest, FastifyReply } from 'fastify';
 import type { ViteDevServer } from 'vite';
 import type { OnRenderedHook } from '../../vitrify-config.js';
 export interface FastifySsrOptions {
@@ -14,6 +14,6 @@ export interface FastifySsrOptions {
     mode?: string;
     host?: string;
 }
-declare const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions>;
+declare const fastifySsrPlugin: FastifyPluginAsync<FastifySsrOptions>;
 export { fastifySsrPlugin };
 export type FastifySsrPlugin = typeof fastifySsrPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitrify",
-  "version": "0.13.2",
+  "version": "0.14.1",
   "license": "MIT",
   "author": "Stefan van Herwijnen",
   "description": "Vite as your Full Stack development tool",
@@ -48,52 +48,53 @@
     "test": "vitest test/"
   },
   "dependencies": {
-    "@fastify/middie": "^8.2.0",
-    "@fastify/static": "^6.10.1",
-    "@quasar/extras": "^1.16.3",
-    "@vitejs/plugin-vue": "^4.2.1",
+    "@fastify/middie": "^8.3.0",
+    "@fastify/static": "^6.12.0",
+    "@vitejs/plugin-vue": "^5.0.3",
     "ajv": "^8.12.0",
     "builtin-modules": "^3.3.0",
     "cac": "^6.7.14",
-    "chalk": "^5.2.0",
-    "critters": "^0.0.16",
+    "chalk": "^5.3.0",
+    "critters": "^0.0.20",
     "cross-env": "^7.0.3",
-    "esbuild": "^0.17.18",
-    "fastify": "^4.17.0",
-    "glob": "^10.2.2",
-    "happy-dom": "^9.10.7",
+    "esbuild": "^0.20.0",
+    "fastify": "^4.25.2",
+    "glob": "^10.3.10",
+    "happy-dom": "^13.3.4",
     "is-port-reachable": "^4.0.0",
-    "magic-string": "^0.30.0",
+    "magic-string": "^0.30.5",
     "merge-deep": "^3.0.3",
     "readline": "^1.3.0",
-    "rollup-plugin-visualizer": "^5.9.0",
-    "sass": "1.62.1",
-    "ts-node": "^10.9.1",
-    "unplugin-vue-components": "^0.24.1",
-    "vite": "^4.3.4",
-    "vite-plugin-pwa": "^0.16.5",
-    "vitest": "^0.30.1",
+    "rollup-plugin-visualizer": "^5.12.0",
+    "sass": "1.70.0",
+    "ts-node": "^10.9.2",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.12",
+    "vite-plugin-pwa": "^0.17.5",
+    "vitefu": "^0.2.5",
+    "vitest": "^1.2.2",
     "workbox-window": "^7.0.0"
   },
   "devDependencies": {
-    "@types/connect": "^3.4.35",
+    "@quasar/extras": "^1.16.9",
+    "@types/connect": "^3.4.38",
     "@types/glob": "^8.1.0",
-    "@types/merge-deep": "^3.0.0",
-    "@types/node": "^18.16.3",
-    "@types/ws": "^8.5.4",
-    "@vue/runtime-core": "^3.2.47",
-    "quasar": "^2.11.10",
-    "rollup": "^3.21.3",
-    "typescript": "^5.0.4",
-    "vue": "^3.2.47",
-    "vue-router": "^4.1.6"
+    "@types/merge-deep": "^3.0.3",
+    "@types/node": "^20.11.10",
+    "@types/ws": "^8.5.10",
+    "@vue/runtime-core": "^3.4.15",
+    "quasar": "^2.14.3",
+    "rollup": "^4.9.6",
+    "typescript": "^5.3.3",
+    "vue": "^3.4.15",
+    "vue-router": "^4.2.5"
   },
   "peerDependencies": {
-    "@fastify/static": "^6.5.0",
-    "fastify": "^4.5.3",
-    "quasar": "^2.7.7",
-    "vue": "^3.2.38",
-    "vue-router": "^4.1.5"
+    "@fastify/static": "^6.12.0",
+    "fastify": "^4.26.0",
+    "quasar": "^2.14.3",
+    "vue": "^3.4.15",
+    "vue-router": "^4.2.5"
   },
   "publishConfig": {
     "access": "public",

package/src/node/bin/cli.ts

@@ -96,7 +96,7 @@ cli
           outDir: fileURLToPath(new URL('static/', baseOutDir)),
           templatePath: fileURLToPath(new URL('static/index.html', baseOutDir)),
           manifestPath: fileURLToPath(
-            new URL('static/ssr-manifest.json', baseOutDir)
+            new URL('static/.vite/ssr-manifest.json', baseOutDir)
           ),
           entryServerPath: new URL('ssr/server/entry-server.mjs', baseOutDir),
           onRendered

package/src/node/bin/dev.ts

@@ -205,7 +205,7 @@ export async function createServer({
         if (vite && app) {
           await app.ready()
           await app.close()
-          ;({ app, server } = await createServer({
+          ;({ app, server, vite } = await createServer({
             ssr: 'fastify',
             host: host,
             appDir,

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

@@ -1,8 +1,4 @@
-import type {
-  FastifyPluginCallback,
-  FastifyRequest,
-  FastifyReply
-} from 'fastify'
+import type { FastifyPluginAsync, FastifyRequest, FastifyReply } from 'fastify'
 import fastifyStatic from '@fastify/static'
 import type { ViteDevServer } from 'vite'
 import { fileURLToPath } from 'url'
@@ -21,10 +17,9 @@ export interface FastifySsrOptions {
   mode?: string
 }
 
-const fastifyCsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (
+const fastifyCsrPlugin: FastifyPluginAsync<FastifySsrOptions> = async (
   fastify,
-  options,
-  done
+  options
 ) => {
   options.vitrifyDir =
     options.vitrifyDir || (await import('vitrify')).vitrifyDir
@@ -64,7 +59,6 @@ const fastifyCsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (
       prefix: options.baseUrl
     })
   }
-  done()
 }
 
 export { fastifyCsrPlugin }

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

@@ -1,8 +1,4 @@
-import type {
-  FastifyPluginCallback,
-  FastifyRequest,
-  FastifyReply
-} from 'fastify'
+import type { FastifyPluginAsync, FastifyRequest, FastifyReply } from 'fastify'
 import fastifyStatic from '@fastify/static'
 import { readFileSync } from 'fs'
 import { fileURLToPath } from 'url'
@@ -31,10 +27,9 @@ export interface FastifySsrOptions {
   host?: string
 }
 
-const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (
+const fastifySsrPlugin: FastifyPluginAsync<FastifySsrOptions> = async (
   fastify,
-  options,
-  done
+  options
 ) => {
   options.baseUrl = options.baseUrl || '/'
   options.mode = options.mode || process.env.MODE || import.meta.env.MODE
@@ -174,7 +169,7 @@ const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (
       ).toString()
       const manifest = JSON.parse(
         readFileSync(
-          new URL('./dist/ssr/client/ssr-manifest.json', options.appDir)
+          new URL('./dist/ssr/client/.vite/ssr-manifest.json', options.appDir)
         ).toString()
       )
       const render = (
@@ -223,8 +218,6 @@ const fastifySsrPlugin: FastifyPluginCallback<FastifySsrOptions> = async (
       res.send(html)
     })
   }
-
-  done()
 }
 
 export { fastifySsrPlugin }

package/src/node/index.ts

@@ -1,6 +1,6 @@
 import vuePlugin from '@vitejs/plugin-vue'
 import type { Alias, InlineConfig, UserConfig } from 'vite'
-import { resolvePackageData } from 'vite'
+import { findDepPkgJsonPath } from 'vitefu'
 import { mergeConfig } from 'vite'
 import { build } from 'esbuild'
 import fs from 'fs'
@@ -261,8 +261,8 @@ export const baseConfig = async ({
     vitrifyConfig.vitrify?.urls?.packages || {}
   await (async () => {
     for (const val of localPackages) {
-      const pkg = resolvePackageData(val, fileURLToPath(appDir))
-      if (pkg) packageUrls![val] = new URL(`file://${pkg.dir}/`)
+      const pkgDir = await findDepPkgJsonPath(val, fileURLToPath(appDir))
+      if (pkgDir) packageUrls![val] = new URL(`file://${pkgDir}`)
     }
   })()
 
@@ -475,8 +475,8 @@ export const baseConfig = async ({
       name: 'html-transform',
       enforce: 'pre',
       transformIndexHtml: {
-        enforce: 'pre',
-        transform: (html) => {
+        order: 'pre',
+        handler: (html) => {
           let entry: string
           switch (ssr) {
             case 'ssg':
@@ -531,16 +531,38 @@ export const baseConfig = async ({
     if (debug) plugins.push(visualizer())
   }
 
+  // Vue now only exports CJS for Node
+  // Add the deps as devDependency
+  const vueInternalPkgs = [
+    '@vue/runtime-dom',
+    '@vue/runtime-core',
+    '@vue/reactivity',
+    '@vue/shared',
+    '@vue/server-renderer'
+  ]
+
+  const vuePkgAliases: Alias[] = []
+  for (const pkg of vueInternalPkgs) {
+    const specifier = pkg.split('/').at(-1)
+    const pkgJsonPath = await findDepPkgJsonPath(pkg, fileURLToPath(appDir!))
+    if (pkgJsonPath)
+      vuePkgAliases.push({
+        find: pkg,
+        replacement: fileURLToPath(
+          new URL(
+            `./dist/${specifier}.esm-bundler.js`,
+            `file://${pkgJsonPath}` || ''
+          )
+        )
+      })
+  }
+
   const alias: Alias[] = [
     { find: 'src', replacement: fileURLToPath(srcDir) },
     { find: 'app', replacement: fileURLToPath(appDir) },
     { find: 'cwd', replacement: fileURLToPath(cwd) },
     { find: 'boot', replacement: fileURLToPath(new URL('boot/', srcDir)) },
     { find: 'assets', replacement: fileURLToPath(new URL('assets/', srcDir)) },
-    // ...Object.entries(packageUrls).map(([key, value]) => ({
-    //   find: key,
-    //   replacement: value.pathname
-    // }))
     {
       find: new RegExp('^vue$'),
       replacement: fileURLToPath(
@@ -552,7 +574,8 @@ export const baseConfig = async ({
       replacement: fileURLToPath(
         new URL('./dist/vue-router.esm-bundler.js', packageUrls['vue-router'])
       )
-    }
+    },
+    ...vuePkgAliases
   ]
   if (mode === 'development' && vitrifyConfig.vitrify?.dev?.alias)
     alias.push(...vitrifyConfig.vitrify.dev.alias)

package/src/node/plugins/quasar.ts

@@ -1,13 +1,12 @@
 import type { Plugin } from 'vite'
-import { resolvePackageData } from 'vite'
 import { fileURLToPath } from 'url'
-import Components from 'unplugin-vue-components/vite'
 import type {
   OnBootHook,
   OnMountedHook,
   VitrifyConfig
 } from '../vitrify-config.js'
 import type { VitrifyPlugin } from './index.js'
+import { findDepPkgJsonPath } from 'vitefu'
 export interface QuasarConf {
   ctx?: Record<string, any>
   css?: string[]
@@ -114,11 +113,11 @@ export const QuasarPlugin: VitrifyPlugin = async ({
         // const localPackages: string[] = []
         await (async () => {
           for (const val of localPackages) {
-            const pkg = resolvePackageData(
+            const pkgDir = await findDepPkgJsonPath(
               val,
               fileURLToPath(config.vitrify!.urls!.app!)
             )
-            if (pkg) urls!.packages![val] = new URL(`file://${pkg.dir}/`)
+            if (pkgDir) urls!.packages![val] = new URL(`file://${pkgDir}`)
           }
         })()