npm - shipscreens - Versions diffs - 0.1.0 - Mend

shipscreens 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (605) hide show

package/dist/tools/fastlane-screenshots/index.html ADDED Viewed

@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/app/assets/icons/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/app/assets/icons/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/app/assets/icons/favicon-16x16.png" />
+    <link rel="icon" type="image/svg+xml" href="/app/assets/icons/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/app/assets/icons/apple-touch-icon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Copy/paste the Fastlane screenshot paths (deliver + supply), and generate reproducible exports with ShipScreens." />
+    <link rel="canonical" href="https://shipscreens.com/tools/fastlane-screenshots/" />
+    <!-- OGP / Twitter -->
+    <meta property="og:site_name" content="ShipScreens" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Fastlane Screenshot Folder Structure - ShipScreens" />
+    <meta property="og:description" content="Copy/paste the Fastlane screenshot paths (deliver + supply), and generate reproducible exports with ShipScreens." />
+    <meta property="og:image" content="https://shipscreens.com/og-image.png" />
+    <meta property="og:url" content="https://shipscreens.com/tools/fastlane-screenshots/" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@shipscreenscom" />
+    <meta name="twitter:title" content="Fastlane Screenshot Folder Structure - ShipScreens" />
+    <meta name="twitter:description" content="Copy/paste the Fastlane screenshot paths (deliver + supply), and generate reproducible exports with ShipScreens." />
+    <meta name="twitter:image" content="https://shipscreens.com/og-image.png" />
+    <meta name="twitter:url" content="https://shipscreens.com/tools/fastlane-screenshots/" />
+    <title>Fastlane Screenshot Folder Structure - ShipScreens</title>
+    <script type="module" crossorigin src="/app/assets/index-B8Y8Y-Mi.js"></script>
+    <link rel="stylesheet" crossorigin href="/app/assets/index-hyiQFYGv.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/dist/tools/first-export/index.html ADDED Viewed

@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/app/assets/icons/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/app/assets/icons/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/app/assets/icons/favicon-16x16.png" />
+    <link rel="icon" type="image/svg+xml" href="/app/assets/icons/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/app/assets/icons/apple-touch-icon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Get a Fastlane-ready export in 5 minutes: open the sample, swap screenshots + copy, and export a reproducible bundle." />
+    <link rel="canonical" href="https://shipscreens.com/tools/first-export/" />
+    <!-- OGP / Twitter -->
+    <meta property="og:site_name" content="ShipScreens" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="5-minute First Export - ShipScreens" />
+    <meta property="og:description" content="Get a Fastlane-ready export in 5 minutes: open the sample, swap screenshots + copy, and export a reproducible bundle." />
+    <meta property="og:image" content="https://shipscreens.com/og-image.png" />
+    <meta property="og:url" content="https://shipscreens.com/tools/first-export/" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@shipscreenscom" />
+    <meta name="twitter:title" content="5-minute First Export - ShipScreens" />
+    <meta name="twitter:description" content="Get a Fastlane-ready export in 5 minutes: open the sample, swap screenshots + copy, and export a reproducible bundle." />
+    <meta name="twitter:image" content="https://shipscreens.com/og-image.png" />
+    <meta name="twitter:url" content="https://shipscreens.com/tools/first-export/" />
+    <title>5-minute First Export - ShipScreens</title>
+    <script type="module" crossorigin src="/app/assets/index-B8Y8Y-Mi.js"></script>
+    <link rel="stylesheet" crossorigin href="/app/assets/index-hyiQFYGv.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/dist/tools/index.html ADDED Viewed

