import createReactNativeAsyncStorageEngine from "redux-storage-engine-reactnativeasyncstorage";

interface TestState {
    a: number;
    b: string;
}

function rootReducer(state: TestState, action: Action): TestState {
    return state;
}

const enhancedReducer = reducer(rootReducer, reduxStorageImmutableMerger);

const storageEngine = createEngine("test");

const initialStateLoader = createLoader(storageEngine);

const storageMiddleware = createMiddleware(storageEngine, [], []);

const store = applyMiddleware(storageMiddleware)(createStore)(enhancedReducer);

initialStateLoader(store).then(() => {
    // render app
})


// Test for React Native Async Storage engine
const storageEngineReactNative = createReactNativeAsyncStorageEngine("test");
const storageMiddlewareReactNative = createMiddleware(storageEngine);
const storeReactNative = applyMiddleware(storageMiddlewareReactNative)(createStore)(enhancedReducer);
initialStateLoader(storeReactNative).then(() => {

import { createLoader } from "redux-storage";
import createUrlEngine from "redux-storage-engine-jsurl";

const urlStorageEngine = createUrlEngine();

createLoader(urlStorageEngine);

import { createLoader } from "redux-storage";
import createEngine from "redux-storage-engine-localstorage";

let engine = createEngine('test-key');

createLoader(engine);

engine = createEngine('test-key', (key, value) => {
    if (typeof value === 'string') {
        return 'foo';
    }
    return value;
}, (key, value) => {
    if (key === 'foo') {
        return 'bar';
    }
    return value;
});

createLoader(engine);