chore: home page update

Author: Nemika-Haj

main/background.ts

@@ -6,6 +6,7 @@ import { autoUpdater, UpdateInfo } from "@imjs/electron-differential-updater"
 import ipcEvents from './helpers/ipcEvents';
 import tray from './helpers/tray';
 import util, { isProd } from './util';
+import apiEvents from './helpers/apiEvents';
 
 // AUTO UPDATER
 autoUpdater.logger = electronLogger
@@ -117,6 +118,7 @@ if (isProd) {
 
   await tray.init()
   ipcEvents.init()
+  apiEvents.init()
 
 
 })();

main/helpers/apiEvents.ts

@@ -0,0 +1,34 @@
+import { ipcMain } from "electron"
+import { RequestInfo, RequestInit } from "node-fetch";
+import 'dotenv/config'
+
+const fetch = (url: RequestInfo, init?: RequestInit) =>  import("node-fetch").then(({ default: fetch }) => fetch(url, init));
+
+const CHANGELOG_URL = "https://api.github.com/repos/BytesToBits/LockPass/commits"
+const RELEASE_URL = "https://api.github.com/repos/BytesToBits/LockPass/releases"
+
+const init = () => {
+    ipcMain.handle('get-changelog', async(_) => {
+        const res = await fetch(CHANGELOG_URL, {
+            headers: {
+                Authorization: `Basic ${Buffer.from(`${process.env.NAME}:${process.env.TOKEN}`).toString("base64")}`
+            }
+        })
+
+        return await res.json()
+    })
+
+    ipcMain.handle('get-releases', async(_) => {
+        const res = await fetch(RELEASE_URL, {
+            headers: {
+                Authorization: `Basic ${Buffer.from(`${process.env.NAME}:${process.env.TOKEN}`).toString("base64")}`
+            }
+        })
+
+        return await res.json()
+    })
+}
+
+export default {
+    init
+}

package.json

@@ -20,12 +20,14 @@
     "@emotion/react": "^11.9.3",
     "@emotion/styled": "^11.9.3",
     "@imjs/electron-differential-updater": "^5.1.7",
+    "dotenv": "^16.0.1",
     "electron-log": "^4.4.7",
     "electron-serve": "^1.1.0",
     "electron-store": "^8.0.1",
     "electron-updater": "^5.0.1",
     "framer-motion": "^6.3.11",
     "lodash": "^4.17.21",
+    "node-fetch": "2.6.6",
     "react-icons": "^4.4.0",
     "update-electron-app": "^2.0.1"
   },

renderer/pages/home.tsx

@@ -1,10 +1,82 @@
+import { Badge, Box, Button, Divider, Flex, Text } from "@chakra-ui/react"
+import { ipcRenderer, shell } from "electron"
+import { useEffect, useState } from "react"
 import Main from "../components/Main"
 
