From f70fc3ecaee1bded5d699728ab50aada9982b198 Mon Sep 17 00:00:00 2001 From: Tiger Oakes Date: Wed, 2 Sep 2020 22:02:14 -0700 Subject: Reduce number of PWA icons, fix paths --- vue.config.js | 114 ++++++++++++++++++++-------------------------------------- 1 file changed, 38 insertions(+), 76 deletions(-) (limited to 'vue.config.js') diff --git a/vue.config.js b/vue.config.js index abee374..de31367 100644 --- a/vue.config.js +++ b/vue.config.js @@ -1,103 +1,65 @@ module.exports = { chainWebpack: (config) => { config.module - .rule("yaml") + .rule('yaml') .test(/\.ya?ml$/) - .use("raw-loader") - .loader("raw-loader") + .use('raw-loader') + .loader('raw-loader') .end(); }, - publicPath: "", + publicPath: '', pwa: { - manifestPath: "assets/manifest.json", + manifestPath: 'assets/manifest.json', manifestOptions: { - start_url: "../", + start_url: '../', }, - appleMobileWebAppStatusBarStyle: "black", - appleMobileWebAppCapable: "yes", - name: "Homer Dashboard", - short_name: "Homer", - theme_color: "#3367D6", + appleMobileWebAppStatusBarStyle: 'black', + appleMobileWebAppCapable: 'yes', + name: 'Homer Dashboard', + short_name: 'Homer', + theme_color: '#3367D6', icons: [ { - src: "./assets/icons/android-chrome-192x192.png", - sizes: "192x192", - type: "image/png", + src: '../assets/icons/favicon-16x16.png', + sizes: '16x16', + type: 'image/png', }, { - src: "./assets/icons/android-chrome-512x512.png", - sizes: "512x512", - type: "image/png", + src: '../assets/icons/favicon-32x32.png', + sizes: '32x32', + type: 'image/png', }, { - src: "./assets/icons/android-chrome-maskable-192x192.png", - sizes: "192x192", - type: "image/png", - purpose: "maskable", + src: '../assets/icons/icon-any.png', + sizes: '512x512', + type: 'image/png', + purpose: 'any', }, { - src: "./assets/icons/android-chrome-maskable-512x512.png", - sizes: "512x512", - type: "image/png", - purpose: "maskable", + src: '../assets/icons/icon-any.svg', + sizes: 'any', + type: 'image/svg+xml', + purpose: 'any', }, { - src: "./assets/icons/apple-touch-icon-60x60.png", - sizes: "60x60", - type: "image/png", + src: '../assets/icons/icon-maskable.png', + sizes: '512x512', + type: 'image/png', + purpose: 'maskable', }, { - src: "./assets/icons/apple-touch-icon-76x76.png", - sizes: "76x76", - type: "image/png", - }, - { - src: "./assets/icons/apple-touch-icon-120x120.png", - sizes: "120x120", - type: "image/png", - }, - { - src: "./assets/icons/apple-touch-icon-152x152.png", - sizes: "152x152", - type: "image/png", - }, - { - src: "./assets/icons/apple-touch-icon-180x180.png", - sizes: "180x180", - type: "image/png", - }, - { - src: "./assets/icons/apple-touch-icon.png", - sizes: "180x180", - type: "image/png", - }, - { - src: "./assets/icons/favicon-16x16.png", - sizes: "16x16", - type: "image/png", - }, - { - src: "./assets/icons/favicon-32x32.png", - sizes: "32x32", - type: "image/png", - }, - { - src: "./assets/icons/msapplication-icon-144x144.png", - sizes: "144x144", - type: "image/png", - }, - { - src: "./assets/icons/mstile-150x150.png", - sizes: "150x150", - type: "image/png", + src: '../assets/icons/safari-pinned-tab.svg', + sizes: 'any', + type: 'image/svg+xml', + purpose: 'monochrome', }, ], iconPaths: { - favicon32: "assets/icons/favicon-32x32.png", - favicon16: "assets/icons/favicon-16x16.png", - appleTouchIcon: "assets/icons/apple-touch-icon-152x152.png", - maskIcon: "assets/icons/safari-pinned-tab.svg", - msTileImage: "assets/icons/msapplication-icon-144x144.png", + favicon32: 'assets/icons/favicon-32x32.png', + favicon16: 'assets/icons/favicon-16x16.png', + appleTouchIcon: 'assets/icons/icon-maskable.png', + maskIcon: 'assets/icons/safari-pinned-tab.svg', + msTileImage: 'assets/icons/icon-any.png', }, }, }; -- cgit v1.2.3 From b04e718367297b95aedad2efb2c74bfd8e3be37f Mon Sep 17 00:00:00 2001 From: Tiger Oakes Date: Fri, 23 Oct 2020 13:44:46 -0700 Subject: Update paths and style --- vue.config.js | 76 +++++++++++++++++++++++++++++------------------------------ 1 file changed, 38 insertions(+), 38 deletions(-) (limited to 'vue.config.js') diff --git a/vue.config.js b/vue.config.js index de31367..07d9589 100644 --- a/vue.config.js +++ b/vue.config.js @@ -1,65 +1,65 @@ module.exports = { chainWebpack: (config) => { config.module - .rule('yaml') + .rule("yaml") .test(/\.ya?ml$/) - .use('raw-loader') - .loader('raw-loader') + .use("raw-loader") + .loader("raw-loader") .end(); }, - publicPath: '', + publicPath: "", pwa: { - manifestPath: 'assets/manifest.json', + manifestPath: "assets/manifest.json", manifestOptions: { - start_url: '../', + start_url: "../", }, - appleMobileWebAppStatusBarStyle: 'black', - appleMobileWebAppCapable: 'yes', - name: 'Homer Dashboard', - short_name: 'Homer', - theme_color: '#3367D6', + appleMobileWebAppStatusBarStyle: "black", + appleMobileWebAppCapable: "yes", + name: "Homer Dashboard", + short_name: "Homer", + theme_color: "#3367D6", icons: [ { - src: '../assets/icons/favicon-16x16.png', - sizes: '16x16', - type: 'image/png', + src: "./icons/favicon-16x16.png", + sizes: "16x16", + type: "image/png", }, { - src: '../assets/icons/favicon-32x32.png', - sizes: '32x32', - type: 'image/png', + src: "./icons/favicon-32x32.png", + sizes: "32x32", + type: "image/png", }, { - src: '../assets/icons/icon-any.png', - sizes: '512x512', - type: 'image/png', - purpose: 'any', + src: "./icons/icon-any.png", + sizes: "512x512", + type: "image/png", + purpose: "any", }, { - src: '../assets/icons/icon-any.svg', - sizes: 'any', - type: 'image/svg+xml', - purpose: 'any', + src: "./icons/icon-any.svg", + sizes: "any", + type: "image/svg+xml", + purpose: "any", }, { - src: '../assets/icons/icon-maskable.png', - sizes: '512x512', - type: 'image/png', - purpose: 'maskable', + src: "./icons/icon-maskable.png", + sizes: "512x512", + type: "image/png", + purpose: "maskable", }, { - src: '../assets/icons/safari-pinned-tab.svg', - sizes: 'any', - type: 'image/svg+xml', - purpose: 'monochrome', + src: "./icons/safari-pinned-tab.svg", + sizes: "any", + type: "image/svg+xml", + purpose: "monochrome", }, ], iconPaths: { - favicon32: 'assets/icons/favicon-32x32.png', - favicon16: 'assets/icons/favicon-16x16.png', - appleTouchIcon: 'assets/icons/icon-maskable.png', - maskIcon: 'assets/icons/safari-pinned-tab.svg', - msTileImage: 'assets/icons/icon-any.png', + favicon32: "assets/icons/favicon-32x32.png", + favicon16: "assets/icons/favicon-16x16.png", + appleTouchIcon: "assets/icons/icon-maskable.png", + maskIcon: "assets/icons/safari-pinned-tab.svg", + msTileImage: "assets/icons/icon-any.png", }, }, }; -- cgit v1.2.3 From 1017cc9864f9d34fd5573901534881167402b103 Mon Sep 17 00:00:00 2001 From: Tiger Oakes Date: Fri, 23 Oct 2020 13:56:51 -0700 Subject: Update vue config --- vue.config.js | 43 ++----------------------------------------- 1 file changed, 2 insertions(+), 41 deletions(-) (limited to 'vue.config.js') diff --git a/vue.config.js b/vue.config.js index 07d9589..5a9d05f 100644 --- a/vue.config.js +++ b/vue.config.js @@ -10,50 +10,11 @@ module.exports = { publicPath: "", pwa: { manifestPath: "assets/manifest.json", - manifestOptions: { - start_url: "../", - }, appleMobileWebAppStatusBarStyle: "black", appleMobileWebAppCapable: "yes", name: "Homer Dashboard", - short_name: "Homer", - theme_color: "#3367D6", - icons: [ - { - src: "./icons/favicon-16x16.png", - sizes: "16x16", - type: "image/png", - }, - { - src: "./icons/favicon-32x32.png", - sizes: "32x32", - type: "image/png", - }, - { - src: "./icons/icon-any.png", - sizes: "512x512", - type: "image/png", - purpose: "any", - }, - { - src: "./icons/icon-any.svg", - sizes: "any", - type: "image/svg+xml", - purpose: "any", - }, - { - src: "./icons/icon-maskable.png", - sizes: "512x512", - type: "image/png", - purpose: "maskable", - }, - { - src: "./icons/safari-pinned-tab.svg", - sizes: "any", - type: "image/svg+xml", - purpose: "monochrome", - }, - ], + themeColor: "#3367D6", + manifestOptions: require('./public/assets/manifest.json'), iconPaths: { favicon32: "assets/icons/favicon-32x32.png", favicon16: "assets/icons/favicon-16x16.png", -- cgit v1.2.3 From 40d3e8de766c8c78bec73c38852fc8da24aa55b4 Mon Sep 17 00:00:00 2001 From: Tiger Oakes Date: Fri, 23 Oct 2020 13:59:55 -0700 Subject: Pull all values from manifest --- vue.config.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) (limited to 'vue.config.js') diff --git a/vue.config.js b/vue.config.js index 5a9d05f..8e84dfe 100644 --- a/vue.config.js +++ b/vue.config.js @@ -1,3 +1,5 @@ +const manifestOptions = require("./public/assets/manifest.json"); + module.exports = { chainWebpack: (config) => { config.module @@ -12,9 +14,9 @@ module.exports = { manifestPath: "assets/manifest.json", appleMobileWebAppStatusBarStyle: "black", appleMobileWebAppCapable: "yes", - name: "Homer Dashboard", - themeColor: "#3367D6", - manifestOptions: require('./public/assets/manifest.json'), + name: manifestOptions.name, + themeColor: manifestOptions.theme_color, + manifestOptions, iconPaths: { favicon32: "assets/icons/favicon-32x32.png", favicon16: "assets/icons/favicon-16x16.png", -- cgit v1.2.3