Revert website on next to 16.x.x version (#4577)

All changes not currently in 16.x.x were extracted into #4551

This PR aligns next and v17-alpha (which is next rebased on 16.x.x), so
after we switch to v17-alpha (the next version of next), proper
attribution and history of all changes will be preserved. This commit
just allows us to prove more decisively that next and v17-alpha are
content equivalent.

Author: yaacovCR

website/.eslintignore

@@ -0,0 +1,2 @@
+/pages/_document.tsx
+/pages/_app.tsx

website/docs/tutorials/defer-stream.md

@@ -1,12 +1,11 @@
-/* eslint-disable camelcase */
-import path from 'node:path';
 import fs from 'node:fs';
+import path from 'node:path';
+
+import nextra from 'nextra';
 
 const fileContents = fs.readFileSync('./vercel.json', 'utf-8');
 const vercel = JSON.parse(fileContents);
 
-import nextra from 'nextra';
-
 const withNextra = nextra({
   theme: 'nextra-theme-docs',
   themeConfig: './theme.config.tsx',
@@ -33,7 +32,7 @@ export default withNextra({
     });
     return config;
   },
-  redirects: async () => vercel.redirects,
+  redirects: () => vercel.redirects,
   output: 'export',
   images: {
     loader: 'custom',
@@ -42,6 +41,7 @@ export default withNextra({
   },
   transpilePackages: ['next-image-export-optimizer'],
   env: {
+    /* eslint-disable camelcase */
     nextImageExportOptimizer_imageFolderPath: 'public/images',
     nextImageExportOptimizer_exportFolderPath: 'out',
     nextImageExportOptimizer_quality: '75',
@@ -54,6 +54,7 @@ export default withNextra({
     // If you want to cache the remote images, you can set the time to live of the cache in seconds.
     // The default value is 0 seconds.
     nextImageExportOptimizer_remoteImageCacheTTL: '0',
+    /* eslint-enable camelcase */
   },
   trailingSlash: true,
 });

website/next.config.js

@@ -1,6 +1,9 @@
+/* eslint-disable camelcase, new-cap, react/react-in-jsx-scope, react/no-unknown-property */
+
 import type { AppProps } from 'next/app';
 import { Roboto_Flex, Roboto_Mono } from 'next/font/google';
 
+// eslint-disable-next-line import/no-unassigned-import
 import '../css/globals.css';
 
 const robotoFlex = Roboto_Flex({

website/pages/_app.tsx

@@ -1,4 +1,6 @@
-import { Html, Head, Main, NextScript } from 'next/document';
+/* eslint-disable react/react-in-jsx-scope */
+
+import { Head, Html, Main, NextScript } from 'next/document';
 
 export default function Document() {
   return (

website/pages/_document.tsx

@@ -219,7 +219,7 @@ const editedAST = visit(ast, {
 
 Alternatively to providing enter() and leave() functions, a visitor can
 instead provide functions named the same as the kinds of AST nodes, or
-enter/leave visitors at a named key, leading to four permutations of
+enter/leave visitors at a named key, leading to three permutations of
 visitor API:
 
 1. Named visitors triggered when entering a node a specific kind.
@@ -261,23 +261,6 @@ visit(ast, {
 });
 ```
 
-4. Parallel visitors for entering and leaving nodes of a specific kind.
-
-```js
-visit(ast, {
-  enter: {
-    Kind(node) {
-      // enter the "Kind" node
-    },
-  },
-  leave: {
-    Kind(node) {
-      // leave the "Kind" node
-    },
-  },
-});
-```
-
 ### `BREAK`
 
 The sentinel `BREAK` value described in the documentation of `visitor`.

website/pages/api-v16/language.mdx

@@ -38,6 +38,15 @@ const meta = {
   'using-directives': '',
   'authorization-strategies': '',
   '-- 4': {
+    type: 'separator',
+    title: 'Testing',
+  },
+  'testing-graphql-servers': '',
+  'testing-approaches': '',
+  'testing-operations': '',
+  'testing-resolvers': '',
+  'testing-best-practices': '',
+  '-- 5': {
     type: 'separator',
     title: 'Production & Scaling',
   },

website/pages/docs/_meta.ts

@@ -78,7 +78,7 @@ graphql({
   schema,
   source: '{ hello }',
 }).then((response) => {
-  console.log(JSON.stringify(response, null, 2));
+  console.log(response);
 });
 ```
 </Tabs.Tab>

website/pages/docs/getting-started.mdx

@@ -230,26 +230,6 @@ type Query {
 	getMessages: [Message]
 }
 
-const root = {
-	getMessage: ({ id }) => {
-		return fakeDatabase[id]
-	},
-	getMessages: () => {
-		return Object.values(fakeDatabase)
-	},
-	createMessage: ({ input }) => {
-		const id = String(Object.keys(fakeDatabase).length + 1)
-		const message = new Message(id, input)
-		fakeDatabase[id] = message
-		return message
-	},
-	updateMessage: ({ id, input }) => {
-		const message = fakeDatabase[id]
-		Object.assign(message, input)
-		return message
-	}
-}
-
 type Mutation {
   createMessage(input: MessageInput): Message
   updateMessage(id: ID!, input: MessageInput): Message
@@ -265,6 +245,26 @@ class Message {
   }
 }
 
+const root = {
+  getMessage: ({ id }) => {
+    return fakeDatabase[id]
+  },
+  getMessages: () => {
+    return Object.values(fakeDatabase)
+  },
+  createMessage: ({ input }) => {
+    const id = String(Object.keys(fakeDatabase).length + 1)
+    const message = new Message(id, input)
+    fakeDatabase[id] = message
+    return message
+  },
+  updateMessage: ({ id, input }) => {
+    const message = fakeDatabase[id]
+    Object.assign(message, input)
+    return message
+  }
+}
+
 const app = express();
 app.all(
   '/graphql',

website/pages/docs/mutations-and-input-types.mdx

@@ -13,7 +13,7 @@ The simplest way to run a GraphQL API server is to use [Express](https://express
 npm install express graphql-http graphql --save
 ```
 
-Let's modify our “hello world” example so that it's an API server rather than a script that runs a single query. We can use the 'express' module to run a web server, and instead of executing a query directly with the `graphql` function, we can use the `graphql-http` library to mount a GraphQL API server on the “/graphql” HTTP endpoint:
+Let's modify our "hello world" example so that it's an API server rather than a script that runs a single query. We can use the 'express' module to run a webserver, and instead of executing a query directly with the `graphql` function, we can use the `graphql-http` library to mount a GraphQL API server on the "/graphql" HTTP endpoint:
 
 <Tabs items={['SDL', 'Code']}>
   <Tabs.Tab>