feat(examples): add example for Next.js with RTK, refactor anothe…

…r examples

This commit adds an example for `Next.js` with **enabled** static generation and `Redux Toolkit`.

examples/example-next-gip/eggs/active-post/action-types.ts

@@ -1,6 +1,6 @@
 export enum ActivePostActionType {
-  LOAD_ACTIVE_POST = 'active-post-egg/LOAD_ACTIVE_POST',
-  SET_ACTIVE_POST = 'active-post-egg/SET_ACTIVE_POST',
-  SET_ERROR = 'active-post-egg/SET_ERROR',
-  SET_LOADING_STATE = 'active-post-egg/SET_LOADING_STATE',
+  LOAD_ACTIVE_POST = 'active-post/LOAD_ACTIVE_POST',
+  SET_ACTIVE_POST = 'active-post/SET_ACTIVE_POST',
+  SET_ERROR = 'active-post/SET_ERROR',
+  SET_LOADING_STATE = 'active-post/SET_LOADING_STATE',
 }

examples/example-next-gip/eggs/active-post/reducer.ts

@@ -6,12 +6,12 @@ import { ActivePostActionType } from '@/eggs/active-post/action-types'
 import type { ActivePostState } from '@/eggs/active-post/contracts/state'
 import { ActivePostLoadingState } from '@/eggs/active-post/contracts/state'
 
+export const ACTIVE_POST_REDUCER_KEY = 'active-post' as const
+
 const initialState: ActivePostState = {
   loadingState: ActivePostLoadingState.NEVER,
 }
 
