You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
114 lines
2.4 KiB
TypeScript
114 lines
2.4 KiB
TypeScript
7 years ago
|
import { createStore, combineReducers, applyMiddleware } from 'redux';
|
||
|
import { persistReducer, persistStore } from 'redux-persist';
|
||
|
import session from 'redux-persist/lib/storage/session';
|
||
|
import thunkMiddleware from 'redux-thunk';
|
||
|
import { createLogger } from 'redux-logger';
|
||
|
|
||
|
import * as EteSync from './api/EteSync';
|
||
|
|
||
|
const loggerMiddleware = createLogger();
|
||
|
|
||
|
enum Actions {
|
||
|
FETCH_CREDENTIALS = 'FETCH_CREDENTIALS',
|
||
|
}
|
||
|
|
||
|
export enum FetchStatus {
|
||
|
Initial = 'INITIAL',
|
||
|
Request = 'REQUEST',
|
||
|
Failure = 'FAILURE',
|
||
|
Success = 'SUCCESS',
|
||
|
}
|
||
|
|
||
|
export interface CredentialsData {
|
||
|
serviceApiUrl: string;
|
||
|
credentials: EteSync.Credentials;
|
||
|
encryptionKey: string;
|
||
|
}
|
||
|
|
||
|
export interface CredentialsType {
|
||
|
status: FetchStatus;
|
||
|
error?: Error;
|
||
|
credentials?: CredentialsData;
|
||
|
}
|
||
|
|
||
|
export interface StoreState {
|
||
|
fetchCount: number;
|
||
|
credentials: CredentialsData;
|
||
|
}
|
||
|
|
||
|
export function credentialsSuccess(creds: CredentialsData) {
|
||
|
return {
|
||
|
type: Actions.FETCH_CREDENTIALS,
|
||
|
status: FetchStatus.Success,
|
||
|
credentials: creds,
|
||
|
};
|
||
|
}
|
||
|
|
||
|
export function credentialsRequest() {
|
||
|
return {
|
||
|
type: Actions.FETCH_CREDENTIALS,
|
||
|
status: FetchStatus.Request,
|
||
|
};
|
||
|
}
|
||
|
|
||
|
export function credentialsFailure(error: Error) {
|
||
|
return {
|
||
|
type: Actions.FETCH_CREDENTIALS,
|
||
|
status: FetchStatus.Failure,
|
||
|
error
|
||
|
};
|
||
|
}
|
||
|
|
||
|
function credentials(state: CredentialsType = {status: FetchStatus.Initial}, action: any) {
|
||
|
switch (action.type) {
|
||
|
case Actions.FETCH_CREDENTIALS:
|
||
|
if (action.status === FetchStatus.Success) {
|
||
|
return {
|
||
|
status: action.status,
|
||
|
credentials: action.credentials,
|
||
|
};
|
||
|
} else {
|
||
|
return {
|
||
|
status: action.status,
|
||
|
};
|
||
|
}
|
||
|
default:
|
||
|
return state;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
function fetchCount(state: number = 0, action: any) {
|
||
|
// FIXME: Make it automatic by action properties.
|
||
|
switch (action.type) {
|
||
|
case Actions.FETCH_CREDENTIALS:
|
||
|
if (action.status === FetchStatus.Request) {
|
||
|
return state + 1;
|
||
|
} else {
|
||
|
return state - 1;
|
||
|
}
|
||
|
default:
|
||
|
return state;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
const credentialsPersistConfig = {
|
||
|
key: 'credentials',
|
||
|
storage: session,
|
||
|
whitelist: ['credentials'],
|
||
|
};
|
||
|
|
||
|
const reducers = combineReducers({
|
||
|
fetchCount,
|
||
|
credentials: persistReducer(credentialsPersistConfig, credentials),
|
||
|
});
|
||
|
|
||
|
export const store = createStore(
|
||
|
reducers,
|
||
|
applyMiddleware(
|
||
|
thunkMiddleware,
|
||
|
loggerMiddleware
|
||
|
)
|
||
|
);
|
||
|
|
||
|
export const persistor = persistStore(store);
|