Added basic redux store.

src/actions.js

@@ -0,0 +1,14 @@
+
+export function addComic(text) {
+	return {
+		type: 'ADD_COMIC',
+		text
+	};
+}
+
+export function removeComic(comic) {
+	return {
+		type: 'REMOVE_COMIC',
+		comic
+	};
+}

src/components/comic-menu/index.js

@@ -1,6 +1,10 @@
 import { h, Component } from 'preact';
 //import { Link } from 'preact-router/match';
+import { connect } from 'preact-redux';
+import { bindActions } from '../../util';
+import reduce from '../../reducers';
 import style from './style';
+import * as actions from '../../actions';
 import { toggleFullScreen } from '../../lib/utility';
 
 import ComicSettings from '../comic-settings';
@@ -18,6 +22,7 @@ const TestData = {
 	]
 }
 
+@connect(reduce, bindActions(actions))
 export default class ComicMenu extends Component {
 	state = {
 		is_showing_settings: false,
@@ -28,6 +33,12 @@ export default class ComicMenu extends Component {
 		toggleFullScreen();
 	}
 
+	onbtnOpenFile = () => {
+		alert("FIXME: onbtnOpenFile");
+		this.setState({ text: 'ADD_COMIC' });
+		console.log(this.state.text);
+	}
+
 	onBtnSettings = () => {
 		this.setState(prevState => ({ is_showing_settings: !prevState.is_showing_settings }));
 		this.setState({ is_showing_library: false });
@@ -44,7 +55,7 @@ export default class ComicMenu extends Component {
 			<div class={style.comic_menu}>
 				<div id={style.topMenuPanel}>
 					<div id={style.topMenuButtons}>
-						<ComicButton id="btnFileLoad" translatable="true">Open comic file</ComicButton>
+						<ComicButton id="btnFileLoad" translatable="true" onClick={this.onbtnOpenFile}>Open comic file</ComicButton>
 						<ComicButton id="btnLibrary" translatable="true" onClick={this.onBtnLibrary}>Library</ComicButton>
 						<ComicButton id="btnFullScreen" translatable="true" onClick={this.onBtnFullScreen}>Full Screen</ComicButton>
 						<ComicButton id="btnSettings" translatable="true" onClick={this.onBtnSettings}>Settings</ComicButton>

src/index.js

@@ -1,4 +1,14 @@
-import './style';
+import { h, render } from 'preact';
+import { Provider } from 'preact-redux';
+import store from './store';
 import App from './components/app';
+import './style';
+
+render((
+	<div id="outer">
+		<Provider store={store}>
+			<App />
+		</Provider>
+	</div>
+), document.body);
 
-export default App;

src/reducers.js

@@ -0,0 +1,6 @@
+
+const EMPTY = {};
+
+export default store => {
+	return store || EMPTY;
+};

src/store.js

@@ -0,0 +1,24 @@
+import { createStore } from 'redux';
+
+let ACTIONS = {
+	ADD_COMIC: ({ comics, ...state }, { text }) => ({
+		comics: [...comics, {
+			id: Math.random().toString(36).substring(2),
+			text
+		}],
+		...state
+	}),
+
+	REMOVE_COMIC: ({ comics, ...state }, { comic }) => ({
+		comics: comics.filter( i => i!==comic ),
+		...state
+	})
+};
+
+const INITIAL = {
+	comics: []
+};
+
+export default createStore( (state, action) => (
+	action && ACTIONS[action.type] ? ACTIONS[action.type](state, action) : state
+), INITIAL, window.devToolsExtension && window.devToolsExtension());

src/util.js

@@ -0,0 +1,7 @@
+import { bindActionCreators } from 'redux';
+
+export function bindActions(actions) {
+	return dispatch => ({
+		...bindActionCreators(actions, dispatch)
+	});
+}