codeplay-common 4.3.5 → 4.3.6

package/files/take-screen-image.js

@@ -28,26 +28,31 @@ const deviceProfiles = [
     deviceScaleFactor: 3,
     orientationSensitive: true,
     mobile: true,
-  },
+  },
   {
-    name: 'android-tablet',
-    label: 'Android tablet',
-    outputDirectory: 'Android-Tab',
-    frameType: 'tablet',
-    width: 800,
-    height: 1280,
+    name: 'android-tablet-7-inch',
+    aliases: ['android-tablet'],
+    label: 'Android 7-inch Play Store tablet',
+    outputDirectory: 'Android-Tab-7inch',
+    frameType: 'tablet',
+    width: 675,
+    height: 1200,
     deviceScaleFactor: 2,
+    framedWidth: 1350,
+    framedHeight: 2400,
     orientationSensitive: true,
     mobile: true,
   },
   {
     name: 'android-tablet-10-inch',
     label: 'Android 10-inch Play Store tablet',
-    outputDirectory: 'Android-Tab-10-Inch',
+    outputDirectory: 'Android-Tab-10inch',
     frameType: 'tablet',
-    width: 720,
-    height: 1280,
+    width: 900,
+    height: 1600,
     deviceScaleFactor: 2,
+    framedWidth: 1800,
+    framedHeight: 3200,
     orientationSensitive: true,
     mobile: true,
   },
