const { createSlice, createAsyncThunk } = require("@reduxjs/toolkit");
 
// Async Thunk
const fetchPosts = createAsyncThunk(
  'posts/fetchPosts',
  async () => {
    const response = await fetch(
      "https://jsonplaceholder.typicode.com/todos?_limit=5"
    );
    const posts = await response.json();
    return posts;
  }
);
 
// Initial State
const initialState = {
  loading: false,
  posts: [],
  error: "",
};
 
const postSlice = createSlice({
  name: "posts",
  initialState,
  reducers: {},
  extraReducers: (builder) => {
    builder
      .addCase(fetchPosts.pending, (state) => {
        state.loading = true;
        state.error = "";
      })
      .addCase(fetchPosts.fulfilled, (state, action) => {
        state.loading = false;
        state.posts = action.payload;
      })
      .addCase(fetchPosts.rejected, (state, action) => {
        state.loading = false;
        state.error = action.error.message;
        state.posts = [];
      });
  },
});
 
module.exports = postSlice.reducer;
module.exports.fetchPosts = fetchPosts; 

 
const configureStore = require("@reduxjs/toolkit").configureStore;
const counterReducer = require("../features/counter/counterSlice");
const dynamicCounterReducer = require("../features/dynamicCounter/dynamicCounterSlice");
const { createLogger } = require("redux-logger");
const postReducer = require("../features/posts/postSlice");
 
const logger = createLogger();
 
// configure store
const store = configureStore({
  reducer: {
    counter: counterReducer,
    dynamicCounter: dynamicCounterReducer,
    post: postReducer,
  },
  middleware: (getDefaultMiddlewares) => getDefaultMiddlewares().concat(logger),
});
 
module.exports = store;

 
const { createSlice } = require("@reduxjs/toolkit");
 
// initial state
const initialState = {
    count: 0,
};
 
const counterSlice = createSlice({
    name: "counter",
    initialState,
    reducers: {
        increment: (state, action) => {
            state.count++;
        },
        decrement: (state, action) => {
            state.count--;
        },
    },
});
 
module.exports = counterSlice.reducer;
module.exports.counterActions = counterSlice.actions;

 
const { createSlice } = require("@reduxjs/toolkit");
const { counterActions } = require("../counter/counterSlice");
 
// initial state
const initialState = {
    count: 0,
};
 
const dynamicCounterSlice = createSlice({
    name: "dynamicCounter",
    initialState,
    reducers: {
        increment: (state, action) => {
            state.count += action.payload;
        },
        decrement: (state, action) => {
            state.count -= action.payload;
        },
    },
    // extraReducers: {
    //     ["counter/increment"]: (state, action) => {
    //         state.count += 1;
    //     },
    // },
    extraReducers: (builder) => {
        builder.addCase(counterActions.increment, (state, action) => {
            state.count += 1;
        });
    },
});
 
module.exports = dynamicCounterSlice.reducer;
module.exports.dynamicCounterActions = dynamicCounterSlice.actions;

 
const store = require("./app/store");
const { counterActions } = require("./features/counter/counterSlice");
const {
  dynamicCounterActions,
} = require("./features/dynamicCounter/dynamicCounterSlice");
const { fetchPosts } = require("../rtk/features/posts/postSlice");
 
// initial state
// console.log(`Initial State: ${JSON.stringify(store.getState())}`);
 
// subscribe to state changes
store.subscribe(() => {
  // console.log(store.getState());
});
 
// dispatch actions
store.dispatch(fetchPosts());