From 2c103e1163e7c8d9935479b0df8a5c0df5e081fb Mon Sep 17 00:00:00 2001 From: Jamie Barton Date: Mon, 27 Oct 2025 16:46:18 +0000 Subject: [PATCH 1/4] mention turbopack and fix file extension --- docs/migration/graphiql-5.0.0.md | 3 +-- examples/graphiql-nextjs/src/app/{page.ts => page.tsx} | 0 2 files changed, 1 insertion(+), 2 deletions(-) rename examples/graphiql-nextjs/src/app/{page.ts => page.tsx} (100%) diff --git a/docs/migration/graphiql-5.0.0.md b/docs/migration/graphiql-5.0.0.md index 15b8c7f66c..d4e096997f 100644 --- a/docs/migration/graphiql-5.0.0.md +++ b/docs/migration/graphiql-5.0.0.md @@ -3,7 +3,6 @@ Starting from GraphiQL 5, you need to set up Monaco workers in your project: - For **Vite** projects you must: - 1. Install `vite-plugin-monaco-editor` package: ```sh @@ -40,7 +39,7 @@ Starting from GraphiQL 5, you need to set up Monaco workers in your project: > > See [Vite example](../../examples/graphiql-vite/src/App.jsx). -- For Webpack projects such as **Next.js** you must import: +- For Webpack (and Turbopack) projects such as **Next.js** you must import: ```js import 'graphiql/setup-workers/webpack'; diff --git a/examples/graphiql-nextjs/src/app/page.ts b/examples/graphiql-nextjs/src/app/page.tsx similarity index 100% rename from examples/graphiql-nextjs/src/app/page.ts rename to examples/graphiql-nextjs/src/app/page.tsx From 5699f648190eeb6fc0db6948a8e40ae4e96946c2 Mon Sep 17 00:00:00 2001 From: Dimitri POSTOLOV Date: Sun, 30 Nov 2025 09:05:49 +0200 Subject: [PATCH 2/4] Rename page.tsx to page.ts --- examples/graphiql-nextjs/src/app/{page.tsx => page.ts} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename examples/graphiql-nextjs/src/app/{page.tsx => page.ts} (100%) diff --git a/examples/graphiql-nextjs/src/app/page.tsx b/examples/graphiql-nextjs/src/app/page.ts similarity index 100% rename from examples/graphiql-nextjs/src/app/page.tsx rename to examples/graphiql-nextjs/src/app/page.ts From c6859ad3eda889bf4e138bd571b2bb618227d270 Mon Sep 17 00:00:00 2001 From: Dimitri POSTOLOV Date: Sun, 30 Nov 2025 09:06:10 +0200 Subject: [PATCH 3/4] Update docs/migration/graphiql-5.0.0.md --- docs/migration/graphiql-5.0.0.md | 1 + 1 file changed, 1 insertion(+) diff --git a/docs/migration/graphiql-5.0.0.md b/docs/migration/graphiql-5.0.0.md index d4e096997f..d624c22ac8 100644 --- a/docs/migration/graphiql-5.0.0.md +++ b/docs/migration/graphiql-5.0.0.md @@ -3,6 +3,7 @@ Starting from GraphiQL 5, you need to set up Monaco workers in your project: - For **Vite** projects you must: + 1. Install `vite-plugin-monaco-editor` package: ```sh From 2d5d2608c1e9cc564da5f0a7ecdcb1a35da6aad1 Mon Sep 17 00:00:00 2001 From: Dimitri POSTOLOV Date: Sun, 30 Nov 2025 09:07:41 +0200 Subject: [PATCH 4/4] Update README.md --- examples/graphiql-nextjs/README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/examples/graphiql-nextjs/README.md b/examples/graphiql-nextjs/README.md index 2c7e890cd2..803090ee9e 100644 --- a/examples/graphiql-nextjs/README.md +++ b/examples/graphiql-nextjs/README.md @@ -16,4 +16,4 @@ bun dev Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. -You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. +You can start editing the page by modifying [`src/app/graphiql.tsx`](./src/app/graphiql.tsx). The page auto-updates as you edit the file.