@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/app/assets/icons/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/app/assets/icons/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/app/assets/icons/favicon-16x16.png" />
+    <link rel="icon" type="image/svg+xml" href="/app/assets/icons/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/app/assets/icons/apple-touch-icon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Free cheat sheets and tools for App Store / Google Play screenshots: workload math, size buckets, safe areas, and pipeline checklists." />
+    <link rel="canonical" href="https://shipscreens.com/tools/" />
+    <!-- OGP / Twitter -->
+    <meta property="og:site_name" content="ShipScreens" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Screenshot Cheat Sheets &amp; Tools - ShipScreens" />
+    <meta property="og:description" content="Free cheat sheets and tools for App Store / Google Play screenshots: workload math, size buckets, safe areas, and pipeline checklists." />
+    <meta property="og:image" content="https://shipscreens.com/og-image.png" />
+    <meta property="og:url" content="https://shipscreens.com/tools/" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@shipscreenscom" />
+    <meta name="twitter:title" content="Screenshot Cheat Sheets &amp; Tools - ShipScreens" />
+    <meta name="twitter:description" content="Free cheat sheets and tools for App Store / Google Play screenshots: workload math, size buckets, safe areas, and pipeline checklists." />
+    <meta name="twitter:image" content="https://shipscreens.com/og-image.png" />
+    <meta name="twitter:url" content="https://shipscreens.com/tools/" />
+    <title>Screenshot Cheat Sheets &amp; Tools - ShipScreens</title>
+    <script type="module" crossorigin src="/app/assets/index-B8Y8Y-Mi.js"></script>
+    <link rel="stylesheet" crossorigin href="/app/assets/index-hyiQFYGv.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/dist/tools/screenshot-workload-calculator/index.html ADDED Viewed

@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/app/assets/icons/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/app/assets/icons/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/app/assets/icons/favicon-16x16.png" />
+    <link rel="icon" type="image/svg+xml" href="/app/assets/icons/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/app/assets/icons/apple-touch-icon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Estimate how many App Store / Google Play screenshots you'll need across devices and locales - and download a CSV copy template." />
+    <link rel="canonical" href="https://shipscreens.com/tools/screenshot-workload-calculator/" />
+    <!-- OGP / Twitter -->
+    <meta property="og:site_name" content="ShipScreens" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Screenshot Workload Calculator - ShipScreens" />
+    <meta property="og:description" content="Estimate how many App Store / Google Play screenshots you'll need across devices and locales - and download a CSV copy template." />
+    <meta property="og:image" content="https://shipscreens.com/og-image.png" />
+    <meta property="og:url" content="https://shipscreens.com/tools/screenshot-workload-calculator/" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@shipscreenscom" />
+    <meta name="twitter:title" content="Screenshot Workload Calculator - ShipScreens" />
+    <meta name="twitter:description" content="Estimate how many App Store / Google Play screenshots you'll need across devices and locales - and download a CSV copy template." />
+    <meta name="twitter:image" content="https://shipscreens.com/og-image.png" />
+    <meta name="twitter:url" content="https://shipscreens.com/tools/screenshot-workload-calculator/" />
+    <title>Screenshot Workload Calculator - ShipScreens</title>
+    <script type="module" crossorigin src="/app/assets/index-B8Y8Y-Mi.js"></script>
+    <link rel="stylesheet" crossorigin href="/app/assets/index-hyiQFYGv.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/dist/tools/store-assets-pipeline/index.html ADDED Viewed

@@ -0,0 +1,33 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/x-icon" href="/app/assets/icons/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/app/assets/icons/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/app/assets/icons/favicon-16x16.png" />
+    <link rel="icon" type="image/svg+xml" href="/app/assets/icons/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/app/assets/icons/apple-touch-icon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="Checklists for App Store / Google Play assets: capture -&gt; copy -&gt; layout -&gt; export (iPad 13-inch, size buckets, and Google Play safe areas)." />
+    <link rel="canonical" href="https://shipscreens.com/tools/store-assets-pipeline/" />
+    <!-- OGP / Twitter -->
+    <meta property="og:site_name" content="ShipScreens" />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content="Store Assets Pipeline Kit - ShipScreens" />
+    <meta property="og:description" content="Checklists for App Store / Google Play assets: capture -&gt; copy -&gt; layout -&gt; export (iPad 13-inch, size buckets, and Google Play safe areas)." />
+    <meta property="og:image" content="https://shipscreens.com/og-image.png" />
+    <meta property="og:url" content="https://shipscreens.com/tools/store-assets-pipeline/" />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:site" content="@shipscreenscom" />
+    <meta name="twitter:title" content="Store Assets Pipeline Kit - ShipScreens" />
+    <meta name="twitter:description" content="Checklists for App Store / Google Play assets: capture -&gt; copy -&gt; layout -&gt; export (iPad 13-inch, size buckets, and Google Play safe areas)." />
+    <meta name="twitter:image" content="https://shipscreens.com/og-image.png" />
+    <meta name="twitter:url" content="https://shipscreens.com/tools/store-assets-pipeline/" />
+    <title>Store Assets Pipeline Kit - ShipScreens</title>
+    <script type="module" crossorigin src="/app/assets/index-B8Y8Y-Mi.js"></script>
+    <link rel="stylesheet" crossorigin href="/app/assets/index-hyiQFYGv.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>

