peachsim 0.1.1644 → 0.1.1653

package/src/screenshots/frame-compose.ts

@@ -1,26 +1,7 @@
-import {
-  LEGACY_BOTTOM_BEZEL,
-  LEGACY_FRAME_RADIUS,
-  LEGACY_HOME_BUTTON_RING,
-  LEGACY_HOME_BUTTON_SIZE,
-  LEGACY_SIDE_BEZEL,
-  LEGACY_TOP_BEZEL,
-  SIDE_BUTTON_RESERVE,
-} from 'peach-engine/ios/chrome-metrics'
-import {
-  housingLayerHtml,
-  resolveHousingArt,
-  type HousingLayer,
-} from 'peach-engine/ios/duo-housing'
-import {
-  cornerRadii,
-  formatCornerRadii,
-  getDevice,
-  resolveDeviceFrameGeometry,
-  type CornerRadii,
-  type DeviceModel,
-} from 'peach-engine/settings/devices'
 import { launchProvisionedPlaywright } from '../../cli/drivers/playwright-provisioning'
+import { getCliRuntime } from '../cli-runtime.ts'
+import { cornerRadii, type CornerRadii, type DeviceModel } from '../device-catalog.ts'
+import type { HousingLayer } from '#peach-cli-contract/ios/duo-housing'
 
 const METALLIC_RING_SHADOW =
   'inset 0 0 0 0.5px #000, inset 0 0 0 2px #757575, inset 0 0 0 5px #212121'
