Update vite version to 6 (#183)

Author: CordlessWool

.changeset/smart-ducks-dance.md

@@ -0,0 +1,5 @@
+---
+"embodi": minor
+---
+
+Update vite to version 6

package.json

@@ -10,12 +10,12 @@
     "prepublishOnly": "pnpm run --recursive prepublishOnly"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.27.11",
+    "@changesets/cli": "^2.28.1",
     "@faker-js/faker": "^8.4.1",
-    "@playwright/test": "^1.49.1",
-    "@types/node": "^22.10.3",
-    "playwright": "^1.49.1",
-    "publint": "^0.2.12",
-    "vitest": "^2.1.8"
+    "@playwright/test": "^1.51.1",
+    "@types/node": "^22.13.11",
+    "playwright": "^1.51.1",
+    "publint": "^0.3.9",
+    "vitest": "^3.0.9"
   }
 }

packages/e2e/package.json

@@ -11,6 +11,6 @@
   },
   "devDependencies": {
     "embodi": "workspace:*",
-    "svelte": "^5.2.0"
+    "svelte": "^5.23.2"
   }
 }

packages/embodi/package.json

@@ -41,15 +41,15 @@
 	"type": "module",
 	"devDependencies": {
 		"@loom-io/in-memory-adapter": "0.12.11",
-		"@sveltejs/package": "^2.3.7",
+		"@sveltejs/package": "^2.3.10",
 		"@types/markdown-it": "^14.1.2",
 		"@types/minimist": "^1.2.5",
-		"rollup": "^4.26.0"
+		"rollup": "^4.36.0"
 	},
 	"peerDependencies": {
-		"svelte": "^5.1.0",
-		"typescript": "^5.0.0",
-		"vite": "^5.2.11"
+		"svelte": "^5.23.0",
+		"typescript": "^5.2.0",
+		"vite": "^6.2.0"
 	},
 	"dependencies": {
 		"@loom-io/converter": "0.12.11",
@@ -58,13 +58,13 @@
 		"@loom-io/json-converter": "0.12.11",
 		"@loom-io/node-filesystem-adapter": "^0.12.11",
 		"@loom-io/yaml-converter": "0.12.11",
-		"@modyfi/vite-plugin-yaml": "^1.1.0",
-		"@sveltejs/vite-plugin-svelte": "^4.0.0",
+		"@modyfi/vite-plugin-yaml": "^1.1.1",
+		"@sveltejs/vite-plugin-svelte": "^5.0.3",
 		"front-matter": "^4.0.2",
 		"markdown-it": "^14.1.0",
 		"minimist": "^1.2.8",
 		"pipe-and-combine": "^0.5.7",
-		"vitest": "^2.1.5"
+		"vitest": "^3.0.9"
 	},
 	"repository": {
 		"type": "git",

packages/embodi/src/core/vite/plugins/battery.ts

@@ -1,9 +1,10 @@
 import { normalize } from 'node:path';
 import type { Plugin } from 'vite';
 
+
 const normalizeImportPath = (path: string) => normalize(path).replaceAll('\\', '\\\\');
 
-export function embodiBattery() {
+export function embodiBattery(): Plugin {
 	return {
 		name: 'vite-embodi-battery',
 
@@ -18,5 +19,5 @@ export function embodiBattery() {
 				return `export * from '${normalizeImportPath(id.slice(1, -10))}';`;
 			}
 		}
-	} satisfies Plugin;
+	};
 }

packages/embodi/src/core/vite/plugins/embodi.ts

@@ -29,43 +29,43 @@ import { generateInternalStores, generateReadableStores } from '../code-builder/
 const cwd = process.cwd(); // Current working directory
 const cf = resolve(dirname(fileURLToPath(import.meta.url)), '..'); // core folder
 