-export const ACTIVE_POST_REDUCER_KEY = 'active-post' as const
-
 export const activePostReducer = produce((draft: Draft<ActivePostState>, action: ActivePostActionsUnion): void => {
   switch (action.type) {
     case ActivePostActionType.SET_ERROR:

examples/example-next-gip/eggs/active-post/saga.ts

@@ -7,7 +7,6 @@ import type { ActivePostResponseItem } from '@/eggs/active-post/contracts/api-re
 import { ActivePostLoadingState } from '@/eggs/active-post/contracts/state'
 import { errorSelector } from '@/eggs/active-post/selectors'
 import { fetchAsJson } from '@/utils/fetch-as-json'
-import { getServerHost } from '@/utils/get-server-host'
 
 function* loadActivePostWorker({ payload }: ReturnType<typeof ActivePostPublicAction.loadActivePost>) {
   yield put(ActivePostReducerAction.setLoadingState(ActivePostLoadingState.LOADING))
@@ -19,18 +18,24 @@ function* loadActivePostWorker({ payload }: ReturnType<typeof ActivePostPublicAc
   }
 
   try {
-    const response: ActivePostResponseItem = yield call(
+    const responseItems: ActivePostResponseItem[] = yield call(
       fetchAsJson,
-      typeof window === 'undefined' ? `${getServerHost()}/api/posts/${payload}` : `/api/posts/${payload}`,
+      'https://jsonplaceholder.typicode.com/posts',
     )
 
-    yield put(
-      ActivePostReducerAction.setActivePost({
-        id: `${response.id}`,
-        title: response.title,
-        body: response.body,
-      }),
-    )
+    const post = responseItems.slice(0, 10).find(post => `${post.id}` === payload)
+
+    if (post) {
+      yield put(
+        ActivePostReducerAction.setActivePost({
+          id: `${post.id}`,
+          title: post.title,
+          body: post.body,
+        }),
+      )
+    } else {
+      yield put(ActivePostReducerAction.setError(`Post #${payload} not found`))
+    }
   } catch (error: any) {
     console.error('[Error in `loadActivePostWorker`]', error)
     yield put(ActivePostReducerAction.setError(error.message))

examples/example-next-gip/eggs/aviasales/action-types.ts

@@ -1,8 +1,8 @@
 export enum AviasalesActionType {
-  ADD_TICKETS = 'aviasales-egg/ADD_TICKETS',
-  ADD_TICKETS_SEGMENTS = 'aviasales-egg/ADD_TICKETS_SEGMENTS',
-  SET_LOADING_STATE = 'aviasales-egg/SET_LOADING_STATE',
-  SET_SEARCH_ID = 'aviasales-egg/SET_SEARCH_ID',
-  SET_CURRENT_SORT = 'aviasales-egg/SET_CURRENT_SORT',
-  SET_STOPS = 'aviasales-egg/SET_STOPS',
+  ADD_TICKETS = 'aviasales/ADD_TICKETS',
+  ADD_TICKETS_SEGMENTS = 'aviasales/ADD_TICKETS_SEGMENTS',
+  SET_LOADING_STATE = 'aviasales/SET_LOADING_STATE',
+  SET_SEARCH_ID = 'aviasales/SET_SEARCH_ID',
+  SET_CURRENT_SORT = 'aviasales/SET_CURRENT_SORT',
+  SET_STOPS = 'aviasales/SET_STOPS',
 }

examples/example-next-gip/eggs/aviasales/events.ts

@@ -3,8 +3,8 @@ import mitt from 'mitt'
 export const AviasalesEventEmitter = mitt()
 
 export enum AviasalesEvent {
-  GET_TICKETS = 'aviasales-egg/GET_TICKETS',
-  CHANGE_STOPS = 'aviasales-egg/CHANGE_STOPS',
+  GET_TICKETS = 'aviasales/GET_TICKETS',
+  CHANGE_STOPS = 'aviasales/CHANGE_STOPS',
 }
 
 export enum ChangeStopsMassive {

examples/example-next-gip/eggs/aviasales/reducer.ts

@@ -7,6 +7,8 @@ import { DEFAULT_SORT, DEFAULT_STOPS } from '@/eggs/aviasales/constants'
 import { AviasalesLoadingState } from '@/eggs/aviasales/contracts/loading-state'
 import type { AviasalesState } from '@/eggs/aviasales/contracts/state'
 
+export const AVIASALES_REDUCER_KEY = 'aviasales' as const
+
 const initialState: AviasalesState = {
   tickets: {},
   ticketsSegments: {},
@@ -15,8 +17,6 @@ const initialState: AviasalesState = {
   stops: DEFAULT_STOPS,
 }
 
-export const AVIASALES_REDUCER_KEY = 'aviasales' as const
-
 export const aviasalesReducer = produce((draft: Draft<AviasalesState>, action: AviasalesActionsUnion): void => {
   switch (action.type) {
     case AviasalesActionType.SET_SEARCH_ID:

examples/example-next-gip/eggs/chuck-norris/action-types.ts

@@ -1,6 +1,6 @@
 export enum ChuckNorrisActionType {
-  LOAD_JOKE = 'chuck-norris-egg/LOAD_JOKE',
-  SET_JOKE = 'chuck-norris-egg/SET_JOKE',
-  SET_ERROR = 'chuck-norris-egg/SET_ERROR',
-  SET_LOADING_STATE = 'chuck-norris-egg/SET_LOADING_STATE',
+  LOAD_JOKE = 'chuck-norris/LOAD_JOKE',
+  SET_JOKE = 'chuck-norris/SET_JOKE',
+  SET_ERROR = 'chuck-norris/SET_ERROR',
+  SET_LOADING_STATE = 'chuck-norris/SET_LOADING_STATE',
 }

examples/example-next-gip/eggs/chuck-norris/reducer.ts

@@ -6,12 +6,12 @@ import { ChuckNorrisActionType } from '@/eggs/chuck-norris/action-types'
 import type { ChuckNorrisState } from '@/eggs/chuck-norris/contracts/state'
 import { ChuckNorrisLoadingState } from '@/eggs/chuck-norris/contracts/state'
 
+export const CHUCK_NORRIS_REDUCER_KEY = 'chuck-norris' as const
+
 const initialState: ChuckNorrisState = {
   loadingState: ChuckNorrisLoadingState.NEVER,
 }
 
-export const CHUCK_NORRIS_REDUCER_KEY = 'chuck-norris' as const
-
 export const chuckNorrisReducer = produce((draft: Draft<ChuckNorrisState>, action: ChuckNorrisActionsUnion): void => {
   switch (action.type) {
     case ChuckNorrisActionType.SET_ERROR:

examples/example-next-gip/eggs/clock/action-creators.ts

@@ -9,8 +9,8 @@ export const ClockPublicAction = {
 }
 
 export const ClockReducerAction = {
-  tickClock() {
-    return createAction(ClockActionType.TICK_CLOCK, Date.now())
+  tickClock(payload: number) {
+    return createAction(ClockActionType.TICK_CLOCK, payload)
   },
 }
 

examples/example-next-gip/eggs/clock/action-types.ts

@@ -1,4 +1,4 @@
 export enum ClockActionType {
-  START_CLOCK = 'clock-egg/START_CLOCK',
-  TICK_CLOCK = 'clock-egg/TICK_CLOCK',
+  START_CLOCK = 'clock/START_CLOCK',
+  TICK_CLOCK = 'clock/TICK_CLOCK',
 }