@@ -157,12 +162,14 @@ const deviceProfiles = [
   },
   {
     name: 'chromebook',
-    label: 'Chromebook Play Store viewport',
+    label: 'Chromebook 4K Play Store viewport',
     outputDirectory: 'Chromebook',
     frameType: 'laptop',
     width: 1920,
     height: 1080,
-    deviceScaleFactor: 1,
+    deviceScaleFactor: 2,
+    framedWidth: 3840,
+    framedHeight: 2160,
     mobile: false,
   },
   {
@@ -437,7 +444,9 @@ function selectProfiles(input) {
   }
 
   const selectedProfiles = names.map((name) => {
-    const profile = deviceProfiles.find((candidate) => candidate.name === name);
+    const profile = deviceProfiles.find((candidate) => (
+      candidate.name === name || candidate.aliases?.includes(name)
+    ));
 
     if (!profile) {
       throw new Error(`Unknown profile: ${name}. Run with --list to see valid profiles.`);
@@ -1148,17 +1157,147 @@ function escapeHtml(value) {
     .replace(/'/g, ''');
 }
 
-function createAmazonAssetHtml(asset, appName, iconBuffer) {
+function cleanAssetCopy(value, maximumLength, fallback = '') {
+  const cleaned = String(value || '')
+    .replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, ' ')
+    .replace(/<style\b[^>]*>[\s\S]*?<\/style>/gi, ' ')
+    .replace(/<[^>]+>/g, ' ')
+    .replace(/&[a-zA-Z#0-9]+;/g, ' ')
+    .replace(/[_|]+/g, ' ')
+    .replace(/\s+/g, ' ')
+    .trim();
+  if (!cleaned) return fallback;
+  if (cleaned.length <= maximumLength) return cleaned;
+  const shortened = cleaned.slice(0, maximumLength + 1);
+  const lastSpace = shortened.lastIndexOf(' ');
+  return shortened.slice(0, lastSpace > maximumLength * 0.55 ? lastSpace : maximumLength).trim();
+}
+
+function readJsonAssetSource(filePath) {
+  try {
+    return JSON.parse(fs.readFileSync(filePath, 'utf8'));
+  } catch {
+    return {};
+  }
+}
+
+function collectProjectUiPhrases() {
+  const phrases = [];
+  const pageDirectory = path.join(__dirname, 'src', 'pages');
+  if (fs.existsSync(pageDirectory)) {
+    const pageFiles = fs.readdirSync(pageDirectory)
+      .filter((fileName) => /\.(?:f7|html)$/i.test(fileName))
+      .sort()
+      .slice(0, 40);
+    const visibleElementPattern = /<(?:h[1-4]|button|label|option|a|li)\b[^>]*>([\s\S]*?)<\/(?:h[1-4]|button|label|option|a|li)>/gi;
+    for (const fileName of pageFiles) {
+      const source = fs.readFileSync(path.join(pageDirectory, fileName), 'utf8');
+      let match;
+      while ((match = visibleElementPattern.exec(source)) && phrases.length < 120) {
+        const phrase = cleanAssetCopy(match[1], 52);
+        if (phrase) phrases.push(phrase);
+      }
+    }
+  }
+  return phrases;
+}
+
+function getStoreAssetCopy(config) {
+  const configuredAppName = cleanAssetCopy(config.appName, 40, 'App');
+  const appUniqueId = String(config.android?.APP_UNIQUE_ID ?? '').trim();
+  const promoCopyPath = appUniqueId
+    ? path.join(
+      __dirname,
+      'Auto-AI-Video',
+      `${appUniqueId}. ${sanitizeName(configuredAppName, 'App')}-promo-copy.json`,
+    )
+    : '';
+  const promoCopy = promoCopyPath && fs.existsSync(promoCopyPath)
+    ? readJsonAssetSource(promoCopyPath).copy || {}
+    : {};
+  const scenes = Array.isArray(promoCopy.scenes) ? promoCopy.scenes : [];
+  const footerKeywords = Array.isArray(promoCopy.footer_keywords)
+    ? promoCopy.footer_keywords
+    : [];
+  const manifestCandidates = [
+    path.join(__dirname, 'src', 'manifest.webmanifest'),
+    path.join(__dirname, 'public', 'manifest.webmanifest'),
+    path.join(__dirname, 'manifest.webmanifest'),
+  ];
+  const manifestPath = manifestCandidates.find((candidate) => fs.existsSync(candidate));
+  const manifest = manifestPath ? readJsonAssetSource(manifestPath) : {};
+  const candidates = [
+    ...footerKeywords,
+    ...scenes.flatMap((scene) => [
+      `${scene.title_line_1 || ''} ${scene.title_line_2 || ''}`,
+      scene.kicker,
+      scene.body,
+    ]),
+    ...(Array.isArray(manifest.categories) ? manifest.categories : []),
+    manifest.description,
+    ...collectProjectUiPhrases(),
+  ];
+  const uniquePhrases = [];
+  const seen = new Set([configuredAppName.toLowerCase()]);
+  for (const candidate of candidates) {
+    const phrase = cleanAssetCopy(candidate, 52);
+    const key = phrase.toLowerCase();
+    if (phrase.length < 3 || seen.has(key)) continue;
+    seen.add(key);
+    uniquePhrases.push(phrase);
+  }
+
+  const featureLabels = uniquePhrases
+    .map((phrase) => cleanAssetCopy(phrase, 18))
+    .filter((phrase, index, values) => (
+      phrase.length >= 3
+      && values.findIndex((value) => value.toLowerCase() === phrase.toLowerCase()) === index
+    ))
+    .slice(0, 9);
+  while (featureLabels.length < 9) {
+    featureLabels.push(`Feature ${String(featureLabels.length + 1).padStart(2, '0')}`);
+  }
+
+  const firstScene = scenes[0] || {};
+  const firstSceneTitle = cleanAssetCopy(
+    `${firstScene.title_line_1 || ''} ${firstScene.title_line_2 || ''}`,
+    34,
+  );
+  const primaryPhrase = footerKeywords[0] || featureLabels[0];
+  return {
+    amazonEyebrow: cleanAssetCopy(primaryPhrase, 32, `Explore ${configuredAppName}`),
+    amazonCallout: cleanAssetCopy(
+      firstScene.body || manifest.description || uniquePhrases[0],
+      52,
+      `Explore ${configuredAppName}`,
+    ),
+    featureLabels,
+    samsungKicker: cleanAssetCopy(firstScene.kicker || primaryPhrase, 28, 'App features'),
+    samsungAction: firstSceneTitle || cleanAssetCopy(primaryPhrase, 34, `Open ${configuredAppName}`),
+    samsungBody: cleanAssetCopy(
+      firstScene.body || manifest.description || uniquePhrases[1],
+      52,
+      'Explore the available features',
+    ),
+  };
+}
+
+function createAmazonAssetHtml(asset, appName, iconBuffer, storeCopy) {
   const iconDataUrl = `data:image/png;base64,${iconBuffer.toString('base64')}`;
   const safeAppName = escapeHtml(appName);
+  const safeEyebrow = escapeHtml(storeCopy.amazonEyebrow);
+  const safeCallout = escapeHtml(storeCopy.amazonCallout);
+  const featureMarkup = storeCopy.featureLabels.slice(0, 6)
+    .map((label) => `<span>${escapeHtml(label)}</span>`)
+    .join('');
   const logoMarkup = asset.type === 'featured-logo'
-    ? `<main class="featured-logo"><img src="${iconDataUrl}" /><div><small>POCKET RHYTHM STUDIO</small><strong>${safeAppName}</strong></div></main>`
+    ? `<main class="featured-logo"><img src="${iconDataUrl}" /><div><small>${safeEyebrow}</small><strong>${safeAppName}</strong></div></main>`
     : '';
   const iconMarkup = asset.type === 'icon'
-    ? `<main class="icon-card"><img src="${iconDataUrl}" /><div><small>MAKE THE NEXT BEAT YOURS</small><strong>${safeAppName}</strong></div></main>`
+    ? `<main class="icon-card"><img src="${iconDataUrl}" /><div><small>${safeCallout}</small><strong>${safeAppName}</strong></div></main>`
     : '';
   const backgroundMarkup = asset.type.includes('background')
-    ? '<main class="background-art"><div class="pulse pulse-one"></div><div class="pulse pulse-two"></div><div class="equalizer"><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div><div class="pad-grid"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div></main>'
+    ? `<main class="background-art"><div class="pulse pulse-one"></div><div class="pulse pulse-two"></div><div class="feature-grid">${featureMarkup}</div></main>`
     : '';
 
   return `<!doctype html>
@@ -1257,45 +1396,35 @@ function createAmazonAssetHtml(asset, appName, iconBuffer) {
     }
     .pulse-one { width: 520px; height: 520px; top: -180px; left: -110px; }
     .pulse-two { width: 620px; height: 620px; right: -180px; bottom: -310px; border-color: rgba(201,255,65,0.22); }
-    .equalizer {
+    .feature-grid {
       position: absolute;
       left: 8%;
-      top: 50%;
-      display: flex;
-      align-items: center;
-      gap: 20px;
-      height: 44%;
-      transform: translateY(-50%);
-    }
-    .equalizer i { width: 18px; border-radius: 999px; background: #35d4eb; box-shadow: 0 0 25px rgba(53,212,235,0.5); }
-    .equalizer i:nth-child(1), .equalizer i:nth-child(7) { height: 28%; }
-    .equalizer i:nth-child(2), .equalizer i:nth-child(6) { height: 52%; background: #ff5964; }
-    .equalizer i:nth-child(3), .equalizer i:nth-child(5) { height: 76%; background: #ff9f43; }
-    .equalizer i:nth-child(4) { height: 100%; background: #c9ff41; }
-    .pad-grid {
-      position: absolute;
-      right: 7%;
+      right: 8%;
       top: 50%;
       display: grid;
-      width: 46%;
-      height: 64%;
-      grid-template-columns: repeat(3, 1fr);
-      gap: 20px;
-      transform: translateY(-50%) perspective(900px) rotateY(-10deg) rotateX(5deg);
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+      gap: 24px;
+      transform: translateY(-50%);
     }
-    .pad-grid i {
+    .feature-grid span {
+      display: flex;
+      min-height: 108px;
+      align-items: center;
+      justify-content: center;
+      padding: 20px;
+      color: #f8fbff;
       border: 2px solid rgba(255,255,255,0.17);
-      border-top: 7px solid #35d4eb;
       border-radius: 22px;
       background: linear-gradient(145deg, rgba(42,55,75,0.96), rgba(11,18,29,0.96));
       box-shadow: 0 20px 28px rgba(0,0,0,0.28);
+      font-size: clamp(20px, 2vw, 34px);
+      font-weight: 700;
+      text-align: center;
     }
-    .pad-grid i:nth-child(2), .pad-grid i:nth-child(6) { border-top-color: #ff9f43; }
-    .pad-grid i:nth-child(3), .pad-grid i:nth-child(7) { border-top-color: #c9ff41; }
-    .pad-grid i:nth-child(4), .pad-grid i:nth-child(8) { border-top-color: #ff5964; }
-    .pad-grid i:nth-child(5) { border-top-color: #ac7cff; }
-    body.featured-background .pad-grid { width: 49%; height: 72%; }
-    body.featured-background .equalizer { height: 52%; }
+    .feature-grid span:nth-child(3n+1) { border-top: 7px solid #35d4eb; }
+    .feature-grid span:nth-child(3n+2) { border-top: 7px solid #ff9f43; }
+    .feature-grid span:nth-child(3n) { border-top: 7px solid #c9ff41; }
+    body.featured-background .feature-grid { left: 5%; right: 5%; gap: 18px; }
   </style>
 </head>
 <body class="${asset.type}">
@@ -1313,6 +1442,7 @@ async function createAmazonAssets(client) {
 
   const config = JSON.parse(fs.readFileSync(capacitorConfigPath, 'utf8'));
   const appName = config.appName || 'App';
+  const storeCopy = getStoreAssetCopy(config);
   const iconBuffer = fs.readFileSync(amazonIconPath);
   const assets = [
     { fileName: 'icon-1280x720.png', type: 'icon', width: 1280, height: 720 },
@@ -1338,7 +1468,7 @@ async function createAmazonAssets(client) {
     const frameTree = await client.send('Page.getFrameTree');
     await client.send('Page.setDocumentContent', {
       frameId: frameTree.frameTree.frame.id,
-      html: createAmazonAssetHtml(asset, appName, iconBuffer),
+      html: createAmazonAssetHtml(asset, appName, iconBuffer, storeCopy),
     });
     await client.send('Runtime.evaluate', {
       expression: `Promise.all([...document.images].map((image) => image.complete
@@ -1363,15 +1493,18 @@ async function createAmazonAssets(client) {
   }
 }
 
-function createSamsungAssetHtml(asset, appName, iconBuffer) {
+function createSamsungAssetHtml(asset, appName, iconBuffer, storeCopy) {
   const iconDataUrl = `data:image/png;base64,${iconBuffer.toString('base64')}`;
   const safeAppName = escapeHtml(appName);
-  const pads = Array.from({ length: 9 }, (_, index) => (
-    `<button><i>0${index + 1}</i><span>${['OPEN', 'CLOSED', 'HIGH', 'CRASH', 'KICK', 'MID', 'RIDE', 'SNARE', 'FLOOR'][index]}</span></button>`
+  const featureButtons = storeCopy.featureLabels.map((label, index) => (
+    `<button><i>0${index + 1}</i><span>${escapeHtml(label.toUpperCase())}</span></button>`
   )).join('');
+  const safeKicker = escapeHtml(storeCopy.samsungKicker.toUpperCase());
+  const safeAction = escapeHtml(storeCopy.samsungAction.toUpperCase());
+  const safeBody = escapeHtml(storeCopy.samsungBody);
   const content = asset.type === 'edge-screen'
-    ? `<main class="edge-panel"><header><img src="${iconDataUrl}" /><strong>${safeAppName}</strong></header><section>${pads}</section></main>`
-    : `<main class="single-panel"><header><img src="${iconDataUrl}" /><div><small>POCKET RHYTHM</small><strong>${safeAppName}</strong></div></header><div class="single-action"><span>+</span><strong>OPEN STUDIO</strong><small>Tap to start playing</small></div><div class="rhythm"><i></i><i></i><i></i><i></i><i></i></div></main>`;
+    ? `<main class="edge-panel"><header><img src="${iconDataUrl}" /><strong>${safeAppName}</strong></header><section>${featureButtons}</section></main>`
+    : `<main class="single-panel"><header><img src="${iconDataUrl}" /><div><small>${safeKicker}</small><strong>${safeAppName}</strong></div></header><div class="single-action"><span>+</span><strong>${safeAction}</strong><small>${safeBody}</small></div><div class="accent-bars"><i></i><i></i><i></i><i></i><i></i></div></main>`;
 
   return `<!doctype html>
 <html>
@@ -1455,10 +1588,10 @@ function createSamsungAssetHtml(asset, appName, iconBuffer) {
     }
     .single-action strong { margin-top: 65px; font-size: 42px; letter-spacing: 5px; }
     .single-action small { margin-top: 18px; color: #a9b7c9; font-size: 24px; }
-    .rhythm { display: flex; align-items: center; gap: 18px; height: 300px; margin-top: auto; }
-    .rhythm i { width: 14px; height: 70px; border-radius: 999px; background: #35d4eb; }
-    .rhythm i:nth-child(2), .rhythm i:nth-child(4) { height: 140px; background: #ff5964; }
-    .rhythm i:nth-child(3) { height: 210px; background: #c9ff41; }
+    .accent-bars { display: flex; align-items: center; gap: 18px; height: 300px; margin-top: auto; }
+    .accent-bars i { width: 14px; height: 70px; border-radius: 999px; background: #35d4eb; }
+    .accent-bars i:nth-child(2), .accent-bars i:nth-child(4) { height: 140px; background: #ff5964; }
+    .accent-bars i:nth-child(3) { height: 210px; background: #c9ff41; }
   </style>
 </head>
 <body>${content}</body>
@@ -1472,6 +1605,7 @@ async function createSamsungAssets(client) {
 
   const config = JSON.parse(fs.readFileSync(capacitorConfigPath, 'utf8'));
   const appName = config.appName || 'App';
+  const storeCopy = getStoreAssetCopy(config);
   const iconBuffer = fs.readFileSync(amazonIconPath);
   const assets = [
     { fileName: 'edge-screen-160x2560.png', type: 'edge-screen', width: 160, height: 2560 },
@@ -1495,7 +1629,7 @@ async function createSamsungAssets(client) {
     const frameTree = await client.send('Page.getFrameTree');
     await client.send('Page.setDocumentContent', {
       frameId: frameTree.frameTree.frame.id,
-      html: createSamsungAssetHtml(asset, appName, iconBuffer),
+      html: createSamsungAssetHtml(asset, appName, iconBuffer, storeCopy),
     });
     await client.send('Runtime.evaluate', {
       expression: `Promise.all([...document.images].map((image) => image.complete

package/files/take-screen-video.js

@@ -4,7 +4,7 @@
 //--duration 0 //30,120 (0 is used "Enter" key to stop)
 //--countdown 0//0,5,10
 //--name test-name
-//--profiles youtube,non-spatial-xr,samsung,amazon
+//--profiles youtube,non-spatial-xr,amazon
 
 
 
@@ -40,15 +40,6 @@ const videoProfiles = {
     videoBitrate: '12M',
     h264Level: '5.1',
   },
-  samsung: {
-    label: 'Samsung Galaxy Store YouTube preview',
-    directory: 'Samsung',
-    fileSuffix: 'samsung',
-    width: 1920,
-    height: 1080,
-    videoBitrate: '8M',
-    h264Level: '4.2',
-  },
   amazon: {
     label: 'Amazon Appstore',
     directory: 'Amazon',
@@ -170,7 +161,7 @@ function parseArguments() {
     input: '',
     list: false,
     name: '',
-    profiles: 'youtube,non-spatial-xr,samsung,amazon',
+    profiles: 'youtube,non-spatial-xr,amazon',
     spatialInput: '',
   };
 

package/package.json

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