Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
import * as fs from 'fs';
|
|
|
|
import path from 'path';
|
|
|
|
|
2021-06-07 14:55:17 +02:00
|
|
|
import {
|
|
|
|
BrowserWindow,
|
|
|
|
clipboard,
|
|
|
|
Menu,
|
|
|
|
MenuItem,
|
|
|
|
MenuItemConstructorOptions,
|
|
|
|
} from 'electron';
|
2021-05-01 05:21:37 +02:00
|
|
|
import * as log from 'loglevel';
|
2016-01-19 12:53:10 +01:00
|
|
|
|
2021-06-07 14:55:17 +02:00
|
|
|
import { isOSX, openExternal } from '../helpers/helpers';
|
|
|
|
import {
|
|
|
|
clearAppData,
|
|
|
|
getCurrentURL,
|
|
|
|
goBack,
|
|
|
|
goForward,
|
|
|
|
goToURL,
|
|
|
|
zoomIn,
|
|
|
|
zoomOut,
|
|
|
|
zoomReset,
|
|
|
|
} from '../helpers/windowHelpers';
|
|
|
|
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
type BookmarksLink = {
|
|
|
|
type: 'link';
|
|
|
|
title: string;
|
|
|
|
url: string;
|
|
|
|
shortcut?: string;
|
|
|
|
};
|
2021-06-07 14:55:17 +02:00
|
|
|
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
type BookmarksSeparator = {
|
|
|
|
type: 'separator';
|
|
|
|
};
|
2021-06-07 14:55:17 +02:00
|
|
|
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
type BookmarkConfig = BookmarksLink | BookmarksSeparator;
|
2021-06-07 14:55:17 +02:00
|
|
|
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
type BookmarksMenuConfig = {
|
|
|
|
menuLabel: string;
|
|
|
|
bookmarks: BookmarkConfig[];
|
|
|
|
};
|
|
|
|
|
2021-06-07 14:55:17 +02:00
|
|
|
export function createMenu(options, mainWindow: BrowserWindow): void {
|
|
|
|
log.debug('createMenu', { options, mainWindow });
|
|
|
|
const menuTemplate = generateMenu(options, mainWindow);
|
|
|
|
|
|
|
|
injectBookmarks(menuTemplate);
|
|
|
|
|
|
|
|
const menu = Menu.buildFromTemplate(menuTemplate);
|
|
|
|
Menu.setApplicationMenu(menu);
|
|
|
|
}
|
|
|
|
|
|
|
|
export function generateMenu(
|
|
|
|
options,
|
|
|
|
mainWindow: BrowserWindow,
|
|
|
|
): MenuItemConstructorOptions[] {
|
|
|
|
const { nativefierVersion, zoomBuildTimeValue, disableDevTools } = options;
|
2018-05-24 09:02:44 +02:00
|
|
|
const zoomResetLabel =
|
|
|
|
zoomBuildTimeValue === 1.0
|
|
|
|
? 'Reset Zoom'
|
|
|
|
: `Reset Zoom (to ${zoomBuildTimeValue * 100}%, set at build time)`;
|
2016-01-19 12:53:10 +01:00
|
|
|
|
2020-03-18 05:16:47 +01:00
|
|
|
const editMenu: MenuItemConstructorOptions = {
|
|
|
|
label: '&Edit',
|
|
|
|
submenu: [
|
|
|
|
{
|
|
|
|
label: 'Undo',
|
|
|
|
accelerator: 'CmdOrCtrl+Z',
|
|
|
|
role: 'undo',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Redo',
|
|
|
|
accelerator: 'Shift+CmdOrCtrl+Z',
|
|
|
|
role: 'redo',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
type: 'separator',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Cut',
|
|
|
|
accelerator: 'CmdOrCtrl+X',
|
|
|
|
role: 'cut',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Copy',
|
|
|
|
accelerator: 'CmdOrCtrl+C',
|
|
|
|
role: 'copy',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Copy Current URL',
|
|
|
|
accelerator: 'CmdOrCtrl+L',
|
2021-06-16 04:20:49 +02:00
|
|
|
click: (): void => clipboard.writeText(getCurrentURL()),
|
2020-03-18 05:16:47 +01:00
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Paste',
|
|
|
|
accelerator: 'CmdOrCtrl+V',
|
|
|
|
role: 'paste',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Paste and Match Style',
|
|
|
|
accelerator: 'CmdOrCtrl+Shift+V',
|
|
|
|
role: 'pasteAndMatchStyle',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Select All',
|
|
|
|
accelerator: 'CmdOrCtrl+A',
|
|
|
|
role: 'selectAll',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Clear App Data',
|
2021-06-16 04:20:49 +02:00
|
|
|
click: (item: MenuItem, focusedWindow: BrowserWindow): void => {
|
2021-06-07 14:55:17 +02:00
|
|
|
log.debug('Clear App Data.click', {
|
|
|
|
item,
|
|
|
|
focusedWindow,
|
|
|
|
mainWindow,
|
|
|
|
});
|
|
|
|
if (!focusedWindow) {
|
|
|
|
focusedWindow = mainWindow;
|
|
|
|
}
|
|
|
|
clearAppData(focusedWindow).catch((err) =>
|
|
|
|
log.error('clearAppData ERROR', err),
|
|
|
|
);
|
|
|
|
},
|
2020-03-18 05:16:47 +01:00
|
|
|
},
|
|
|
|
],
|
|
|
|
};
|
|
|
|
|
|
|
|
const viewMenu: MenuItemConstructorOptions = {
|
|
|
|
label: '&View',
|
|
|
|
submenu: [
|
|
|
|
{
|
|
|
|
label: 'Back',
|
2021-06-07 14:55:17 +02:00
|
|
|
accelerator: isOSX() ? 'CmdOrAlt+Left' : 'Alt+Left',
|
2020-03-18 05:16:47 +01:00
|
|
|
click: goBack,
|
|
|
|
},
|
2020-03-27 13:47:44 +01:00
|
|
|
{
|
|
|
|
label: 'BackAdditionalShortcut',
|
|
|
|
visible: false,
|
|
|
|
acceleratorWorksWhenHidden: true,
|
|
|
|
accelerator: 'CmdOrCtrl+[', // What old versions of Nativefier used, kept for backwards compat
|
|
|
|
click: goBack,
|
|
|
|
},
|
2020-03-18 05:16:47 +01:00
|
|
|
{
|
|
|
|
label: 'Forward',
|
2021-06-07 14:55:17 +02:00
|
|
|
accelerator: isOSX() ? 'Cmd+Right' : 'Alt+Right',
|
2020-03-18 05:16:47 +01:00
|
|
|
click: goForward,
|
|
|
|
},
|
2020-03-27 13:47:44 +01:00
|
|
|
{
|
|
|
|
label: 'ForwardAdditionalShortcut',
|
|
|
|
visible: false,
|
|
|
|
acceleratorWorksWhenHidden: true,
|
|
|
|
accelerator: 'CmdOrCtrl+]', // What old versions of Nativefier used, kept for backwards compat
|
|
|
|
click: goForward,
|
|
|
|
},
|
2020-03-18 05:16:47 +01:00
|
|
|
{
|
|
|
|
label: 'Reload',
|
2021-06-07 14:55:17 +02:00
|
|
|
role: 'reload',
|
2020-03-18 05:16:47 +01:00
|
|
|
},
|
|
|
|
{
|
|
|
|
type: 'separator',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Toggle Full Screen',
|
2021-06-07 14:55:17 +02:00
|
|
|
accelerator: isOSX() ? 'Ctrl+Cmd+F' : 'F11',
|
|
|
|
enabled: mainWindow.isFullScreenable() || isOSX(),
|
|
|
|
visible: mainWindow.isFullScreenable() || isOSX(),
|
2021-06-16 04:20:49 +02:00
|
|
|
click: (item: MenuItem, focusedWindow: BrowserWindow): void => {
|
2021-06-07 14:55:17 +02:00
|
|
|
log.debug('Toggle Full Screen.click()', {
|
|
|
|
item,
|
|
|
|
focusedWindow,
|
|
|
|
isFullScreen: focusedWindow?.isFullScreen(),
|
|
|
|
isFullScreenable: focusedWindow?.isFullScreenable(),
|
|
|
|
});
|
|
|
|
if (!focusedWindow) {
|
|
|
|
focusedWindow = mainWindow;
|
2020-03-18 05:16:47 +01:00
|
|
|
}
|
2021-06-07 14:55:17 +02:00
|
|
|
if (focusedWindow.isFullScreenable()) {
|
2020-03-18 05:16:47 +01:00
|
|
|
focusedWindow.setFullScreen(!focusedWindow.isFullScreen());
|
2021-06-07 14:55:17 +02:00
|
|
|
} else if (isOSX()) {
|
|
|
|
focusedWindow.setSimpleFullScreen(
|
|
|
|
!focusedWindow.isSimpleFullScreen(),
|
|
|
|
);
|
2020-03-18 05:16:47 +01:00
|
|
|
}
|
2017-04-29 16:52:12 +02:00
|
|
|
},
|
2020-03-18 05:16:47 +01:00
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Zoom In',
|
2020-03-27 13:47:44 +01:00
|
|
|
accelerator: 'CmdOrCtrl+=',
|
|
|
|
click: zoomIn,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'ZoomInAdditionalShortcut',
|
|
|
|
visible: false,
|
|
|
|
acceleratorWorksWhenHidden: true,
|
|
|
|
accelerator: 'CmdOrCtrl+numadd',
|
2020-03-18 05:16:47 +01:00
|
|
|
click: zoomIn,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Zoom Out',
|
2020-03-27 13:47:44 +01:00
|
|
|
accelerator: 'CmdOrCtrl+-',
|
|
|
|
click: zoomOut,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'ZoomOutAdditionalShortcut',
|
|
|
|
visible: false,
|
|
|
|
acceleratorWorksWhenHidden: true,
|
|
|
|
accelerator: 'CmdOrCtrl+numsub',
|
2020-03-18 05:16:47 +01:00
|
|
|
click: zoomOut,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: zoomResetLabel,
|
2020-03-27 13:47:44 +01:00
|
|
|
accelerator: 'CmdOrCtrl+0',
|
|
|
|
click: zoomReset,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'ZoomResetAdditionalShortcut',
|
|
|
|
visible: false,
|
|
|
|
acceleratorWorksWhenHidden: true,
|
|
|
|
accelerator: 'CmdOrCtrl+num0',
|
2020-03-18 05:16:47 +01:00
|
|
|
click: zoomReset,
|
|
|
|
},
|
|
|
|
],
|
|
|
|
};
|
|
|
|
|
|
|
|
if (!disableDevTools) {
|
|
|
|
(viewMenu.submenu as MenuItemConstructorOptions[]).push(
|
|
|
|
{
|
|
|
|
type: 'separator',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Toggle Developer Tools',
|
2021-06-07 14:55:17 +02:00
|
|
|
accelerator: isOSX() ? 'Alt+Cmd+I' : 'Ctrl+Shift+I',
|
|
|
|
click: (item: MenuItem, focusedWindow: BrowserWindow) => {
|
|
|
|
log.debug('Toggle Developer Tools.click()', { item, focusedWindow });
|
|
|
|
if (!focusedWindow) {
|
|
|
|
focusedWindow = mainWindow;
|
2020-03-18 05:16:47 +01:00
|
|
|
}
|
2021-06-07 14:55:17 +02:00
|
|
|
focusedWindow.webContents.toggleDevTools();
|
2017-04-29 16:52:12 +02:00
|
|
|
},
|
2020-03-18 05:16:47 +01:00
|
|
|
},
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
const windowMenu: MenuItemConstructorOptions = {
|
|
|
|
label: '&Window',
|
|
|
|
role: 'window',
|
|
|
|
submenu: [
|
|
|
|
{
|
|
|
|
label: 'Minimize',
|
|
|
|
accelerator: 'CmdOrCtrl+M',
|
|
|
|
role: 'minimize',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Close',
|
|
|
|
accelerator: 'CmdOrCtrl+W',
|
|
|
|
role: 'close',
|
|
|
|
},
|
|
|
|
],
|
|
|
|
};
|
|
|
|
|
|
|
|
const helpMenu: MenuItemConstructorOptions = {
|
|
|
|
label: '&Help',
|
|
|
|
role: 'help',
|
|
|
|
submenu: [
|
|
|
|
{
|
|
|
|
label: `Built with Nativefier v${nativefierVersion}`,
|
2021-06-16 04:20:49 +02:00
|
|
|
click: (): void => {
|
2021-06-07 14:55:17 +02:00
|
|
|
openExternal('https://github.com/nativefier/nativefier').catch(
|
2021-06-16 04:20:49 +02:00
|
|
|
(err: unknown): void =>
|
2021-06-07 14:55:17 +02:00
|
|
|
log.error(
|
|
|
|
'Built with Nativefier v${nativefierVersion}.click ERROR',
|
|
|
|
err,
|
|
|
|
),
|
|
|
|
);
|
2017-04-29 16:52:12 +02:00
|
|
|
},
|
2020-03-18 05:16:47 +01:00
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Report an Issue',
|
2021-06-16 04:20:49 +02:00
|
|
|
click: (): void => {
|
2021-06-07 14:55:17 +02:00
|
|
|
openExternal('https://github.com/nativefier/nativefier/issues').catch(
|
2021-06-16 04:20:49 +02:00
|
|
|
(err: unknown): void =>
|
|
|
|
log.error('Report an Issue.click ERROR', err),
|
2021-06-07 14:55:17 +02:00
|
|
|
);
|
2017-04-29 16:52:12 +02:00
|
|
|
},
|
2020-03-18 05:16:47 +01:00
|
|
|
},
|
|
|
|
],
|
|
|
|
};
|
2016-01-19 12:53:10 +01:00
|
|
|
|
2020-03-18 05:16:47 +01:00
|
|
|
let menuTemplate: MenuItemConstructorOptions[];
|
2016-05-26 12:02:43 +02:00
|
|
|
|
2021-06-07 14:55:17 +02:00
|
|
|
if (isOSX()) {
|
2020-03-18 05:16:47 +01:00
|
|
|
const electronMenu: MenuItemConstructorOptions = {
|
2019-03-17 16:29:15 +01:00
|
|
|
label: 'E&lectron',
|
2017-04-29 16:52:12 +02:00
|
|
|
submenu: [
|
|
|
|
{
|
|
|
|
label: 'Services',
|
|
|
|
role: 'services',
|
|
|
|
submenu: [],
|
|
|
|
},
|
|
|
|
{
|
|
|
|
type: 'separator',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Hide App',
|
Revamp and move to TypeScript (#898)
## Breaking changes
- Require **Node >= 8.10.0 and npm 5.6.0**
- Move to **Electron 8.1.1**.
- That's it. Lots of care went into breaking CLI & programmatic behavior
as little as possible. **Please report regressions**.
- Known issue: build may fail behind a proxy. Get in touch if you use one:
https://github.com/jiahaog/nativefier/issues/907#issuecomment-596144768
## Changes summary
Nativefier didn't get much love recently, to the point that it's
becoming hard to run on recent Node, due to old dependencies.
Also, some past practices now seem weird, as better expressible
by modern JS/TS, discouraging contributions including mine.
Addressing this, and one thing leading to another, came a
bigger-than-expected revamp, aiming at making Nativefier more
**lean, stable, future-proof, user-friendly and dev-friendly**,
while **not changing the CLI/programmatic interfaces**. Highlights:
- **Require Node>=8**, as imposed by many of our dependencies. Node 8
is twice LTS, and easily available even in conservative Linux distros.
No reason not to demand it.
- **Default to Electron 8**.
- **Bump** all dependencies to latest version, including electron-packager.
- **Move to TS**. TS is great. As of today, I see no reason not to use it,
and fight interface bugs at runtime rather than at compile time.
With that, get rid of everything Babel/Webpack.
- **Move away from Gulp**. Gulp's selling point is perf via streaming,
but for small builds like Nativefier, npm tasks are plenty good
and less dependency bloat. Gulp was the driver for this PR: broken
on Node 12, and I didn't feel like just upgrading and keeping it.
- Add tons of **verbose logs** everywhere it makes sense, to have a
fine & clear trace of the program flow. This will be helpful to
debug user-reported issues, and already helped me fix a few bugs.
- With better simple logging, get rid of the quirky and buggy
progress bar based on package `progress`. Nice logging (minimal
by default, the verbose logging mentioned above is only used
when passing `--verbose`) is better and one less dependency.
- **Dump `async` package**, a relic from old callback-hell early Node.
Also dump a few other micro-packages unnecessary now.
- A first pass of code **cleanup** thanks to modern JS/TS features:
fixes, simplifications, jsdoc type annotations to types, etc.
- **Remove GitHub integrations Hound & CodeClimate**, which are more
exotic than good'ol'linters, and whose signal-to-noise ratio is too low.
- Quality: **Add tests** and add **Windows + macOS CI builds**.
Also, add a **manual test script**, helping to quickly verify the
hard-to-programatically-test stuff before releases, and limit regressions.
- **Fix a very small number of existing bugs**. The goal of this PR was
*not* to fix bugs, but to get Nativefier in better shape to do so.
Bugfixes will come later. Still, these got addressed:
- Add common `Alt`+`Left`/`Right` for previous/next navigation.
- Improve #379: fix zoom with `Ctrl` + numpad `+`/`-`
- Fix pinch-to-zoom (see https://github.com/jiahaog/nativefier/issues/379#issuecomment-598612128 )
2020-03-15 21:50:01 +01:00
|
|
|
accelerator: 'Cmd+H',
|
2017-04-29 16:52:12 +02:00
|
|
|
role: 'hide',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Hide Others',
|
Revamp and move to TypeScript (#898)
## Breaking changes
- Require **Node >= 8.10.0 and npm 5.6.0**
- Move to **Electron 8.1.1**.
- That's it. Lots of care went into breaking CLI & programmatic behavior
as little as possible. **Please report regressions**.
- Known issue: build may fail behind a proxy. Get in touch if you use one:
https://github.com/jiahaog/nativefier/issues/907#issuecomment-596144768
## Changes summary
Nativefier didn't get much love recently, to the point that it's
becoming hard to run on recent Node, due to old dependencies.
Also, some past practices now seem weird, as better expressible
by modern JS/TS, discouraging contributions including mine.
Addressing this, and one thing leading to another, came a
bigger-than-expected revamp, aiming at making Nativefier more
**lean, stable, future-proof, user-friendly and dev-friendly**,
while **not changing the CLI/programmatic interfaces**. Highlights:
- **Require Node>=8**, as imposed by many of our dependencies. Node 8
is twice LTS, and easily available even in conservative Linux distros.
No reason not to demand it.
- **Default to Electron 8**.
- **Bump** all dependencies to latest version, including electron-packager.
- **Move to TS**. TS is great. As of today, I see no reason not to use it,
and fight interface bugs at runtime rather than at compile time.
With that, get rid of everything Babel/Webpack.
- **Move away from Gulp**. Gulp's selling point is perf via streaming,
but for small builds like Nativefier, npm tasks are plenty good
and less dependency bloat. Gulp was the driver for this PR: broken
on Node 12, and I didn't feel like just upgrading and keeping it.
- Add tons of **verbose logs** everywhere it makes sense, to have a
fine & clear trace of the program flow. This will be helpful to
debug user-reported issues, and already helped me fix a few bugs.
- With better simple logging, get rid of the quirky and buggy
progress bar based on package `progress`. Nice logging (minimal
by default, the verbose logging mentioned above is only used
when passing `--verbose`) is better and one less dependency.
- **Dump `async` package**, a relic from old callback-hell early Node.
Also dump a few other micro-packages unnecessary now.
- A first pass of code **cleanup** thanks to modern JS/TS features:
fixes, simplifications, jsdoc type annotations to types, etc.
- **Remove GitHub integrations Hound & CodeClimate**, which are more
exotic than good'ol'linters, and whose signal-to-noise ratio is too low.
- Quality: **Add tests** and add **Windows + macOS CI builds**.
Also, add a **manual test script**, helping to quickly verify the
hard-to-programatically-test stuff before releases, and limit regressions.
- **Fix a very small number of existing bugs**. The goal of this PR was
*not* to fix bugs, but to get Nativefier in better shape to do so.
Bugfixes will come later. Still, these got addressed:
- Add common `Alt`+`Left`/`Right` for previous/next navigation.
- Improve #379: fix zoom with `Ctrl` + numpad `+`/`-`
- Fix pinch-to-zoom (see https://github.com/jiahaog/nativefier/issues/379#issuecomment-598612128 )
2020-03-15 21:50:01 +01:00
|
|
|
accelerator: 'Cmd+Shift+H',
|
2020-03-18 05:16:47 +01:00
|
|
|
role: 'hideOthers',
|
2017-04-29 16:52:12 +02:00
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Show All',
|
|
|
|
role: 'unhide',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
type: 'separator',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Quit',
|
Revamp and move to TypeScript (#898)
## Breaking changes
- Require **Node >= 8.10.0 and npm 5.6.0**
- Move to **Electron 8.1.1**.
- That's it. Lots of care went into breaking CLI & programmatic behavior
as little as possible. **Please report regressions**.
- Known issue: build may fail behind a proxy. Get in touch if you use one:
https://github.com/jiahaog/nativefier/issues/907#issuecomment-596144768
## Changes summary
Nativefier didn't get much love recently, to the point that it's
becoming hard to run on recent Node, due to old dependencies.
Also, some past practices now seem weird, as better expressible
by modern JS/TS, discouraging contributions including mine.
Addressing this, and one thing leading to another, came a
bigger-than-expected revamp, aiming at making Nativefier more
**lean, stable, future-proof, user-friendly and dev-friendly**,
while **not changing the CLI/programmatic interfaces**. Highlights:
- **Require Node>=8**, as imposed by many of our dependencies. Node 8
is twice LTS, and easily available even in conservative Linux distros.
No reason not to demand it.
- **Default to Electron 8**.
- **Bump** all dependencies to latest version, including electron-packager.
- **Move to TS**. TS is great. As of today, I see no reason not to use it,
and fight interface bugs at runtime rather than at compile time.
With that, get rid of everything Babel/Webpack.
- **Move away from Gulp**. Gulp's selling point is perf via streaming,
but for small builds like Nativefier, npm tasks are plenty good
and less dependency bloat. Gulp was the driver for this PR: broken
on Node 12, and I didn't feel like just upgrading and keeping it.
- Add tons of **verbose logs** everywhere it makes sense, to have a
fine & clear trace of the program flow. This will be helpful to
debug user-reported issues, and already helped me fix a few bugs.
- With better simple logging, get rid of the quirky and buggy
progress bar based on package `progress`. Nice logging (minimal
by default, the verbose logging mentioned above is only used
when passing `--verbose`) is better and one less dependency.
- **Dump `async` package**, a relic from old callback-hell early Node.
Also dump a few other micro-packages unnecessary now.
- A first pass of code **cleanup** thanks to modern JS/TS features:
fixes, simplifications, jsdoc type annotations to types, etc.
- **Remove GitHub integrations Hound & CodeClimate**, which are more
exotic than good'ol'linters, and whose signal-to-noise ratio is too low.
- Quality: **Add tests** and add **Windows + macOS CI builds**.
Also, add a **manual test script**, helping to quickly verify the
hard-to-programatically-test stuff before releases, and limit regressions.
- **Fix a very small number of existing bugs**. The goal of this PR was
*not* to fix bugs, but to get Nativefier in better shape to do so.
Bugfixes will come later. Still, these got addressed:
- Add common `Alt`+`Left`/`Right` for previous/next navigation.
- Improve #379: fix zoom with `Ctrl` + numpad `+`/`-`
- Fix pinch-to-zoom (see https://github.com/jiahaog/nativefier/issues/379#issuecomment-598612128 )
2020-03-15 21:50:01 +01:00
|
|
|
accelerator: 'Cmd+Q',
|
2021-06-07 14:55:17 +02:00
|
|
|
role: 'quit',
|
2017-04-29 16:52:12 +02:00
|
|
|
},
|
|
|
|
],
|
2020-03-18 05:16:47 +01:00
|
|
|
};
|
|
|
|
(windowMenu.submenu as MenuItemConstructorOptions[]).push(
|
2017-04-29 16:52:12 +02:00
|
|
|
{
|
|
|
|
type: 'separator',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
label: 'Bring All to Front',
|
|
|
|
role: 'front',
|
|
|
|
},
|
2017-11-14 14:05:01 +01:00
|
|
|
);
|
2020-03-18 05:16:47 +01:00
|
|
|
menuTemplate = [electronMenu, editMenu, viewMenu, windowMenu, helpMenu];
|
|
|
|
} else {
|
|
|
|
menuTemplate = [editMenu, viewMenu, windowMenu, helpMenu];
|
2017-04-29 16:52:12 +02:00
|
|
|
}
|
2016-01-19 12:53:10 +01:00
|
|
|
|
2021-06-07 14:55:17 +02:00
|
|
|
return menuTemplate;
|
|
|
|
}
|
|
|
|
|
|
|
|
function injectBookmarks(menuTemplate: MenuItemConstructorOptions[]): void {
|
|
|
|
const bookmarkConfigPath = path.join(__dirname, '..', 'bookmarks.json');
|
|
|
|
|
|
|
|
if (!fs.existsSync(bookmarkConfigPath)) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
try {
|
2021-06-07 14:55:17 +02:00
|
|
|
const bookmarksMenuConfig: BookmarksMenuConfig = JSON.parse(
|
|
|
|
fs.readFileSync(bookmarkConfigPath, 'utf-8'),
|
|
|
|
);
|
|
|
|
const bookmarksMenu: MenuItemConstructorOptions = {
|
|
|
|
label: bookmarksMenuConfig.menuLabel,
|
|
|
|
submenu: bookmarksMenuConfig.bookmarks.map((bookmark) => {
|
|
|
|
switch (bookmark.type) {
|
|
|
|
case 'link':
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
if (!('title' in bookmark && 'url' in bookmark)) {
|
2021-06-07 14:55:17 +02:00
|
|
|
throw new Error(
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
'All links in the bookmarks menu must have a title and url.',
|
|
|
|
);
|
|
|
|
}
|
|
|
|
try {
|
|
|
|
new URL(bookmark.url);
|
2021-06-07 14:55:17 +02:00
|
|
|
} catch {
|
|
|
|
throw new Error('Bookmark URL "' + bookmark.url + '"is invalid.');
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
}
|
|
|
|
return {
|
|
|
|
label: bookmark.title,
|
2021-06-16 04:20:49 +02:00
|
|
|
click: (): void => {
|
|
|
|
goToURL(bookmark.url).catch((err: unknown): void =>
|
2021-06-07 14:55:17 +02:00
|
|
|
log.error(`${bookmark.title}.click ERROR`, err),
|
|
|
|
);
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
},
|
2021-06-07 14:55:17 +02:00
|
|
|
accelerator: 'shortcut' in bookmark ? bookmark.shortcut : null,
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
};
|
2021-06-07 14:55:17 +02:00
|
|
|
case 'separator':
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
return {
|
|
|
|
type: 'separator',
|
|
|
|
};
|
2021-06-07 14:55:17 +02:00
|
|
|
default:
|
|
|
|
throw new Error(
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
'A bookmarks menu entry has an invalid type; type must be one of "link", "separator".',
|
|
|
|
);
|
2021-06-07 14:55:17 +02:00
|
|
|
}
|
|
|
|
}),
|
|
|
|
};
|
|
|
|
// Insert custom bookmarks menu between menus "View" and "Window"
|
|
|
|
menuTemplate.splice(menuTemplate.length - 2, 0, bookmarksMenu);
|
2021-06-16 04:20:49 +02:00
|
|
|
} catch (err: unknown) {
|
2021-05-01 05:21:37 +02:00
|
|
|
log.error('Failed to load & parse bookmarks configuration JSON file.', err);
|
Support defining a custom bookmarks menu (fix #1065) (PR #1155)
This PR adds an optional, customizable menu of predefined bookmarks. In addition to containing a list of bookmarks, this file customizes the name of the menu and (optionally) allows assigning keyboard shortcuts to bookmarks. It adds a new command-line flag, `--bookmarks-menu <string>`, which can be set as the path to a JSON file containing configuration for the bookmarks menu.
Example of such a JSON file:
```json
{
"menuLabel": "Music",
"bookmarks": [
{
"title": "lofi.cafe",
"url": "https://lofi.cafe/",
"type": "link",
"shortcut": "Cmd+1"
},
{
"title": "beats to relax/study to",
"url": "https://www.youtube.com/watch?v=5qap5aO4i9A",
"type": "link",
"shortcut": "Cmd+2"
},
{
"type": "separator"
},
{
"title": "RÜFÜS DU SOL Live from Joshua Tree",
"type": "link",
"url": "https://www.youtube.com/watch?v=Zy4KtD98S2c"
}
]
}
```
## Checks
- [x] `npm run ci` passes
## Notes
Compared to the fork linked in #1065, this PR:
- adds no dependencies
- doesn't currently support submenus (this should be easy enough to add, but I didn't need it)
## Screenshot
<img width="853" alt="screenshot" src="https://user-images.githubusercontent.com/102904/115882015-5493a800-a41a-11eb-85ef-a190f3dbfe76.png">
2021-04-24 03:46:34 +02:00
|
|
|
}
|
2016-01-23 03:09:47 +01:00
|
|
|
}
|