Setup for tutorial mutation

Author: kelseyyim

oss

@@ -1,13 +1,16 @@
 // const componentWithMDXScope = require('gatsby-mdx/component-with-mdx-scope');
 const {
   getTutorialSlug,
-  getTutorialOverviewSlug
-} = require("./src/utils/getTutorialSlug.js");
+  getTutorialOverviewSlug,
+} = require('./src/utils/getTutorialSlug.js');
+
+const { Mutation } = require('react-apollo');
+const { gql } = require('graphql-tag');
 
 exports.createPages = async ({ graphql, actions }) => {
   const { createPage } = actions;
   const TutorialLayout = require.resolve(
-    `./src/components/templates/Tutorial.tsx`
+    `./src/components/templates/Tutorial.tsx`,
   );
 
   const { data } = await graphql(`
@@ -29,11 +32,29 @@ exports.createPages = async ({ graphql, actions }) => {
     }
   `).catch(error => console.error(error));
 
+  const UPSERT_TUTORIAL = gql`
+    mutation UpsertTutorial(
+      $gatsbyID: String!
+      $name: String!
+      $numberofChapters: Int!
+    ) {
+      upsertTutorial(
+        gatsbyId: $gatsbyID
+        name: $name
+        numberofChapters: $numberofChapters
+      ) {
+        gatsbyId
+        name
+        numberofChapters
+      }
+    }
+  `;
+
   data.allMdx.edges.forEach(({ node }) => {
     const tutorialPath = getTutorialSlug(node.fileAbsolutePath);
     const overviewPageSlug = getTutorialOverviewSlug(node.fileAbsolutePath);
     const overviewTemplate = require.resolve(
-      "./src/components/templates/TutorialOverview.tsx"
+      './src/components/templates/TutorialOverview.tsx',
     );
     //TODO: find a better way to ID posts & overviews Also a better way to query for them
     if (node.frontmatter.tutorialTitle) {
@@ -42,17 +63,17 @@ exports.createPages = async ({ graphql, actions }) => {
         component: overviewTemplate,
         context: {
           id: node.id,
-          folderRegex: `/(${overviewPageSlug})/`
-        }
+          folderRegex: `/(${overviewPageSlug})/`,
+        },
       });
     }
     createPage({
       path: tutorialPath,
       component: TutorialLayout, // node.fileAbsolutePath,
       context: {
         id: node.id,
-        folderRegex: `/(${overviewPageSlug})/`
-      }
+        folderRegex: `/(${overviewPageSlug})/`,
+      },
     });
   });
 };

packages/gatsby-theme/gatsby-node.js

@@ -344,7 +344,7 @@ export interface NexusGenFieldTypes {
   Mutation: { // field return type
     authenticate: NexusGenRootTypes['AuthenticateUserPayload'] | null; // AuthenticateUserPayload
     bookmarkTutorial: NexusGenRootTypes['UserTutorialPayload']; // UserTutorialPayload!
-    createTutorial: NexusGenRootTypes['Tutorial']; // Tutorial!
+    upsertTutorial: NexusGenRootTypes['Tutorial']; // Tutorial!
     upvoteTutorial: NexusGenRootTypes['UserTutorialPayload']; // UserTutorialPayload!
   }
   Query: { // field return type
@@ -414,7 +414,7 @@ export interface NexusGenArgTypes {
     bookmarkTutorial: { // args
       tutorialId: string; // ID!
     }
-    createTutorial: { // args
+    upsertTutorial: { // args
       gatsbyID: string; // ID!
       name: string; // String!
       numberofChapters: number; // Int!

packages/server/.yoga/nexus.ts

@@ -86,7 +86,7 @@ export const tutorials = queryField('tutorials', {
   },
 })
 
-export const upsertTutorial = mutationField('createTutorial', {
+export const upsertTutorial = mutationField('upsertTutorial', {
   type: Tutorial,
   description: 'Create tutorials from the MDX files',
   args: {

packages/server/src/graphql/Tutorial.ts

@@ -22,7 +22,7 @@ type Mutation {
   bookmarkTutorial(tutorialId: ID!): UserTutorialPayload!
 
   """Create tutorials from the MDX files"""
-  createTutorial(gatsbyID: ID!, name: String!, numberofChapters: Int!): Tutorial!
+  upsertTutorial(gatsbyID: ID!, name: String!, numberofChapters: Int!): Tutorial!
 
   """An authenticated user can upvote a tutorial."""
   upvoteTutorial(tutorialId: ID!): UserTutorialPayload!