[lexical-playground][examples/*] Refactor: Unify vite dev/prod/example configurations (#7208)

Author: etrepum

.eslintignore

@@ -8,8 +8,6 @@
 **/*.js.flow
 **/*.d.ts
 **/playwright*/**
-**/vite.config.js
-**/vite.prod.config.js
 **/node_modules
 .ts-temp
 **/.docusaurus

.prettierignore

@@ -11,8 +11,6 @@
 packages/**/.wxt/**
 packages/playwright
 packages/playwright-core
-packages/**/vite.config.js
-packages/**/vite.prod.config.js
 packages/lexical-website/docs/api
 packages/lexical-website/fb/*.json
 **/*.md

examples/react-plain-text/package-lock.json

@@ -5,6 +5,7 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
+    "monorepo:dev": "cross-env LEXICAL_MONOREPO=1 npm run dev --",
     "build": "tsc && vite build",
     "preview": "vite preview"
   },
@@ -18,6 +19,7 @@
     "@types/react": "^18.2.59",
     "@types/react-dom": "^18.2.19",
     "@vitejs/plugin-react": "^4.2.1",
+    "cross-env": "^7.0.3",
     "typescript": "^5.2.2",
     "vite": "^5.2.11"
   }

examples/react-plain-text/package.json

@@ -9,6 +9,18 @@ import react from '@vitejs/plugin-react';
 import {defineConfig} from 'vite';
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [react()],
-});
+export default defineConfig(async () => ({
+  plugins: [
+    react(),
+    // This is only used for development in the lexical repository
+    ...(process.env.LEXICAL_MONOREPO === '1'
+      ? [
+          (
+            await import(
+              '../../packages/shared/lexicalMonorepoPlugin' as string
+            )
+          ).default(),
+        ]
+      : []),
+  ],
+}));