cli-real-favicon integrated, favicons pack added

Author: theRuslan

faviconData.json

@@ -0,0 +1 @@
+{"result":{"status":"success"},"favicon":{"package_url":"https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/favicon_package_v0.16.zip","files_urls":["https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/android-chrome-192x192.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/android-chrome-512x512.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/apple-touch-icon.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/browserconfig.xml","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/favicon-16x16.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/favicon-32x32.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/favicon.ico","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/html_code.html","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/mstile-144x144.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/mstile-150x150.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/mstile-310x150.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/mstile-310x310.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/mstile-70x70.png","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/safari-pinned-tab.svg","https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/package_files/site.webmanifest"],"html_code":"<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon-32x32.png\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon-16x16.png\">\n<link rel=\"manifest\" href=\"/site.webmanifest\">\n<link rel=\"mask-icon\" href=\"/safari-pinned-tab.svg\" color=\"#794aff\">\n<meta name=\"msapplication-TileColor\" content=\"#603cba\">\n<meta name=\"theme-color\" content=\"#ffffff\">","compression":"true","overlapping_markups":["link[rel=\"apple-touch-icon\"]","link[rel=\"shortcut\"]","link[rel=\"shortcut icon\"]","link[rel=\"icon\",sizes=\"16x16\"]","link[rel=\"icon\",sizes=\"32x32\"]","meta[name=\"msapplication-TileColor\"]","link[rel=\"manifest\"]","meta[name=\"theme-color\"]","link[rel=\"mask-icon\"]"]},"files_location":{"type":"path","path":"/"},"preview_picture_url":"https://realfavicongenerator.net/files/3389931d1aace6601397c9d6a138e95b7d181f9d/favicon_preview.png","version":"0.16"}

faviconDescription.json

@@ -0,0 +1,62 @@
+{
+  "masterPicture": "./images/starterLogo.svg",
+  "iconsPath": "/",
+  "design": {
+    "ios": {
+      "pictureAspect": "backgroundAndMargin",
+      "backgroundColor": "#ffffff",
+      "margin": "14%",
+      "assets": {
+        "ios6AndPriorIcons": false,
+        "ios7AndLaterIcons": false,
+        "precomposedIcons": false,
+        "declareOnlyDefaultIcon": true
+      }
+    },
+    "desktopBrowser": {
+      "design": "raw"
+    },
+    "windows": {
+      "pictureAspect": "noChange",
+      "backgroundColor": "#603cba",
+      "onConflict": "override",
+      "assets": {
+        "windows80Ie10Tile": false,
+        "windows10Ie11EdgeTiles": {
+          "small": false,
+          "medium": true,
+          "big": false,
+          "rectangle": false
+        }
+      }
+    },
+    "androidChrome": {
+      "pictureAspect": "noChange",
+      "themeColor": "#ffffff",
+      "manifest": {
+        "name": "Starter",
+        "display": "standalone",
+        "orientation": "notSet",
+        "onConflict": "override",
+        "declared": true
+      },
+      "assets": {
+        "legacyIcon": false,
+        "lowResolutionIcons": false
+      }
+    },
+    "safariPinnedTab": {
+      "pictureAspect": "blackAndWhite",
+      "threshold": 75,
+      "themeColor": "#794aff"
+    }
+  },
+  "settings": {
+    "compression": 1,
+    "scalingAlgorithm": "Mitchell",
+    "errorOnImageTooSmall": false,
+    "readmeFile": false,
+    "htmlCodeFile": true,
+    "usePathAsIs": false
+  }
+}

images/starterLogo.svg

@@ -20,7 +20,9 @@
     "postinstall": "yarn gen:theme-typings",
     "cleanup": "rm -rf ./.next/",
     "preci": "rm -fr node_modules",
-    "ci": "yarn install --frozen-lockfile"
+    "ci": "yarn install --frozen-lockfile",
+    "gen:favicon": "real-favicon generate faviconDescription.json faviconData.json ./public",
+    "gen:favicon-update": "real-favicon check-for-update --fail-on-update faviconData.json"
   },
   "dependencies": {
     "@babel/core": "^7.18.2",
@@ -61,6 +63,7 @@
     "@types/safe-json-stringify": "^1.1.2",
     "@typescript-eslint/eslint-plugin": "^5.27.1",
     "@typescript-eslint/parser": "^5.27.1",
+    "cli-real-favicon": "^0.0.8",
     "eslint": "^8.17.0",
     "eslint-config-next": "^12.1.6",
     "eslint-config-prettier": "^8.5.0",

package.json

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#603cba</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/android-chrome-192x192.png

@@ -0,0 +1,7 @@
+<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+<link rel="manifest" href="/site.webmanifest">
+<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#794aff">
+<meta name="msapplication-TileColor" content="#603cba">
+<meta name="theme-color" content="#ffffff">

public/android-chrome-512x512.png

@@ -0,0 +1,19 @@
+{
+    "name": "Starter",
+    "short_name": "Starter",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}