fix bugs related to ES module vs commonJS conflicts. Apollo server v4 now stable and connecting to mongoDB.

Author: iancdavis

app/electron/main.js

@@ -20,10 +20,10 @@ const {
 const { resolve } = require('app-root-path');
 
 // to install react dev tool extension
-const {
-  default: installExtension,
-  REACT_DEVELOPER_TOOLS
-} = require('electron-devtools-installer');
+// const {
+//   default: installExtension,
+//   REACT_DEVELOPER_TOOLS
+// } = require('electron-devtools-installer');
 const debug = require('electron-debug');
 
 // import custom protocol in protocol.js

package.json

@@ -67,7 +67,7 @@
   "scripts": {
     "postinstall": "set ELECTRON_BUILDER_ALLOW_UNRESOLVED_DEPENDENCIES=true electron-builder install-app-deps",
     "dev-server": "cross-env NODE_ENV=development webpack-dev-server --config ./webpack.development.js",
-    "dev": "concurrently -k \"cross-env NODE_ENV=development webpack-dev-server --config ./webpack.development.js\" \"cross-env NODE_ENV=development nodemon server/server.js --open\"",
+    "dev": "concurrently -k \"cross-env NODE_ENV=development webpack-dev-server --config ./webpack.development.js\" \"cross-env NODE_ENV=development nodemon server/server.mjs --open\"",
     "electron-dev": "cross-env NODE_ENV=development electron .",
     "prod-build": "cross-env NODE_ENV=production npx webpack --mode=production --config ./webpack.production.js",
     "prod": "npm run prod-build && electron . --no-sandbox",

server/graphQL/resolvers/mutation.js

@@ -1,6 +1,7 @@
 // const { ApolloServerErrorCode.BAD_USER_INPUT } = require('apollo-server-express');
 
-import { ApolloServerErrorCode } from '@apollo/server/errors';// v4 syntax
+// import { ApolloServerErrorCode } from '@apollo/server/errors';// v4 syntax
+const ApolloServerErrorCode = require('@apollo/server/errors');
 //now using ApolloServerErrorCode.BAD_USER_INPUT in place of ApolloServerErrorCode.BAD_USER_INPUT
 
 const { Projects, Users, Comments } = require('../../models/reactypeModels');

server/graphQL/resolvers/query.js

@@ -1,6 +1,7 @@
 // const { UserInputError } = require('apollo-server-express');//v3 syntax
 
-import { ApolloServerErrorCode } from '@apollo/server/errors';// v4 syntax
+// import { ApolloServerErrorCode } from '@apollo/server/errors';// v4 syntax
+const ApolloServerErrorCode = require('@apollo/server/errors')
 //now using ApolloServerErrorCode.BAD_USER_INPUT in place of UserInputError
 
 const { Projects, Comments } = require('../../models/reactypeModels');

server/graphQL/schema/typeDefs.js

@@ -1,4 +1,5 @@
-const { gql } = require('apollo-server-express');
+// const { gql } = require('apollo-server-express');
+const { gql } = require('@apollo/client');
 
 // Link to defining a schema in Apollo:
 // https://www.apollographql.com/docs/apollo-server/schema/schema/

server/server.js renamed to server/server.mjs

@@ -1,25 +1,39 @@
-const { ApolloServer } = require('@apollo/server');//changed for v4
+// const { ApolloServer } = require('@apollo/server');//changed for v4
+import { ApolloServer } from '@apollo/server';
 
 //v4 Apollo imports
 import { expressMiddleware } from '@apollo/server/express4';
 import cors from 'cors';
-import { json } from 'body-parser';
+import bodyParser from 'body-parser';
+const {json, urlencoded} = bodyParser;
 
 //possibly redundant
-const {makeExecutableSchema} = require('@graphql-tools/schema');
+// const {makeExecutableSchema} = require('@graphql-tools/schema');
+import { makeExecutableSchema } from '@graphql-tools/schema';
+
+// const express = require('express');
+// const cookieParser = require('cookie-parser');
+import express from 'express';
+import cookieParser from 'cookie-parser';
 
-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 { DEV_PORT } = require('../config');
+import DEV_PORT from '../config.js';
+
+// const path = require('path');
+import path from 'path';
+
+// const userController = require('./controllers/userController');
+// const cookieController = require('./controllers/cookieController');
+// const sessionController = require('./controllers/sessionController');
+// const projectController = require('./controllers/projectController');
 
-const userController = require('./controllers/userController');
-const cookieController = require('./controllers/cookieController');
-const sessionController = require('./controllers/sessionController');
-const projectController = require('./controllers/projectController');
+import userController from './controllers/userController.js';
+import cookieController from './controllers/cookieController.js';
+import sessionController from './controllers/sessionController.js';
+import projectController from './controllers/projectController.js';
 
 const app = express();
 
@@ -33,7 +47,8 @@ app.use(express.urlencoded({ limit: '100mb', extended: true }));
 app.use(cookieParser());
 
 // Routes
-const stylesRouter = require('./routers/stylesRouter');
+// const stylesRouter = require('./routers/stylesRouter');
+import stylesRouter from './routers/stylesRouter.js';
 
 // enable cors
 // options: origin: allows from localhost when in dev or the app://rse when using prod, credentials: allows credentials header from origin (needed to send cookies)
@@ -111,9 +126,14 @@ GraphQl Router
 /* ******************************************************************* */
 
 // Query resolvers
-const Query = require('./graphQL/resolvers/query');
+// const Query = require('./graphQL/resolvers/query');
+import Query from './graphQL/resolvers/query.js';
+// const {Query} = query;
+
 // Mutation resolvers
-const Mutation = require('./graphQL/resolvers/mutation');
+// const Mutation = require('./graphQL/resolvers/mutation');
+import Mutation from './graphQL/resolvers/mutation.js';
+// const {Mutation} = mutation;
 
 // package resolvers into one variable to pass to Apollo Server
 const resolvers = {
@@ -130,8 +150,11 @@ const resolvers = {
 app.use('/user-styles', stylesRouter);
 
 // schemas used for graphQL
-const typeDefs = require('./graphQL/schema/typeDefs.js');
-const { dirname } = require('node:path');
+
+// const typeDefs = require('./graphQL/schema/typeDefs.js');
+import typeDefs from './graphQL/schema/typeDefs.js';
+
+// const { dirname } = require('node:path');
 
 // instantiate Apollo server and attach to Express server, mounted at 'http://localhost:PORT/graphql'
 
@@ -228,6 +251,7 @@ app.use((err, req, res, next) => {
 
 // starts server on PORT
 if (isDev || isProd) {
-  app.listen(PORT, () => console.log(`Server listening on port: ${PORT}`));
+  app.listen(PORT.DEV_PORT, () => console.log(`Server listening on port: ${PORT.DEV_PORT}`));
 }
 if (isTest) module.exports = app;
+// export default app;