peachsim 0.1.578 → 0.1.579

package/src/host/fetch-proxy-handler.ts

@@ -86,31 +86,6 @@ function applyFetchProxyCors(res: ServerResponse) {
   }
 }
 
-function formatFetchProxyError(targetUrl: string, err: unknown): string {
-  const details: string[] = []
-  const error = err as
-    | {
-        message?: string
-        code?: string
-        cause?: { message?: string; code?: string }
-      }
-    | undefined
-
-  if (error?.code) details.push(error.code)
-  if (error?.message) details.push(error.message)
-  if (error?.cause?.code) details.push(error.cause.code)
-  if (error?.cause?.message) details.push(error.cause.message)
-
-  const uniqueDetails = [...new Set(details.filter(Boolean))]
-  const message = uniqueDetails.join(' | ') || String(err)
-
-  if (targetUrl.includes('stored-in-.env.local')) {
-    return `${message} | upstream url still contains placeholder env values`
-  }
-
-  return message
-}
-
 export function buildFetchProxyHeaders(
   reqHeaders: Record<string, string | string[] | undefined>,
   targetUrl?: URL,
@@ -141,7 +116,7 @@ export function buildAppApiProxyHeaders(
     headers[key] = value
   }
   headers.host = targetUrl.host
-  if (!Object.keys(headers).some((name) => name.toLowerCase() === 'expo-origin')) {
+  if (!Object.keys(headers).some((name) => name.toLowerCase() === 'mobile-origin')) {
     headers.origin = targetUrl.origin
     headers.referer = `${targetUrl.origin}/`
   }
@@ -307,12 +282,12 @@ export async function handleFetchProxyRequest(
   try {
     await proxy(upstreamUrl, originalMethod, body, 0)
   } catch (err) {
-    if (res.headersSent) {
-      res.destroy(err instanceof Error ? err : new Error(String(err)))
-      return
-    }
     const norm = normalizeHostname(upstreamUrl.hostname)
-    if (isLoopbackHost(norm) && (err as { code?: string })?.code === 'ECONNREFUSED') {
+    if (
+      !res.headersSent &&
+      isLoopbackHost(norm) &&
+      (err as { code?: string })?.code === 'ECONNREFUSED'
+    ) {
       const altHost =
         norm === '::1' ? '127.0.0.1' : norm === '127.0.0.1' ? '::1' : '127.0.0.1'
       if (altHost !== norm) {
@@ -324,9 +299,13 @@ export async function handleFetchProxyRequest(
         } catch {}
       }
     }
-    applyFetchProxyCors(res)
-    res.writeHead(502, { 'Content-Type': 'text/plain' })
-    res.end(`fetch proxy error: ${formatFetchProxyError(upstreamUrl.href, err)}`)
+    // an upstream that cannot be reached fails the page's request the way a
+    // direct fetch would: as a network error, never a response. a synthetic
+    // 5xx reads as a live server answering (the bundle loader then polls it as
+    // a cold build) and hands guest code a Response where React Native rejects.
+    // close the connection itself: bun's node:http answers a destroyed
+    // response that never sent headers with an empty 200.
+    req.socket.destroy()
   }
 }
 
@@ -364,11 +343,9 @@ export async function handleBundleProxyRequest(
 }
 
 export function handleAppApiRequest(req: IncomingMessage, res: ServerResponse): boolean {
-  // returns true if it handled the request, false if the caller should fall
-  // through. /__app-api requires `origin` query param for stateless mode;
-  // without it we return false so the caller decides what to do (the vite
-  // middleware uses its own out-of-band origin registry; the daemon has
-  // no such registry so it returns 400).
+  // returns true if it handled the request, false if it is not an /__app-api
+  // request. the proxy is stateless: a request without an `origin` query
+  // param gets a 400.
 
   const reqUrl = req.url || ''
 
@@ -441,10 +418,9 @@ export function handleAppApiRequest(req: IncomingMessage, res: ServerResponse):
       proxyRes.pipe(res)
     },
   )
-  proxyReq.on('error', (err) => {
-    res.statusCode = 502
-    res.end(`app proxy error: ${err.message}`)
-  })
+  // an unreachable app server is a network error, never a 502 (see
+  // handleFetchProxyRequest)
+  proxyReq.on('error', () => req.socket.destroy())
   req.pipe(proxyReq)
   return true
 }

package/src/is-record.ts

@@ -0,0 +1,4 @@
+// a plain object: not null and not an array
+export function isRecord(value: unknown): value is Record<string, unknown> {
+  return typeof value === 'object' && value !== null && !Array.isArray(value)
+}

package/src/menu.ts

@@ -29,26 +29,23 @@ export const SOOTSIM_AMBIENT_GLOW_LABELS: Record<SootSimAmbientGlowLevel, string
   full: 'Full',
 }
 
