import React from 'react';

import ReactDOM from 'react-dom';

import {createStore} from 'redux';

import {Provider} from 'react-redux';


//download this demo catalog https://github.com/archef2000/react-planner/tree/master/demo/src/catalog

import MyCatalog from './catalog/mycatalog';


import {
   Models as PlannerModels,
   reducer as PlannerReducer,
   ReactPlanner,
   Plugins as PlannerPlugins,

} from 'react-planner';




//define state

let AppState = Map({
   'react-planner': new PlannerModels.State()

});


//define reducer

let reducer = (state, action) =>gt; {
   state = state || AppState;
   state = state.update('react-planner', plannerState =>gt; PlannerReducer(plannerState, action));
   return state;

};


let store = createStore(reducer, null, window.devToolsExtension ? window.devToolsExtension() : f =>gt; f);


let plugins = [
   PlannerPlugins.Keyboard(),
   PlannerPlugins.Autosave('react-planner_v0'),
   PlannerPlugins.ConsoleDebugger(),

];


//render

ReactDOM.render(
   (
     Provider store={store}>gt;
       ReactPlanner
         catalog={MyCatalog}
         width={800}
         height={600}
         plugins={plugins}
         stateExtractor={state =>gt; state['react-planner']}
       />gt;
     Provider>gt;
   ),
   document.getElementById('app')

);