+const Commit = ({ data }) => {
+
+    return (
+        <Text _hover={{ textDecoration: "underline" }} cursor="pointer" onClick={() => shell.openExternal(data.html_url)}><code>{data.commit.message}</code> <Badge colorScheme="blue">{data.author.login}</Badge></Text>
+    )
+}
+
+const Release = ({ data }) => {
+
+    return (
+        <Text _hover={{ textDecoration: "underline" }} cursor="pointer" onClick={() => shell.openExternal(data.html_url)}>
+            <Badge colorScheme="green">{data.tag_name}</Badge> <code>{data.name}</code> <Badge colorScheme="blue">{data.author.login}</Badge>
+            </Text>
+    )
+}
+
 export default () => {
+    const [firstFetch, setFetch] = useState(false)
+    const [changelog, setChangelog] = useState([])
+    const [releases, setReleases] = useState([])
+
+    useEffect(() => {
+
+        if (!firstFetch) {
+            const init = async() => {
+                if(navigator.onLine) {
+                    const CH = await ipcRenderer.invoke("get-changelog")
+                    const RL = await ipcRenderer.invoke("get-releases")
+                    if (CH.message) {
+                        setChangelog([])
+                        console.log("Could not fetch changelog")
+                    }
+                    else {
+                        setChangelog(CH)
+                    }
+
+                    if (RL.message) {
+                        setReleases([])
+                        console.log("Could not fetch changelog")
+                    }
+                    else {
+                        setReleases(RL)
+                    }
+                } else {
+                    setChangelog([])
+                    setReleases([])
+                }
+            }
+            init()
+
+            setInterval(() => {
+                init()
+            }, 10000)
+
+            setFetch(true)
+        }
+    })
 
     return (
         <Main>
+            <Flex w="calc(100vw - 100px)" p={5} wrap="wrap" gap={5} maxH="calc(100vh - 30px)" overflowY="auto">
+                <Box p={5} rounded="md" border="2px solid white" bg="darkBackground">
+                    <Text fontWeight="bold">Recent Commits</Text>
+                    <Divider />
+                    {changelog.slice(0,9).map((data) => <Commit data={data} />)}
+                </Box>
+
+                <Box p={5} rounded="md" border="2px solid white" bg="darkBackground">
+                    <Text fontWeight="bold">Releases</Text>
+                    <Divider />
+                    {releases.slice(0,9).map((data) => <Release data={data} />)}
+                </Box>
 
+            </Flex>
         </Main>
     )
 }

yarn.lock

@@ -2765,17 +2765,17 @@ copy-to-clipboard@3.3.1:
     toggle-selection "^1.0.6"
 
 core-js-compat@^3.21.0, core-js-compat@^3.22.1:
-  version "3.23.1"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.23.1.tgz#23d44d9f209086e60dabf9130cea7719af6e199b"
-  integrity sha512-KeYrEc8t6FJsKYB2qnDwRHWaC0cJNaqlHfCpMe5q3j/W1nje3moib/txNklddLPCtGb+etcBIyJ8zuMa/LN5/A==
+  version "3.23.2"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.23.2.tgz#5cbf8a9c8812d665392845b85ae91b5bcc7b615c"
+  integrity sha512-lrgZvxFwbQp9v7E8mX0rJ+JX7Bvh4eGULZXA1IAyjlsnWvCdw6TF8Tg6xtaSUSJMrSrMaLdpmk+V54LM1dvfOA==
   dependencies:
     browserslist "^4.20.4"
     semver "7.0.0"
 
 core-js-pure@^3.20.2:
-  version "3.23.1"
-  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.23.1.tgz#0b27e4c3ad46178b84e790dbbb81987218ab82ad"
-  integrity sha512-3qNgf6TqI3U1uhuSYRzJZGfFd4T+YlbyVPl+jgRiKjdZopvG4keZQwWZDAWpu1UH9nCgTpUzIV3GFawC7cJsqg==
+  version "3.23.2"
+  resolved "https://registry.yarnpkg.com/core-js-pure/-/core-js-pure-3.23.2.tgz#efe5e486469c5ed2d088d76e973eb12e74a930e7"
+  integrity sha512-t6u7H4Ff/yZNk+zqTr74UjCcZ3k8ApBryeLLV4rYQd9aF3gqmjjGjjR44ENfeBMH8VVvSynIjAJ0mUuFhzQtrA==
 
 core-util-is@1.0.2:
   version "1.0.2"
@@ -2954,6 +2954,11 @@ dotenv-expand@^5.1.0:
   resolved "https://registry.yarnpkg.com/dotenv-expand/-/dotenv-expand-5.1.0.tgz#3fbaf020bfd794884072ea26b1e9791d45a629f0"
   integrity sha512-YXQl1DSa4/PQyRfgrv6aoNjhasp/p4qs9FjJ4q4cQk+8m4r6k4ZSiEyytKG8f8W9gi8WsQtIObNmKd+tMzNTmA==
 
