refactor: drop pwa

Author: renbaoshuo

package.json

@@ -15,7 +15,6 @@
     "chart.js": "3.9.1",
     "idb": "^7.1.1",
     "less": "^4.1.2",
-    "noty": "^3.2.0-beta-deprecated",
     "plausible-tracker": "^0.3.8",
     "react": "^18.2.0",
     "react-chartjs-2": "^4.3.1",
@@ -26,8 +25,8 @@
     "twemoji": "14.0.2"
   },
   "devDependencies": {
-    "@types/react": "^18.0.25",
-    "@types/react-dom": "^17.0.11",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
     "@types/react-helmet": "^6.1.5",
     "@types/twemoji": "^13.1.2",
     "@typescript-eslint/eslint-plugin": "^5.47.1",
@@ -42,9 +41,8 @@
     "prettier": "^2.8.1",
     "typescript": "^4.9.4",
     "vite": "^2.9.13",
-    "vite-plugin-externals": "^0.5.0",
-    "vite-plugin-html": "^3.2.0",
-    "vite-plugin-pwa": "^0.12.0"
+    "vite-plugin-externals": "0.5.0",
+    "vite-plugin-html": "^3.2.0"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx,css,less}": [

src/main.tsx

@@ -1,22 +1,21 @@
-import React, { lazy, useEffect, useState, Suspense } from 'react';
+import React, { lazy, Suspense, useEffect, useState } from 'react';
 import { createRoot } from 'react-dom/client';
-import { registerSW } from 'virtual:pwa-register';
-import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
+import { BrowserRouter, Navigate, Route, Routes } from 'react-router-dom';
 import { Container } from 'semantic-ui-react';
+
+import {
+  ErrorWhenLoadingOIerDb,
+  NotSupportIndexedDB,
+} from '@/components/Errors';
+import Footer from '@/components/Footer';
+import Header from '@/components/Header';
+import Loading from '@/components/Loading';
 import { initDb } from '@/libs/OIerDb';
 import {
   enableAutoPageviews,
   enableAutoTrackMultiDomain,
 } from '@/libs/plausible';
-import toast, { confirm } from '@/utils/toast';
-import Header from '@/components/Header';
-import Footer from '@/components/Footer';
-import {
-  NotSupportIndexedDB,
-  ErrorWhenLoadingOIerDb,
-} from '@/components/Errors';
-import Loading from '@/components/Loading';
 
 // Pages
 const Home = lazy(() => import('@/pages/index'));
@@ -32,35 +31,18 @@ const About = lazy(() => import('@/pages/about'));
 // Styles
 import './main.css';
 import styles from './main.module.less';
-import 'noty/lib/noty.css';
-import 'noty/lib/themes/semanticui.css';
 
 // 是否支持 indexedDB
 const notSupportIndexedDB = !globalThis || !globalThis.indexedDB;
 
-const updateSW = registerSW({
-  onNeedRefresh() {
-    confirm.info('检测到新版本，是否更新？', [
-      {
-        name: '确定',
-        color: 'green',
-        callback() {
-          localStorage.removeItem('staticSha512');
-          localStorage.removeItem('resultSha512');
-
-          updateSW(true);
-        },
-      },
-      {
-        name: '取消',
-        type: 'close',
-      },
-    ]);
-  },
-  onOfflineReady() {
-    toast.info('已完成脱机工作准备。', 3000);
-  },
-});
+// 取消注册先前的 Service Worker
+if ('serviceWorker' in navigator) {
+  navigator.serviceWorker.getRegistrations().then((registrations) => {
+    for (let registration of registrations) {
+      registration.unregister();
+    }
+  });
+}
 
 const App: React.FC = () => {
   const [loadedOIerDb, setLoadedOIerDb] = useState(false);

src/utils/toast.ts

@@ -19,10 +19,7 @@
     "jsxFragmentFactory": "Fragment",
     "paths": {
       "@/*": ["./src/*"]
-    },
-    "types": [
-      "vite-plugin-pwa/client"
-    ]
+    }
   },
   "include": ["src"]
 }

tsconfig.json

@@ -1,12 +1,11 @@
 /* eslint-disable */
 
