chore: support pwa

ErKeLost · Dec 17, 2022 · bd4d8e5 · bd4d8e5
1 parent 17e47cd
commit bd4d8e5
Show file tree

Hide file tree

Showing 14 changed files with 52 additions and 1 deletion.
diff --git a/packages/vite-cli/template/react/public/_headers b/packages/vite-cli/template/react/public/_headers
@@ -0,0 +1,3 @@
+/assets/*
+  cache-control: max-age=31536000
+  cache-control: immutable
diff --git a/packages/vite-cli/template/react/public/favicon-dark.svg b/packages/vite-cli/template/react/public/favicon-dark.svg
diff --git a/packages/vite-cli/template/react/public/favicon.ico b/packages/vite-cli/template/react/public/favicon.ico
diff --git a/packages/vite-cli/template/react/public/favicon.svg b/packages/vite-cli/template/react/public/favicon.svg
diff --git a/packages/vite-cli/template/react/public/pwa-192x192.png b/packages/vite-cli/template/react/public/pwa-192x192.png
diff --git a/packages/vite-cli/template/react/public/pwa-512x512.png b/packages/vite-cli/template/react/public/pwa-512x512.png
diff --git a/packages/vite-cli/template/react/public/vite.svg b/packages/vite-cli/template/react/public/vite.svg
diff --git a/packages/vite-cli/template/vue/build/vite/plugin.ejs b/packages/vite-cli/template/vue/build/vite/plugin.ejs
@@ -1,5 +1,6 @@
 import type { Plugin } from 'vite'
 import vue from "@vitejs/plugin-vue"
+import { VitePWA } from 'vite-plugin-pwa'
 <%- pluginImportStatement %>
 <% if (components === 'vuetify') { -%>
   import vuetify from 'vite-plugin-vuetify'
@@ -15,6 +16,33 @@ export function createVitePlugins(viteEnv, isDev: boolean) {
     vue({
       reactivityTransform: true
     }),
+    VitePWA({
+      registerType: 'autoUpdate',
+      includeAssets: ['favicon.svg', 'safari-pinned-tab.svg'],
+      manifest: {
+        name: 'ViteTemplate',
+        short_name: 'ViteTemplate',
+        theme_color: '#ffffff',
+        icons: [
+          {
+            src: '/pwa-192x192.png',
+            sizes: '192x192',
+            type: 'image/png'
+          },
+          {
+            src: '/pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png'
+          },
+          {
+            src: '/pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable'
+          }
+        ]
+      }
+    })
     <% if (plugins.indexOf('jsx') !== -1) { -%>
       VueJsx(),
     <% } -%>

diff --git a/packages/vite-cli/template/vue/index.ejs b/packages/vite-cli/template/vue/index.ejs
@@ -4,6 +4,12 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="apple-touch-icon" href="/pwa-192x192.png" />
+    <meta name="msapplication-TileColor" content="#00aba9" />
+    <meta
+      http-equiv="Content-Security-Policy"
+      content="upgrade-insecure-requests"
+    />
     <% if (plugins.indexOf('html') !== -1) { -%>
       <title>title</title>
     <% } -%>

diff --git a/packages/vite-cli/template/vue/public/_headers b/packages/vite-cli/template/vue/public/_headers
@@ -0,0 +1,3 @@
+/assets/*
+  cache-control: max-age=31536000
+  cache-control: immutable
diff --git a/packages/vite-cli/template/vue/public/favicon-dark.svg b/packages/vite-cli/template/vue/public/favicon-dark.svg
diff --git a/packages/vite-cli/template/vue/public/favicon.svg b/packages/vite-cli/template/vue/public/favicon.svg
diff --git a/packages/vite-cli/template/vue/public/pwa-192x192.png b/packages/vite-cli/template/vue/public/pwa-192x192.png
diff --git a/packages/vite-cli/template/vue/public/pwa-512x512.png b/packages/vite-cli/template/vue/public/pwa-512x512.png