feat: add pwa

4 years ago · b45437bd0b
parent 00704c874a
commit b45437bd0b
6 changed files with 35 additions and 0 deletions
--- a/web/assets/images/logo/logo@192.png
+++ b/web/assets/images/logo/logo@192.png
--- a/web/assets/images/logo/logo@32.png
+++ b/web/assets/images/logo/logo@32.png
--- a/web/assets/images/logo/logo@512.png
+++ b/web/assets/images/logo/logo@512.png
--- a/web/assets/pwa.webmanifest
+++ b/web/assets/pwa.webmanifest
@ -0,0 +1,26 @@
+{
+  "name": "TailChat Application",
+  "short_name": "TailChat",
+  "description": "A open source chat application",
+  "icons": [
+    {
+      "src": "/images/logo/logo@32.png",
+      "sizes": "32x32",
+      "type": "image/png"
+    },
+    {
+      "src": "/images/logo/logo@192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/images/logo/logo@512.png",
+      "sizes": "512x512",
+      "type": "image/svg"
+    }
+  ],
+  "start_url": "/",
+  "display": "standalone",
+  "theme_color": "#374151",
+  "background_color": "#374151"
+}
--- a/web/assets/template.html
+++ b/web/assets/template.html
@ -11,6 +11,7 @@
    <meta name="google" content="notranslate">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta http-equiv="X-UA-Compatible" content="IE=100" />
+    <link rel="manifest" href="/pwa.webmanifest">
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
--- a/web/webpack.config.ts
+++ b/web/webpack.config.ts
@ -138,6 +138,14 @@ const config: Configuration = {
          from: path.resolve(__dirname, '../locales'),
          to: 'locales',
        },
+        {
+          from: path.resolve(__dirname, './assets/pwa.webmanifest'),
+          to: 'pwa.webmanifest',
+        },
+        {
+          from: path.resolve(__dirname, './assets/images/logo/'),
+          to: 'images/logo/',
+        },
      ],
    }) as any,
    new MiniCssExtractPlugin({ filename: 'styles-[contenthash].css' }),