feat: PWA

arkntools · Jun 9, 2024 · d28d251 · d28d251
1 parent d192093
commit d28d251
Show file tree

Hide file tree

Showing 8 changed files with 41 additions and 18 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/env.d.ts b/env.d.ts
@@ -1,4 +1,5 @@
 /// <reference types="vite/client" />
+/// <reference types="vite-plugin-pwa/client" />
 /// <reference types="vite-plugin-comlink/client" />
 /// <reference types="unplugin-icons/types/vue3" />
 /// <reference types="vite-svg-loader" />

diff --git a/index.html b/index.html
@@ -2,11 +2,15 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="msapplication-TileColor" content="#f4f4f5" />
+    <meta name="theme-color" content="#f4f4f5" />
+    <meta name="format-detection" content="telephone=no" />
+    <meta name="description" content="Browsing Unity AssetBundle on the web." />
+    <meta name="keywords" content="Unity,AssetBundle,AssetStudio" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-    <link rel="manifest" href="/manifest.json" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>AS Web</title>
   </head>
   <body>

diff --git a/package.json b/package.json
@@ -58,6 +58,7 @@
     "unplugin-vue-components": "^0.27.0",
     "vite": "^5.2.13",
     "vite-plugin-comlink": "^5.0.1",
+    "vite-plugin-pwa": "^0.20.0",
     "vite-svg-loader": "^5.1.0",
     "vue-tsc": "^2.0.21"
   }

diff --git a/public/manifest.json b/public/manifest.json
diff --git a/src/main.ts b/src/main.ts
@@ -1,3 +1,4 @@
+import './setup/serviceWorker';
 // eslint-disable-next-line import/order
 import { VxeTableModules } from './setup/vxeTable';
 import 'splitpanes/dist/splitpanes.css';

diff --git a/src/setup/serviceWorker.ts b/src/setup/serviceWorker.ts
@@ -0,0 +1,3 @@
+import { registerSW } from 'virtual:pwa-register';
+
+registerSW({ immediate: true });
diff --git a/vite.config.ts b/vite.config.ts
@@ -9,13 +9,42 @@ import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
 import Components from 'unplugin-vue-components/vite';
 import { defineConfig } from 'vite';
 import { comlink } from 'vite-plugin-comlink';
+import { VitePWA } from 'vite-plugin-pwa';
 import SvgLoader from 'vite-svg-loader';
 
 const pathSrc = resolve(__dirname, 'src');
 
 // https://vitejs.dev/config/
 export default defineConfig(({ command }) => ({
+  build: {
+    sourcemap: true,
+  },
   plugins: [
+    VitePWA({
+      registerType: 'autoUpdate',
+      workbox: {
+        maximumFileSizeToCacheInBytes: 4e6,
+      },
+      manifest: {
+        name: 'AS Web',
+        short_name: 'AS Web',
+        background_color: '#f4f4f5',
+        theme_color: '#f4f4f5',
+        display: 'standalone',
+        icons: [
+          {
+            sizes: '192x192',
+            src: '/android-chrome-192x192.png',
+            type: 'image/png',
+          },
+          {
+            sizes: '512x512',
+            src: '/android-chrome-512x512.png',
+            type: 'image/png',
+          },
+        ],
+      },
+    }),
     comlink(),
     Vue(),
     SvgLoader(),
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { registerSW } from 'virtual:pwa-register';

		registerSW({ immediate: true });