Add the setup for the posts Redux store

Author: huwcarwyn

resources/assets/js/store/action-creators/posts/index.js

@@ -0,0 +1 @@
+export { getPosts, createPost, updatePost, deletePost } from './posts'

resources/assets/js/store/action-creators/posts/posts.js

@@ -0,0 +1,50 @@
+import axios from 'axios'
+
+import { postActions as actions } from 'store/actions'
+import { makeRequest } from 'store/action-creators/requests'
+
+export const getPosts = () => async dispatch => {
+  const response = await dispatch(
+    makeRequest('get-posts', () => axios.get(`/api/posts`))
+  )
+
+  dispatch({
+    type: actions.ADD_POSTS,
+    posts: response.data.data
+  })
+}
+
+export const createPost = data => async dispatch => {
+  const response = await dispatch(
+    makeRequest('create-post', () => axios.post(`/api/posts`, data))
+  )
+
+  dispatch({
+    type: actions.ADD_POST,
+    posts: response.data.data
+  })
+}
+
+export const updatePost = data => async dispatch => {
+  const response = await dispatch(
+    makeRequest(`update-post-${data.id}`, () =>
+      axios.put(`/api/posts/${data.id}`, data)
+    )
+  )
+
+  dispatch({
+    type: actions.UPDATE_POST,
+    posts: response.data.data
+  })
+}
+
+export const deletePost = slug => async dispatch => {
+  await dispatch(
+    makeRequest(`update-post-${slug}`, () => axios.delete(`/api/posts/${slug}`))
+  )
+
+  dispatch({
+    type: actions.DELETE_POST,
+    slug
+  })
+}

resources/assets/js/store/actions.js

@@ -17,3 +17,10 @@ export const userActions = {
   SET_CURRENT_USER_INFO: 'USER/SET_CURRENT_USER_INFO',
   SET_AVATAR: 'USER/SET_AVATAR'
 }
+
+export const postActions = {
+  ADD_POST: 'ADD_POST',
+  UPDATE_POST: 'UPDATE_POST',
+  DELETE_POST: 'DELETE_POST',
+  ADD_POSTS: 'ADD_POSTS'
+}

resources/assets/js/store/initialState.js

@@ -1,6 +1,7 @@
 export const initialState = {
   entities: {
-    users: {}
+    users: {},
+    posts: {}
   },
   session: {
     currentUser: null

resources/assets/js/store/reducers/entities/posts.reducer.js

@@ -0,0 +1,27 @@
+import { postActions } from 'store/actions'
+import { initialState } from 'store/initialState'
+import { post as postSchema } from 'store/schemas'
+import { createReducer, normalizeAndMerge } from 'store/reducers/utilities'
+
+const {
+  entities: { posts: postsState }
+} = initialState
+
+const deletePost = (state, { slug }) => {
+  const newState = { ...state }
+
+  delete newState[slug]
+
+  return newState
+}
+
+export const postsReducer = createReducer(postsState, {
+  [postActions.ADD_POST]: normalizeAndMerge('posts', postSchema, {
+    singular: true
+  }),
+  [postActions.ADD_POSTS]: normalizeAndMerge('posts', postSchema),
+  [postActions.UPDATE_POST]: normalizeAndMerge('posts', postSchema, {
+    singular: true
+  }),
+  [postActions.DELETE_POST]: deletePost
+})

resources/assets/js/store/schemas.js

@@ -1,7 +1,9 @@
 import { schema } from 'normalizr'
 
 export const user = new schema.Entity('users')
+export const post = new schema.Entity('posts')
 
 export const entities = {
-  users: [user]
+  users: [user],
+  posts: [post]
 }

resources/assets/js/store/selectors/posts.js

@@ -0,0 +1,13 @@
+import { denormalize } from 'normalizr'
+
+import { entities as entitiesSchema } from 'store/schemas'
+
+export const selectAllPosts = state => {
+  const dnEntities = denormalize(
+    { posts: Object.keys(state.entities.posts) },
+    entitiesSchema,
+    state.entities
+  )
+
+  return dnEntities.posts
+}