const fetch = require("node-fetch");
const { createStore, applyMiddleware } = require("redux");
const thunkMiddleware = require("redux-thunk");
 
// Initial State
const initialState = {
  loading: false,
  posts: [],
  error: "",
};
 
// Action Creators
const fetchPostsRequested = () => {
  return {
    type: "posts/requested",
  };
};
 
const fetchPostsSucceeded = (posts) => {
  return {
    type: "posts/succeeded",
    payload: posts,
  };
};
 
const fetchPostsFailed = (error) => {
  return {
    type: "posts/failed",
    payload: error,
  };
};
 
// Reducer
const RD_reducer = (state = initialState, action) => {
  switch (action.type) {
    case "posts/requested":
      return { ...state, loading: true, error: "" };
 
    case "posts/succeeded":
      return { ...state, loading: false, error: "", posts: action.payload };
 
    case "posts/failed":
      return {
        ...state,
        loading: false,
        error: action.payload.message,
        posts: [],
      };
 
    default:
      return state;
  }
};

 
// Thunk Function
const fetchPosts = () => {
  return async (dispatch) => {
    dispatch(fetchPostsRequested());
 
    try {
      const response = await fetch(
        "https://jsonplaceholder.typicode.com/todos?_limit=5"
      );
      const posts = await response.json();
      dispatch(fetchPostsSucceeded(posts));
    } catch (error) {
      dispatch(fetchPostsFailed(error));
    }
  };
};

 
// Create Store
const store = createStore(RD_reducer, applyMiddleware(thunkMiddleware.default));
 
// Subscribe to Store changes
store.subscribe(() => {
  console.log(store.getState());
});
 
// Dispatch Actions
store.dispatch(fetchPosts());