renderer.js

// This file is required by the index.html file and will
// be executed in the renderer process for that window.
// All of the Node.js APIs are available in this process.
require('codemirror/mode/yaml-frontmatter/yaml-frontmatter');
require('codemirror/mode/gfm/gfm');

const { ipcRenderer } = require('electron');
const { html, render } = require('htm/preact');
const mousetrap = require('mousetrap');
const isDev = require('electron-is-dev');

const App = require('./components/App');
const { appRoot } = require('./lib/appRoot');
const effects = require('./lib/state/effects');
const { dispatch } = require('./lib/state/zeroFux');

// Keyboard shortcuts.
mousetrap.bind('esc', () => dispatch({ type: 'openEmpty' }));
mousetrap.bind('command+w', () => dispatch({ type: 'openEmpty' }));
mousetrap.bind('command+o', () => dispatch({ type: 'openFileNavigator' }));
mousetrap.bind('command+u', () => dispatch({ type: 'publishBlog' }));
mousetrap.bind('command+,', () => dispatch({ type: 'openSettings' }));
if (isDev) {
  mousetrap.bind('command+alt+e', () => global.electronStore.clear());
}

// Fire actions from main process.
ipcRenderer.on('action', (_, action) => {
  dispatch(action);
});

// Run side effects.
effects.run(appRoot);

// Render the app.
render(
  html`
    <${App} />
  `,
  appRoot
);