fix(icon): better unusual input icon handling

Fixes #40

lib/generate.cjs

@@ -1,3 +1,4 @@
+const consola = require('consola')
 const { remove, mkdirp } = require('fs-extra')
 const { join } = require('pathe')
 const sharp = require('sharp')
@@ -13,7 +14,7 @@ async function generate ({ input, distDir, sizes, maskablePadding, splash, hash
   // Resized icons (purpose: any)
   await Promise.all(sizes.map(size =>
     sharp(input)
-      .resize(Math.floor(size))
+      .resize(Math.floor(size), Math.floor(size))
       .toFile(join(distDir, `${size}x${size}${hash}.png`))
   ))
 
@@ -28,7 +29,7 @@ async function generate ({ input, distDir, sizes, maskablePadding, splash, hash
       }
     }).composite([{
       input: await sharp(input)
-        .resize(Math.floor(size * (1 - maskablePadding / 100)))
+        .resize(Math.floor(size * (1 - maskablePadding / 100)), Math.floor(size * (1 - maskablePadding / 100)))
         .toBuffer()
     }])
       .toFile(join(distDir, `${size}x${size}.maskable${hash}.png`))
@@ -39,17 +40,21 @@ async function generate ({ input, distDir, sizes, maskablePadding, splash, hash
   if (splash) {
     distDir = join(distDir, `../${splash.targetDir}`)
     await ensureDir(distDir)
-    await Promise.all(splash.devices.map(device =>
-      sharp({
-        create: {
-          width: device.width,
-          height: device.height,
-          channels: 4,
-          background: splash.backgroundColor
-        }
-      }).composite([{ input }])
-        .toFile(join(distDir, `${device.width}x${device.height}${hash}.png`))
-    ))
+    await Promise.all(splash.devices.map(async (device) => {
+      try {
+        await sharp({
+          create: {
+            width: device.width,
+            height: device.height,
+            channels: 4,
+            background: splash.backgroundColor
+          }
+        }).composite([{ input }])
+          .toFile(join(distDir, `${device.width}x${device.height}${hash}.png`))
+      } catch (err) {
+        consola.warn(`[PWA] Failed to generate splash (${device.width}x${device.height}) because icon input has larger dimensions`)
+      }
+    }))
   }
 }