everyscreen 0.0.0-stage → 0.1.0

package/dist/devices-store-edScJDie.mjs

@@ -0,0 +1,1228 @@
+import { _ as DEVICES_FILE_PATH, g as CPU_TIERS } from "./commands-logic-DVWfSe3O.mjs";
+import { i as writeStoredFile, r as readStoredFile, t as runOneAtATime } from "./run-one-at-a-time-BeV_a3Fm.mjs";
+import { HTTPException } from "hono/http-exception";
+import { z } from "zod";
+import { join } from "node:path";
+import { devices } from "playwright";
+import { parse, stringify } from "yaml";
+// src/devices/default-grid-ids.ts
+const DEFAULT_GRID_IDS = [
+	"iphone-se",
+	"iphone-17",
+	"iphone-17-pro-max",
+	"galaxy-s25",
+	"pixel-10",
+	"xiaomi-15",
+	"ipad-mini",
+	"ipad-pro-11",
+	"galaxy-tab-s9",
+	"macbook-air-13",
+	"windows-laptop-1366",
+	"linux-1920"
+];
+// src/devices/device-schema.ts
+const BROWSER_NAMES = [
+	"chromium",
+	"webkit",
+	"firefox"
+];
+const FRAME_SHAPES = [
+	"home-button",
+	"dynamic-island",
+	"punch-hole",
+	"tablet",
+	"laptop",
+	"kiosk"
+];
+const VIEWPORT_MODES = ["full-screen", "browser"];
+const DEVICE_NAME_PATTERN = /[\p{L}\p{N}]/u;
+const MAX_DEVICE_NAME_LENGTH = 40;
+const MIN_DEVICE_SIZE = 240;
+const MAX_DEVICE_SIZE = 3840;
+const MIN_PIXEL_RATIO = 1;
+const MAX_PIXEL_RATIO = 4;
+const DEFAULT_PIXEL_RATIO = 1;
+const isOriginRelativeRoute = (route) => route.startsWith("/") && !route.startsWith("//");
+const createSizeSchema = (flagName) => {
+	const sizeMessage = `--${flagName} must be a whole number from ${MIN_DEVICE_SIZE} to ${MAX_DEVICE_SIZE}`;
+	return z.number({ error: sizeMessage }).int({ error: sizeMessage }).min(MIN_DEVICE_SIZE, { error: sizeMessage }).max(MAX_DEVICE_SIZE, { error: sizeMessage });
+};
+const PIXEL_RATIO_MESSAGE = `--pixel-ratio must be a number from ${MIN_PIXEL_RATIO} to ${MAX_PIXEL_RATIO}`;
+const customDeviceSchema = z.object({
+	name: z.string({ error: "needs --name <device name>" }).max(MAX_DEVICE_NAME_LENGTH, { error: `--name must be ${MAX_DEVICE_NAME_LENGTH} characters or less` }).regex(DEVICE_NAME_PATTERN, "--name needs a letter or digit"),
+	width: createSizeSchema("width"),
+	height: createSizeSchema("height"),
+	pixelRatio: z.number({ error: PIXEL_RATIO_MESSAGE }).min(MIN_PIXEL_RATIO, { error: PIXEL_RATIO_MESSAGE }).max(MAX_PIXEL_RATIO, { error: PIXEL_RATIO_MESSAGE }).default(DEFAULT_PIXEL_RATIO),
+	hasTouch: z.boolean().default(false),
+	frameShape: z.enum(FRAME_SHAPES).default("kiosk"),
+	browserName: z.enum(BROWSER_NAMES).default("chromium")
+});
+const devicesFileSchema = z.object({
+	devices: z.array(customDeviceSchema).default([]),
+	routes: z.array(z.string().refine(isOriginRelativeRoute, "Use a path that starts with a single /")).default([]),
+	grid: z.array(z.string()).default(DEFAULT_GRID_IDS),
+	viewportModes: z.record(z.string(), z.enum(VIEWPORT_MODES)).default({})
+});
+const gridUpdateSchema = z.object({ deviceIds: z.array(z.string().min(1)) });
+// src/devices/desktop-user-agent-logic.ts
+const REGISTRY_PLATFORM_PART = /\(Windows NT [^)]+\)/;
+const PLATFORM_PARTS = {
+	macos: "(Macintosh; Intel Mac OS X 10_15_7)",
+	linux: "(X11; Linux x86_64)"
+};
+const createDesktopUserAgent = (desktopPlatform, registryUserAgent) => {
+	if (desktopPlatform === "windows") return registryUserAgent;
+	return registryUserAgent.replace(REGISTRY_PLATFORM_PART, PLATFORM_PARTS[desktopPlatform]);
+};
+// src/devices/frame-shape-insets.ts
+const NO_INSETS = {
+	top: 0,
+	bottom: 0,
+	left: 0,
+	right: 0
+};
+const FRAME_SHAPE_INSETS = {
+	"home-button": NO_INSETS,
+	"dynamic-island": {
+		top: 59,
+		bottom: 34,
+		left: 0,
+		right: 0
+	},
+	"punch-hole": {
+		top: 24,
+		bottom: 0,
+		left: 0,
+		right: 0
+	},
+	tablet: NO_INSETS,
+	laptop: NO_INSETS,
+	kiosk: NO_INSETS
+};
+// src/devices/own-devices.ts
+const ANDROID_USER_AGENT = devices["Pixel 10"].userAgent.replace(/Android [\d.]+; [^)]+\)/, "Android 10; K)");
+const IPAD_USER_AGENT = devices["iPad Pro 11"].userAgent;
+const REGISTRY_DESKTOP_USER_AGENT = devices["Desktop Chrome"].userAgent;
+const UNMEASURED_CUTOUT = {
+	kind: "punch-hole-center",
+	width: null,
+	height: null,
+	top: null,
+	left: null
+};
+const NO_CUTOUT$1 = {
+	...UNMEASURED_CUTOUT,
+	kind: "none"
+};
+const NOTCH$1 = {
+	...UNMEASURED_CUTOUT,
+	kind: "notch"
+};
+const ANDROID_BASE$1 = {
+	registryName: null,
+	browserName: "chromium",
+	frameShape: "punch-hole",
+	cpuSlowdown: CPU_TIERS.phone,
+	platform: "android",
+	maker: "samsung",
+	userAgent: ANDROID_USER_AGENT,
+	isMobile: true,
+	hasTouch: true
+};
+const IPAD_BASE = {
+	registryName: null,
+	browserName: "webkit",
+	frameShape: "tablet",
+	cpuSlowdown: CPU_TIERS.tablet,
+	platform: "ipados",
+	maker: "apple",
+	userAgent: IPAD_USER_AGENT,
+	isMobile: true,
+	hasTouch: true
+};
+const MAC_BASE = {
+	registryName: null,
+	browserName: "chromium",
+	frameShape: "laptop",
+	cpuSlowdown: CPU_TIERS.desktop,
+	platform: "macos",
+	maker: "apple",
+	userAgent: createDesktopUserAgent("macos", REGISTRY_DESKTOP_USER_AGENT),
+	isMobile: false,
+	hasTouch: false
+};
+const WINDOWS_BASE = {
+	...MAC_BASE,
+	platform: "windows",
+	maker: "generic",
+	userAgent: createDesktopUserAgent("windows", REGISTRY_DESKTOP_USER_AGENT)
+};
+const LINUX_BASE = {
+	...MAC_BASE,
+	platform: "linux",
+	maker: "generic",
+	userAgent: createDesktopUserAgent("linux", REGISTRY_DESKTOP_USER_AGENT)
+};
+const createOwnDevice = (base, spec) => ({
+	...base,
+	id: spec.id,
+	name: spec.name,
+	fullScreen: spec.size,
+	browserViewport: null,
+	deviceScaleFactor: spec.deviceScaleFactor,
+	cornerRadius: spec.cornerRadius,
+	cutout: spec.cutout,
+	safeAreaInsets: spec.safeAreaInsets
+});
+const createTabletSpec = (identity, size) => ({
+	...identity,
+	size,
+	deviceScaleFactor: 2,
+	cutout: NO_CUTOUT$1,
+	safeAreaInsets: FRAME_SHAPE_INSETS.tablet
+});
+const createPhoneSpec = (identity, screen) => ({
+	...identity,
+	size: screen.size,
+	deviceScaleFactor: screen.deviceScaleFactor,
+	cornerRadius: null,
+	cutout: UNMEASURED_CUTOUT,
+	safeAreaInsets: FRAME_SHAPE_INSETS["punch-hole"]
+});
+const createDesktopSpec = (identity, size) => ({
+	...identity,
+	size,
+	deviceScaleFactor: 1,
+	cornerRadius: 0,
+	cutout: NO_CUTOUT$1,
+	safeAreaInsets: FRAME_SHAPE_INSETS.laptop
+});
+const IPAD_DEVICES = [
+	createOwnDevice(IPAD_BASE, createTabletSpec({
+		id: "ipad-mini",
+		name: "iPad mini",
+		cornerRadius: null
+	}, {
+		width: 744,
+		height: 1133
+	})),
+	createOwnDevice(IPAD_BASE, createTabletSpec({
+		id: "ipad-air-11",
+		name: "iPad Air 11",
+		cornerRadius: 18
+	}, {
+		width: 820,
+		height: 1180
+	})),
+	createOwnDevice(IPAD_BASE, createTabletSpec({
+		id: "ipad-air-13",
+		name: "iPad Air 13",
+		cornerRadius: 18
+	}, {
+		width: 1024,
+		height: 1366
+	})),
+	createOwnDevice(IPAD_BASE, createTabletSpec({
+		id: "ipad-pro-13",
+		name: "iPad Pro 13",
+		cornerRadius: null
+	}, {
+		width: 1032,
+		height: 1376
+	}))
+];
+const SAMSUNG_DEVICES = [
+	createOwnDevice(ANDROID_BASE$1, createPhoneSpec({
+		id: "galaxy-s25",
+		name: "Galaxy S25"
+	}, {
+		size: {
+			width: 360,
+			height: 780
+		},
+		deviceScaleFactor: 3
+	})),
+	createOwnDevice(ANDROID_BASE$1, createPhoneSpec({
+		id: "galaxy-s25-plus",
+		name: "Galaxy S25+"
+	}, {
+		size: {
+			width: 412,
+			height: 891
+		},
+		deviceScaleFactor: 3.5
+	})),
+	createOwnDevice(ANDROID_BASE$1, createPhoneSpec({
+		id: "galaxy-s25-ultra",
+		name: "Galaxy S25 Ultra"
+	}, {
+		size: {
+			width: 412,
+			height: 891
+		},
+		deviceScaleFactor: 3.5
+	})),
+	createOwnDevice(ANDROID_BASE$1, createPhoneSpec({
+		id: "galaxy-s26",
+		name: "Galaxy S26"
+	}, {
+		size: {
+			width: 360,
+			height: 780
+		},
+		deviceScaleFactor: 3
+	})),
+	createOwnDevice(ANDROID_BASE$1, createPhoneSpec({
+		id: "galaxy-s26-plus",
+		name: "Galaxy S26+"
+	}, {
+		size: {
+			width: 412,
+			height: 891
+		},
+		deviceScaleFactor: 3.5
+	})),
+	createOwnDevice(ANDROID_BASE$1, createPhoneSpec({
+		id: "galaxy-s26-ultra",
+		name: "Galaxy S26 Ultra"
+	}, {
+		size: {
+			width: 412,
+			height: 891
+		},
+		deviceScaleFactor: 3.5
+	}))
+];
+const XIAOMI_BASE = {
+	...ANDROID_BASE$1,
+	maker: "xiaomi"
+};
+const ONEPLUS_BASE = {
+	...ANDROID_BASE$1,
+	maker: "oneplus"
+};
+const XIAOMI_DEVICES = [
+	createOwnDevice(XIAOMI_BASE, {
+		...createPhoneSpec({
+			id: "xiaomi-14",
+			name: "Xiaomi 14"
+		}, {
+			size: {
+				width: 400,
+				height: 890
+			},
+			deviceScaleFactor: 3
+		}),
+		cornerRadius: 41.33,
+		safeAreaInsets: {
+			...FRAME_SHAPE_INSETS["punch-hole"],
+			top: 49
+		}
+	}),
+	createOwnDevice(XIAOMI_BASE, createPhoneSpec({
+		id: "xiaomi-15",
+		name: "Xiaomi 15"
+	}, {
+		size: {
+			width: 400,
+			height: 890
+		},
+		deviceScaleFactor: 3
+	})),
+	createOwnDevice(XIAOMI_BASE, createPhoneSpec({
+		id: "redmi-note-13",
+		name: "Redmi Note 13"
+	}, {
+		size: {
+			width: 393,
+			height: 873
+		},
+		deviceScaleFactor: 2.748
+	})),
+	createOwnDevice(XIAOMI_BASE, createPhoneSpec({
+		id: "redmi-note-14",
+		name: "Redmi Note 14"
+	}, {
+		size: {
+			width: 393,
+			height: 873
+		},
+		deviceScaleFactor: 2.748
+	}))
+];
+const ONEPLUS_13 = createOwnDevice(ONEPLUS_BASE, {
+	id: "oneplus-13",
+	name: "OnePlus 13",
+	size: {
+		width: 412,
+		height: 905
+	},
+	deviceScaleFactor: 3.5,
+	cornerRadius: 32,
+	cutout: {
+		kind: "punch-hole-center",
+		width: 19.43,
+		height: 19.43,
+		top: 13.14,
+		left: 196
+	},
+	safeAreaInsets: {
+		...FRAME_SHAPE_INSETS["punch-hole"],
+		top: 45.67
+	}
+});
+const MAC_DEVICES = [
+	createOwnDevice(MAC_BASE, {
+		...createDesktopSpec({
+			id: "macbook-air-13",
+			name: "MacBook Air 13"
+		}, {
+			width: 1470,
+			height: 956
+		}),
+		cornerRadius: null,
+		cutout: NOTCH$1
+	}),
+	createOwnDevice(MAC_BASE, {
+		...createDesktopSpec({
+			id: "macbook-air-15",
+			name: "MacBook Air 15"
+		}, {
+			width: 1710,
+			height: 1107
+		}),
+		cornerRadius: null,
+		cutout: NOTCH$1
+	}),
+	createOwnDevice(MAC_BASE, {
+		...createDesktopSpec({
+			id: "macbook-pro-14",
+			name: "MacBook Pro 14"
+		}, {
+			width: 1512,
+			height: 982
+		}),
+		cornerRadius: null,
+		cutout: NOTCH$1
+	}),
+	createOwnDevice(MAC_BASE, {
+		...createDesktopSpec({
+			id: "macbook-pro-16",
+			name: "MacBook Pro 16"
+		}, {
+			width: 1728,
+			height: 1117
+		}),
+		cornerRadius: null,
+		cutout: NOTCH$1
+	})
+];
+const MONITOR_DEVICES = [
+	createOwnDevice(WINDOWS_BASE, createDesktopSpec({
+		id: "windows-laptop-1366",
+		name: "Windows laptop 1366"
+	}, {
+		width: 1366,
+		height: 768
+	})),
+	createOwnDevice(WINDOWS_BASE, createDesktopSpec({
+		id: "windows-laptop-1536",
+		name: "Windows laptop 1536"
+	}, {
+		width: 1536,
+		height: 864
+	})),
+	createOwnDevice(WINDOWS_BASE, createDesktopSpec({
+		id: "monitor-1920",
+		name: "Windows monitor 1920"
+	}, {
+		width: 1920,
+		height: 1080
+	})),
+	createOwnDevice(WINDOWS_BASE, createDesktopSpec({
+		id: "monitor-2560",
+		name: "Windows monitor 2560"
+	}, {
+		width: 2560,
+		height: 1440
+	})),
+	createOwnDevice(LINUX_BASE, createDesktopSpec({
+		id: "linux-1920",
+		name: "Linux monitor 1920"
+	}, {
+		width: 1920,
+		height: 1080
+	}))
+];
+const LEGACY_DEVICES = [createOwnDevice(MAC_BASE, {
+	...createDesktopSpec({
+		id: "laptop-1440",
+		name: "Laptop 1440"
+	}, {
+		width: 1440,
+		height: 900
+	}),
+	cutout: NO_CUTOUT$1
+}), createOwnDevice({
+	...LINUX_BASE,
+	frameShape: "kiosk",
+	hasTouch: true
+}, createDesktopSpec({
+	id: "store-kiosk",
+	name: "Store kiosk"
+}, {
+	width: 1080,
+	height: 1920
+}))];
+const OWN_DEVICES = [
+	...IPAD_DEVICES,
+	...SAMSUNG_DEVICES,
+	...XIAOMI_DEVICES,
+	ONEPLUS_13,
+	...MAC_DEVICES,
+	...MONITOR_DEVICES,
+	...LEGACY_DEVICES
+];
+// src/devices/registry-logic.ts
+const pickRegistryScreen = (registrySizes) => registrySizes.screen ?? registrySizes.viewport;
+const createCatalogDeviceFromRegistry = (identity, registryName, registryDevice) => ({
+	...identity,
+	registryName,
+	fullScreen: pickRegistryScreen(registryDevice),
+	browserViewport: registryDevice.viewport,
+	userAgent: registryDevice.userAgent,
+	deviceScaleFactor: registryDevice.deviceScaleFactor,
+	isMobile: registryDevice.isMobile,
+	hasTouch: registryDevice.hasTouch
+});
+// src/devices/registry-devices.ts
+const IPHONE_BASE = {
+	browserName: "webkit",
+	frameShape: "dynamic-island",
+	cpuSlowdown: CPU_TIERS.phone,
+	platform: "ios",
+	maker: "apple"
+};
+const ANDROID_BASE = {
+	browserName: "chromium",
+	frameShape: "punch-hole",
+	cpuSlowdown: CPU_TIERS.phone,
+	platform: "android",
+	maker: "google"
+};
+const SAMSUNG_BASE = {
+	...ANDROID_BASE,
+	maker: "samsung"
+};
+const TABLET_BASE = {
+	browserName: "webkit",
+	frameShape: "tablet",
+	cpuSlowdown: CPU_TIERS.tablet,
+	platform: "ipados",
+	maker: "apple"
+};
+const DYNAMIC_ISLAND = {
+	kind: "dynamic-island",
+	width: null,
+	height: null,
+	top: null,
+	left: null
+};
+const NOTCH = {
+	...DYNAMIC_ISLAND,
+	kind: "notch"
+};
+const UNMEASURED_PUNCH_HOLE = {
+	...DYNAMIC_ISLAND,
+	kind: "punch-hole-center"
+};
+const NO_CUTOUT = {
+	...DYNAMIC_ISLAND,
+	kind: "none"
+};
+const ISLAND_INSETS_IPHONE_15 = {
+	top: 59,
+	bottom: 34,
+	left: 0,
+	right: 0
+};
+const ISLAND_INSETS_IPHONE_16_PRO = {
+	...ISLAND_INSETS_IPHONE_15,
+	top: 62
+};
+const ISLAND_INSETS_IPHONE_AIR = {
+	...ISLAND_INSETS_IPHONE_15,
+	top: 68
+};
+const NOTCH_INSETS_IPHONE_13 = {
+	...ISLAND_INSETS_IPHONE_15,
+	top: 47
+};
+const createPunchHole = (hole) => ({
+	kind: "punch-hole-center",
+	width: hole.diameter,
+	height: hole.diameter,
+	top: hole.top,
+	left: hole.left
+});
+const createTopInset = (top) => ({
+	...FRAME_SHAPE_INSETS["punch-hole"],
+	top
+});
+const REGISTRY_DEVICE_SPECS = [
+	{
+		registryName: "iPhone SE (3rd gen)",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-se",
+			name: "iPhone SE",
+			frameShape: "home-button",
+			cpuSlowdown: CPU_TIERS.budgetPhone,
+			cornerRadius: null,
+			cutout: {
+				...NO_CUTOUT,
+				kind: "home-button"
+			},
+			safeAreaInsets: FRAME_SHAPE_INSETS["home-button"]
+		}
+	},
+	{
+		registryName: "iPhone 15",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-15",
+			name: "iPhone 15",
+			cornerRadius: 55,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_15
+		}
+	},
+	{
+		registryName: "iPhone 15 Plus",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-15-plus",
+			name: "iPhone 15 Plus",
+			cornerRadius: 55,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_15
+		}
+	},
+	{
+		registryName: "iPhone 15 Pro",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-15-pro",
+			name: "iPhone 15 Pro",
+			cornerRadius: 55,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_15
+		}
+	},
+	{
+		registryName: "iPhone 15 Pro Max",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-15-pro-max",
+			name: "iPhone 15 Pro Max",
+			cornerRadius: 55,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_15
+		}
+	},
+	{
+		registryName: "iPhone 16",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-16",
+			name: "iPhone 16",
+			cornerRadius: 55,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_15
+		}
+	},
+	{
+		registryName: "iPhone 16 Plus",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-16-plus",
+			name: "iPhone 16 Plus",
+			cornerRadius: 55,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_15
+		}
+	},
+	{
+		registryName: "iPhone 16 Pro",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-16-pro",
+			name: "iPhone 16 Pro",
+			cornerRadius: 62,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_16_PRO
+		}
+	},
+	{
+		registryName: "iPhone 16 Pro Max",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-16-pro-max",
+			name: "iPhone 16 Pro Max",
+			cornerRadius: 62,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_16_PRO
+		}
+	},
+	{
+		registryName: "iPhone 16e",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-16e",
+			name: "iPhone 16e",
+			cornerRadius: 47.33,
+			cutout: NOTCH,
+			safeAreaInsets: NOTCH_INSETS_IPHONE_13
+		}
+	},
+	{
+		registryName: "iPhone 17",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-17",
+			name: "iPhone 17",
+			cornerRadius: 62,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_16_PRO
+		}
+	},
+	{
+		registryName: "iPhone Air",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-air",
+			name: "iPhone Air",
+			cornerRadius: 62,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_AIR
+		}
+	},
+	{
+		registryName: "iPhone 17 Pro",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-17-pro",
+			name: "iPhone 17 Pro",
+			cornerRadius: 62,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_16_PRO
+		}
+	},
+	{
+		registryName: "iPhone 17 Pro Max",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-17-pro-max",
+			name: "iPhone 17 Pro Max",
+			cornerRadius: 62,
+			cutout: DYNAMIC_ISLAND,
+			safeAreaInsets: ISLAND_INSETS_IPHONE_16_PRO
+		}
+	},
+	{
+		registryName: "iPhone 17e",
+		identity: {
+			...IPHONE_BASE,
+			id: "iphone-17e",
+			name: "iPhone 17e",
+			cornerRadius: null,
+			cutout: NOTCH,
+			safeAreaInsets: NOTCH_INSETS_IPHONE_13
+		}
+	},
+	{
+		registryName: "Pixel 8",
+		identity: {
+			...ANDROID_BASE,
+			id: "pixel-8",
+			name: "Pixel 8",
+			cornerRadius: 38.86,
+			cutout: createPunchHole({
+				diameter: 27.62,
+				top: 11.24,
+				left: 191.81
+			}),
+			safeAreaInsets: createTopInset(50.29)
+		}
+	},
+	{
+		registryName: "Pixel 8 Pro",
+		identity: {
+			...ANDROID_BASE,
+			id: "pixel-8-pro",
+			name: "Pixel 8 Pro",
+			cornerRadius: 30.33,
+			cutout: createPunchHole({
+				diameter: 28.83,
+				top: 10.58,
+				left: 209.58
+			}),
+			safeAreaInsets: createTopInset(50.33)
+		}
+	},
+	{
+		registryName: "Pixel 8a",
+		identity: {
+			...ANDROID_BASE,
+			id: "pixel-8a",
+			name: "Pixel 8a",
+			cornerRadius: 48.76,
+			cutout: createPunchHole({
+				diameter: 25.69,
+				top: 13.33,
+				left: 192.69
+			}),
+			safeAreaInsets: createTopInset(46.1)
+		}
+	},
+	{
+		registryName: "Pixel 9",
+		identity: {
+			...ANDROID_BASE,
+			id: "pixel-9",
+			name: "Pixel 9",
+			cornerRadius: 44,
+			cutout: createPunchHole({
+				diameter: 28,
+				top: 14.83,
+				left: 165.83
+			}),
+			safeAreaInsets: createTopInset(57.67)
+		}
+	},
+	{
+		registryName: "Pixel 9 Pro",
+		identity: {
+			...ANDROID_BASE,
+			id: "pixel-9-pro",
+			name: "Pixel 9 Pro",
+			cornerRadius: 52.33,
+			cutout: createPunchHole({
+				diameter: 32.67,
+				top: 17.67,
+				left: 197
+			}),
+			safeAreaInsets: createTopInset(68)
+		}
+	},
+	{
+		registryName: "Pixel 9 Pro XL",
+		identity: {
+			...ANDROID_BASE,
+			id: "pixel-9-pro-xl",
+			name: "Pixel 9 Pro XL",
+			cornerRadius: 51,
+			cutout: createPunchHole({
+				diameter: 31.33,
+				top: 17.5,
+				left: 208.33
+			}),
+			safeAreaInsets: createTopInset(66.33)
+		}
+	},
+	{
+		registryName: "Pixel 10",
+		identity: {
+			...ANDROID_BASE,
+			id: "pixel-10",
+			name: "Pixel 10",
+			cornerRadius: null,
+			cutout: UNMEASURED_PUNCH_HOLE,
+			safeAreaInsets: FRAME_SHAPE_INSETS["punch-hole"]
+		}
+	},
+	{
+		registryName: "Pixel 10 Pro",
+		identity: {
+			...ANDROID_BASE,
+			id: "pixel-10-pro",
+			name: "Pixel 10 Pro",
+			cornerRadius: null,
+			cutout: UNMEASURED_PUNCH_HOLE,
+			safeAreaInsets: FRAME_SHAPE_INSETS["punch-hole"]
+		}
+	},
+	{
+		registryName: "Pixel 10 Pro XL",
+		identity: {
+			...ANDROID_BASE,
+			id: "pixel-10-pro-xl",
+			name: "Pixel 10 Pro XL",
+			cornerRadius: null,
+			cutout: UNMEASURED_PUNCH_HOLE,
+			safeAreaInsets: FRAME_SHAPE_INSETS["punch-hole"]
+		}
+	},
+	{
+		registryName: "Galaxy S24",
+		identity: {
+			...SAMSUNG_BASE,
+			id: "galaxy-s24",
+			name: "Galaxy S24",
+			cornerRadius: null,
+			cutout: UNMEASURED_PUNCH_HOLE,
+			safeAreaInsets: FRAME_SHAPE_INSETS["punch-hole"]
+		}
+	},
+	{
+		registryName: "Galaxy A55",
+		identity: {
+			...SAMSUNG_BASE,
+			id: "galaxy-a55",
+			name: "Galaxy A55",
+			cornerRadius: null,
+			cutout: UNMEASURED_PUNCH_HOLE,
+			safeAreaInsets: FRAME_SHAPE_INSETS["punch-hole"]
+		}
+	},
+	{
+		registryName: "Galaxy Z Fold 7",
+		identity: {
+			...SAMSUNG_BASE,
+			id: "galaxy-z-fold-7",
+			name: "Galaxy Z Fold 7 (open)",
+			frameShape: "tablet",
+			cpuSlowdown: CPU_TIERS.tablet,
+			cornerRadius: null,
+			cutout: UNMEASURED_PUNCH_HOLE,
+			safeAreaInsets: FRAME_SHAPE_INSETS.tablet
+		}
+	},
+	{
+		registryName: "Galaxy Z Fold 7 Cover",
+		identity: {
+			...SAMSUNG_BASE,
+			id: "galaxy-z-fold-7-cover",
+			name: "Galaxy Z Fold 7 (cover)",
+			cornerRadius: null,
+			cutout: UNMEASURED_PUNCH_HOLE,
+			safeAreaInsets: FRAME_SHAPE_INSETS["punch-hole"]
+		}
+	},
+	{
+		registryName: "Galaxy Z Flip 7",
+		identity: {
+			...SAMSUNG_BASE,
+			id: "galaxy-z-flip-7",
+			name: "Galaxy Z Flip 7 (open)",
+			cornerRadius: null,
+			cutout: UNMEASURED_PUNCH_HOLE,
+			safeAreaInsets: FRAME_SHAPE_INSETS["punch-hole"]
+		}
+	},
+	{
+		registryName: "Galaxy Z Flip 7 Cover",
+		identity: {
+			...SAMSUNG_BASE,
+			id: "galaxy-z-flip-7-cover",
+			name: "Galaxy Z Flip 7 (cover)",
+			cornerRadius: null,
+			cutout: NO_CUTOUT,
+			safeAreaInsets: FRAME_SHAPE_INSETS.tablet
+		}
+	},
+	{
+		registryName: "iPad Pro 11",
+		identity: {
+			...TABLET_BASE,
+			id: "ipad-pro-11",
+			name: "iPad Pro 11",
+			cornerRadius: 18,
+			cutout: NO_CUTOUT,
+			safeAreaInsets: FRAME_SHAPE_INSETS.tablet
+		}
+	},
+	{
+		registryName: "iPad (gen 11)",
+		identity: {
+			...TABLET_BASE,
+			id: "ipad-11",
+			name: "iPad (11th gen)",
+			cornerRadius: null,
+			cutout: NO_CUTOUT,
+			safeAreaInsets: FRAME_SHAPE_INSETS.tablet
+		}
+	},
+	{
+		registryName: "Galaxy Tab S9",
+		identity: {
+			...SAMSUNG_BASE,
+			id: "galaxy-tab-s9",
+			name: "Galaxy Tab S9",
+			frameShape: "tablet",
+			cpuSlowdown: CPU_TIERS.tablet,
+			cornerRadius: null,
+			cutout: NO_CUTOUT,
+			safeAreaInsets: FRAME_SHAPE_INSETS.tablet
+		}
+	}
+];
+const createRegistryCatalogDevice = (deviceSpec) => {
+	const registryDevice = devices[deviceSpec.registryName];
+	if (registryDevice === void 0) throw new Error(`Playwright has no device ${deviceSpec.registryName}; update the catalog`);
+	return createCatalogDeviceFromRegistry(deviceSpec.identity, deviceSpec.registryName, registryDevice);
+};
+// src/devices/device-catalog.ts
+const DEVICE_CATALOG = [...REGISTRY_DEVICE_SPECS.map(createRegistryCatalogDevice), ...OWN_DEVICES];
+// src/devices/devices-logic.ts
+const UNKNOWN_DEVICE_STATUS = 422;
+const NON_ID_CHARACTERS = /[^\p{L}\p{N}]+/gu;
+const EDGE_DASHES = /^-|-$/g;
+const pickDeviceId = (deviceName) => deviceName.toLowerCase().replace(NON_ID_CHARACTERS, "-").replace(EDGE_DASHES, "");
+const hasDeviceId = (customDevice, deviceId) => pickDeviceId(customDevice.name) === deviceId;
+const createPresetFromCustomDevice = (customDevice) => {
+	const isTouchDevice = customDevice.hasTouch;
+	const isFirefoxDevice = customDevice.browserName === "firefox";
+	const isMobile = isTouchDevice && !isFirefoxDevice;
+	const cpuSlowdown = isTouchDevice ? CPU_TIERS.phone : CPU_TIERS.desktop;
+	const { frameShape } = customDevice;
+	const safeAreaInsets = FRAME_SHAPE_INSETS[frameShape];
+	const statusBarHeight = pickStatusBarHeight({
+		frameShape,
+		platform: null,
+		cutout: null,
+		safeAreaInsets
+	});
+	const hasStatusBar = statusBarHeight > 0;
+	const screen = {
+		width: customDevice.width,
+		height: customDevice.height
+	};
+	return {
+		id: pickDeviceId(customDevice.name),
+		name: customDevice.name,
+		browserName: customDevice.browserName,
+		frameShape,
+		cpuSlowdown,
+		platform: null,
+		maker: "generic",
+		cornerRadius: null,
+		cutout: null,
+		safeAreaInsets,
+		isCustom: true,
+		viewportMode: "full-screen",
+		use: {
+			viewport: {
+				width: screen.width,
+				height: screen.height - statusBarHeight
+			},
+			...hasStatusBar && { screen },
+			deviceScaleFactor: customDevice.pixelRatio,
+			isMobile,
+			hasTouch: customDevice.hasTouch
+		}
+	};
+};
+const STATUS_BAR_HEIGHTS_BY_SHAPE = {
+	"home-button": 20,
+	"dynamic-island": 59,
+	"punch-hole": 24,
+	tablet: 24,
+	laptop: 0,
+	kiosk: 0
+};
+const STATUS_BAR_HEIGHTS_BY_CUTOUT = {
+	none: null,
+	notch: 47,
+	"dynamic-island": 59,
+	"punch-hole-center": null,
+	"punch-hole-corner": null,
+	"home-button": 20
+};
+const STATUS_BAR_PLATFORMS = [
+	"ios",
+	"ipados",
+	"android"
+];
+const PHONE_SHAPES = [
+	"home-button",
+	"dynamic-island",
+	"punch-hole"
+];
+const pickStatusBarHeight = (deviceIdentity) => {
+	const { frameShape, platform, cutout, safeAreaInsets } = deviceIdentity;
+	const isPlatformKnown = platform !== null;
+	const isMobilePlatform = isPlatformKnown && STATUS_BAR_PLATFORMS.includes(platform);
+	const isPhoneShape = PHONE_SHAPES.includes(frameShape);
+	if (!(!(frameShape === "laptop" || frameShape === "kiosk") && (isPlatformKnown ? isMobilePlatform : isPhoneShape))) return 0;
+	const publishedHeight = Math.round(safeAreaInsets.top);
+	if (publishedHeight > 0) return publishedHeight;
+	return (cutout === null ? null : STATUS_BAR_HEIGHTS_BY_CUTOUT[cutout.kind]) ?? STATUS_BAR_HEIGHTS_BY_SHAPE[frameShape];
+};
+const pickModeViewport = (catalogDevice, viewportMode) => {
+	switch (viewportMode) {
+		case "full-screen": {
+			const { width, height } = catalogDevice.fullScreen;
+			return {
+				width,
+				height: height - pickStatusBarHeight(catalogDevice)
+			};
+		}
+		case "browser": return catalogDevice.browserViewport ?? catalogDevice.fullScreen;
+	}
+};
+const createPresetFromCatalogDevice = (catalogDevice, viewportMode) => {
+	return {
+		id: catalogDevice.id,
+		name: catalogDevice.name,
+		browserName: catalogDevice.browserName,
+		frameShape: catalogDevice.frameShape,
+		cpuSlowdown: catalogDevice.cpuSlowdown,
+		platform: catalogDevice.platform,
+		maker: catalogDevice.maker,
+		cornerRadius: catalogDevice.cornerRadius,
+		cutout: catalogDevice.cutout,
+		safeAreaInsets: catalogDevice.safeAreaInsets,
+		isCustom: false,
+		viewportMode,
+		use: {
+			viewport: pickModeViewport(catalogDevice, viewportMode),
+			screen: catalogDevice.fullScreen,
+			userAgent: catalogDevice.userAgent,
+			deviceScaleFactor: catalogDevice.deviceScaleFactor,
+			isMobile: catalogDevice.isMobile,
+			hasTouch: catalogDevice.hasTouch
+		}
+	};
+};
+const findCatalogPreset = (deviceId, viewportMode) => {
+	const catalogDevice = DEVICE_CATALOG.find(({ id }) => id === deviceId);
+	if (catalogDevice === void 0) throw new Error(`No catalog device ${deviceId}`);
+	return createPresetFromCatalogDevice(catalogDevice, viewportMode);
+};
+const pickGridPreset = (devicesFile, gridId) => {
+	const customDevice = devicesFile.devices.find((device) => hasDeviceId(device, gridId));
+	if (customDevice !== void 0) return createPresetFromCustomDevice(customDevice);
+	return findCatalogPreset(gridId, devicesFile.viewportModes[gridId] ?? "full-screen");
+};
+const pickGridDevices = (devicesFile) => {
+	const gridPresets = devicesFile.grid.map((gridId) => pickGridPreset(devicesFile, gridId));
+	const gridIds = gridPresets.map(({ id }) => id);
+	const otherCustomPresets = devicesFile.devices.map(createPresetFromCustomDevice).filter((customPreset) => !gridIds.includes(customPreset.id));
+	return [...gridPresets, ...otherCustomPresets];
+};
+const listCatalogReplies = (devicesFile) => {
+	const customIds = devicesFile.devices.map((customDevice) => pickDeviceId(customDevice.name));
+	return DEVICE_CATALOG.map((catalogDevice) => ({
+		...catalogDevice,
+		isHiddenByCustomDevice: customIds.includes(catalogDevice.id)
+	}));
+};
+const checkNewDevice = (customDevice, takenDevices) => {
+	const newDeviceId = pickDeviceId(customDevice.name);
+	if (takenDevices.some((takenDevice) => takenDevice.id === newDeviceId)) throw new HTTPException(400, { message: `a device with id ${newDeviceId} already exists · use another name` });
+	return customDevice;
+};
+const createMissingCustomDeviceMessage = (devicesFile, deviceId) => {
+	const customIds = devicesFile.devices.map((customDevice) => pickDeviceId(customDevice.name));
+	if (customIds.length === 0) return `no custom device ${deviceId} · there are no custom devices`;
+	return `no custom device ${deviceId} · custom devices: ${customIds.join(", ")}`;
+};
+const checkDeviceRemoval = (devicesFile, deviceId) => {
+	if (!devicesFile.devices.some((customDevice) => hasDeviceId(customDevice, deviceId))) throw new HTTPException(400, { message: createMissingCustomDeviceMessage(devicesFile, deviceId) });
+	const keptDevices = devicesFile.devices.filter((customDevice) => !hasDeviceId(customDevice, deviceId));
+	const isCatalogDevice = DEVICE_CATALOG.some(({ id }) => id === deviceId);
+	const keptGrid = devicesFile.grid.filter((gridId) => isCatalogDevice || gridId !== deviceId);
+	return {
+		...devicesFile,
+		devices: keptDevices,
+		grid: keptGrid
+	};
+};
+const listUnknownIds = (devicesFile, deviceIds) => {
+	const knownIds = [...DEVICE_CATALOG.map(({ id }) => id), ...devicesFile.devices.map((customDevice) => pickDeviceId(customDevice.name))];
+	return deviceIds.filter((deviceId) => !knownIds.includes(deviceId));
+};
+const checkDeviceIds = (devicesFile) => {
+	const fieldIds = {
+		grid: devicesFile.grid,
+		viewportModes: Object.keys(devicesFile.viewportModes)
+	};
+	for (const [field, deviceIds] of Object.entries(fieldIds)) {
+		const [unknownId] = listUnknownIds(devicesFile, deviceIds);
+		if (unknownId !== void 0) throw new HTTPException(UNKNOWN_DEVICE_STATUS, { message: `${field}: no device with id ${unknownId}` });
+	}
+	return devicesFile;
+};
+const pickDeviceViewport = (devicePreset) => {
+	const { viewport } = devicePreset.use;
+	if (viewport === void 0 || viewport === null) throw new Error(`Device ${devicePreset.id} has no viewport`);
+	return {
+		width: viewport.width,
+		height: viewport.height
+	};
+};
+const pickDeviceScreen = (devicePreset) => {
+	const { screen } = devicePreset.use;
+	if (screen === void 0) return pickDeviceViewport(devicePreset);
+	return {
+		width: screen.width,
+		height: screen.height
+	};
+};
+const replaceGrid = (devicesFile, deviceIds) => {
+	const uniqueIds = [...new Set(deviceIds)];
+	return checkDeviceIds({
+		...devicesFile,
+		grid: uniqueIds
+	});
+};
+const pickGridChanges = (runningDeviceIds, gridDevices) => {
+	const gridDeviceIds = gridDevices.map(({ id }) => id);
+	return {
+		addDevices: gridDevices.filter(({ id }) => !runningDeviceIds.includes(id)),
+		removeDeviceIds: runningDeviceIds.filter((runningDeviceId) => !gridDeviceIds.includes(runningDeviceId))
+	};
+};
+// src/devices/devices-store.ts
+const BAD_DEVICES_FILE_STATUS = 422;
+const rejectDevicesFile = (reason, cause) => {
+	throw new HTTPException(BAD_DEVICES_FILE_STATUS, {
+		message: `${DEVICES_FILE_PATH} is not valid: ${reason}`,
+		cause
+	});
+};
+const parseYaml = (devicesYaml) => {
+	try {
+		return parse(devicesYaml);
+	} catch (error) {
+		const [firstLine] = (error instanceof Error ? error.message : "bad YAML").split("\n");
+		return rejectDevicesFile(firstLine, error);
+	}
+};
+const parseDevicesYaml = (devicesYaml) => {
+	const parsedYaml = parseYaml(devicesYaml);
+	const parsedFile = devicesFileSchema.safeParse(parsedYaml ?? {});
+	if (parsedFile.success) return checkDeviceIds(parsedFile.data);
+	const [firstIssue] = parsedFile.error.issues;
+	const badField = firstIssue.path.join(".");
+	return rejectDevicesFile(`${badField || "file"}: ${firstIssue.message}`, parsedFile.error);
+};
+const readDevicesYaml = async (devicesFilePath) => {
+	const devicesYaml = await readStoredFile(devicesFilePath);
+	if (devicesYaml === null) return devicesFileSchema.parse({});
+	return parseDevicesYaml(devicesYaml);
+};
+const readDevicesFile = async (rootFolder) => {
+	const devicesFilePath = join(rootFolder, DEVICES_FILE_PATH);
+	return readDevicesYaml(devicesFilePath);
+};
+const updateDevicesFile = async (rootFolder, changeDevicesFile) => {
+	const devicesFilePath = join(rootFolder, DEVICES_FILE_PATH);
+	return runOneAtATime(devicesFilePath, async () => {
+		const changedFile = changeDevicesFile(await readDevicesYaml(devicesFilePath));
+		await writeStoredFile(devicesFilePath, stringify(changedFile));
+		return changedFile;
+	});
+};
+export { gridUpdateSchema as _, checkNewDevice as a, listCatalogReplies as c, pickGridChanges as d, pickGridDevices as f, devicesFileSchema as g, customDeviceSchema as h, checkDeviceRemoval as i, pickDeviceScreen as l, DEVICE_CATALOG as m, readDevicesFile as n, createPresetFromCustomDevice as o, replaceGrid as p, updateDevicesFile as r, findCatalogPreset as s, parseDevicesYaml as t, pickDeviceViewport as u };