✨ Feature: manual page now open in a new window

src/main/apis/app/window/constants.ts

@@ -19,3 +19,7 @@ export const RENAME_WINDOW_URL = process.env.NODE_ENV === 'development'
 export const TOOLBOX_WINDOW_URL = process.env.NODE_ENV === 'development'
   ? `${(process.env.WEBPACK_DEV_SERVER_URL as string)}#toolbox-page`
   : 'picgo://./index.html#toolbox-page'
+
+export const MANUAL_WINDOW_URL = process.env.NODE_ENV === 'development'
+  ? `${(process.env.WEBPACK_DEV_SERVER_URL as string)}#documents`
+  : 'picgo://./index.html#documents'

src/main/apis/app/window/windowList.ts

@@ -13,7 +13,8 @@ import {
   TRAY_WINDOW_URL,
   MINI_WINDOW_URL,
   RENAME_WINDOW_URL,
-  TOOLBOX_WINDOW_URL
+  TOOLBOX_WINDOW_URL,
+  MANUAL_WINDOW_URL
 } from './constants'
 
 // Custom types/enums
@@ -57,6 +58,27 @@ const trayWindowOptions = {
   }
 }
 
+const manualWindowOptions = {
+  height: 800,
+  width: 1200,
+  show: false,
+  frame: true,
+  center: true,
+  fullscreenable: true,
+  resizable: true,
+  title: 'Manual',
+  vibrancy: 'ultra-dark',
+  transparent: false,
+  webPreferences: {
+    webviewTag: true,
+    backgroundThrottling: false,
+    nodeIntegration: !!process.env.ELECTRON_NODE_INTEGRATION,
+    contextIsolation: !process.env.ELECTRON_NODE_INTEGRATION,
+    nodeIntegrationInWorker: true,
+    webSecurity: false
+  }
+} as IBrowserWindowOptions
+
 const settingWindowOptions = {
   height: defaultWindowHeight,
   width: defaultWindowWidth,
@@ -169,6 +191,16 @@ windowList.set(IWindowList.TRAY_WINDOW, {
   }
 })
 
+windowList.set(IWindowList.MANUAL_WINDOW, {
+  isValid: true,
+  multiple: false,
+  options: () => manualWindowOptions,
+  callback (window) {
+    window.loadURL(handleWindowParams(MANUAL_WINDOW_URL))
+    window.focus()
+  }
+})
+
 windowList.set(IWindowList.SETTING_WINDOW, {
   isValid: true,
   multiple: false,