+dotenv@^16.0.1:
+  version "16.0.1"
+  resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-16.0.1.tgz#8f8f9d94876c35dac989876a5d3a82a267fdce1d"
+  integrity sha512-1K6hR6wtk2FviQ4kEiSjFiH5rpzEVi8WW0x96aztHVMhEspNpc4DVOUTEHtEva5VThQ8IaBX1Pe4gSzpVVUsKQ==
+
 dotenv@^9.0.2:
   version "9.0.2"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-9.0.2.tgz#dacc20160935a37dea6364aa1bef819fb9b6ab05"
@@ -3038,9 +3043,9 @@ electron-store@^8.0.1:
     type-fest "^2.12.2"
 
 electron-to-chromium@^1.4.147:
-  version "1.4.161"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.161.tgz#49cb5b35385bfee6cc439d0a04fbba7a7a7f08a1"
-  integrity sha512-sTjBRhqh6wFodzZtc5Iu8/R95OkwaPNn7tj/TaDU5nu/5EFiQDtADGAXdR4tJcTEHlYfJpHqigzJqHvPgehP8A==
+  version "1.4.163"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.163.tgz#d881ad93360001e79cdc871b3a5b5cd9c74e9639"
+  integrity sha512-c9q94pUVqIdc8hyr7jZDB4bNEoNF3QJ7y35lnddMD+mXtiv5GsL1bT/RmfW/KEOmvlNg5Oy1qioiy4tA7e864Q==
 
 electron-updater@^5.0.1:
   version "5.0.1"
@@ -4116,6 +4121,13 @@ node-addon-api@^1.6.3:
   resolved "https://registry.yarnpkg.com/node-addon-api/-/node-addon-api-1.7.2.tgz#3df30b95720b53c24e59948b49532b662444f54d"
   integrity sha512-ibPK3iA+vaY1eEjESkQkM0BbCqFOaZMiXRTtdB0u7b4djtY6JnsjvPdUHVMg6xQt3B8fpTTWHI9A+ADjM9frzg==
 
+node-fetch@2.6.6:
+  version "2.6.6"
+  resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.6.tgz#1751a7c01834e8e1697758732e9efb6eeadfaf89"
+  integrity sha512-Z8/6vRlTUChSdIgMa51jxQ4lrw/Jy5SOW10ObaA47/RElsAN2c5Pn8bTgFGWn/ibwzXTE8qwr1Yzx28vsecXEA==
+  dependencies:
+    whatwg-url "^5.0.0"
+
 node-releases@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.5.tgz#280ed5bc3eba0d96ce44897d8aee478bfb3d9666"
@@ -4921,6 +4933,11 @@ toggle-selection@^1.0.6:
   resolved "https://registry.yarnpkg.com/toggle-selection/-/toggle-selection-1.0.6.tgz#6e45b1263f2017fa0acc7d89d78b15b8bf77da32"
   integrity sha512-BiZS+C1OS8g/q2RRbJmy59xpyghNBqrr6k5L/uKBGRsTfxmu3ffiRnd8mlGPUVayg8pvfi5urfnu8TU7DVOkLQ==
 
+tr46@~0.0.3:
+  version "0.0.3"
+  resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
+  integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
+
 truncate-utf8-bytes@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/truncate-utf8-bytes/-/truncate-utf8-bytes-1.0.2.tgz#405923909592d56f78a5818434b0b78489ca5f2b"
@@ -5109,6 +5126,11 @@ watchpack@^2.3.1:
     glob-to-regexp "^0.4.1"
     graceful-fs "^4.1.2"
 
+webidl-conversions@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
+  integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
+
 webpack-merge@5.8.0:
   version "5.8.0"
   resolved "https://registry.yarnpkg.com/webpack-merge/-/webpack-merge-5.8.0.tgz#2b39dbf22af87776ad744c390223731d30a68f61"
@@ -5152,6 +5174,14 @@ webpack@5.72.0:
     watchpack "^2.3.1"
     webpack-sources "^3.2.3"
 
+whatwg-url@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
+  integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
+  dependencies:
+    tr46 "~0.0.3"
+    webidl-conversions "^3.0.0"
+
 which@^2.0.1:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/which/-/which-2.0.2.tgz#7c6a8dd0a636a0327e10b59c9286eee93f3f51b1"