codeplay-common 4.8.1 → 4.8.3

package/README.md

@@ -33,6 +33,21 @@ If `onesignal-cordova-plugin` is declared or installed, the pre-build script war
 runs `npm uninstall onesignal-cordova-plugin`. It stops if removal fails or active
 package imports remain. Legacy OneSignal patching and helper downloads are disabled.
 
+## Screenshot data
+
+Shared screenshot helpers are installed into `scripts/screenshot/` and updated with
+the package. App-specific data is not bundled with the package.
+During an upgrade, cleanup removes only the two legacy helpers `frame-samples.js`
+and `background-decorations.js` from `scripts-screenshot/screenshot/`, preserving
+the folder, JSON data, and other app files.
+
+`take-screen-image.js` creates `scripts-screenshot/screenshot/` and empty
+`screenshot-copy.json` and `screenshot-info.json` files when needed. Existing files
+are preserved during initialization, package installation, and cleanup. Capture
+updates screenshot information; the AI text-generation workflow fills screenshot
+copy. `--delete` removes matching records, and screenshot runs reconcile records
+against the captured images (except dry runs and `--refresh-info`).
+
 ## Agent instructions
 
 Agent instructions are updated during `npm run build`, not during npm installation.

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.
 
 
 /*
@@ -23,12 +26,12 @@ const path = require('node:path');
 const readline = require('node:readline/promises');
 const { spawn, spawnSync } = require('node:child_process');
 const sharp = require('sharp');
-const { frameStyles, createFrameSamples } = require('./scripts-screenshot/screenshot/frame-samples.js');
+const { frameStyles, createFrameSamples } = require('./scripts/screenshot/frame-samples.js');
 const {
   getDecorationSeed,
   createPromotionalDecorations,
   getPromotionalDecorationStyles,
-} = require('./scripts-screenshot/screenshot/background-decorations.js');
+} = require('./scripts/screenshot/background-decorations.js');
 
 const screenshotDirectory = path.join(__dirname, 'Auto-Screenshot', 'Store-image-Screenshot');
 const inFrameDirectory = path.join(__dirname, 'Auto-Screenshot', 'Store-image-Frame');
@@ -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');
@@ -708,6 +727,20 @@ function deleteMatchingImages(input) {
   for (const filePath of deletedFiles) console.log(`Deleted: ${filePath}`);
 }
 
+function initializeScreenshotData() {
+  for (const [filePath, version] of [
+    [screenshotCopyPath, 1],
+    [screenshotInfoPath, 2],
+  ]) {
+    fs.mkdirSync(path.dirname(filePath), { recursive: true });
+    try {
+      fs.writeFileSync(filePath, `${JSON.stringify({ version, screenshots: {} }, null, 2)}\n`, { flag: 'wx' });
+    } catch (error) {
+      if (error.code !== 'EEXIST') throw error;
+    }
+  }
+}
+
 function readScreenshotRecordSource(filePath) {
   if (!fs.existsSync(filePath)) return { screenshots: {} };
 
@@ -2004,13 +2037,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 +2124,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>'
@@ -3774,6 +3807,10 @@ async function main() {
 
   options = await getInteractiveOptions(options);
 
+  if (!options.dryRun) {
+    initializeScreenshotData();
+  }
+
   if (!options.dryRun && !options.refreshInfo) {
     reconcileScreenshotRecords();
   }

package/package.json

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

package/scripts/sync-files.js

@@ -25,6 +25,8 @@ function copyFolderSync(source, destination) {
 
 // Copy all files from `common-build-files/files/` to the project root
 fs.readdirSync(commonBuildPath).forEach(file => {
+    // Never distribute or overwrite app-owned screenshot data.
+    if (file === "scripts-screenshot") return;
     const sourcePath = path.join(commonBuildPath, file);
     const destPath = path.join(projectRoot, file);
 

package/scripts/uninstall.js

@@ -70,7 +70,8 @@ filesInProject.forEach(file => {
 if (fs.existsSync(commonBuildPath)) {
     fs.readdirSync(commonBuildPath).forEach(file => {
         const destPath = path.join(projectRoot, file);
-        if (file === "scripts" || isAgentInstructionAsset(file)) {
+        // Screenshot data belongs to the app, including folders from older releases.
+        if (file === "scripts" || file === "scripts-screenshot" || isAgentInstructionAsset(file)) {
             return;
         }
         if (fs.existsSync(destPath)) {
@@ -88,6 +89,19 @@ if (fs.existsSync(commonBuildPath)) {
     });
 }
 
+for (const helperDirectory of [
+    path.join(projectRoot, "scripts", "screenshot"),
+    path.join(projectRoot, "scripts-screenshot", "screenshot")
+]) {
+    for (const helperName of ["frame-samples.js", "background-decorations.js"]) {
+        const helperPath = path.join(helperDirectory, helperName);
+        if (fs.existsSync(helperPath)) {
+            fs.unlinkSync(helperPath);
+            process.stdout.write(`🗑️ Removed file: ${helperPath}\n`);
+        }
+    }
+}
+
 if (fs.existsSync(baselineProfileSetupScript)) {
     try {
         fs.unlinkSync(baselineProfileSetupScript);

package/files/scripts-screenshot/screenshot/screenshot-copy.json

@@ -1,3 +0,0 @@
-{
-  
-}