feat: add presentation mode (#215)

Author: antonreshetov

src/main/menu/main.ts

@@ -352,7 +352,19 @@ const editorMenu: MenuItemConstructorOptions[] = [
     }
   },
   {
-    label: i18n.t('menu:editor.previewMarkdown'),
+    label: i18n.t('menu:editor.previewCode'),
+    accelerator: 'Shift+CommandOrControl+P',
+    click: () => {
+      BrowserWindow.getFocusedWindow()?.webContents.send(
+        'main-menu:preview-code'
+      )
+    }
+  }
+]
+
+const markdownMenu: MenuItemConstructorOptions[] = [
+  {
+    label: i18n.t('menu:markdown.preview'),
     accelerator: 'Shift+CommandOrControl+M',
     click: () => {
       BrowserWindow.getFocusedWindow()?.webContents.send(
@@ -361,11 +373,11 @@ const editorMenu: MenuItemConstructorOptions[] = [
     }
   },
   {
-    label: i18n.t('menu:editor.previewCode'),
-    accelerator: 'Shift+CommandOrControl+P',
+    label: i18n.t('menu:markdown.presentationMode'),
+    accelerator: 'Control+CommandOrControl+P',
     click: () => {
       BrowserWindow.getFocusedWindow()?.webContents.send(
-        'main-menu:preview-code'
+        'main-menu:presentation-mode'
       )
     }
   }
@@ -425,6 +437,10 @@ const menuItems: MenuItemConstructorOptions[] = [
     label: i18n.t('menu:editor.label'),
     submenu: editorMenu
   },
+  {
+    label: i18n.t('menu:markdown.label'),
+    submenu: markdownMenu
+  },
   {
     label: i18n.t('menu:help.label'),
     submenu: helpMenu

src/main/services/i18n/locales/en/menu.json

@@ -64,8 +64,12 @@
     "label": "Editor",
     "copy": "Copy Snippet to Clipboard",
     "format": "Format",
-    "previewMarkdown": "Preview Markdown",
     "previewCode": "Preview Code",
     "previewScreenshot": "Preview Screenshot"
+  },
+  "markdown": {
+    "label": "Markdown",
+    "presentationMode": "Presentation Mode",
+    "preview": "Preview"
   }
 }

src/main/services/i18n/locales/es_ES/menu.json

@@ -61,8 +61,13 @@
     "label": "Editor",
     "copy": "Copiar Snippet al Portapapeles",
     "format": "Formato",
-    "previewMarkdown": "Previsualizar en Markdown",
+    "previewMarkdown": "",
     "previewCode": "Previsualizar Código",
     "previewScreenshot": "Previsualizar Captura de Pantalla"
+  },
+  "markdown": {
+    "label": "Markdown",
+    "presentationMode": "Presentation Mode",
+    "preview": "Preview"
   }
 }

src/main/services/i18n/locales/pt_BR/menu.json

@@ -61,8 +61,12 @@
     "label": "Editor",
     "copy": "Copiar para área de transferencia",
     "format": "Formatar",
-    "previewMarkdown": "Pré-visualizar marcador",
     "previewCode": "Pré-visualizar código",
     "previewScreenshot": "Pré-visualizar captura de tela"
+  },
+  "markdown": {
+    "label": "Markdown",
+    "presentationMode": "Presentation Mode",
+    "preview": "Preview"
   }
-}
+}

src/main/services/i18n/locales/ru/menu.json

@@ -64,8 +64,12 @@
     "label": "Редактор",
     "copy": "Скопировать сниппет в буфер",
     "format": "Форматировать",
-    "previewMarkdown": "Просмотр Markdown",
     "previewCode": "Просмотр результата HTML/CSS",
     "previewScreenshot": "Просмотр скриншота"
+  },
+  "markdown": {
+    "label": "Markdown",
+    "presentationMode": "Режим презентации",
+    "preview": "Просмотр Markdown"
   }
 }

src/main/services/i18n/locales/zh_CN/menu.json

@@ -61,8 +61,12 @@
     "label": "编辑器",
     "copy": "将代码片段复制至剪贴板",
     "format": "格式化",
-    "previewMarkdown": "预览 Markdown",
     "previewCode": "预览 HTML 和 CSS",
     "previewScreenshot": "生成并预览代码截图"
+  },
+  "markdown": {
+    "label": "Markdown",
+    "presentationMode": "Presentation Mode",
+    "preview": "Preview"
   }
-}
+}

src/main/services/i18n/locales/zh_HK/menu.json

@@ -61,8 +61,12 @@
     "label": "編輯器",
     "copy": "將代碼片段複製至剪貼板",
     "format": "格式化",
-    "previewMarkdown": "預覽 Markdown",
     "previewCode": "預覽 HTML 和 CSS",
     "previewScreenshot": "生成並預覽代碼截圖"
+  },
+  "markdown": {
+    "label": "Markdown",
+    "presentationMode": "Presentation Mode",
+    "preview": "Preview"
   }
-}
+}

src/main/services/i18n/locales/zh_TW/menu.json

@@ -61,8 +61,12 @@
     "label": "編輯器",
     "copy": "將程式碼片段複製至剪貼簿",
     "format": "格式化",
-    "previewMarkdown": "預覽 Markdown",
     "previewCode": "預覽 HTML 和 CSS",
     "previewScreenshot": "生成並預覽程式碼截圖"
+  },
+  "markdown": {
+    "label": "Markdown",
+    "presentationMode": "Presentation Mode",
+    "preview": "Preview"
   }
-}
+}

src/main/store/module/preferences.ts

@@ -33,6 +33,9 @@ export default new Store<PreferencesStore>({
       darkMode: true,
       width: 600
     },
+    markdown: {
+      presentationScale: 1.3
+    },
     language: 'en'
   }
 })

src/renderer/App.vue

@@ -73,6 +73,7 @@ const init = async () => {
   appStore.sizes.sidebar = store.app.get('sidebarWidth')
   appStore.sizes.snippetList = store.app.get('snippetListWidth')
   appStore.screenshot = store.preferences.get('screenshot')
+  appStore.markdown = store.preferences.get('markdown')
 
   snippetStore.sort = store.app.get('sort')
 
@@ -213,6 +214,13 @@ ipc.on('main-menu:new-fragment', () => {
 ipc.on('main-menu:preview-markdown', async () => {
   if (snippetStore.currentLanguage === 'markdown') {
     snippetStore.isMarkdownPreview = !snippetStore.isMarkdownPreview
+    track('snippets/markdown-preview')
+  }
+})
+ipc.on('main-menu:presentation-mode', async () => {
+  if (snippetStore.currentLanguage === 'markdown') {
+    router.push('/presentation')
+    track('snippets/presentation-mode')
   }
 })