package/package.json ADDED Viewed

@@ -0,0 +1,36 @@
+{
+  "name": "shipscreens",
+  "version": "0.1.0",
+  "description": "Store screenshots as code. Build App Store + Google Play outputs in CI (Fastlane-ready).",
+  "license": "MIT",
+  "type": "module",
+  "bin": {
+    "shipscreens": "./bin/shipscreens.js"
+  },
+  "engines": {
+    "node": ">=22.22.0"
+  },
+  "homepage": "https://shipscreens.com/tools/agent-cli/",
+  "bugs": {
+    "email": "support@shimaumaservices.co.jp"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "bin/**",
+    "cli/**",
+    "templates/**",
+    "dist/**",
+    "src/constants/devices.js",
+    "README.md",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "adm-zip": "^0.5.12",
+    "papaparse": "^5.5.3",
+    "yaml": "^2.8.1",
+    "zod": "^4.3.6",
+    "playwright-core": "^1.58.0"
+  }
+}

package/src/constants/devices.js ADDED Viewed

@@ -0,0 +1,122 @@
+export const DEVICE_LIBRARY = {
+  iphone69: { name: 'iPhone 6.9" (16 Pro Max)', storeLabel: '6.9-inch Display', modelLabel: 'iPhone 16 Pro Max', width: 1290, height: 2796, type: 'iphone-island', radius: 55, bezel: 8, group: 'iPhone' },
+  iphone65: { name: 'iPhone 6.5" (XS Max)', storeLabel: '6.5-inch Display', modelLabel: 'iPhone XS Max', width: 1284, height: 2778, type: 'iphone-notch', radius: 50, bezel: 10, group: 'iPhone' },
+  iphone63: { name: 'iPhone 6.3" (16 Pro)', storeLabel: '6.3-inch Display', modelLabel: 'iPhone 16 Pro', width: 1179, height: 2556, type: 'iphone-island', radius: 55, bezel: 8, group: 'iPhone' },
+  iphone61: { name: 'iPhone 13 Pro', storeLabel: '6.1-inch Display', modelLabel: 'iPhone 13 Pro', width: 1170, height: 2532, type: 'iphone-notch', radius: 48, bezel: 10, group: 'iPhone' },
+  iphone55: { name: 'iPhone 5.5" (8 Plus)', storeLabel: '5.5-inch Display', modelLabel: 'iPhone 8 Plus', width: 1242, height: 2208, type: 'iphone-classic-round', radius: 36, bezel: 4, group: 'iPhone Classic' },
+  iphone47: { name: 'iPhone 4.7" (SE)', storeLabel: '4.7-inch Display', modelLabel: 'iPhone SE', width: 750, height: 1334, type: 'iphone-classic-round', radius: 30, bezel: 4, group: 'iPhone Classic' },
+  ipad13: { name: 'iPad Pro 13" (M4)', storeLabel: '13-inch Display', modelLabel: 'iPad Pro (M4)', width: 2064, height: 2752, type: 'ipad-modern', radius: 24, bezel: 12, group: 'iPad' },
+  ipad129old: { name: 'iPad Pro 12.9" (2nd)', storeLabel: '12.9-inch Display', modelLabel: 'iPad Pro (2nd gen)', width: 2048, height: 2732, type: 'ipad-classic', radius: 18, bezel: 5, group: 'iPad' },
+  ipad11: { name: 'iPad 11" (Pro/Air)', storeLabel: '11-inch Display', modelLabel: 'iPad Pro/Air', width: 1488, height: 2266, type: 'ipad-modern', radius: 20, bezel: 12, group: 'iPad' },
+  watch: { name: 'Apple Watch', storeLabel: 'Apple Watch', modelLabel: '', width: 422, height: 514, type: 'watch', radius: 40, bezel: 6, group: 'Watch' },
+  pixel8pro: { name: 'Pixel 8 Pro', storeLabel: 'Android Phone', modelLabel: 'Pixel 8 Pro', width: 1344, height: 2992, type: 'android-punchhole', radius: 42, bezel: 8, group: 'Android' },
+  pixel8: { name: 'Pixel 8', storeLabel: 'Android Phone', modelLabel: 'Pixel 8', width: 1080, height: 2400, type: 'android-punchhole', radius: 48, bezel: 9, group: 'Android' },
+  galaxy24ultra: { name: 'Galaxy S24 Ultra', storeLabel: 'Android Phone', modelLabel: 'Galaxy S24 Ultra', width: 1440, height: 3120, type: 'android-punchhole', radius: 12, bezel: 6, group: 'Android' },
+  pixeltablet: { name: 'Pixel Tablet', storeLabel: 'Android Tablet', modelLabel: 'Pixel Tablet', width: 2560, height: 1600, type: 'android-tablet', radius: 28, bezel: 16, group: 'Android Tablet' },
+};
+export const DEVICE_GROUPS = {
+  iPhone: ['iphone69', 'iphone65', 'iphone63', 'iphone61'],
+  'iPhone Classic': ['iphone55', 'iphone47'],
+  iPad: ['ipad13', 'ipad129old', 'ipad11'],
+  Android: ['pixel8pro', 'pixel8', 'galaxy24ultra'],
+  'Android Tablet': ['pixeltablet'],
+  Watch: ['watch'],
+};
+export const FRAME_COLORS = {
+  black: '#1a1a1a',
+  silver: '#e3e3e3',
+  titanium: '#8a8a8a',
+  blue: '#2f3c4e',
+  gold: '#f9e5c9',
+};
+export const SOLID_PRESETS = [
+  '#ef4444',
+  '#f97316',
+  '#f59e0b',
+  '#84cc16',
+  '#10b981',
+  '#06b6d4',
+  '#3b82f6',
+  '#6366f1',
+  '#8b5cf6',
+  '#d946ef',
+  '#f43f5e',
+  '#0f172a',
+  '#ffffff',
+];
+export const OFFICIAL_TEMPLATES = [
+  {
+    id: 'minimal_dark',
+    name: 'Minimal Dark',
+    thumbnail: '/templates/minimal_dark.png',
+    tags: { layout: 'Top', font: 'Inter', bg: 'Dark' },
+    settings: {
+      bgType: 'solid',
+      bgColor: '#0f172a',
+      textColor: '#f8fafc',
+      layoutMode: 'top',
+      topSpacing: 15,
+      deviceScale: 0.9,
+      frameColor: 'titanium',
+      selectedFont: 'Inter',
+      badgeType: 'download',
+    },
+  },
+  {
+    id: 'clean_blue',
+    name: 'Clean Blue',
+    thumbnail: '/templates/clean_blue.png',
+    tags: { layout: 'Top', font: 'Inter', bg: 'Blue' },
+    settings: {
+      bgType: 'solid',
+      bgColor: '#eff6ff',
+      textColor: '#1e3a8a',
+      layoutMode: 'top',
+      topSpacing: 10,
+      deviceScale: 1.0,
+      frameColor: 'blue',
+      selectedFont: 'Inter',
+      badgeType: 'stars',
+    },
+  },
+  {
+    id: 'vibrant_gradient',
+    name: 'Vibrant Pop',
+    thumbnail: '/templates/vibrant_gradient.png',
+    tags: { layout: 'Bottom', font: 'Montserrat', bg: 'Gradient' },
+    settings: {
+      bgType: 'gradient',
+      gradientStart: '#f472b6',
+      gradientEnd: '#fdba74',
+      gradientAngle: 135,
+      textColor: '#ffffff',
+      layoutMode: 'bottom',
+      topSpacing: 8,
+      deviceScale: 1.1,
+      frameColor: 'silver',
+      selectedFont: 'Montserrat',
+      badgeType: 'award',
+    },
+  },
+  {
+    id: 'split_modern',
+    name: 'Split Modern',
+    thumbnail: '/templates/split_modern.png',
+    tags: { layout: 'Split', font: 'Roboto', bg: 'Light' },
+    settings: {
+      bgType: 'solid',
+      bgColor: '#f1f5f9',
+      textColor: '#334155',
+      layoutMode: 'split',
+      topSpacing: 0,
+      deviceScale: 1.0,
+      frameColor: 'black',
+      selectedFont: 'Roboto',
+      badgeType: 'googleplay',
+    },
+  },
+];