-// which ios home screen the simulator portrays. the home screen is authored
-// twice (the flat ios 26 home and the ios 27 home measured off apple's art),
-// so the era is one value every host carries: the menus, the persisted
-// setting, the ?homeScreen= boot seed, the live set-home-screen push and
-// electron's shared config.
-export type SootSimHomeScreenVersion = 'ios26' | 'ios27'
-export const SOOTSIM_HOME_SCREEN_VERSIONS = ['ios26', 'ios27'] as const
-
-export function isSootSimHomeScreenVersion(
+// render resolution: how many pixels peach renders per iphone point. one
+// setting with three states, carried by every host exactly like the ambient
+// glow level above: the menus, the persisted setting, the ?renderResolution=
+// boot seed, the live set-render-resolution push, electron's shared config.
+export type SootSimRenderResolution = 'high' | 'medium' | 'low'
+export const SOOTSIM_RENDER_RESOLUTION_LEVELS = ['high', 'medium', 'low'] as const
+
+export function isSootSimRenderResolution(
   value: unknown,
-): value is SootSimHomeScreenVersion {
-  return value === 'ios26' || value === 'ios27'
+): value is SootSimRenderResolution {
+  return value === 'high' || value === 'medium' || value === 'low'
 }
 
-export const SOOTSIM_HOME_SCREEN_VERSION_LABELS: Record<
-  SootSimHomeScreenVersion,
-  string
-> = {
-  ios26: 'iOS 26',
-  ios27: 'iOS 27',
+export const SOOTSIM_RENDER_RESOLUTION_LABELS: Record<SootSimRenderResolution, string> = {
+  high: 'High',
+  medium: 'Medium',
+  low: 'Low',
 }
 
 export type SootSimMenuItemDef =
@@ -78,16 +75,16 @@ export type SootSimMenuDef = {
 
 export interface SootSimMenuState {
   currentDevice: string
-  homeScreenVersion: SootSimHomeScreenVersion
   // whether this surface is a contributor development surface. unreleased
-  // simulator surfaces (the iPhone Duo and its home-screen era switch) are
-  // offered here and nowhere a user can reach.
+  // simulator surfaces (the iPhone Duo) are offered here and nowhere a user
+  // can reach.
   developmentMode: boolean
   showBezels: boolean
   showMenuBar: boolean
   showRail: boolean
   solidWindow: boolean
   ambientGlow: SootSimAmbientGlowLevel
+  renderResolution: SootSimRenderResolution
   // presentation: the real rendering, or the clean structural wireframe
   wireframe: boolean
   screenshotMode: boolean
@@ -99,6 +96,12 @@ export interface SootSimMenuState {
   sendToBoxCarryAuth: boolean
   stayOnTop: boolean
   scaleMode: SootSimScaleMode
+  // fold posture for devices with more than one physical state; null when
+  // the current device has none. drives the open/close menu item.
+  devicePosture: 'closed' | 'open' | null
+  // whether flipping orientation changes the current spec's geometry.
+  // computed engine-side; the menu never reads the device catalog.
+  canRotate: boolean
 }
 
 export interface SootSimMenuDeviceChoice {
@@ -129,6 +132,7 @@ export type MenuItemDef = SootSimMenuItemDef
 export type MenuDef = SootSimMenuDef
 export type MenuState = SootSimMenuState
 export type AmbientGlowLevel = SootSimAmbientGlowLevel
+export type RenderResolution = SootSimRenderResolution
 export type ShortcutPlatform = SootSimMenuPlatform
 export type MenuShortcutEntry = SootSimMenuShortcutEntry
 export type ShortcutDocEntry = SootSimShortcutDocEntry
@@ -321,6 +325,47 @@ function deviceMenu(
       },
       { type: 'separator' },
       { label: 'Trigger Screenshot', action: 'screenshot' },
+      // pose controls for the current device: open/close on foldables,
+      // rotate left/right wherever a turn changes geometry, the way ios
+      // simulator holds them (rotate left is cmd+left, rotate right
+      // cmd+right). truthiness, not !== null: a partial state must hide
+      // these, never show duo items for the wrong device.
+      ...(state.devicePosture || state.canRotate
+        ? [
+            { type: 'separator' } as const,
+            ...(state.devicePosture
+              ? [
+                  {
+                    label:
+                      state.devicePosture === 'open'
+                        ? 'Close iPhone Duo'
+                        : 'Open iPhone Duo',
+                    action: 'toggle-duo-posture',
+                  },
+                ]
+              : []),
+            ...(state.canRotate
+              ? [
+                  {
+                    label: 'Rotate Left',
+                    accelerator: 'CmdOrCtrl+Left',
+                    action: 'rotate-left',
+                    browserAccelerator: true,
+                    shortcutLabel: 'rotate left',
+                    showInShortcutDocs: true,
+                  },
+                  {
+                    label: 'Rotate Right',
+                    accelerator: 'CmdOrCtrl+Right',
+                    action: 'rotate-right',
+                    browserAccelerator: true,
+                    shortcutLabel: 'rotate right',
+                    showInShortcutDocs: true,
+                  },
+                ]
+              : []),
+          ]
+        : []),
       { type: 'separator' },
       ...buildSootSimDeviceChoiceDefs(state.currentDevice, deviceChoices, {
         action: 'switch-device',
@@ -386,6 +431,11 @@ function debugMenu(state: SootSimMenuState): SootSimMenuDef {
         checked: state.alwaysShowLiveWebViews,
         action: 'toggle-live-webviews',
       },
+      {
+        label: 'Share This Tab for WebViews',
+        action: 'capture-webviews',
+        hiddenIn: 'electron',
+      },
       {
         label: 'Send to Box Carries Sign-In',
         type: 'checkbox',
@@ -482,23 +532,18 @@ function windowMenu(state: SootSimMenuState): SootSimMenuDef {
           actionPayload: level,
         })),
       },
-      // both eras stay selectable while the ios 27 home surfaces land one at a
-      // time, and the device's own os picks the starting value. the switch is
-      // the iPhone Duo's, so it is offered exactly where the Duo is.
-      ...(state.developmentMode
-        ? [
-            {
-              label: 'Home Screen',
-              items: SOOTSIM_HOME_SCREEN_VERSIONS.map((version) => ({
-                label: SOOTSIM_HOME_SCREEN_VERSION_LABELS[version],
-                type: 'radio' as const,
-                checked: state.homeScreenVersion === version,
-                action: 'set-home-screen',
-                actionPayload: version,
-              })),
-            },
-          ]
-        : []),
+      {
+        // every host: the level only changes backing-store sizes, so the
+        // device-shaped electron window shows it the same as the browser.
+        label: 'Render Resolution',
+        items: SOOTSIM_RENDER_RESOLUTION_LEVELS.map((level) => ({
+          label: SOOTSIM_RENDER_RESOLUTION_LABELS[level],
+          type: 'radio' as const,
+          checked: state.renderResolution === level,
+          action: 'set-render-resolution',
+          actionPayload: level,
+        })),
+      },
       {
         label: 'Wireframe',
         type: 'checkbox',

package/src/metro-fingerprint-registry.ts

@@ -1,3 +1,4 @@
+import { isRecord } from './is-record'
 export const RNX_METRO_FINGERPRINT_SCHEMA_VERSION = 2
 export const RNX_METRO_FINGERPRINT_POINTER_PATH = '/compile/metro-fingerprints.json'
 export const RNX_METRO_FINGERPRINT_MAX_POINTER_BYTES = 16 * 1024
@@ -55,10 +56,6 @@ export interface RNXMetroFingerprintPointer {
   payloadUrl: string
 }
 
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return typeof value === 'object' && value !== null && !Array.isArray(value)
-}
-
 function isSha256(value: unknown): value is string {
   return typeof value === 'string' && /^[a-f0-9]{64}$/.test(value)
 }

package/src/metro-production-bundle.ts

@@ -72,7 +72,7 @@ export interface RNXMetroDetachedSourceMapUrl {
 export function detachRNXMetroSourceMapUrl(
   bundleText: string,
 ): RNXMetroDetachedSourceMapUrl {
-  const trimmedEnd = bundleText.replace(/\s+$/, '')
+  const trimmedEnd = bundleText.trimEnd()
   const commentStart = trimmedEnd.lastIndexOf(`\n${RNXSIM_METRO_SOURCE_MAP_COMMENT}`)
   if (commentStart < 0) return { source: bundleText, sourceMappingUrl: null }
   const url = trimmedEnd.slice(commentStart + 1 + RNXSIM_METRO_SOURCE_MAP_COMMENT.length)

package/src/plist.ts

@@ -1,8 +1,5 @@
 import plistModule from '@expo/plist'
-
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return typeof value === 'object' && value !== null && !Array.isArray(value)
-}
+import { isRecord } from './is-record'
 
 function resolvePlistParser(value: unknown): ((source: string) => unknown) | null {
   if (!isRecord(value)) return null

package/src/public-brand.ts

@@ -1,9 +1,11 @@
 const name = 'Peach'
 
-export const rnxPublicBrand = Object.freeze({
+export const peachPublicBrand = Object.freeze({
   name,
   packageName: 'peachsim',
   commandName: 'peach',
-  domain: 'rnxsim.com',
-  origin: 'https://rnxsim.com',
+  domain: 'peachsim.com',
+  origin: 'https://peachsim.com',
 })
+
+export const rnxPublicBrand = peachPublicBrand

package/src/render-mode.ts

@@ -1,10 +1,5 @@
 export type RenderMode = 'worker'
 
-// worker rendering is now the only supported mode.
-export function getRenderMode(_searchParams: URLSearchParams): RenderMode {
-  return 'worker'
-}
-
 export function isRenderWorkerMode(_searchParams: URLSearchParams): boolean {
   return true
 }
@@ -18,10 +13,3 @@ export function hasRenderWorkerBootstrap(
 ): boolean {
   return typeof workerModuleBaseUrl === 'string' && workerModuleBaseUrl.length > 0
 }
-
-export function shouldEnableRenderWorker(
-  _searchParams: URLSearchParams,
-  workerModuleBaseUrl: string | null | undefined,
-): boolean {
-  return hasRenderWorkerBootstrap(workerModuleBaseUrl)
-}

package/src/runtime-assets.ts

@@ -25,7 +25,7 @@ export const SOOTSIM_RUNTIME_MISSING_MESSAGE =
 // until a manual publish — the silent trap that cost a full night of
 // already-fixed bugs re-reproducing.
 //
-// the isolated CI headless path (scripts/local-publish-runtime.sh) sets
+// the isolated CI headless path (scripts/dev/local-publish-runtime.sh) sets
 // PEACH_HOME to a dedicated dir precisely to validate the published-runtime
 // code path; keying off that EXISTING isolation env keeps it (and packaged
 // electron with a custom home) on the installed runtime.
@@ -112,6 +112,9 @@ const ROOT_RUNTIME_PATHS = [
   '/test-wallpaper.jpg',
   '/preview-sw.js',
   '/sootsim.svg',
+  '/bedrock-sqlite.wasm',
+  '/bedrock-sqlite.js',
+  '/sootsim/',
 ]
 
 export function resolveActiveRuntimeRoot(): string | null {
@@ -198,7 +201,11 @@ export function resolveRuntimeFilePath(
     if (segment === '..') return null
   }
 
-  const fullPath = path.resolve(runtimeRoot, pathname.replace(/^\/+/, ''))
+  const normalized = pathname.startsWith('/sootsim/')
+    ? pathname.slice('/sootsim'.length)
+    : pathname
+
+  const fullPath = path.resolve(runtimeRoot, normalized.replace(/^\/+/, ''))
   const rootWithSep = runtimeRoot.endsWith(path.sep)
     ? runtimeRoot
     : runtimeRoot + path.sep

package/src/screenshots/compose.ts

@@ -352,7 +352,13 @@ export async function composeMarketingScreenshots(
       })
     })())
   try {
-    const context = await browser.newContext({ viewport: { width: 1280, height: 720 } })
+    // each slide's canvas width/height is the authored output raster (the
+    // composed image is written at exactly that size), so density stays 1:1
+    // and the page is only the compositor host.
+    const context = await browser.newContext({
+      viewport: { width: 1280, height: 720 },
+      deviceScaleFactor: 1,
+    })
     try {
       for (const slideSource of slides) {
         const buffer = readFileSync(slideSource.imagePath)

package/src/screenshots/frame-compose.ts

@@ -27,7 +27,7 @@ const METALLIC_RING_SHADOW =
 const FRAME_OUTLINE_BLEED = 1
 
 type FrameButtonLayout = {
-  side: 'left' | 'right'
+  side: 'left' | 'right' | 'top' | 'bottom'
   top: number
   height: number
   width: number
@@ -184,21 +184,32 @@ export function getFramedScreenshotLayout(model: DeviceModel): FramedScreenshotL
 
 function renderSideButtonHtml(button: FrameButtonLayout): string {
   const isRight = button.side === 'right'
-  const clip = isRight ? 'inset(-3px -3px -3px 0)' : 'inset(-3px 0 -3px -3px)'
+  const isBottom = button.side === 'bottom'
+  const horizontal = button.side === 'top' || isBottom
+  const clip = horizontal
+    ? isBottom
+      ? 'inset(0 -3px -3px -3px)'
+      : 'inset(-3px -3px 0 -3px)'
+    : isRight
+      ? 'inset(-3px -3px -3px 0)'
+      : 'inset(-3px 0 -3px -3px)'
   return `
       <div
         aria-hidden="true"
         style="
           position:absolute;
-          ${isRight ? `right:-${button.width}px;` : `left:-${button.width}px;`}
-          top:${button.top}px;
-          width:${button.width}px;
-          height:${button.height}px;
+          ${
+            horizontal
+              ? `left:${button.top}px;${isBottom ? `bottom:-${button.width}px;` : `top:-${button.width}px;`}`
+              : `${isRight ? `right:-${button.width}px;` : `left:-${button.width}px;`}top:${button.top}px;`
+          }
+          width:${horizontal ? button.height : button.width}px;
+          height:${horizontal ? button.width : button.height}px;
           background-color:#212121;
-          border-top-left-radius:${isRight ? 0 : 1.5}px;
-          border-bottom-left-radius:${isRight ? 0 : 1.5}px;
-          border-top-right-radius:${isRight ? 1.5 : 0}px;
-          border-bottom-right-radius:${isRight ? 1.5 : 0}px;
+          border-top-left-radius:${isRight || isBottom ? 0 : 1.5}px;
+          border-bottom-left-radius:${isRight || button.side === 'top' ? 0 : 1.5}px;
+          border-top-right-radius:${button.side === 'left' || isBottom ? 0 : 1.5}px;
+          border-bottom-right-radius:${button.side === 'left' || button.side === 'top' ? 0 : 1.5}px;
           box-shadow:
             inset 0 0.5px 0 #616161,
             inset 0 -0.5px 0 #3F3F3F,

package/src/screenshots/schema.ts

@@ -16,6 +16,7 @@ import {
   type PosePresetName,
   type TextPresetName,
 } from './registry'
+import { isRecord } from '../is-record'
 
 export type CaptureMode = 'raw' | 'framed' | 'raw+framed'
 export type CapturePathMode = 'auto' | 'plan' | 'flow'
@@ -69,10 +70,6 @@ export interface NormalizedScreenshotsPlan {
   compose: NormalizedComposePlan
 }
 
-function isRecord(value: unknown): value is Record<string, unknown> {
-  return !!value && typeof value === 'object' && !Array.isArray(value)
-}
-
 function expectRecord(value: unknown, label: string): Record<string, unknown> {
   if (!isRecord(value)) throw new Error(`${label} must be an object`)
   return value

package/src/sim-client.ts

@@ -48,6 +48,7 @@ import {
   type WaitForSootsimIdleResult,
 } from '../cli/commands/inspect/settling'
 import { openAppUrl } from './app-url'
+import { sleep } from './sleep'
 import type { BridgeClaimResult, BridgeSimInfo, WsBridge } from '../cli/ws-bridge'
 import type {
   PerformOptions,
@@ -159,10 +160,6 @@ export interface SimClientOptions {
   commandTimeoutMs?: number
 }
 
-function sleep(ms: number): Promise<void> {
-  return new Promise((resolve) => setTimeout(resolve, ms))
-}
-
 function decodePngDataUrl(dataUrl: unknown): SimScreenshot {
   if (typeof dataUrl !== 'string' || !dataUrl.startsWith('data:image/png;base64,')) {
     throw new SimClientError(
@@ -192,6 +189,7 @@ const TARGET_SEARCH_PARAMS = [
   'inspectOpen',
   'appFonts',
   'appSplash',
+  'appCatalog',
 ]
 
 export function buildSimOpenUrl(currentUrl: string, target: number | string): string {

package/src/skills/builtin/maestro-test.ts

@@ -1,11 +1,8 @@
 // built-in skill: run Maestro tests against the app
 
+import { sleep } from '../../sleep'
 import type { RNXSkill } from '../types'
 
-function sleep(ms: number) {
-  return new Promise((resolve) => setTimeout(resolve, ms))
-}
-
 export const skill: RNXSkill = {
   name: 'maestro-test',
   description: 'Run Maestro YAML tests against the app',

package/src/sleep.ts

@@ -0,0 +1,4 @@
+// resolve after ms
+export function sleep(ms: number): Promise<void> {
+  return new Promise((resolve) => setTimeout(resolve, ms))
+}