codeplay-common 4.8.1 → 4.8.2

package/files/take-screen-image.js

@@ -3,6 +3,9 @@
 //node take-screen-image.js --profiles vivo-store //only taking screenshot for vivo-store - Not only vivo, we can do this to all of our store images.
 //node take-screen-image.js --vivo-existing       //Used if we already took the screenshot and those vivo screenshots are not there then execute this to resize the screenshot for vivo store.
 //node take-screen-image.js --oppo-existing       //Used if we already took the screenshot and those oppo screenshots are not there then execute this to resize the screenshot for Oppo store.
+//node take-screen-image.js --profiles iphone,iphone-duo,ipad //Capture current App Store sizes; iPhone-Duo uses the 2007x2853 inner display.
+//Apple also accepts 1398x2034 for the Duo outer display. This profile captures the inner display only.
+//New captures create iPhone-Duo folders automatically. Reframing existing files does not recapture responsive UI at the new viewport sizes.
 
 
 /*
@@ -158,14 +161,28 @@ const deviceProfiles = [
   },
   {
     name: 'iphone',
-    label: 'iPhone 6.9-inch App Store viewport',
+    label: 'iPhone Dynamic Island medium-display App Store viewport',
     outputDirectory: 'iPhone',
     frameType: 'iphone',
-    width: 440,
-    height: 956,
+    width: 402,
+    height: 874,
     deviceScaleFactor: 3,
-    framedWidth: 1284,
-    framedHeight: 2778,
+    framedWidth: 1206,
+    framedHeight: 2622,
+    orientationSensitive: true,
+    mobile: true,
+  },
+  {
+    name: 'iphone-duo',
+    label: 'iPhone Duo inner-display App Store viewport (generic frame)',
+    outputDirectory: 'iPhone-Duo',
+    frameType: 'iphone',
+    showDynamicIsland: false,
+    width: 669,
+    height: 951,
+    deviceScaleFactor: 3,
+    framedWidth: 2007,
+    framedHeight: 2853,
     orientationSensitive: true,
     mobile: true,
   },
@@ -195,12 +212,13 @@ const deviceProfiles = [
   },
   {
     name: 'iphone-store',
-    label: 'iPhone App Store screenshot set',
+    label: 'iPhone Dynamic Island medium-display App Store screenshot set',
     outputDirectory: 'iPhone-Store',
     frameType: 'iphone',
-    width: 428,
-    height: 926,
+    width: 402,
+    height: 874,
     deviceScaleFactor: 3,
+    orientationSensitive: true,
     mobile: true,
     screenshotOnly: true,
   },
@@ -586,6 +604,7 @@ function printHelp() {
   console.log('Usage:');
   console.log('  node take-screen-image.js');
   console.log('  node take-screen-image.js --profiles iphone,ipad');
+  console.log('  node take-screen-image.js --profiles iphone,iphone-duo,ipad');
   console.log('  node take-screen-image.js --android-frame graphite --ios-frame titanium');
   console.log('  node take-screen-image.js --prefix home --profiles android-phone,ipad');
   console.log('  node take-screen-image.js --frame-existing');
@@ -2004,13 +2023,13 @@ function createStoreDeviceFrameHtml(
 </html>`;
 }
 
-function getPhoneStatusBar(platform, time, batteryPercentage = null) {
+function getPhoneStatusBar(platform, time, batteryPercentage = null, showDynamicIsland = true) {
   const batteryLevel = Number.isInteger(batteryPercentage) ? batteryPercentage : 75;
 
   if (platform === 'ios') {
     return `<div class="phone-statusbar ios-statusbar">
       <span class="status-time">${time}</span>
-      <div class="dynamic-island"></div>
+      ${showDynamicIsland ? '<div class="dynamic-island"></div>' : ''}
       <svg viewBox="0 0 90 28" aria-hidden="true">
         <circle cx="5" cy="14" r="2" fill="currentColor" opacity="0.35"></circle><circle cx="13" cy="14" r="2" fill="currentColor" opacity="0.35"></circle>
         <circle cx="21" cy="14" r="2" fill="currentColor" opacity="0.35"></circle><circle cx="29" cy="14" r="2" fill="currentColor" opacity="0.35"></circle>
@@ -2091,7 +2110,7 @@ function createDeviceFrameHtml(
   const statusBarPlatform = profile.frameType === 'ipad' ? 'ipad' : phonePlatform;
   const phoneStyle = phonePlatform && frameStyles[phonePlatform][selectedFrameStyles[phonePlatform]];
   const phoneStatusBar = statusBarPlatform
-    ? getPhoneStatusBar(statusBarPlatform, displayTime, batteryPercentage)
+    ? getPhoneStatusBar(statusBarPlatform, displayTime, batteryPercentage, profile.showDynamicIsland !== false)
     : '';
   const phoneNavigation = phonePlatform === 'android'
     ? '<div class="android-navigation"><div class="gesture-pill"></div></div>'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeplay-common",
-  "version": "4.8.1",
+  "version": "4.8.2",
   "description": "Common build scripts and files",
   "scripts": {
 	"postinstall": "node scripts/sync-files.js",