@@ -74,7 +55,7 @@ export interface FramedScreenshotLayout {
 // - the browser rail / gutter
 // The screen bitmap itself still comes from the raw bridge screenshot.
 export function getFramedScreenshotLayout(model: DeviceModel): FramedScreenshotLayout {
-  const spec = getDevice(model)
+  const spec = getCliRuntime().settings_devices.getDevice(model)
   const renderScale = spec.scale
   // legacy = home-button iPhone (SE). the canvas workspace also has no island /
   // home indicator / corner radius, but no status bar, so gate on statusBar > 0
@@ -87,28 +68,39 @@ export function getFramedScreenshotLayout(model: DeviceModel): FramedScreenshotL
     spec.cornerRadius.topLeft === 0
   const logicalScreenWidth = spec.width
   const logicalScreenHeight = spec.height
-  const modernGeometry = resolveDeviceFrameGeometry(spec)
+  const modernGeometry = getCliRuntime().settings_devices.resolveDeviceFrameGeometry(spec)
   const housingLayers = isLegacyHardware
     ? null
-    : resolveHousingArt(spec.posture ?? 'closed', modernGeometry, {
-        orientation: spec.orientation,
-        landscapeSide: spec.landscapeSide,
-      })
+    : getCliRuntime().ios_duo_housing.resolveHousingArt(
+        spec.posture ?? 'closed',
+        modernGeometry,
+        {
+          orientation: spec.orientation,
+          landscapeSide: spec.landscapeSide,
+        },
+      )
   const logicalFrameWidth = isLegacyHardware
-    ? spec.width + LEGACY_SIDE_BEZEL * 2
+    ? spec.width + getCliRuntime().ios_chrome_metrics.LEGACY_SIDE_BEZEL * 2
     : modernGeometry.frameWidth
   const logicalFrameHeight = isLegacyHardware
-    ? spec.height + LEGACY_TOP_BEZEL + LEGACY_BOTTOM_BEZEL
+    ? spec.height +
+      getCliRuntime().ios_chrome_metrics.LEGACY_TOP_BEZEL +
+      getCliRuntime().ios_chrome_metrics.LEGACY_BOTTOM_BEZEL
     : modernGeometry.frameHeight
-  const logicalFrameLeft = SIDE_BUTTON_RESERVE
+  const logicalFrameLeft = getCliRuntime().ios_chrome_metrics.SIDE_BUTTON_RESERVE
   const logicalFrameTop = FRAME_OUTLINE_BLEED
   const logicalOuterWidth = logicalFrameWidth + logicalFrameLeft * 2
   const logicalOuterHeight = logicalFrameHeight + FRAME_OUTLINE_BLEED * 2
   const logicalScreenLeft =
-    logicalFrameLeft + (isLegacyHardware ? LEGACY_SIDE_BEZEL : modernGeometry.screenLeft)
-  const logicalScreenTop = isLegacyHardware ? LEGACY_TOP_BEZEL : modernGeometry.screenTop
+    logicalFrameLeft +
+    (isLegacyHardware
+      ? getCliRuntime().ios_chrome_metrics.LEGACY_SIDE_BEZEL
+      : modernGeometry.screenLeft)
+  const logicalScreenTop = isLegacyHardware
+    ? getCliRuntime().ios_chrome_metrics.LEGACY_TOP_BEZEL
+    : modernGeometry.screenTop
   const logicalFrameRadius = isLegacyHardware
-    ? cornerRadii(LEGACY_FRAME_RADIUS)
+    ? cornerRadii(getCliRuntime().ios_chrome_metrics.LEGACY_FRAME_RADIUS)
     : modernGeometry.frameRadius
   const buttons: FrameButtonLayout[] = [
     {
@@ -172,12 +164,17 @@ export function getFramedScreenshotLayout(model: DeviceModel): FramedScreenshotL
     legacyHomeButton: isLegacyHardware
       ? {
           top:
-            LEGACY_TOP_BEZEL +
+            getCliRuntime().ios_chrome_metrics.LEGACY_TOP_BEZEL +
             spec.height +
-            (LEGACY_BOTTOM_BEZEL - LEGACY_HOME_BUTTON_SIZE) / 2,
-          left: spec.width / 2 - LEGACY_HOME_BUTTON_SIZE / 2 + LEGACY_SIDE_BEZEL,
-          size: LEGACY_HOME_BUTTON_SIZE,
-          ring: LEGACY_HOME_BUTTON_RING,
+            (getCliRuntime().ios_chrome_metrics.LEGACY_BOTTOM_BEZEL -
+              getCliRuntime().ios_chrome_metrics.LEGACY_HOME_BUTTON_SIZE) /
+              2,
+          left:
+            spec.width / 2 -
+            getCliRuntime().ios_chrome_metrics.LEGACY_HOME_BUTTON_SIZE / 2 +
+            getCliRuntime().ios_chrome_metrics.LEGACY_SIDE_BEZEL,
+          size: getCliRuntime().ios_chrome_metrics.LEGACY_HOME_BUTTON_SIZE,
+          ring: getCliRuntime().ios_chrome_metrics.LEGACY_HOME_BUTTON_RING,
         }
       : null,
     showHomeIndicator: spec.homeIndicatorHeight > 0,
@@ -240,7 +237,7 @@ function renderFrameHtml(
         style="
           position:absolute;
           inset:0;
-          border-radius:${formatCornerRadii(layout.logicalFrameRadius)};
+          border-radius:${getCliRuntime().settings_devices.formatCornerRadii(layout.logicalFrameRadius)};
           box-shadow:${layout.metallicRingShadow};
           pointer-events:none;
           z-index:10;
@@ -251,7 +248,9 @@ function renderFrameHtml(
 
   // the folding body's rail, glass ring, corner art, and hinge barrel. no
   // z-index, so the screen div after it paints on top.
-  const housingHtml = (layout.housingLayers ?? []).map(housingLayerHtml).join('')
+  const housingHtml = (layout.housingLayers ?? [])
+    .map(getCliRuntime().ios_duo_housing.housingLayerHtml)
+    .join('')
 
   const legacyHomeButtonHtml = layout.legacyHomeButton
     ? `
@@ -372,7 +371,7 @@ function renderFrameHtml(
           left:${layout.logicalFrameLeft}px;
           width:${layout.logicalFrameWidth}px;
           height:${layout.logicalFrameHeight}px;
-            border-radius:${layout.housingLayers ? '0' : formatCornerRadii(layout.logicalFrameRadius)};
+            border-radius:${layout.housingLayers ? '0' : getCliRuntime().settings_devices.formatCornerRadii(layout.logicalFrameRadius)};
             box-sizing:border-box;
             overflow:visible;
             background:${layout.frameBackground};
@@ -391,7 +390,7 @@ function renderFrameHtml(
               left:${layout.logicalScreenLeft - layout.logicalFrameLeft}px;
               width:${layout.logicalScreenWidth}px;
               height:${layout.logicalScreenHeight}px;
-              border-radius:${formatCornerRadii(layout.logicalScreenRadius)};
+              border-radius:${getCliRuntime().settings_devices.formatCornerRadii(layout.logicalScreenRadius)};
               overflow:hidden;
               background:#000;
             "

package/src/screenshots/org-deck.ts

@@ -1,3 +1,4 @@
+import { resolveBgColorValue } from './screenshotContract.ts'
 // fetch the team's screenshot deck (the copy / colors founders set up in the
 // org dashboard) and overlay it onto a screenshots plan, so the programmatic
 // `peach screenshot appstore --plan … --org … --repo …` flow renders the org's
@@ -5,8 +6,6 @@
 // which screen each slide captures and the device frame; the deck owns copy +
 // colors. 3d scenes don't translate to the cli's 2d composer, so only copy and
 // colors carry over (the 3d hero look stays the in-browser screenshot mode).
-
-import { resolveBgColorValue } from 'peach-engine/screenshots/tokens'
 import type { BackgroundSpec } from './registry'
 import type { NormalizedScreenshotsPlan } from './schema'
 
@@ -81,8 +80,14 @@ export function applyOrgDeckToPlan(
         type: 'gradient',
         direction: 180,
         stops: [
-          { offset: 0, color: resolveBgColorValue(frame.bgTop) },
-          { offset: 1, color: resolveBgColorValue(frame.bgBottom) },
+          {
+            offset: 0,
+            color: resolveBgColorValue(frame.bgTop),
+          },
+          {
+            offset: 1,
+            color: resolveBgColorValue(frame.bgBottom),
+          },
         ],
       }
       slide.background = background

package/src/screenshots/preset-names.ts

@@ -0,0 +1,29 @@
+export const SCREENSHOT_CANVAS_NAMES = [
+  'iphone-6-9',
+  'iphone-6-1',
+  'ipad-pro-13',
+  'android-phone',
+  'android-tablet-7',
+  'android-tablet-10',
+] as const
+export type ScreenshotCanvasName = (typeof SCREENSHOT_CANVAS_NAMES)[number]
+
+export const BACKGROUND_PRESET_NAMES = ['dark', 'cyan', 'gold', 'red'] as const
+export type BackgroundPresetName = (typeof BACKGROUND_PRESET_NAMES)[number]
+
+export const TEXT_PRESET_NAMES = [
+  'bold-top',
+  'editorial-left',
+  'minimal-bottom',
+  'none',
+] as const
+export type TextPresetName = (typeof TEXT_PRESET_NAMES)[number]
+
+export const POSE_PRESET_NAMES = [
+  'straight',
+  'tilted-left',
+  'tilted-right',
+  'cut-bottom',
+  'cut-top',
+] as const
+export type PosePresetName = (typeof POSE_PRESET_NAMES)[number]

package/src/screenshots/registry.ts

@@ -1,12 +1,12 @@
 // composer-facing registry. shared tokens live in
-// `sootsim-engine/src/screenshots/tokens.ts` so the live browser
+// `screenshotContract.ts` so the live browser
 // screenshot mode and the post-process composer render from the same
 // canvas / background / text / pose / animation / clamp vocabulary.
 //
 // this module re-exports those tokens plus the composer-specific
 // `FrameComposeSpec` shape.
 
-import type { DeviceModel } from 'peach-engine/settings/devices'
+import type { DeviceModel } from '../device-catalog.ts'
 
 export {
   BACKGROUND_PRESETS,
@@ -19,7 +19,7 @@ export {
   cloneBackgroundSpec,
   resolveBackgroundPreset,
   resolveCanvasPreset,
-} from 'peach-engine/screenshots/tokens'
+} from './screenshotContract.ts'
 
 export type {
   BackgroundPresetName,
@@ -30,9 +30,9 @@ export type {
   PosePresetName,
   ScreenshotCanvasName,
   TextPresetName,
-} from 'peach-engine/screenshots/tokens'
+} from './screenshotContract.ts'
 
-import type { FrameShadowSpec, PosePresetName } from 'peach-engine/screenshots/tokens'
+import type { FrameShadowSpec, PosePresetName } from './screenshotContract.ts'
 
 export interface FrameComposeSpec {
   show: boolean

package/src/screenshots/schema.ts

@@ -1,7 +1,7 @@
 import { readFileSync } from 'fs'
 import path from 'path'
-import { devices, type DeviceModel } from 'peach-engine/settings/devices'
 import yaml from 'yaml'
+import { devices, type DeviceModel } from '../device-catalog.ts'
 import { isRecord } from '../is-record'
 import {
   cloneBackgroundSpec,