package/templates/agent/agent-prompt.txt ADDED Viewed

@@ -0,0 +1,21 @@
+You are preparing ShipScreens inputs for a local/CI CLI pipeline.
+Output exactly two files in plain text with clear file markers:
+FILE: shipscreens.config.yml
+<YAML>
+FILE: copy.csv
+<CSV>
+Constraints:
+- Use ASCII only.
+- Do not generate images. Only reference PNG file paths that will exist locally.
+- Use device ids from src/constants/devices.js (example: iphone69, iphone65, iphone61, ipad13, pixel8, pixel8pro, galaxy24ultra).
+- Keep slide count <= 10 unless explicitly asked.
+- Use 1-based slide numbering (Header_1, Subtitle_1, ...).
+- Fill slide text per locale directly in shipscreens.config.yml (CLI reads config only).
+- copy.csv is optional; keep it in sync with the config when provided.
+- Optional: include a style section (selectedFont/layoutMode/badgeType/textColor) if you want UI-grade styling in CLI exports.
+- Optional: include assets.background / assets.logo to match GUI styling (solid/gradient/image/transparent).
+- Optional: use slides[].layoutOverride to tweak layoutMode/topSpacing/deviceScale per slide.
+- If the device list is unclear, ask a single clarification question; otherwise default to iphone69 + pixel8.

