feat(web): add check new version

cooderl · Mar 3, 2024 · 7590d30 · 7590d30
1 parent e655bca
commit 7590d30
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 8 deletions.
diff --git a/apps/web/src/components/Nav.tsx b/apps/web/src/components/Nav.tsx
@@ -1,4 +1,5 @@
 import {
+  Badge,
   Image,
   Link,
   Navbar,
@@ -11,6 +12,7 @@ import { ThemeSwitcher } from './ThemeSwitcher';
 import { GitHubIcon } from './GitHubIcon';
 import { useLocation } from 'react-router-dom';
 import { appVersion } from '@web/utils/env';
+import { useEffect, useState } from 'react';
 
 const navbarItemLink = [
   {
@@ -29,18 +31,52 @@ const navbarItemLink = [
 
 const Nav = () => {
   const { pathname } = useLocation();
+  const [releaseVersion, setReleaseVersion] = useState(appVersion);
+
+  useEffect(() => {
+    fetch('https://api.github.com/repos/cooderl/wewe-rss/releases/latest')
+      .then((res) => res.json())
+      .then((data) => {
+        setReleaseVersion(data.name.replace('v', ''));
+      });
+  }, []);
+
+  const isFoundNewVersion = releaseVersion > appVersion;
+  console.log('isFoundNewVersion: ', isFoundNewVersion);
 
   return (
     <div>
       <Navbar isBordered>
-        <Tooltip content={`当前版本: v${appVersion}`} placement="left">
+        <Tooltip
+          content={
+            <div className="p-1">
+              {isFoundNewVersion && (
+                <Link
+                  href={`https://github.com/cooderl/wewe-rss/releases/latest`}
+                  target="_blank"
+                  className="mb-1 block text-medium"
+                >
+                  发现新版本：v{releaseVersion}
+                </Link>
+              )}
+              当前版本: v{appVersion}
+            </div>
+          }
+          placement="left"
+        >
           <NavbarBrand className="cursor-default">
-            <Image
-              width={28}
-              alt="WeWe RSS"
-              className="mr-2"
-              src="https://r2-assets.111965.xyz/wewe-rss.png"
-            ></Image>
+            <Badge
+              content={isFoundNewVersion ? '' : null}
+              color="danger"
+              size="sm"
+            >
+              <Image
+                width={28}
+                alt="WeWe RSS"
+                className="mr-2"
+                src="https://r2-assets.111965.xyz/wewe-rss.png"
+              ></Image>
+            </Badge>
             <p className="font-bold text-inherit">WeWe RSS</p>
           </NavbarBrand>
         </Tooltip>

diff --git a/apps/web/vite.config.ts b/apps/web/vite.config.ts
@@ -10,7 +10,7 @@ const isProd = process.env.NODE_ENV === 'production';
 console.log('process.env.NODE_ENV: ', process.env.NODE_ENV);
 
 const packageJson = JSON.parse(
-  readFileSync(resolve(__dirname, '..', '..', './package.json'), 'utf-8'),
+  readFileSync(resolve(__dirname, './package.json'), 'utf-8'),
 );
 
 // https://vitejs.dev/config/