init frontend

services/frontend/src/app/api/posts.ts

@@ -0,0 +1,107 @@
+import { apiSlice } from '../features/api'
+import { convertRawPost } from '../types/posts'
+
+import type { Post } from '../types/common'
+import type {
+  RawPost, RawPostResponse, RawPostsResponse,
+  GetPanelPostRequest, GetPanelPostsRequest,
+  GetUserPostsRequest,
+  UpdatePostRequest,
+  DeletePostRequest,
+  CreatePostRequest
+} from '../types/posts'
+
+export const postsApiSlice = apiSlice.injectEndpoints({
+  endpoints: (builder) => ({
+    getPanelPost: builder.query<Post, GetPanelPostRequest>({
+      query: req => ({ url: `/v1/panels/id/${req.panelId}/posts/${req.id}` }),
+      transformResponse: (response: RawPostResponse) => {
+        if (response.data === undefined) { throw Error('invalid post response') }
+
+        return convertRawPost(response.data)
+      }
+    }),
+
+    getFeedPosts: builder.query<Post[], void>({
+      query: () => '/v1/posts/feed',
+      transformResponse: (response: RawPostsResponse) => {
+        if (response.data === undefined) {
+          throw Error('invalid posts response')
+        } else if (!response.data.posts) {
+          return []
+        }
+
+        return response.data.posts.map<Post>((rawPost: RawPost) => convertRawPost(rawPost))
+      }
+    }),
+
+    getUserPosts: builder.query<Post[], GetUserPostsRequest>({
+      query: req => `/v1/users/id/${req.userId}/posts`,
+      transformResponse: (response: RawPostsResponse) => {
+        if (response.data === undefined) {
+          throw Error('invalid posts response')
+        } else if (!response.data.posts) {
+          return []
+        }
+
+        return response.data.posts.map<Post>((rawPost: RawPost) => convertRawPost(rawPost))
+      }
+    }),
+
+    getPanelPosts: builder.query<Post[], GetPanelPostsRequest>({
+      query: req => `/v1/panels/id/${req.panelId}/posts`,
+      transformResponse: (response: RawPostsResponse) => {
+        if (response.data === undefined) {
+          throw Error('invalid posts response')
+        } else if (!response.data.posts) {
+          return []
+        }
+
+        return response.data.posts.map<Post>((rawPost: RawPost) => convertRawPost(rawPost))
+      }
+    }),
+
+    updatePost: builder.mutation<Post, UpdatePostRequest>({
+      query: req => ({
+        url: `/v1/posts/${req.id}`,
+        method: 'PATCH',
+        body: { ...req.data },
+      }),
+      transformResponse: (response: RawPostResponse) => {
+        if (response.data === undefined) { throw Error('invalid post response') }
+
+        return convertRawPost(response.data)
+      }
+    }),
+
+    deletePost: builder.mutation<void, DeletePostRequest>({
+      query: req => ({
+        url: `/v1/posts/${req.id}`,
+        method: 'DELETE',
+      })
+    }),
+
+    createPanelPost: builder.mutation<Post, CreatePostRequest>({
+      query: req => ({
+        url: `/v1/panels/id/${req.panelId}`,
+        method: 'POST',
+        body: { ...req.data },
+      }),
+      transformResponse: (response: RawPostResponse) => {
+        if (response.data === undefined) { throw Error('invalid post response') }
+
+        return convertRawPost(response.data)
+      }
+    }),
+  })
+})
+
+export const { 
+  useGetPanelPostQuery,
+  useGetFeedPostsQuery,
+  useGetUserPostsQuery,
+  useGetPanelPostsQuery,
+  useUpdatePostMutation,
+  useDeletePostMutation,
+  useCreatePanelPostMutation
+} = postsApiSlice