menus.js

'use strict';

const os = require('os');
const {Menu, app, dialog, BrowserWindow} = require('electron');
const {openNewGitHubIssue, appMenu} = require('electron-util');
const {ipcMain: ipc} = require('electron-better-ipc');

const {supportedVideoExtensions} = require('./common/constants');
const {openPrefsWindow} = require('./preferences');
const {openExportsWindow} = require('./exports');
const {openAboutWindow} = require('./about');
const {closeAllCroppers} = require('./cropper');
const {editorEmitter} = require('./editor');
const openFiles = require('./utils/open-files');

const issueBody = `
<!--
Thank you for helping us test Kap. Your feedback helps us make Kap better for everyone!

Before you continue; please make sure you've searched our existing issues to avoid duplicates. When you're ready to open a new issue, include as much information as possible. You can use the handy template below for bug reports.

Step to reproduce:    If applicable, provide steps to reproduce the issue you're having.
Current behavior:     A description of how Kap is currently behaving.
Expected behavior:    How you expected Kap to behave.
Workaround:           A workaround for the issue if you've found on. (this will help others experiencing the same issue!)
-->

**macOS version:**    ${os.release()} (darwin)
**Kap version:**      ${app.getVersion()}

#### Steps to reproduce

#### Current behavior

#### Expected behavior

#### Workaround

<!-- If you have additional information, enter it below. -->
`;

const openFileItem = {
  label: 'Open Video…',
  accelerator: 'Command+O',
  click: async () => {
    closeAllCroppers();

    const {canceled, filePaths} = await dialog.showOpenDialog({
      filters: [{name: 'Videos', extensions: supportedVideoExtensions}],
      properties: ['openFile', 'multiSelections']
    });

    if (!canceled && filePaths) {
      openFiles(...filePaths);
    }
  }
};

const sendFeedbackItem = {
  label: 'Send Feedback…',
  click() {
    openNewGitHubIssue({
      user: 'wulkano',
      repo: 'kap',
      body: issueBody
    });
  }
};

const aboutItem = {
  label: `About ${app.getName()}`,
  click: openAboutWindow
};

const exportHistoryItem = {
  label: 'Export History',
  click: openExportsWindow,
  enabled: false,
  id: 'exports'
};

const preferencesItem = {
  label: 'Preferences…',
  accelerator: 'Command+,',
  click: () => openPrefsWindow()
};

const cogMenuTemplate = [
  aboutItem,
  {
    type: 'separator'
  },
  sendFeedbackItem,
  {
    type: 'separator'
  },
  openFileItem,
  exportHistoryItem,
  {
    type: 'separator'
  },
  preferencesItem,
  {
    type: 'separator'
  },
  {
    role: 'quit',
    accelerator: 'Command+Q'
  }
];

const appMenuItem = appMenu([preferencesItem]);

appMenuItem.submenu[0] = aboutItem;

const applicationMenuTemplate = [
  appMenuItem,
  {
    role: 'fileMenu',
    submenu: [
      openFileItem,
      {
        type: 'separator'
      },
      {
        label: 'Save Original…',
        id: 'saveOriginal',
        accelerator: 'Command+S',
        click: () => {
          ipc.callRenderer(BrowserWindow.getFocusedWindow(), 'save-original');
        }
      },
      {
        type: 'separator'
      },
      {
        role: 'close'
      }
    ]
  },
  {
    role: 'editMenu'
  },
  {
    role: 'windowMenu',
    submenu: [
      {
        role: 'minimize'
      },
      {
        role: 'zoom'
      },
      {
        type: 'separator'
      },
      exportHistoryItem,
      {
        type: 'separator'
      },
      {
        role: 'front'
      }
    ]
  },
  {
    label: 'Help',
    role: 'help',
    submenu: [sendFeedbackItem]
  }
];

const cogMenu = Menu.buildFromTemplate(cogMenuTemplate);
const cogExportsItem = cogMenu.getMenuItemById('exports');

const applicationMenu = Menu.buildFromTemplate(applicationMenuTemplate);
const applicationExportsItem = applicationMenu.getMenuItemById('exports');
const applicationSaveOriginalItem = applicationMenu.getMenuItemById('saveOriginal');

const toggleExportMenuItem = enabled => {
  cogExportsItem.enabled = enabled;
  applicationExportsItem.enabled = enabled;
};

const setApplicationMenu = () => {
  Menu.setApplicationMenu(applicationMenu);
};

editorEmitter.on('blur', () => {
  applicationSaveOriginalItem.visible = false;
});

editorEmitter.on('focus', () => {
  applicationSaveOriginalItem.visible = true;
});

module.exports = {
  cogMenu,
  toggleExportMenuItem,
  setApplicationMenu
};