feat: update vite version

Author: HideInMatrix

.github/workflows/deploy-playground-pages.yml

@@ -31,7 +31,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v6
         with:
-          node-version: 20
+          node-version: 22
           cache: pnpm
 
       - name: Configure GitHub Pages

.gitignore

@@ -4,3 +4,4 @@ dist
 .DS_Store
 test-results
 *.tsbuildinfo
+pnpm-lock.yaml

apps/playground/package.json

@@ -41,14 +41,13 @@
     "yjs": "^13.6.23"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.2.1",
+    "@tailwindcss/postcss": "^4.2.1",
     "@types/react": "^19.0.12",
     "@types/react-dom": "^19.0.5",
     "@unocss/preset-wind4": "^66.6.6",
-    "@vitejs/plugin-react": "^4.4.1",
+    "@vitejs/plugin-react": "^6.0.1",
     "tailwindcss": "^4.2.1",
     "unocss": "^66.6.6",
-    "vite": "^6.2.0",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite": "^8.0.0"
   }
 }

apps/playground/postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};

apps/playground/src/playground/constants.ts

@@ -2,7 +2,7 @@ import type { Editor } from "@mxm-editor/core";
 import type { MentionItem } from "@mxm-editor/extension-mention";
 
 export const sampleImageUrl =
-  "/tiptap-placeholder-image.svg";
+  `${import.meta.env.BASE_URL}tiptap-placeholder-image.svg`;
 
 export const accentRoseColor = "#d9485f";
 export const accentOceanColor = "#2f7cf6";

apps/playground/vite.config.ts

@@ -1,7 +1,5 @@
 import { defineConfig, loadEnv } from "vite";
 import react from "@vitejs/plugin-react";
-import tailwindcss from "@tailwindcss/vite";
-import tsconfigPaths from "vite-tsconfig-paths";
 import UnoCSS from "unocss/vite";
 
 const fromRoot = (path: string) => new URL(path, import.meta.url).pathname;
@@ -46,7 +44,7 @@ function resolveGitHubPagesBase(env: Record<string, string>) {
     : `/${repo}/`;
 }
 
-const editorCorePackages = [
+const editorPackages = [
   "/packages/pm/",
   "/packages/core/",
   "/packages/react/",
@@ -109,8 +107,6 @@ const editorCorePackages = [
   "/packages/list-kit/",
   "/packages/table-kit/",
   "/packages/text-style-kit/",
-];
-const editorFeaturePackages = [
   "/packages/extension-callout/",
   "/packages/extension-drag-handle/",
   "/packages/extension-emoji/",
@@ -134,11 +130,9 @@ export default defineConfig(({ mode }) => {
     base: resolveGitHubPagesBase(env),
     plugins: [
       react(),
-      tailwindcss(),
       UnoCSS({
         configFile: fromRoot("./uno.config.ts"),
       }),
-      tsconfigPaths(),
     ],
     build: {
       rollupOptions: {
@@ -185,12 +179,8 @@ export default defineConfig(({ mode }) => {
               return "editor-collaboration";
             }
 
-            if (includesAny(id, editorFeaturePackages)) {
-              return "editor-features";
-            }
-
-            if (includesAny(id, editorCorePackages)) {
-              return "editor-core";
+            if (includesAny(id, editorPackages)) {
+              return "editor-bundle";
             }
 
             return undefined;
@@ -199,6 +189,7 @@ export default defineConfig(({ mode }) => {
       },
     },
     resolve: {
+      tsconfigPaths: true,
       alias: {
       "@mxm-editor/pm": fromRoot("../../packages/pm/src/index.ts"),
       "@mxm-editor/core": fromRoot("../../packages/core/src/index.ts"),