Scraping Apple device specs is broken

Error when we launch this command : npx pwa-asset-generator logo.svg -b "linear-gradient(to bottom, #980005 0%, #CE3328 100%) fixed" --index ./index.html --manifest ./manifest.json

Console :

11:27:01 getSplashScreenMetaData Initialising puppeteer to load latest splash screen metadata 🤖
11:27:01 getAppleSplashScreenData Navigating to Apple Human Interface Guidelines website - https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/adaptivity-and-layout/
11:27:02 getAppleSplashScreenData Waiting for the data table to be loaded
11:27:02 getAppleSplashScreenData Retrieved splash screen data
11:27:02 getDeviceScaleFactorData Navigating to Apple Human Interface Guidelines website - https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/image-size-and-resolution/
11:27:05 getDeviceScaleFactorData Retrieved scale factor data
11:27:05 getSplashScreenMetaData Loaded metadata for iOS platform 🙌
11:27:05 saveImages Initialising puppeteer to take screenshots 🤖
11:27:05 getShellHtml Generating shell html with provided image source
11:27:05 getShellHtml Providing shell html as page content
11:27:05 saveImages Saved image apple-splash-0-0 🙌
11:27:05 saveImages Saved image manifest-icon-192 🙌
11:27:05 saveImages Saved image apple-icon-120 🙌
11:27:05 saveImages Saved image apple-icon-180 🙌
11:27:05 saveImages Saved image apple-splash-414-896 🙌
11:27:05 saveImages Saved image apple-icon-152 🙌
11:27:05 saveImages Saved image apple-icon-167 🙌
11:27:05 saveImages Saved image apple-splash-768-1024 🙌
11:27:05 saveImages Saved image apple-splash-768-1024 🙌
11:27:05 saveImages Saved image apple-splash-375-667 🙌
11:27:05 saveImages Saved image manifest-icon-512 🙌
11:27:05 saveImages Saved image apple-splash-1024-1366 🙌
11:27:05 saveImages Saved image apple-splash-375-812 🙌
11:27:05 saveImages Saved image apple-splash-810-1080 🙌
11:27:05 saveImages Saved image apple-splash-0-0 🙌
11:27:05 saveImages Saved image apple-splash-414-736 🙌
11:27:05 saveImages Saved image apple-splash-414-896 🙌
11:27:05 saveImages Saved image apple-splash-375-812 🙌
11:27:05 saveImages Saved image apple-splash-0-0 🙌
11:27:05 saveImages Saved image apple-splash-375-667 🙌
11:27:05 saveImages Saved image apple-splash-320-568 🙌
11:27:05 saveImages Saved image apple-splash-414-736 🙌
11:27:05 saveImages Saved image apple-splash-414-896 🙌
11:27:05 saveImages Saved image apple-splash-834-1194 🙌
11:27:05 saveImages Saved image apple-splash-834-1112 🙌

and result in index.html :

<meta name="apple-mobile-web-app-capable" content="yes">

<link rel="apple-touch-startup-image" href="apple-splash-1024-1366.jpg" media="(device-width: 512px) and (device-height: 683px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-0-0.jpg" media="(device-width: 0px) and (device-height: 0px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
<link rel="apple-touch-startup-image" href="apple-splash-834-1194.jpg" media="(device-width: 417px) and (device-height: 597px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-768-1024.jpg" media="(device-width: NaNpx) and (device-height: NaNpx) and (-webkit-device-pixel-ratio: undefined) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-0-0.jpg" media="(device-width: NaNpx) and (device-height: NaNpx) and (-webkit-device-pixel-ratio: undefined) and (orientation: landscape)">
<link rel="apple-touch-startup-image" href="apple-splash-834-1112.jpg" media="(device-width: NaNpx) and (device-height: NaNpx) and (-webkit-device-pixel-ratio: undefined) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-810-1080.jpg" media="(device-width: NaNpx) and (device-height: NaNpx) and (-webkit-device-pixel-ratio: undefined) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-768-1024.jpg" media="(device-width: 384px) and (device-height: 512px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-414-896.jpg" media="(device-width: NaNpx) and (device-height: NaNpx) and (-webkit-device-pixel-ratio: undefined) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-375-812.jpg" media="(device-width: NaNpx) and (device-height: NaNpx) and (-webkit-device-pixel-ratio: undefined) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-414-896.jpg" media="(device-width: 138px) and (device-height: 298.6666666666667px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-0-0.jpg" media="(device-width: 0px) and (device-height: 0px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
<link rel="apple-touch-startup-image" href="apple-splash-375-812.jpg" media="(device-width: 125px) and (device-height: 270.6666666666667px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-414-896.jpg" media="(device-width: 207px) and (device-height: 448px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-414-736.jpg" media="(device-width: 138px) and (device-height: 245.33333333333334px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-375-667.jpg" media="(device-width: 187.5px) and (device-height: 333.5px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-414-736.jpg" media="(device-width: NaNpx) and (device-height: NaNpx) and (-webkit-device-pixel-ratio: undefined) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-375-667.jpg" media="(device-width: NaNpx) and (device-height: NaNpx) and (-webkit-device-pixel-ratio: undefined) and (orientation: portrait)">
<link rel="apple-touch-startup-image" href="apple-splash-320-568.jpg" media="(device-width: NaNpx) and (device-height: NaNpx) and (-webkit-device-pixel-ratio: undefined) and (orientation: portrait)">

</head><body></body></html>

we have device-height with NaNpx.

It worked 3 month ago.

[maklai-0x001]

Thanks for the input @maklai-0x001, I’m working on the issue atm. I will release a fix soon.

Thank you for that tool , its really cool and helpful !

[onderceylan]

🎉 This issue has been resolved in version 3.1.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