-export const configPlugin = () =>
-	({
-		name: 'embodi-config-plugin',
-		async config(config, env) {
-			const projectConfig = await loadConfig(cwd);
-			const ssr = env.isSsrBuild;
-			const distBase = projectConfig.dist ?? 'dist';
-			const newConfig: UserConfig = {
-				...config,
-				...projectConfig.viteConfig,
-				root: cwd,
-				resolve: {
-					...config.resolve,
-					alias: {
-						'$embodi/*': resolve(cf, './virtual-modules/embodi/*'),
-						$layout: resolve(cwd, projectConfig.inputDirs.layout)
-					}
-				},
-				build: {
-					target: 'ES2022',
-					emptyOutDir: true,
-					ssr,
-					ssrManifest: !ssr,
-					manifest: !ssr,
-					outDir: ssr ? join(distBase, 'server') : join(distBase, 'static'),
-					rollupOptions: {
-						input: ssr
-							? resolve(cf, '../app/entry-server.js')
-							: { client: resolve(cf, '../app/entry-client.js') }
-					}
-				}
-			};
-			return newConfig;
-		}
-	}) satisfies Plugin;
+export const configPlugin = (): Plugin =>
+({
+  name: 'embodi-config-plugin',
+  async config(config, env) {
+    const projectConfig = await loadConfig(cwd);
+    const ssr = env.isSsrBuild;
+    const distBase = projectConfig.dist ?? 'dist';
+    const newConfig: UserConfig = {
+      ...config,
+      ...projectConfig.viteConfig,
+      root: cwd,
+      resolve: {
+        ...config.resolve,
+        alias: {
+          '$embodi/*': resolve(cf, './virtual-modules/embodi/*'),
+          $layout: resolve(cwd, projectConfig.inputDirs.layout)
+        }
+      },
+      build: {
+        target: 'ES2022',
+        emptyOutDir: true,
+        ssr,
+        ssrManifest: !ssr,
+        manifest: !ssr,
+        outDir: ssr ? join(distBase, 'server') : join(distBase, 'static'),
+        rollupOptions: {
+          input: ssr
+            ? resolve(cf, '../app/entry-server.js')
+            : { client: resolve(cf, '../app/entry-client.js') }
+        }
+      }
+    };
+    return newConfig;
+  }
+});
 
-export const virtualPlugin = () =>
+export const virtualPlugin = (): Plugin =>
 	({
 		name: 'embodi-virtual-plugin',
 		async resolveId(id) {
@@ -139,9 +139,9 @@ export const virtualPlugin = () =>
 				}
 			});
 		}
-	}) satisfies Plugin;
+	});
 
-export const prerenderPlugin = () => {
+export const prerenderPlugin = (): Plugin => {
 	let isSsr = false;
 	return {
 		name: 'embodi-prerender-plugin',
@@ -160,10 +160,10 @@ export const prerenderPlugin = () => {
 				statics
 			});
 		}
-	} satisfies Plugin;
+	};
 };
 
-export const devServerPlugin = () =>
+export const devServerPlugin = (): Plugin =>
 	({
 		name: 'embodi-dev-server-plugin',
 
@@ -219,4 +219,4 @@ export const devServerPlugin = () =>
 
 			server.middlewares.use(devServer);
 		}
-	}) satisfies Plugin;
+	});

packages/embodi/src/core/vite/plugins/svelte.ts

@@ -1,6 +1,6 @@
 import type { Plugin } from 'vite';
 
-export function embodiSvelte() {
+export function embodiSvelte(): Plugin {
 	return {
 		name: 'vite-embodi-svelte',
 
@@ -14,5 +14,5 @@ export function embodiSvelte() {
 				return `export { default as Component } from '/${id.slice(2, -7)}';`;
 			}
 		}
-	} satisfies Plugin;
+	};
 }

packages/embodi/src/core/vite/utils/parser-plugin.ts

@@ -15,7 +15,7 @@ export interface ContentParserPluginConfig {
 	convertContent: (content: string, data: unknown) => string;
 }
 
-export function createContentParserPlugin(config: ContentParserPluginConfig) {
+export function createContentParserPlugin(config: ContentParserPluginConfig): Plugin {
 	const { name, fileType, convertContent } = config;
 	const embodiFormat = `.${fileType}.embodi`;
 	const format = `.${fileType}`;
@@ -39,6 +39,7 @@ export function createContentParserPlugin(config: ContentParserPluginConfig) {
 				//@ts-ignore
 				const { attributes, body } = fm<PageData>(code);
 				const content = convertContent(body, attributes);
+				console.log('load Markdown id:', id);
 				const { layout } = attributes;
 				let result = `export const data = ${JSON.stringify(attributes)}; export const html = ${JSON.stringify(content)};`;
 				if (layout) {
@@ -51,5 +52,5 @@ export function createContentParserPlugin(config: ContentParserPluginConfig) {
 				};
 			}
 		}
-	} satisfies Plugin;
+	};
 }