feat: the generated [hash] now is based on the current favicon-webpac…

…k-plugin version

package.json

@@ -50,7 +50,7 @@
   "dependencies": {
     "cache-loader": "^2.0.1",
     "camelcase": "^5.0.0",
-    "favicons": "^5.3.0",
+    "favicons": "5.3.0",
     "find-cache-dir": "^2.0.0",
     "find-root": "^1.1.0",
     "loader-utils": "^1.2.3",
@@ -60,4 +60,4 @@
   "peerDependencies": {
     "webpack": "^1.13.0 || ^2.0.0 || ^3.0.0 || ^4.0.0"
   }
-}
+}

src/loader.js

@@ -3,6 +3,7 @@ const favicons = require('favicons');
 const msgpack = require('msgpack-lite');
 const { parseQuery, interpolateName } = require('loader-utils');
 const { getContext } = require('./compat');
+const pkg = require('../package.json')
 
 const trailingSlash = (path) => (path.substr(-1) !== '/') ? path + '/' : path;
 
@@ -15,7 +16,7 @@ module.exports = function (content) {
   const path = query.path && trailingSlash(query.path);
   const prefix = query.prefix && trailingSlash(interpolateName(this, query.prefix, {
     context: getContext(this),
-    content: msgpack.encode([content, query.options]), // hash must depend on logo + config
+    content: msgpack.encode([content, query.options, pkg.version]), // hash must depend on logo + config + version
   }));
 
   // Generate icons

test/fixtures/expected/prefixed/custom/prefix/8d09875a/browserconfig.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/custom/prefix/8d09875a/mstile-70x70.png"/>
+            <square150x150logo src="/custom/prefix/8d09875a/mstile-150x150.png"/>
+            <wide310x150logo src="/custom/prefix/8d09875a/mstile-310x150.png"/>
+            <square310x310logo src="/custom/prefix/8d09875a/mstile-310x310.png"/>
+            <TileColor>#fff</TileColor>
+
+        </tile>
+
+    </msapplication>
+
+</browserconfig>

test/fixtures/expected/prefixed/custom/prefix/5026ef56/manifest.json → test/fixtures/expected/prefixed/custom/prefix/8d09875a/manifest.json

@@ -11,47 +11,47 @@
   "theme_color": "#fff",
   "icons": [
     {
-      "src": "/custom/prefix/5026ef56/android-chrome-36x36.png",
+      "src": "/custom/prefix/8d09875a/android-chrome-36x36.png",
       "sizes": "36x36",
       "type": "image/png"
     },
     {
-      "src": "/custom/prefix/5026ef56/android-chrome-48x48.png",
+      "src": "/custom/prefix/8d09875a/android-chrome-48x48.png",
       "sizes": "48x48",
       "type": "image/png"
     },
     {
-      "src": "/custom/prefix/5026ef56/android-chrome-72x72.png",
+      "src": "/custom/prefix/8d09875a/android-chrome-72x72.png",
       "sizes": "72x72",
       "type": "image/png"
     },
     {
-      "src": "/custom/prefix/5026ef56/android-chrome-96x96.png",
+      "src": "/custom/prefix/8d09875a/android-chrome-96x96.png",
       "sizes": "96x96",
       "type": "image/png"
     },
     {
-      "src": "/custom/prefix/5026ef56/android-chrome-144x144.png",
+      "src": "/custom/prefix/8d09875a/android-chrome-144x144.png",
       "sizes": "144x144",
       "type": "image/png"
     },
     {
-      "src": "/custom/prefix/5026ef56/android-chrome-192x192.png",
+      "src": "/custom/prefix/8d09875a/android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/custom/prefix/5026ef56/android-chrome-256x256.png",
+      "src": "/custom/prefix/8d09875a/android-chrome-256x256.png",
       "sizes": "256x256",
       "type": "image/png"
     },
     {
-      "src": "/custom/prefix/5026ef56/android-chrome-384x384.png",
+      "src": "/custom/prefix/8d09875a/android-chrome-384x384.png",
       "sizes": "384x384",
       "type": "image/png"
     },
     {
-      "src": "/custom/prefix/5026ef56/android-chrome-512x512.png",
+      "src": "/custom/prefix/8d09875a/android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }

test/fixtures/expected/prefixed/custom/prefix/8d09875a/manifest.webapp

@@ -0,0 +1,14 @@
+{
+  "version": "1.0",
+  "name": null,
+  "description": null,
+  "icons": {
+    "60": "/custom/prefix/8d09875a/firefox_app_60x60.png",
+    "128": "/custom/prefix/8d09875a/firefox_app_128x128.png",
+    "512": "/custom/prefix/8d09875a/firefox_app_512x512.png"
+  },
+  "developer": {
+    "name": null,
+    "url": null
+  }
+}

test/fixtures/expected/prefixed/custom/prefix/5026ef56/yandex-browser-manifest.json → test/fixtures/expected/prefixed/custom/prefix/8d09875a/yandex-browser-manifest.json

@@ -2,7 +2,7 @@
   "version": "1.0",
   "api_version": 1,
   "layout": {
-    "logo": "/custom/prefix/5026ef56/yandex-browser-50x50.png",
+    "logo": "/custom/prefix/8d09875a/yandex-browser-50x50.png",
     "color": "#fff",
     "show_title": true
   }

test/fixtures/expected/prefixed/index.html

@@ -1 +1 @@
-<!doctype html><html><head><link rel="shortcut icon" href="/custom/prefix/5026ef56/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/custom/prefix/5026ef56/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/custom/prefix/5026ef56/favicon-32x32.png"><link rel="manifest" href="/custom/prefix/5026ef56/manifest.json"><meta name="mobile-web-app-capable" content="yes"><meta name="theme-color" content="#fff"><meta name="application-name"><link rel="apple-touch-icon" sizes="57x57" href="/custom/prefix/5026ef56/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/custom/prefix/5026ef56/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/custom/prefix/5026ef56/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/custom/prefix/5026ef56/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/custom/prefix/5026ef56/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/custom/prefix/5026ef56/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/custom/prefix/5026ef56/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/custom/prefix/5026ef56/apple-touch-icon-152x152.png"><link rel="apple-touch-icon" sizes="167x167" href="/custom/prefix/5026ef56/apple-touch-icon-167x167.png"><link rel="apple-touch-icon" sizes="180x180" href="/custom/prefix/5026ef56/apple-touch-icon-180x180.png"><link rel="apple-touch-icon" sizes="1024x1024" href="/custom/prefix/5026ef56/apple-touch-icon-1024x1024.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" href="/custom/prefix/5026ef56/apple-touch-startup-image-320x460.png"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/5026ef56/apple-touch-startup-image-640x920.png"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/5026ef56/apple-touch-startup-image-640x1096.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/5026ef56/apple-touch-startup-image-750x1294.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)" href="/custom/prefix/5026ef56/apple-touch-startup-image-1182x2208.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)" href="/custom/prefix/5026ef56/apple-touch-startup-image-1242x2148.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" href="/custom/prefix/5026ef56/apple-touch-startup-image-748x1024.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" href="/custom/prefix/5026ef56/apple-touch-startup-image-768x1004.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/5026ef56/apple-touch-startup-image-1496x2048.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/5026ef56/apple-touch-startup-image-1536x2008.png"><link rel="icon" type="image/png" sizes="228x228" href="/custom/prefix/5026ef56/coast-228x228.png"><meta name="msapplication-TileColor" content="#fff"><meta name="msapplication-TileImage" content="/custom/prefix/5026ef56/mstile-144x144.png"><meta name="msapplication-config" content="/custom/prefix/5026ef56/browserconfig.xml"><link rel="yandex-tableau-widget" href="/custom/prefix/5026ef56/yandex-browser-manifest.json"></head><body></body></html>
+<!doctype html><html><head><link rel="shortcut icon" href="/custom/prefix/8d09875a/favicon.ico"><link rel="icon" type="image/png" sizes="16x16" href="/custom/prefix/8d09875a/favicon-16x16.png"><link rel="icon" type="image/png" sizes="32x32" href="/custom/prefix/8d09875a/favicon-32x32.png"><link rel="manifest" href="/custom/prefix/8d09875a/manifest.json"><meta name="mobile-web-app-capable" content="yes"><meta name="theme-color" content="#fff"><meta name="application-name"><link rel="apple-touch-icon" sizes="57x57" href="/custom/prefix/8d09875a/apple-touch-icon-57x57.png"><link rel="apple-touch-icon" sizes="60x60" href="/custom/prefix/8d09875a/apple-touch-icon-60x60.png"><link rel="apple-touch-icon" sizes="72x72" href="/custom/prefix/8d09875a/apple-touch-icon-72x72.png"><link rel="apple-touch-icon" sizes="76x76" href="/custom/prefix/8d09875a/apple-touch-icon-76x76.png"><link rel="apple-touch-icon" sizes="114x114" href="/custom/prefix/8d09875a/apple-touch-icon-114x114.png"><link rel="apple-touch-icon" sizes="120x120" href="/custom/prefix/8d09875a/apple-touch-icon-120x120.png"><link rel="apple-touch-icon" sizes="144x144" href="/custom/prefix/8d09875a/apple-touch-icon-144x144.png"><link rel="apple-touch-icon" sizes="152x152" href="/custom/prefix/8d09875a/apple-touch-icon-152x152.png"><link rel="apple-touch-icon" sizes="167x167" href="/custom/prefix/8d09875a/apple-touch-icon-167x167.png"><link rel="apple-touch-icon" sizes="180x180" href="/custom/prefix/8d09875a/apple-touch-icon-180x180.png"><link rel="apple-touch-icon" sizes="1024x1024" href="/custom/prefix/8d09875a/apple-touch-icon-1024x1024.png"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"><meta name="apple-mobile-web-app-title"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 1)" href="/custom/prefix/8d09875a/apple-touch-startup-image-320x460.png"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/8d09875a/apple-touch-startup-image-640x920.png"><link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/8d09875a/apple-touch-startup-image-640x1096.png"><link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/8d09875a/apple-touch-startup-image-750x1294.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3)" href="/custom/prefix/8d09875a/apple-touch-startup-image-1182x2208.png"><link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 3)" href="/custom/prefix/8d09875a/apple-touch-startup-image-1242x2148.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 1)" href="/custom/prefix/8d09875a/apple-touch-startup-image-748x1024.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 1)" href="/custom/prefix/8d09875a/apple-touch-startup-image-768x1004.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/8d09875a/apple-touch-startup-image-1496x2048.png"><link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2)" href="/custom/prefix/8d09875a/apple-touch-startup-image-1536x2008.png"><link rel="icon" type="image/png" sizes="228x228" href="/custom/prefix/8d09875a/coast-228x228.png"><meta name="msapplication-TileColor" content="#fff"><meta name="msapplication-TileImage" content="/custom/prefix/8d09875a/mstile-144x144.png"><meta name="msapplication-config" content="/custom/prefix/8d09875a/browserconfig.xml"><link rel="yandex-tableau-widget" href="/custom/prefix/8d09875a/yandex-browser-manifest.json"></head><body></body></html>