vitrify 0.26.7 → 0.26.8

package/dist/bin/dev.js

@@ -103,9 +103,7 @@ ssr, framework = 'vue', host, appDir, publicDir, vite }) {
             setup,
             hooks: { onTemplateRendered, onAppRendered },
             vitrifyConfig
-        } =
-            // @ts-expect-error missing types
-            await environment.runner.import(entryUrl));
+        } = await environment.runner.import(entryUrl));
         app = fastify({
             logger: {
                 transport: {

package/dist/index.js

@@ -239,9 +239,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                         code = code.replace(/\/\/ @vitrify-pwa-only((.|\n)*)\/\/ @vitrify-pwa-only-end/, '');
                 }
                 if (['RootComponent.vue', 'vitrify'].every((val) => id.includes(val))) {
-                    const css = `${globalCss
-                        .map((css) => `@import '${css}';`)
-                        .join('\n')}\n`;
+                    const css = `${globalCss.map((css) => `@import '${css}';`).join('\n')}\n`;
                     const sass = [
                         ...Object.entries(sassVariables)
                             .filter(([key, value]) => value)
@@ -317,9 +315,7 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
                         return `import ${varName} from '${new URL(url, appDir).href}'; onAppMounted.push(${varName});`;
                     })
                         .join('\n')}
-            const onAppRendered = [${onAppRenderedHooks
-                        .map((fn) => `${String(fn)}`)
-                        .join(', ')}]
+            const onAppRendered = [${onAppRenderedHooks.map((fn) => `${String(fn)}`).join(', ')}]
             ${onAppRenderedFiles
                         .map((url, index) => {
                         const varName = fileURLToPath(url)
@@ -639,7 +635,8 @@ export const baseConfig = async ({ ssr, appDir, publicDir, base = '/', command =
         define: {
             __HOST__: `'localhost'`,
             __BASE_URL__: `'${base}'`,
-            __IS_PWA__: `${isPwa}`
+            __IS_PWA__: `${isPwa}`,
+            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: `'${debug ? true : false}'`
         },
         // environments: {
         // },

package/package.json

@@ -1,14 +1,33 @@
 {
   "name": "vitrify",
-  "version": "0.26.7",
+  "version": "0.26.8",
+  "description": "Vite as your Full Stack development tool",
+  "keywords": [
+    "fastify",
+    "full stack",
+    "vite"
+  ],
+  "homepage": "https://github.com/simsustech/vitrify/tree/main/#readme",
+  "bugs": {
+    "url": "https://github.com/simsustech/vitrify/issues"
+  },
   "license": "MIT",
   "author": "Stefan van Herwijnen",
-  "description": "Vite as your Full Stack development tool",
-  "type": "module",
-  "types": "./dist/types/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/simsustech/vitrify.git",
+    "directory": "packages/vitrify"
+  },
   "bin": {
     "vitrify": "./dist/bin/cli.js"
   },
+  "files": [
+    "dist",
+    "src",
+    "!dist/**/*.test.js"
+  ],
+  "type": "module",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -39,26 +58,18 @@
       "import": "./dist/hooks/index.d.ts"
     }
   },
-  "engines": {
-    "node": ">=24.0.0"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/simsustech/vitrify.git",
-    "directory": "packages/vitrify"
-  },
-  "bugs": {
-    "url": "https://github.com/simsustech/vitrify/issues"
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
   },
-  "homepage": "https://github.com/simsustech/vitrify/tree/main/#readme",
   "dependencies": {
     "@fastify/middie": "^9.3.2",
     "@fastify/one-line-logger": "^2.1.0",
     "@fastify/static": "^9.1.3",
-    "@unocss/core": "^66.7.0",
-    "@unocss/preset-uno": "^66.7.0",
-    "@unocss/preset-web-fonts": "66.7.0",
-    "@unocss/preset-wind": "^66.7.0",
+    "@unocss/core": "^66.7.2",
+    "@unocss/preset-uno": "^66.7.2",
+    "@unocss/preset-web-fonts": "66.7.2",
+    "@unocss/preset-wind": "^66.7.2",
     "@vitejs/plugin-vue": "^6.0.7",
     "ajv": "^8.20.0",
     "animated-unocss": "^0.0.6",
@@ -68,46 +79,46 @@
     "devalue": "^5.8.1",
     "fastify": "^5.8.5",
     "glob": "^13.0.6",
-    "happy-dom": "^20.9.0",
+    "happy-dom": "^20.10.2",
     "is-port-reachable": "^4.0.0",
     "magic-string": "^0.30.21",
     "merge-deep": "^3.0.3",
     "readline": "^1.3.0",
-    "rolldown": "1.0.3",
+    "rolldown": "1.1.1",
     "rollup-plugin-visualizer": "^7.0.1",
-    "sass": "1.100.0",
+    "sass": "1.101.0",
     "stringify-object": "^6.0.0",
     "ts-node": "^10.9.2",
-    "unocss": "^66.7.0",
+    "unocss": "^66.7.2",
     "unplugin-vue-components": "^32.1.0",
-    "vite": "^8.0.14",
+    "vite": "^8.0.16",
     "vite-plugin-pwa": "^1.3.0",
     "vitefu": "^1.1.3",
-    "vitest": "^4.1.7",
+    "vitest": "^4.1.8",
     "workbox-window": "^7.4.1"
   },
   "devDependencies": {
     "@iconify-json/mdi": "^1.2.3",
     "@pinia/colada": "^1.3.1",
-    "@quasar/extras": "^2.0.0",
+    "@quasar/extras": "^2.0.1",
     "@quasar/quasar-ui-qmarkdown": "^2.0.5",
-    "@quasar/quasar-ui-qmediaplayer": "^2.0.0-beta.0",
+    "@quasar/quasar-ui-qmediaplayer": "^3.0.0-rc.0",
     "@types/connect": "^3.4.38",
     "@types/glob": "^9.0.0",
     "@types/merge-deep": "^3.0.3",
-    "@types/node": "^25.9.1",
+    "@types/node": "^25.9.3",
     "@types/stringify-object": "^4.0.5",
     "@types/ws": "^8.18.1",
-    "@unocss/preset-icons": "^66.7.0",
-    "@vue/runtime-core": "^3.5.35",
+    "@unocss/preset-icons": "^66.7.2",
+    "@vue/runtime-core": "^3.5.38",
     "beasties": "^0.4.2",
     "css": "^3.0.0",
     "css-to-tailwind-translator": "^1.2.8",
     "pinia": "^3.0.4",
-    "quasar": "^2.19.3",
-    "rollup": "^4.60.4",
+    "quasar": "^2.20.0",
+    "rollup": "^4.61.1",
     "typescript": "^6.0.3",
-    "vue": "^3.5.35",
+    "vue": "^3.5.38",
     "vue-router": "^5.1.0"
   },
   "peerDependencies": {
@@ -115,24 +126,13 @@
     "@pinia/colada": "^1.3.1",
     "fastify": "^5.8.5",
     "pinia": "^3.0.4",
-    "quasar": "^2.19.3",
-    "vue": "^3.5.35",
+    "quasar": "^2.20.0",
+    "vue": "^3.5.38",
     "vue-router": "^5.1.0"
   },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
+  "engines": {
+    "node": ">=24.0.0"
   },
-  "files": [
-    "dist",
-    "src",
-    "!dist/**/*.test.js"
-  ],
-  "keywords": [
-    "vite",
-    "full stack",
-    "fastify"
-  ],
   "scripts": {
     "build": "tsc",
     "test": "vitest test/"

package/src/node/bin/dev.ts

@@ -3,7 +3,8 @@ import {
   type InlineConfig,
   type ViteDevServer,
   resolveConfig,
-  ResolvedConfig
+  ResolvedConfig,
+  RunnableDevEnvironment
 } from 'vite'
 import { baseConfig } from '../index.js'
 import type { Server } from 'net'
@@ -54,9 +55,8 @@ export async function createVitrifyDevServer({
   publicDir?: URL
   base?: string
 }) {
-  const { getAppDir, getCliDir, getCliViteDir, getCwd } = await import(
-    '../app-urls.js'
-  )
+  const { getAppDir, getCliDir, getCliViteDir, getCwd } =
+    await import('../app-urls.js')
 
   if (!appDir) appDir = getAppDir()
   let config: InlineConfig | ResolvedConfig = {}
@@ -144,9 +144,8 @@ export async function createServer({
   publicDir?: URL
   vite?: ViteDevServer
 }) {
-  const { getAppDir, getCliDir, getCliViteDir, getCwd } = await import(
-    '../app-urls.js'
-  )
+  const { getAppDir, getCliDir, getCliViteDir, getCwd } =
+    await import('../app-urls.js')
 
   appDir = appDir || getAppDir()
   const cliDir = getCliDir()
@@ -177,14 +176,12 @@ export async function createServer({
         ? fileURLToPath(new URL('src/vite/fastify/entry.ts', cliDir))
         : fileURLToPath(new URL(`src/vite/${framework}/ssr/app.ts`, cliDir))
 
-    const environment = vite.environments.ssr
+    const environment = vite.environments.ssr as RunnableDevEnvironment
     ;({
       setup,
       hooks: { onTemplateRendered, onAppRendered },
       vitrifyConfig
-    } =
-      // @ts-expect-error missing types
-      await environment.runner.import(entryUrl))
+    } = await environment.runner.import(entryUrl))
 
     app = fastify({
       logger: {

package/src/node/index.ts

@@ -314,9 +314,7 @@ export const baseConfig = async ({
             )
         }
         if (['RootComponent.vue', 'vitrify'].every((val) => id.includes(val))) {
-          const css = `${globalCss
-            .map((css) => `@import '${css}';`)
-            .join('\n')}\n`
+          const css = `${globalCss.map((css) => `@import '${css}';`).join('\n')}\n`
 
           const sass = [
             ...Object.entries(sassVariables)
@@ -398,9 +396,7 @@ export const baseConfig = async ({
                 }'; onAppMounted.push(${varName});`
               })
               .join('\n')}
-            const onAppRendered = [${onAppRenderedHooks
-              .map((fn) => `${String(fn)}`)
-              .join(', ')}]
+            const onAppRendered = [${onAppRenderedHooks.map((fn) => `${String(fn)}`).join(', ')}]
             ${onAppRenderedFiles
               .map((url, index) => {
                 const varName = fileURLToPath(url)
@@ -436,9 +432,7 @@ export const baseConfig = async ({
                 }'; onTemplateRendered.push(${varName});`
               })
               .join('\n')}
-            const onAppCreated = [${OnAppCreatedHooks.map(
-              (fn) => `${String(fn)}`
-            ).join(', ')}]
+            const onAppCreated = [${OnAppCreatedHooks.map((fn) => `${String(fn)}`).join(', ')}]
             ${onAppCreatedFiles
               .map((url, index) => {
                 const varName = fileURLToPath(url)
@@ -760,7 +754,8 @@ export const baseConfig = async ({
     define: {
       __HOST__: `'localhost'`,
       __BASE_URL__: `'${base}'`,
-      __IS_PWA__: `${isPwa}`
+      __IS_PWA__: `${isPwa}`,
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: `'${debug ? true : false}'`
     },
     // environments: {
     // },

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

@@ -42,9 +42,8 @@ const piniaColadaonAppCreated: OnAppCreatedHook = async ({
   initialState
 }) => {
   if (ctx.pinia) {
-    const { PiniaColada, hydrateQueryCache, useQueryCache } = await import(
-      '@pinia/colada'
-    )
+    const { PiniaColada, hydrateQueryCache, useQueryCache } =
+      await import('@pinia/colada')
     app.use(PiniaColada)
 
     if (initialState?.piniaColada) {