feat(main): add iPhone 12 specs to fallback data

Add iPhone 12 specs to fallback data for offline use. fix #454
elegantapp · Nov 30, 2020 · 620d2be · 620d2be
1 parent dc28118
commit 620d2be
Show file tree

Hide file tree

Showing 27 changed files with 420 additions and 82 deletions.
diff --git a/src/__snapshots__/cli.test.ts.snap b/src/__snapshots__/cli.test.ts.snap
@@ -10,8 +10,10 @@ exports[`CLI integrates with main API and creates an output with generated meta
 <link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-2048-1536.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)\\">
 <link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-2224-1668.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)\\">
 <link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-2160-1620.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)\\">
-<link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-2688-1242.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)\\">
+<link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-2778-1284.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)\\">
+<link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-2532-1170.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)\\">
 <link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-2436-1125.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)\\">
+<link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-2688-1242.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)\\">
 <link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-1792-828.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)\\">
 <link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-2208-1242.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)\\">
 <link rel=\\"apple-touch-startup-image\\" href=\\"%PUBLIC_URL%/temp/apple-splash-dark-1334-750.jpg\\" media=\\"(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)\\">

diff --git a/src/__snapshots__/main.test.ts.snap b/src/__snapshots__/main.test.ts.snap
diff --git a/src/__snapshots__/visual/input-html-dark/apple-splash-dark-1170-2532.jpg b/src/__snapshots__/visual/input-html-dark/apple-splash-dark-1170-2532.jpg
diff --git a/src/__snapshots__/visual/input-html-dark/apple-splash-dark-1284-2778.jpg b/src/__snapshots__/visual/input-html-dark/apple-splash-dark-1284-2778.jpg
diff --git a/src/__snapshots__/visual/input-html-dark/apple-splash-dark-2532-1170.jpg b/src/__snapshots__/visual/input-html-dark/apple-splash-dark-2532-1170.jpg
diff --git a/src/__snapshots__/visual/input-html-dark/apple-splash-dark-2778-1284.jpg b/src/__snapshots__/visual/input-html-dark/apple-splash-dark-2778-1284.jpg
diff --git a/src/__snapshots__/visual/input-html/apple-splash-1170-2532.jpg b/src/__snapshots__/visual/input-html/apple-splash-1170-2532.jpg
diff --git a/src/__snapshots__/visual/input-html/apple-splash-1284-2778.jpg b/src/__snapshots__/visual/input-html/apple-splash-1284-2778.jpg
diff --git a/src/__snapshots__/visual/input-html/apple-splash-2532-1170.jpg b/src/__snapshots__/visual/input-html/apple-splash-2532-1170.jpg
diff --git a/src/__snapshots__/visual/input-html/apple-splash-2778-1284.jpg b/src/__snapshots__/visual/input-html/apple-splash-2778-1284.jpg
diff --git a/src/__snapshots__/visual/input-png/apple-splash-1170-2532.jpg b/src/__snapshots__/visual/input-png/apple-splash-1170-2532.jpg
diff --git a/src/__snapshots__/visual/input-png/apple-splash-1284-2778.jpg b/src/__snapshots__/visual/input-png/apple-splash-1284-2778.jpg
diff --git a/src/__snapshots__/visual/input-png/apple-splash-2532-1170.jpg b/src/__snapshots__/visual/input-png/apple-splash-2532-1170.jpg
diff --git a/src/__snapshots__/visual/input-png/apple-splash-2778-1284.jpg b/src/__snapshots__/visual/input-png/apple-splash-2778-1284.jpg
diff --git a/src/__snapshots__/visual/input-svg/apple-splash-1170-2532.jpg b/src/__snapshots__/visual/input-svg/apple-splash-1170-2532.jpg
diff --git a/src/__snapshots__/visual/input-svg/apple-splash-1284-2778.jpg b/src/__snapshots__/visual/input-svg/apple-splash-1284-2778.jpg
diff --git a/src/__snapshots__/visual/input-svg/apple-splash-2532-1170.jpg b/src/__snapshots__/visual/input-svg/apple-splash-2532-1170.jpg
diff --git a/src/__snapshots__/visual/input-svg/apple-splash-2778-1284.jpg b/src/__snapshots__/visual/input-svg/apple-splash-2778-1284.jpg
diff --git a/src/__snapshots__/visual/output-png/apple-splash-1170-2532.png b/src/__snapshots__/visual/output-png/apple-splash-1170-2532.png
diff --git a/src/__snapshots__/visual/output-png/apple-splash-1284-2778.png b/src/__snapshots__/visual/output-png/apple-splash-1284-2778.png
diff --git a/src/__snapshots__/visual/output-png/apple-splash-2532-1170.png b/src/__snapshots__/visual/output-png/apple-splash-2532-1170.png
diff --git a/src/__snapshots__/visual/output-png/apple-splash-2778-1284.png b/src/__snapshots__/visual/output-png/apple-splash-2778-1284.png
diff --git a/src/__snapshots__/visual/output-transparent/apple-splash-1170-2532.png b/src/__snapshots__/visual/output-transparent/apple-splash-1170-2532.png
diff --git a/src/__snapshots__/visual/output-transparent/apple-splash-1284-2778.png b/src/__snapshots__/visual/output-transparent/apple-splash-1284-2778.png
diff --git a/src/__snapshots__/visual/output-transparent/apple-splash-2532-1170.png b/src/__snapshots__/visual/output-transparent/apple-splash-2532-1170.png
diff --git a/src/__snapshots__/visual/output-transparent/apple-splash-2778-1284.png b/src/__snapshots__/visual/output-transparent/apple-splash-2778-1284.png
diff --git a/src/config/apple-fallback-data.json b/src/config/apple-fallback-data.json
@@ -107,6 +107,54 @@
     },
     "scaleFactor": 2
   },
+  {
+    "device": "iPhone 12 Pro Max",
+    "portrait": {
+      "width": 1284,
+      "height": 2778
+    },
+    "landscape": {
+      "width": 2778,
+      "height": 1284
+    },
+    "scaleFactor": 3
+  },
+  {
+    "device": "iPhone 12 Pro",
+    "portrait": {
+      "width": 1170,
+      "height": 2532
+    },
+    "landscape": {
+      "width": 2532,
+      "height": 1170
+    },
+    "scaleFactor": 3
+  },
+  {
+    "device": "iPhone 12",
+    "portrait": {
+      "width": 1170,
+      "height": 2532
+    },
+    "landscape": {
+      "width": 2532,
+      "height": 1170
+    },
+    "scaleFactor": 3
+  },
+  {
+    "device": "iPhone 12 mini",
+    "portrait": {
+      "width": 1125,
+      "height": 2436
+    },
+    "landscape": {
+      "width": 2436,
+      "height": 1125
+    },
+    "scaleFactor": 3
+  },
   {
     "device": "iPhone 11 Pro Max",
     "portrait": {
@@ -323,4 +371,4 @@
     },
     "scaleFactor": 2
   }
-]
+]