WebApp

sharkykh · Jan 18, 2020 · 62b8269 · 62b8269
1 parent 225dc4f
commit 62b8269
Show file tree

Hide file tree

Showing 5 changed files with 1,411 additions and 22 deletions.
diff --git a/package.json b/package.json
@@ -37,6 +37,7 @@
     "eslint-plugin-import": "2.18.2",
     "eslint-plugin-vue": "6.0.1",
     "express": "4.17.1",
+    "favicons-webpack-plugin": "3.0.0",
     "file-loader": "5.0.2",
     "html-webpack-plugin": "4.0.0-beta.5",
     "mini-css-extract-plugin": "0.8.0",

diff --git a/src/assets/favicon.ico b/src/assets/favicon.ico
diff --git a/src/index.html b/src/index.html
@@ -3,7 +3,6 @@
     <head>
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <meta name="theme-color" content="#af1a1b">
         <title>Trakt Playback Progress Manager</title>
         <meta name="title" content="Trakt Playback Progress Manager">
         <meta name="description" content="Manage playback progress items stored on Trakt.tv" />

diff --git a/webpack.config.babel.js b/webpack.config.babel.js
@@ -6,6 +6,7 @@ import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import { DefinePlugin } from 'webpack';
 import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
 import NullPlugin from 'webpack-null-plugin';
+import FaviconsWebpackPlugin from 'favicons-webpack-plugin';
 
 import pkg from './package.json';
 
@@ -147,7 +148,6 @@ const webpackConfig = (env, mode) => ({
     new CleanWebpackPlugin(),
     new HtmlWebpackPlugin({
       template: path.resolve(__dirname, 'src/index.html'),
-      favicon: path.resolve(__dirname, 'src/assets/favicon.ico'),
       minify: mode === 'production' && {
         // Defaults: https://git.io/fj8Qn
         // https://github.com/kangax/html-minifier#options-quick-reference
@@ -161,6 +161,21 @@ const webpackConfig = (env, mode) => ({
         minifyCSS: true,
       },
     }),
+    new FaviconsWebpackPlugin({
+      logo: path.resolve(__dirname, 'src/assets/tppm.svg'),
+      prefix: '',
+      publicPath: '',
+      favicons: {
+        /* eslint-disable camelcase */
+        appName: pkg.description,
+        appShortName: pkg.name.toUpperCase(),
+        appDescription: 'Manage the playback progress items stored on your Trakt.tv account.',
+        start_url: './',
+        background: '#ffffff',
+        theme_color: '#af1a1b',
+        /* eslint-enable camelcase */
+      },
+    }),
     new VueLoaderPlugin(),
     new MiniCssExtractPlugin({
       filename: `[name]${NOT_DEV_SERVER ? '.[contenthash:8]' : ''}.css`,