Merge branch 'source' into style-guide

Author: benjie

.eslintrc.cjs

@@ -109,6 +109,7 @@ module.exports = {
       rules: {
         "mdx/remark": "error",
         "no-unused-expressions": "off",
+        "react/jsx-no-undef": "off",
       },
     },
     {

.prettierignore

@@ -4,7 +4,8 @@ pnpm-lock.yaml
 !src/pages/blog/2024-04-11-announcing-new-graphql-website/index.mdx
 !src/pages/blog/2024-08-15-graphql-local-initiative.mdx
 !src/pages/community/foundation/community-grant.mdx
-!src/pages/blog/2025-06-01-graphiql-4/index.mdx
+!src/pages/blog/2025-05-31-graphiql-4/index.mdx
+!src/pages/blog/2025-06-10-graphiql-5/index.mdx
 *.jpg
 
 scripts/sync-sched/*.json

next.config.js

@@ -27,6 +27,25 @@ export default withLess(
   withNextra({
     // reactStrictMode: true, provoke duplicated codemirror editors
     webpack(config) {
+      // #region MDX
+      const mdxRule = config.module.rules.find(rule =>
+        rule.test?.test?.(".mdx"),
+      )
+      if (mdxRule) {
+        mdxRule.resourceQuery = {
+          not: /raw/,
+        }
+      }
+      // Instead of transforming MDX, with ?source we can get
+      // the raw content to process in a Server Component.
+      config.module.rules.push({
+        test: /\.mdx$/i,
+        resourceQuery: /raw/,
+        type: "asset/source",
+      })
+      // #endregion MDX
+
+      // #region SVGs
       const fileLoaderRule = config.module.rules.find(rule =>
         rule.test?.test?.(".svg"),
       )
@@ -62,9 +81,11 @@ export default withLess(
           },
         },
       )
+      // #endregion SVGs
 
       return config
     },
+    // Comment this out if you're working on OG images.
     output: "export",
     images: {
       loader: "custom",

package.json

@@ -3,7 +3,7 @@
   "type": "module",
   "repository": "graphql/graphql.github.io website",
   "private": true,
-  "packageManager": "[email protected].2",
+  "packageManager": "[email protected].9",
   "scripts": {
     "build": "next build && next-image-export-optimizer",
     "check:links": "lychee --verbose --no-progress './src/pages/**/*.mdx' --base https://graphql.org",
@@ -20,7 +20,7 @@
     "validate:snippets": "node scripts/validate-snippets.js"
   },
   "dependencies": {
-    "@graphql-tools/schema": "10.0.15",
+    "@graphql-tools/schema": "10.0.25",
     "@headlessui/react": "^2.2.4",
     "@radix-ui/react-radio-group": "^1.2.2",
     "@tailwindcss/container-queries": "^0.1.1",
@@ -33,6 +33,7 @@
     "codemirror-graphql": "1.3.2",
     "date-fns": "^2.30.0",
     "fast-glob": "^3.3.3",
+    "github-slugger": "2.0.0",
     "graphql": "16.10.0",
     "gray-matter": "^4.0.3",
     "hast-util-to-string": "3.0.1",
@@ -68,7 +69,7 @@
     "use-query-params": "^2.2.1"
   },
   "devDependencies": {
-    "@graphql-eslint/eslint-plugin": "4.3.0",
+    "@graphql-eslint/eslint-plugin": "4.4.0",
     "@next/eslint-plugin-next": "^15.3.3",
     "@svgr/webpack": "^8.1.0",
     "@types/codemirror": "5.60.16",

patches/[email protected]

@@ -9,3 +9,18 @@ index af0891e3c2084edd326f40e6e18107b193640e0b..885858fa17285fb75649cf0ebd2576d1
  import { createElement } from "react";
  const DEFAULT_COMPONENTS = {
    img: (props) => createElement(
+diff --git a/package.json b/package.json
+index 0625691ebc1d79d7b7d22bb3b001f00a57519772..53d4b0c951a762ae056004789c9aca819e0ade62 100644
+--- a/package.json
++++ b/package.json
+@@ -20,6 +20,10 @@
+       "import": "./dist/server/remark-plugins/index.js",
+       "types": "./dist/server/remark-plugins/index.d.ts"
+     },
++    "./rehype-plugins": {
++      "import": "./dist/server/rehype-plugins/index.js",
++      "types": "./dist/server/rehype-plugins/index.d.ts"
++    },
+     "./hooks": {
+       "import": "./dist/client/hooks/index.js",
+       "types": "./dist/client/hooks/index.d.ts"