feat: check for updates (#567)

Author: antonreshetov

src/main/index.ts

@@ -7,6 +7,7 @@ import { migrateJsonToSqlite } from './db/migrate'
 import { registerIPC } from './ipc'
 import { mainMenu } from './menu/main'
 import { store } from './store'
+import { checkForUpdates } from './updates'
 
 process.env.ELECTRON_DISABLE_SECURITY_WARNINGS = 'true' // Отключаем security warnings
 
@@ -73,8 +74,8 @@ else {
   app.whenReady().then(() => {
     createWindow()
     registerIPC()
-
     initApi()
+    checkForUpdates()
 
     if (store.app.get('isAutoMigratedFromJson')) {
       return

src/main/menu/main.ts

@@ -6,9 +6,12 @@ import {
   BrowserWindow,
   dialog,
   type MenuItemConstructorOptions,
+  shell,
 } from 'electron'
+import { repository } from '../../../package.json'
 import i18n from '../i18n'
 import { send } from '../ipc'
+import { fethUpdates } from '../updates'
 import { createMenu, createPlatformMenuItems } from './utils'
 
 const year = new Date().getFullYear()
@@ -40,6 +43,40 @@ const appMenuItems: MenuConfig[] = [
     platforms: ['darwin'],
     click: () => aboutApp(),
   },
+  {
+    id: 'update',
+    label: i18n.t('menu:app.update'),
+    click: async () => {
+      const latestVersion = await fethUpdates()
+
+      if (latestVersion) {
+        const buttonId = dialog.showMessageBoxSync(
+          BrowserWindow.getFocusedWindow()!,
+          {
+            message: i18n.t('messages:update.available', {
+              newVersion: latestVersion,
+              oldVersion: version,
+            }),
+            buttons: [i18n.t('button.update.0'), i18n.t('button.update.1')],
+            defaultId: 0,
+            cancelId: 1,
+          },
+        )
+
+        if (buttonId === 0) {
+          shell.openExternal(`${repository}/releases`)
+        }
+      }
+      else {
+        dialog.showMessageBoxSync(BrowserWindow.getFocusedWindow()!, {
+          message: i18n.t('messages:update.noAvailable'),
+        })
+      }
+    },
+  },
+  {
+    type: 'separator',
+  },
   {
     id: 'preferences',
     label: i18n.t('menu:app.preferences'),
@@ -229,7 +266,6 @@ const menuItems: MenuItemConstructorOptions[] = [
     submenu: createPlatformMenuItems(appMenuItems),
   },
   {
-    // role: 'fileMenu',
     label: 'File',
     submenu: createPlatformMenuItems(fileMenuItems),
   },

src/main/types/ipc.ts

@@ -22,7 +22,11 @@ type MainMenuAction =
   | 'presentation-mode'
 
 type DBAction = 'relaod' | 'move' | 'migrate' | 'clear'
-type SystemAction = 'reload' | 'open-external' | 'deep-link'
+type SystemAction =
+  | 'reload'
+  | 'open-external'
+  | 'deep-link'
+  | 'update-available'
 type PrettierAction = 'format'
 type FsAction = 'assets'
 

src/main/updates/index.ts

@@ -0,0 +1,53 @@
+/* eslint-disable node/prefer-global/process */
+import { repository, version } from '../../../package.json'
+import { send } from '../ipc'
+
+interface GitHubRelease {
+  tag_name: string
+}
+
+const INTERVAL = 1000 * 60 * 60 * 3 // 3 часа
+const isDev = process.env.NODE_ENV === 'development'
+
+export async function fethUpdates() {
+  if (isDev) {
+    return
+  }
+
+  try {
+    const url = `${repository.replace('github.com', 'api.github.com/repos')}/releases`
+
+    const response = await fetch(url)
+    const data = (await response.json()) as GitHubRelease[]
+
+    if (!data) {
+      return
+    }
+
+    const releases = data.filter((release) => {
+      const tagName = release.tag_name.replace('v', '')
+      return tagName.startsWith('4.')
+    })
+
+    if (releases.length > 0) {
+      const latestRelease = releases[0]
+      const latestVersion = latestRelease.tag_name.replace('v', '')
+
+      if (latestVersion !== version) {
+        send('system:update-available')
+        return latestVersion as string
+      }
+    }
+  }
+  catch (err) {
+    console.error('Error checking for updates:', err)
+  }
+}
+
+export function checkForUpdates() {
+  fethUpdates()
+
+  setInterval(() => {
+    fethUpdates()
+  }, INTERVAL)
+}

src/renderer/ipc/listeners/system.ts

@@ -1,5 +1,6 @@
-import { useApp, useFolders, useSnippets } from '@/composables'
+import { useApp, useFolders, useSnippets, useSonner } from '@/composables'
 import { ipc } from '@/electron'
+import { repository } from '../../../../package.json'
 
 const {
   highlightedFolderId,
@@ -9,6 +10,7 @@ const {
 } = useApp()
 const { selectFolder } = useFolders()
 const { selectSnippet, getSnippets } = useSnippets()
+const { sonner } = useSonner()
 
 export function registerSystemListeners() {
   ipc.on('system:deep-link', async (_, url: string) => {
@@ -33,4 +35,17 @@ export function registerSystemListeners() {
       console.error(error)
     }
   })
+
+  ipc.on('system:update-available', () => {
+    sonner({
+      message: 'Update available',
+      type: 'success',
+      action: {
+        label: 'Go to GitHub',
+        onClick: () => {
+          ipc.invoke('system:open-external', `${repository}/releases`)
+        },
+      },
+    })
+  })
 }

tsconfig.main.json

@@ -3,6 +3,7 @@
     "target": "ES2023",
     "rootDir": "src/main",
     "module": "CommonJS",
+    "resolveJsonModule": true,
     "strict": true,
     "inlineSources": true,
     "outDir": "build/main",