Add post comment mutation

Author: oddevan

api/frontend/wp/comments/mutationAddComment.js

@@ -0,0 +1,30 @@
+import {gql} from '@apollo/client'
+import {wpDataEndpoints} from '@/api/wordpress/connector'
+import commentsFields from '@/api/wordpress/_partials/commentsFields'
+
+// Mutation: Add a comment to the given post
+const mutationAddComment = gql`
+  mutation ADD_COMMENT(
+    $author: String
+    $authorEmail: String
+    $authorUrl: String
+    $postId: Int!
+    $content: String!
+  ) {
+    createComment (
+      input: {
+        author: $author,
+        authorEmail: $authorEmail,
+        authorUrl: $authorUrl,
+        commentOn: $postId,
+        content: $content
+      }
+    ) @rest(type: "Comments", path: "${wpDataEndpoints.comments}?{args}") {
+      comment {
+        ${commentsFields}
+      }
+    }
+  }
+`
+
+export default mutationAddComment

api/frontend/wp/comments/postComment.js

@@ -0,0 +1,48 @@
+import mutationAddComent from './mutationAddComment'
+import {initializeFeApollo} from '../../connector'
+
+/**
+ * Retrieve next page of posts for post type archive.
+ *
+ * @author WebDevStudios
+ * @param {string} author      Name of the comment author.
+ * @param {string} authorEmail Email for the comment author.
+ * @param {string} authorUrl   URL/website for the comment author.
+ * @param {number} postId      Database ID for the post being commented on.
+ * @param {string} content     Content of the comment.
+ * @return {object}            Comment data or error object.
+ */
+export default async function postComment(
+  author,
+  authorEmail,
+  authorUrl,
+  postId,
+  content
+) {
+  const apolloClient = initializeFeApollo()
+
+  return apolloClient
+    .query({
+      query: mutationAddComent,
+      variables: {
+        author,
+        authorEmail,
+        authorUrl,
+        postId,
+        content
+      }
+    })
+    .then(
+      (response) =>
+        response?.data?.createComment ?? {
+          error: true,
+          errorMessage: `An error occurred while trying to post the comment.`
+        }
+    )
+    .catch((error) => {
+      return {
+        error: true,
+        errorMessage: error.message
+      }
+    })
+}

api/wordpress/connector.js

@@ -10,7 +10,8 @@ const wpDataEndpointBase = '/wp'
 
 // Define Frontend WP API data endpoints.
 export const wpDataEndpoints = {
-  archive: `${wpDataEndpointBase}/archive`
+  archive: `${wpDataEndpointBase}/archive`,
+  comments: `${wpDataEndpointBase}/comments`
 }
 
 let wpApolloClient