-import { defineConfig, splitVendorChunkPlugin } from 'vite';
 import react from '@vitejs/plugin-react';
-import { createHtmlPlugin } from 'vite-plugin-html';
-import { viteExternalsPlugin } from 'vite-plugin-externals';
-import { VitePWA } from 'vite-plugin-pwa';
-import path from 'path';
 import crypto from 'crypto';
+import path from 'path';
+import { defineConfig, splitVendorChunkPlugin } from 'vite';
+import { viteExternalsPlugin } from 'vite-plugin-externals';
+import { createHtmlPlugin } from 'vite-plugin-html';
 
 const buildHash =
   /* Netlify */ process.env.COMMIT_REF ||
@@ -119,124 +118,6 @@ export default defineConfig(({ command }) => ({
         )
       ),
     }),
-    VitePWA({
-      workbox: {
-        sourcemap: true,
-        maximumFileSizeToCacheInBytes: 1024 * 1024 * 1024, // 1024 MiB
-        runtimeCaching: [
-          {
-            urlPattern: ({ url }) =>
-              [
-                'sb.cdn.baoshuo.ren',
-                'oier.api.baoshuo.ren',
-                'oierdb-ng.github.io',
-              ].includes(url.host),
-            handler: 'NetworkFirst',
-            options: {
-              cacheName: 'oierdb-data-cache',
-              expiration: {
-                maxEntries: 100,
-                maxAgeSeconds: 60 * 60 * 24 * 30, // <== 30 days
-              },
-              cacheableResponse: {
-                statuses: [0, 200],
-              },
-            },
-          },
-          {
-            urlPattern: /^https?:\/\/fonts\.googleapis\.com/i,
-            handler: 'CacheFirst',
-            options: {
-              cacheName: 'google-fonts-cache',
-              expiration: {
-                maxEntries: 10,
-                maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
-              },
-              cacheableResponse: {
-                statuses: [0, 200],
-              },
-            },
-          },
-          {
-            urlPattern: /^https?:\/\/fonts\.gstatic\.com/i,
-            handler: 'CacheFirst',
-            options: {
-              cacheName: 'gstatic-fonts-cache',
-              expiration: {
-                maxEntries: 50,
-                maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
-              },
-              cacheableResponse: {
-                statuses: [0, 200],
-              },
-            },
-          },
-          {
-            urlPattern: ({ url }) =>
-              [
-                'cdnjs.baoshuo.ren',
-                'cdnjs.rsb.net',
-                'cdnjs.loli.net',
-                'cdnjs.cloudflare.com',
-              ].includes(url.host),
-            handler: 'CacheFirst',
-            options: {
-              cacheName: 'cdnjs-cache',
-              expiration: {
-                maxEntries: 1000,
-                maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
-              },
-              cacheableResponse: {
-                statuses: [0, 200],
-              },
-            },
-          },
-          {
-            urlPattern: /^https?:\/\/stat\.u\.sb\/.*\.js/i,
-            handler: 'CacheFirst',
-            options: {
-              cacheName: 'analytics-cache',
-              expiration: {
-                maxEntries: 10,
-                maxAgeSeconds: 60 * 60 * 24 * 7, // <== 7 days
-              },
-              cacheableResponse: {
-                statuses: [0, 200],
-              },
-            },
-          },
-          {
-            handler: 'NetworkOnly',
-            urlPattern: /^https?:\/\/stat\.u\.sb\/api\/.*/i,
-            method: 'POST',
-            options: {
-              backgroundSync: {
-                name: 'analytics-queue',
-                options: {
-                  maxRetentionTime: 24 * 60,
-                },
-              },
-            },
-          },
-        ],
-        globPatterns: [
-          '**/*.{js,css,png,jpg,jpeg,svg,gif,webp,ico,woff,woff2,ttf,eot,otf,html}',
-        ],
-      },
-      manifest: {
-        name: 'OIerDb NG',
-        short_name: 'OIerDb',
-        description: 'Next Generation OIerDb.',
-        theme_color: '#ffffff',
-        icons: [
-          {
-            src: '/logo.png',
-            sizes: '220x220',
-            type: 'image/png',
-          },
-        ],
-      },
-    }),
   ],
   build: {
     sourcemap: true,