Fix: Using Heigth and Width Different on Icon

src/icons/index.js

@@ -16,7 +16,8 @@ function sanitizeIcon (iconSnippet) {
  const arr = parseArray(iconSnippet.size || iconSnippet.sizes)
  if (!arr) throw new IconError('Unknown icon sizes.')
  const sizes = []
- for (let size of arr) sizes.push(+size || parseInt(size))
+ for (let size of arr) sizes.push(size)
+
  return {
  src: iconSnippet.src,
  sizes,
@@ -27,7 +28,16 @@ function sanitizeIcon (iconSnippet) {
 }
 
 function processIcon (currentSize, icon, buffer, mimeType, publicPath, shouldFingerprint) {
- const dimensions = `${currentSize}x${currentSize}`
+
+ let xDimension = currentSize, yDimension = currentSize, tmp;
+ if (typeof currentSize === 'string') {
+ tmp = currentSize.split('x');
+ xDimension = Number(tmp[0]);
+ yDimension = Number(tmp[1]);
+ }
+
+ const dimensions = `${xDimension}x${yDimension}`
+
  const fileName = shouldFingerprint ? `icon_${dimensions}.${generateFingerprint(buffer)}.${mime.getExtension(mimeType)}` : `icon_${dimensions}.${mime.getExtension(mimeType)}`
  const iconOutputDir = icon.destination ? joinURI(icon.destination, fileName) : fileName
  const iconPublicUrl = joinURI(publicPath, iconOutputDir)
@@ -61,7 +71,8 @@ function process (sizes, icon, cachedIconsCopy, icons, assets, fingerprint, publ
  }
 
  const size = sizes.pop()
- if (size > 0) {
+
+ if (size > 0 || typeof size === 'string') {
  const mimeType = mime.getType(icon.src)
  if (!supportedMimeTypes.includes(mimeType)) {
  let buffer
@@ -77,8 +88,20 @@ function process (sizes, icon, cachedIconsCopy, icons, assets, fingerprint, publ
  }
 
  jimp.read(icon.src, (err, img) => {
+
  if (err) throw new IconError(`It was not possible to read '${icon.src}'.`)
- img.resize(size, size).getBuffer(mimeType, (err, buffer) => {
+ let x = size, y = size, tmp;
+
+ if (typeof size === 'string'){
+ tmp = size.split('x');
+
+ x = Number(tmp[0]);
+ y = Number(tmp[1]);
+ }
+
+
+
+ img.resize(x, y).getBuffer(mimeType, (err, buffer) => {
  if (err) throw new IconError(`It was not possible to retrieve buffer of '${icon.src}'.`)
  const processedIcon = processIcon(size, icon, buffer, mimeType, publicPath, fingerprint)
  icons.push(processedIcon.manifestIcon)

src/injector/index.js

@@ -23,7 +23,7 @@ const voidTags = [
  'wbr'
 ]
 
-const appleTags = {
+const appleTags = { 
  'apple-touch-icon': 'link',
  'apple-touch-startup-image': 'link',
  'apple-mobile-web-app-title': 'meta',