apollo successfully migrated from v3 to v4

Author: iancdavis

package.json

@@ -127,6 +127,7 @@
   "homepage": "https://github.com/open-source-labs/ReacType#readme",
   "dependencies": {
     "@apollo/client": "^3.6.9",
+    "@apollo/server": "^4.4.1",
     "@babel/cli": "^7.18.10",
     "@babel/register": "^7.18.9",
     "@graphql-tools/schema": "^9.0.17",
@@ -147,6 +148,7 @@
     "autoprefixer": "^10.4.8",
     "babel-polyfill": "^6.26.0",
     "bcryptjs": "^2.4.3",
+    "body-parser": "^1.20.2",
     "cookie-parser": "^1.4.6",
     "cors": "^2.8.5",
     "d3": "^7.6.1",

server/server.js

@@ -1,13 +1,21 @@
-const { ApolloServer } = require('apollo-server-express');
+const { ApolloServer } = require('@apollo/server');//changed for v4
+
+//v4 Apollo imports
+import { expressMiddleware } from '@apollo/server/express4';
+import cors from 'cors';
+import { json } from 'body-parser';
+
+//possibly redundant
 const {makeExecutableSchema} = require('@graphql-tools/schema');
+
 const express = require('express');
 const cookieParser = require('cookie-parser');
 //const passport = require('passport');
 //const GitHubStrategy = require('passport-github2').Strategy;
 const { DEV_PORT } = require('../config');
 
 const path = require('path');
-const cors = require('cors');
+
 const userController = require('./controllers/userController');
 const cookieController = require('./controllers/cookieController');
 const sessionController = require('./controllers/sessionController');
@@ -131,10 +139,22 @@ const { dirname } = require('node:path');
 const schema = makeExecutableSchema({typeDefs, resolvers});
 
 const server = new ApolloServer({schema});
-(async function() {
-  await server.start()
-  server.applyMiddleware({ app, path: '/graphql' });
-}());
+//V3 syntax
+// (async function() {
+//   await server.start()
+//   server.applyMiddleware({ app, path: '/graphql' });
+// }());
+
+//v4 syntax
+await server.start()
+app.use(
+  '/graphql',
+  cors(),
+  json(),
+  expressMiddleware(server, {
+    context: async ({ req }) => ({ token: req.headers.token }),
+  }),
+);
 
 /** ****************************************************************** */