2019-09-07 21:54:44 +02:00
|
|
|
import choo from 'choo';
|
|
|
|
|
|
2019-09-09 05:48:23 +02:00
|
|
|
import config from './config.json';
|
2019-09-07 21:54:44 +02:00
|
|
|
import { viewManager } from './views/manager';
|
|
|
|
|
|
|
|
|
|
const app = choo();
|
|
|
|
|
|
|
|
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
|
|
|
// Only runs in development and will be stripped from production build.
|
|
|
|
|
app.use(require('choo-devtools')()); // Exposes `choo` to the console for debugging!
|
|
|
|
|
}
|
|
|
|
|
|
2019-09-09 22:22:09 +02:00
|
|
|
app.use((state, emitter) => {
|
|
|
|
|
app.getSettingsItem = settingsKey => {
|
|
|
|
|
let savedSettings = window.localStorage.getItem('settings');
|
|
|
|
|
if (savedSettings) {
|
|
|
|
|
savedSettings = JSON.parse(savedSettings);
|
|
|
|
|
if (typeof savedSettings[settingsKey] !== 'undefined') {
|
|
|
|
|
return savedSettings[settingsKey];
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
return null;
|
|
|
|
|
}
|
|
|
|
|
app.setSettingsItem = (settingsKey, value) => {
|
|
|
|
|
let savedSettings = window.localStorage.getItem('settings');
|
|
|
|
|
if (savedSettings) {
|
|
|
|
|
savedSettings = JSON.parse(savedSettings);
|
|
|
|
|
} else {
|
|
|
|
|
savedSettings = {};
|
|
|
|
|
}
|
|
|
|
|
savedSettings[settingsKey] = value;
|
|
|
|
|
return window.localStorage.setItem(JSON.stringify(savedSettings));
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
2019-09-07 21:54:44 +02:00
|
|
|
// App state and emitters
|
|
|
|
|
app.use((state, emitter) => {
|
|
|
|
|
// Default state variables
|
|
|
|
|
state.currentView = 'home';
|
2019-09-09 22:22:09 +02:00
|
|
|
state.language = app.getSettingsItem('lang') ? app.getSettingsItem('lang') : (navigator.language || navigator.userLanguage);
|
2019-09-07 21:54:44 +02:00
|
|
|
state.viewStates = {};
|
|
|
|
|
|
|
|
|
|
// Listeners
|
|
|
|
|
emitter.on('DOMContentLoaded', () => {
|
2019-09-09 05:48:23 +02:00
|
|
|
document.title = config.siteName;
|
2019-09-07 21:54:44 +02:00
|
|
|
// Emitter listeners
|
|
|
|
|
emitter.on('render', callback => {
|
|
|
|
|
// This is a dirty hack to get the callback to call *after* re-rendering.
|
|
|
|
|
if (callback && typeof callback === "function") {
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
callback();
|
|
|
|
|
}, 50);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
2019-09-08 22:04:26 +02:00
|
|
|
emitter.on('change-view', newView => {
|
2019-09-07 21:54:44 +02:00
|
|
|
// Change the view and call render. Makes it easier to call within views.
|
|
|
|
|
state.currentView = newView;
|
|
|
|
|
emitter.emit('render', () => {});
|
|
|
|
|
});
|
2019-09-09 22:22:09 +02:00
|
|
|
|
|
|
|
|
emitter.on('set-language', newLanguage => {
|
|
|
|
|
app.setSettingsItem('lang', newLanguage);
|
|
|
|
|
state.language = newLanguage;
|
|
|
|
|
emitter.emit('render', () => {});
|
|
|
|
|
});
|
2019-09-07 21:54:44 +02:00
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// For the main screen, pass the viewManager function in viewManager.js,
|
|
|
|
|
// which is given the app's state from above and the emitter.emit method that
|
|
|
|
|
// triggers the app's emitter listeners.
|
|
|
|
|
app.route('/', viewManager);
|
|
|
|
|
app.route('/:page', viewManager);
|
|
|
|
|
app.route('/404', viewManager);
|
|
|
|
|
|
2019-09-09 22:22:09 +02:00
|
|
|
app.mount('body'); // Overwrite the `<body>` tag with the content of the Choo app
|
