Platform classes

.eslintrc

@@ -57,13 +57,6 @@
     "no-iterator": 2,
     "no-lone-blocks": 2,
     "no-loop-func": 2,
-    "no-magic-numbers": [
-      2,
-      {
-        "ignore": [-1, 0, 1, 2, 3, 4, 100, 255],
-        "ignoreArrayIndexes": true
-      }
-    ],
     "no-multi-str": 2,
     "no-native-reassign": [
       2,
@@ -134,7 +127,6 @@
     ],
     "linebreak-style": [2, "unix"],
     "max-nested-callbacks": [2, 5],
-    "newline-after-var": [2, "always"],
     "no-array-constructor": 2,
     "no-lonely-if": 2,
     "no-negated-condition": 2,

package.json

@@ -41,10 +41,8 @@
     "node": ">=10.13.0"
   },
   "dependencies": {
-    "clone": "^2.1.2",
     "colors": "^1.4.0",
     "escape-html": "^1.0.3",
-    "jsontoxml": "^1.0.1",
     "lodash.defaultsdeep": "^4.6.1",
     "sharp": "^0.29.1",
     "through2": "^4.0.2",

src/config/defaults.ts

@@ -14,6 +14,8 @@ export interface IconOptions {
   readonly mask?: boolean;
   readonly overlayGlow?: boolean;
   readonly overlayShadow?: boolean;
+  readonly purpose?: string;
+  readonly pixelArt?: boolean;
 }
 
 export interface Application {
@@ -42,6 +44,7 @@ export interface FaviconOptions {
   readonly appleStatusBarStyle?: string;
   readonly display?: string;
   readonly orientation?: string;
+  readonly scope?: string;
   readonly start_url?: string;
   readonly version?: string;
   readonly logging?: boolean;

src/config/icons.ts

@@ -1,9 +1,6 @@
-/* eslint-disable no-magic-numbers */
-
-import { Dictionary } from "../helpers";
 import { IconOptions } from "./defaults";
 
-function transparentIcon(width: number, height?: number): IconOptions {
+export function transparentIcon(width: number, height?: number): IconOptions {
   return {
     sizes: [{ width, height: height ?? width }],
     offset: 0,
@@ -16,7 +13,7 @@ function transparentIcon(width: number, height?: number): IconOptions {
   };
 }
 
-function transparentIcons(...sizes: number[]): IconOptions {
+export function transparentIcons(...sizes: number[]): IconOptions {
   return {
     sizes: sizes.map((size) => ({ width: size, height: size })),
     offset: 0,
@@ -29,7 +26,7 @@ function transparentIcons(...sizes: number[]): IconOptions {
   };
 }
 
-function opaqueIcon(width: number, height?: number): IconOptions {
+export function opaqueIcon(width: number, height?: number): IconOptions {
   return {
     sizes: [{ width, height: height ?? width }],
     offset: 0,
@@ -42,7 +39,7 @@ function opaqueIcon(width: number, height?: number): IconOptions {
   };
 }
 
-function glowIcon(width: number, height?: number): IconOptions {
+export function glowIcon(width: number, height?: number): IconOptions {
   return {
     sizes: [{ width, height: height ?? width }],
     offset: 0,
@@ -55,90 +52,6 @@ function glowIcon(width: number, height?: number): IconOptions {
   };
 }
 
-export const ICONS_OPTIONS: Dictionary<Dictionary<IconOptions>> = {
-  android: {
-    "android-chrome-36x36.png": transparentIcon(36),
-    "android-chrome-48x48.png": transparentIcon(48),
-    "android-chrome-72x72.png": transparentIcon(72),
-    "android-chrome-96x96.png": transparentIcon(96),
-    "android-chrome-144x144.png": transparentIcon(144),
-    "android-chrome-192x192.png": transparentIcon(192),
-    "android-chrome-256x256.png": transparentIcon(256),
-    "android-chrome-384x384.png": transparentIcon(384),
-    "android-chrome-512x512.png": transparentIcon(512),
-  },
-  android_maskable: {
-    "android-chrome-maskable-36x36.png": transparentIcon(36),
-    "android-chrome-maskable-48x48.png": transparentIcon(48),
-    "android-chrome-maskable-72x72.png": transparentIcon(72),
-    "android-chrome-maskable-96x96.png": transparentIcon(96),
-    "android-chrome-maskable-144x144.png": transparentIcon(144),
-    "android-chrome-maskable-192x192.png": transparentIcon(192),
-    "android-chrome-maskable-256x256.png": transparentIcon(256),
-    "android-chrome-maskable-384x384.png": transparentIcon(384),
-    "android-chrome-maskable-512x512.png": transparentIcon(512),
-  },
-  appleIcon: {
-    "apple-touch-icon-57x57.png": opaqueIcon(57),
-    "apple-touch-icon-60x60.png": opaqueIcon(60),
-    "apple-touch-icon-72x72.png": opaqueIcon(72),
-    "apple-touch-icon-76x76.png": opaqueIcon(76),
-    "apple-touch-icon-114x114.png": opaqueIcon(114),
-    "apple-touch-icon-120x120.png": opaqueIcon(120),
-    "apple-touch-icon-144x144.png": opaqueIcon(144),
-    "apple-touch-icon-152x152.png": opaqueIcon(152),
-    "apple-touch-icon-167x167.png": opaqueIcon(167),
-    "apple-touch-icon-180x180.png": opaqueIcon(180),
-    "apple-touch-icon-1024x1024.png": opaqueIcon(1024),
-    "apple-touch-icon.png": opaqueIcon(180),
-    "apple-touch-icon-precomposed.png": opaqueIcon(180),
-  },
-  appleStartup: {
-    "apple-touch-startup-image-640x1136.png": opaqueIcon(640, 1136),
-    "apple-touch-startup-image-750x1334.png": opaqueIcon(750, 1334),
-    "apple-touch-startup-image-828x1792.png": opaqueIcon(828, 1792),
-    "apple-touch-startup-image-1125x2436.png": opaqueIcon(1125, 2436),
-    "apple-touch-startup-image-1242x2208.png": opaqueIcon(1242, 2208),
-    "apple-touch-startup-image-1242x2688.png": opaqueIcon(1242, 2688),
-    "apple-touch-startup-image-1536x2048.png": opaqueIcon(1536, 2048),
-    "apple-touch-startup-image-1668x2224.png": opaqueIcon(1668, 2224),
-    "apple-touch-startup-image-1668x2388.png": opaqueIcon(1668, 2388),
-    "apple-touch-startup-image-2048x2732.png": opaqueIcon(2048, 2732),
-    "apple-touch-startup-image-1136x640.png": opaqueIcon(1136, 640),
-    "apple-touch-startup-image-2160x1620.png": opaqueIcon(2160, 1620),
-    "apple-touch-startup-image-1620x2160.png": opaqueIcon(1620, 2160),
-    "apple-touch-startup-image-1334x750.png": opaqueIcon(1334, 750),
-    "apple-touch-startup-image-1792x828.png": opaqueIcon(1792, 828),
-    "apple-touch-startup-image-2436x1125.png": opaqueIcon(2436, 1125),
-    "apple-touch-startup-image-2208x1242.png": opaqueIcon(2208, 1242),
-    "apple-touch-startup-image-2688x1242.png": opaqueIcon(2688, 1242),
-    "apple-touch-startup-image-2048x1536.png": opaqueIcon(2048, 1536),
-    "apple-touch-startup-image-2224x1668.png": opaqueIcon(2224, 1668),
-    "apple-touch-startup-image-2388x1668.png": opaqueIcon(2388, 1668),
-    "apple-touch-startup-image-2732x2048.png": opaqueIcon(2732, 2048),
-  },
-  coast: {
-    "coast-228x228.png": opaqueIcon(228),
-  },
-  favicons: {
-    "favicon-16x16.png": transparentIcon(16),
-    "favicon-32x32.png": transparentIcon(32),
-    "favicon-48x48.png": transparentIcon(48),
-    "favicon.ico": transparentIcons(16, 24, 32, 48, 64),
-  },
-  firefox: {
-    "firefox_app_60x60.png": glowIcon(60),
-    "firefox_app_128x128.png": glowIcon(128),
-    "firefox_app_512x512.png": glowIcon(512),
-  },
-  windows: {
-    "mstile-70x70.png": transparentIcon(70),
-    "mstile-144x144.png": transparentIcon(144),
-    "mstile-150x150.png": transparentIcon(150),
-    "mstile-310x150.png": transparentIcon(310, 150),
-    "mstile-310x310.png": transparentIcon(310),
-  },
-  yandex: {
-    "yandex-browser-50x50.png": transparentIcon(50),
-  },
-};
+export function maskable(options: IconOptions): IconOptions {
+  return { ...options, purpose: "maskable" };
+}