Info

This transform allows filter, encrypt, compress, versioning and expiring persisted data from redux-persist. Also works with immutable and seamless-immutable data structures.

Installation

npm install redux-persist-complex-transform

or

yarn add redux-persist-complex-transform

Configuration

Variable	Type	Description
config	{[key: string]: {Options & Exclusive options}}	Configures transformation of the selected reducers. (key represents a reducer name used in redux store)
dataStructure	string	State data structure. The only available options: 'plain', 'immutable', 'seamless-immutable'. (default: plain)
password	string	Password for a data encryption. (optional)
whitelist	Array	Specifies reducers on which this transform should be applied. (default: all listed in the config above)

Options

Variable	Type	Description
defaultState	{[key: string]: any}	Redefines the default state for the selected reducer. (required only with the default (autoMergeLevel1) state reconciler, otherwise it's optional)
expire	number	An expiration time in minutes. (default: 0 -> never)
version	string	State version. (optional)

Expiring or changing the version, turns a persisted state of the selected reducer to default.

Exclusive options

Only a one option from each of these groups can be applied at the same time.

Variable	Type	Description
encrypt	boolean	Specify, if the reducer state should be encrypted on its way to a storage. (default: false)
compress	boolean	Specify, if the reducer state should be compressed on its way to a storage. (default: false)

Variable	Type	Description
blacklist	Array	Excludes the selected variables from persist. (optional)
whitelist	Array	Defines which an only variables will be persistent. (optional)

Some examples:

1) Plain object state with the default (autoMergeLevel1) state reconciler.

1import complexTransform from 'redux-persist-complex-transform'
2import { reducer as UserDataReduxReducer, INITIAL_STATE as UserDataInitial } from '../Redux/UserDataRedux'
3import { reducer as AppDataReduxReducer, INITIAL_STATE as AppDataInitial } from '../Redux/AppDataRedux'
4
5const reduxConfig = {
6  appData: {
7    defaultState: AppDataInitial,
8    blacklist: ['some variable excluded from persist'],
9    compress: true,
10    version: 2,
11  },
12  userData: {
13    defaultState: UserDataInitial,
14    encrypt: true,
15    version: 1,
16  },
17}, whitelist = Object.keys(reduxConfig)
18
19const persistConfig = {
20  key: 'app',
21  storage: localForage.createInstance({
22    drive: localForage.INDEXEDDB,
23    name: 'MyAPP',
24  }),
25  transforms: [
26    complexTransform({
27      config: reduxConfig,
28      password: '12345',
29      whitelist,
30    }),
31  ],
32  whitelist,
33}
34
35const rootReducer = () =>
36  persistReducer(persistConfig,
37    combineReducers({
38      appData: AppDataReduxReducer,
39      userData: UserDataReduxReducer,
40    })
41  )

2) Plain object state with the autoMergeLevel2 state reconciler.

1import complexTransform from 'redux-persist-complex-transform'
2import autoMergeLevel2 from 'redux-persist/lib/stateReconciler/autoMergeLevel2'
3import { reducer as UserDataReduxReducer } from '../Redux/UserDataRedux'
4import { reducer as AppDataReduxReducer } from '../Redux/AppDataRedux'
5
6const reduxConfig = {
7  appData: {
8    blacklist: ['some variable excluded from persist'],
9    compress: true,
10    version: 2,
11  },
12  userData: {
13    encrypt: true,
14    version: 1,
15  },
16}, whitelist = Object.keys(reduxConfig)
17
18const persistConfig = {
19  key: 'app',
20  stateReconciler: autoMergeLevel2,
21  storage: localForage.createInstance({
22    drive: localForage.INDEXEDDB,
23    name: 'MyAPP',
24  }),
25  transforms: [
26    complexTransform({
27      config: reduxConfig,
28      password: '12345',
29      whitelist,
30    }),
31  ],
32  whitelist,
33}
34
35const rootReducer = () =>
36  persistReducer(persistConfig,
37    combineReducers({
38      appData: AppDataReduxReducer,
39      userData: UserDataReduxReducer,
40    })
41  )

3) Seamless-immutable state with an appropriate state reconciler.

1import complexTransform from 'redux-persist-complex-transform'
2import { seamlessImmutableReconciler } from 'redux-persist-seamless-immutable'
3import { reducer as UserDataReduxReducer } from '../Redux/UserDataRedux'
4import { reducer as AppDataReduxReducer } from '../Redux/AppDataRedux'
5
6const reduxConfig = {
7  appData: {
8    blacklist: ['some variable excluded from persist'],
9    compress: true,
10    version: 2,
11  },
12  userData: {
13    encrypt: true,
14    version: 1,
15  },
16}, whitelist = Object.keys(reduxConfig)
17
18const persistConfig = {
19  key: 'app',
20  stateReconciler: seamlessImmutableReconciler,
21  storage: localForage.createInstance({
22    drive: localForage.INDEXEDDB,
23    name: 'MyAPP',
24  }),
25  transforms: [
26    complexTransform({
27      config: reduxConfig,
28      dataStructure: 'seamless-immutable',
29      password: '12345',
30      whitelist,
31    }),
32  ],
33  whitelist,
34}
35
36const rootReducer = () =>
37  persistReducer(persistConfig,
38    combineReducers({
39      appData: AppDataReduxReducer,
40      userData: UserDataReduxReducer,
41    })
42  )