package/templates/agent/copy.csv ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ Locale,Header_1,Subtitle_1,Header_2,Subtitle_2,Header_3,Subtitle_3,Header_4,Subtitle_4,Header_5,Subtitle_5
2	+ en-US,Replace headline 1,Replace subtitle 1,Replace headline 2,Replace subtitle 2,Replace headline 3,Replace subtitle 3,Replace headline 4,Replace subtitle 4,Replace headline 5,Replace subtitle 5

package/templates/agent/shipscreens.config.yml ADDED Viewed

@@ -0,0 +1,48 @@
+schemaVersion: 1
+locales:
+  - id: en-US
+devices:
+  - id: iphone69
+    platform: ios
+  - id: pixel8
+    platform: android
+    androidBucket: phoneScreenshots
+slides:
+  - id: 1
+    screenshot:
+      path: assets/en-US/01.png
+    text:
+      en-US:
+        header: Replace headline 1
+        sub: Replace subtitle 1
+  - id: 2
+    screenshot:
+      path: assets/en-US/02.png
+    text:
+      en-US:
+        header: Replace headline 2
+        sub: Replace subtitle 2
+  - id: 3
+    screenshot:
+      path: assets/en-US/03.png
+    text:
+      en-US:
+        header: Replace headline 3
+        sub: Replace subtitle 3
+  - id: 4
+    screenshot:
+      path: assets/en-US/04.png
+    text:
+      en-US:
+        header: Replace headline 4
+        sub: Replace subtitle 4
+  - id: 5
+    screenshot:
+      path: assets/en-US/05.png
+    text:
+      en-US:
+        header: Replace headline 5
+        sub: Replace subtitle 5