Merge branch 'v4' into react19

Author: dimaMachina

.changeset/late-trains-train.md

@@ -0,0 +1,8 @@
+---
+'@graphiql/plugin-code-exporter': minor
+'@graphiql/plugin-explorer': minor
+'@graphiql/react': minor
+'graphiql': minor
+---
+
+update `vite` and related dependencies

packages/graphiql-plugin-code-exporter/package.json

@@ -42,10 +42,9 @@
     "@graphiql/react": "^0.29.0",
     "@vitejs/plugin-react": "^4.4.1",
     "graphql": "^16.9.0",
-    "postcss-nesting": "^10.1.7",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "typescript": "^4.6.3",
-    "vite": "^5.4.18"
+    "vite": "^6.3.3"
   }
 }

packages/graphiql-plugin-code-exporter/postcss.config.js

@@ -6,6 +6,9 @@ const IS_UMD = process.env.UMD === 'true';
 
 export default defineConfig({
   plugins: [react({ jsxRuntime: 'classic' })],
+  css: {
+    transformer: 'lightningcss',
+  },
   build: {
     minify: IS_UMD ? 'esbuild' : false,
     // avoid clean cjs/es builds
@@ -16,6 +19,7 @@ export default defineConfig({
         `${filePath}.${format === 'umd' ? 'umd.' : ''}js`,
       name: 'GraphiQLPluginCodeExporter',
       formats: IS_UMD ? ['umd'] : ['es'],
+      cssFileName: 'style',
     },
     rollupOptions: {
       external: [

packages/graphiql-plugin-code-exporter/vite.config.mts

@@ -44,7 +44,7 @@
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "typescript": "^4.6.3",
-    "vite": "^5.4.18",
-    "vite-plugin-svgr": "^4.2.0"
+    "vite": "^6.3.3",
+    "vite-plugin-svgr": "^4.3.0"
   }
 }

packages/graphiql-plugin-explorer/package.json

@@ -15,6 +15,9 @@ export default defineConfig({
       },
     }),
   ],
+  css: {
+    transformer: 'lightningcss',
+  },
   build: {
     minify: IS_UMD ? 'esbuild' : false,
     // avoid clean cjs/es builds
@@ -25,6 +28,7 @@ export default defineConfig({
         `${filePath}.${format === 'umd' ? 'umd.' : ''}js`,
       name: 'GraphiQLPluginExplorer',
       formats: IS_UMD ? ['umd'] : ['es'],
+      cssFileName: 'style',
     },
     rollupOptions: {
       external: [

packages/graphiql-plugin-explorer/vite.config.mts

@@ -74,14 +74,13 @@
     "@types/markdown-it": "^14.1.2",
     "@types/get-value": "^3.0.5",
     "@types/set-value": "^4.0.1",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@vitejs/plugin-react": "^4.4.1",
     "graphql": "^16.9.0",
-    "postcss-nesting": "^10.1.7",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "typescript": "^4.6.3",
-    "vite": "^5.4.18",
-    "vite-plugin-svgr": "^4.2.0",
+    "vite": "^6.3.3",
+    "vite-plugin-svgr": "^4.3.0",
     "vite-plugin-dts": "^4.5.3"
   }
 }

packages/graphiql-react/package.json

@@ -2,8 +2,6 @@
 import { defineConfig, PluginOption } from 'vite';
 import react from '@vitejs/plugin-react';
 import svgr from 'vite-plugin-svgr';
-// @ts-expect-error -- no types
-import postCssNestingPlugin from 'postcss-nesting';
 import type { PluginOptions as ReactCompilerConfig } from 'babel-plugin-react-compiler';
 import packageJSON from './package.json' assert { type: 'json' };
 import dts from 'vite-plugin-dts';
@@ -65,9 +63,7 @@ export const plugins: PluginOption[] = [
 export default defineConfig({
   plugins,
   css: {
-    postcss: {
-      plugins: [postCssNestingPlugin()],
-    },
+    transformer: 'lightningcss',
   },
   build: {
     minify: false,
@@ -79,6 +75,7 @@ export default defineConfig({
         return `${filePath}.js`;
       },
       formats: ['es'],
+      cssFileName: 'style',
     },
     rollupOptions: {
       external: [

packages/graphiql-react/postcss.config.js

@@ -58,11 +58,11 @@
     "react-dom": "^18 || ^19"
   },
   "devDependencies": {
+    "lightningcss": "^1.29.3",
     "babel-plugin-react-compiler": "19.1.0-rc.1",
-    "vite-plugin-dts": "^4.3.0",
-    "vite": "^5.3.6",
-    "postcss-lightningcss": "^1.0.1",
-    "@vitejs/plugin-react": "^4.3.1",
+    "vite-plugin-dts": "^4.5.3",
+    "vite": "^6.3.3",
+    "@vitejs/plugin-react": "^4.4.1",
     "@graphiql/toolkit": "^0.11.2",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
@@ -72,8 +72,6 @@
     "graphql": "^16.9.0",
     "graphql-http": "^1.22.1",
     "graphql-subscriptions": "^2.0.0",
-    "postcss": "8.4.31",
-    "postcss-import": "15.1.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "start-server-and-test": "^1.10.11",