@fivepixels-js/react 0.2.8 → 0.2.10

package/dist/components/ui/FloatingWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingWindow.js","sourceRoot":"","sources":["../../../src/components/ui/FloatingWindow.tsx"],"names":[],"mappings":"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"}

package/dist/constants/devicePreview.d.ts

@@ -0,0 +1,137 @@
+/** Hardware chrome color — bezel, notch, island, and camera stay this regardless of theme. */
+export declare const DEVICE_CHROME_COLOR = "#101010";
+export type DeviceBezelInset = {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+};
+export type DeviceChromeSpec = {
+    /** Outer chassis corner radius (CSS px at 1x logical screen size). */
+    frameRadius: number;
+    /** Screen content corner radius. */
+    screenRadius: number;
+    /** Bezel thickness around the logical screen. */
+    bezel: DeviceBezelInset;
+    /** Optional hardware button hints (relative to frame). */
+    buttons?: {
+        left?: Array<{
+            topRatio: number;
+            height: number;
+        }>;
+        right?: Array<{
+            topRatio: number;
+            height: number;
+        }>;
+    };
+};
+export type DevicePreviewFrame = "home-button" | "notch" | "island" | "punch" | "punch-flat" | "tablet" | "tablet-thin" | "desktop";
+export type DeviceStatusBarLayout = "classic" | "faceId" | "android" | "tablet" | "none";
+/** Cutout geometry at the device's 1x logical width (scaled with screen width at render). */
+export type DeviceCutoutSpec = {
+    kind: "none";
+} | {
+    kind: "notch";
+    width: number;
+    height: number;
+    top: number;
+} | {
+    kind: "island";
+    width: number;
+    height: number;
+    top: number;
+} | {
+    kind: "punch";
+    radius: number;
+    top: number;
+};
+export type DeviceStatusBarSpec = {
+    layout: DeviceStatusBarLayout;
+    /** Top safe-area inset in CSS points at 1x logical size. */
+    safeAreaTop: number;
+    padLeft: number;
+    padRight: number;
+    timeSize: number;
+    cellularH: number;
+    wifi: number;
+    batteryW: number;
+    batteryH: number;
+    iconGap: number;
+    /** Show green fill + percent inside battery (iOS Face ID style). */
+    batteryPercent: boolean;
+    cutout: DeviceCutoutSpec;
+};
+export type ScaledDeviceCutout = {
+    kind: "none";
+    width: number;
+    height: number;
+    top: number;
+} | {
+    kind: "notch";
+    width: number;
+    height: number;
+    top: number;
+} | {
+    kind: "island";
+    width: number;
+    height: number;
+    top: number;
+} | {
+    kind: "punch";
+    width: number;
+    height: number;
+    top: number;
+    radius: number;
+};
+export type DevicePreviewPreset = {
+    id: string;
+    brand: "apple" | "samsung" | "google" | "desktop";
+    label: string;
+    width: number;
+    height: number;
+    frame: DevicePreviewFrame;
+    chrome: DeviceChromeSpec;
+    statusBar: DeviceStatusBarSpec;
+};
+/**
+ * Chrome metrics are derived from public body/display mm ratios,
+ * scaled to each device's CSS logical width so bezels/radii stay proportional.
+ *
+ * Status bar / cutout values live on each preset so DeviceStatusBar and
+ * DeviceFrameArtwork share one source of truth.
+ */
+export declare const DEVICE_PREVIEW_PRESETS: readonly DevicePreviewPreset[];
+export declare const DEFAULT_DEVICE_PREVIEW_ID = "iphone-14";
+export declare const DEVICE_PREVIEW_BRAND_ORDER: readonly ["apple", "samsung", "google", "desktop"];
+export type DevicePreviewBrand = (typeof DEVICE_PREVIEW_BRAND_ORDER)[number];
+export declare const DEVICE_PREVIEW_SCALE_OPTIONS: readonly [0.5, 0.75, 1, 1.25];
+export type DevicePreviewScale = (typeof DEVICE_PREVIEW_SCALE_OPTIONS)[number];
+export declare const DEFAULT_DEVICE_PREVIEW_SCALE: DevicePreviewScale;
+export declare function getDevicePreviewPreset(deviceId: string | null | undefined): DevicePreviewPreset;
+export declare function getDevicePreviewPresetsByBrand(brand: DevicePreviewBrand): DevicePreviewPreset[];
+export declare function normalizeDevicePreviewScale(value: number | null | undefined): DevicePreviewScale;
+export declare function formatDevicePreviewScale(scale: DevicePreviewScale): string;
+export declare function getDevicePreviewLayoutSize(preset: DevicePreviewPreset, scale: DevicePreviewScale): {
+    width: number;
+    height: number;
+};
+export declare function scaleDeviceChrome(preset: DevicePreviewPreset, scale: DevicePreviewScale): DeviceChromeSpec;
+export declare function getEmptyBezel(): DeviceBezelInset;
+/** Scale preset cutout metrics to the current on-screen width. */
+export declare function getScaledDeviceCutout(preset: DevicePreviewPreset, screenWidth: number): ScaledDeviceCutout;
+export declare function getDeviceSafeAreaTop(preset: DevicePreviewPreset, screenWidth: number): number;
+export declare function scaleStatusBarMetrics(preset: DevicePreviewPreset, screenWidth: number): {
+    safeAreaTop: number;
+    padLeft: number;
+    padRight: number;
+    timeSize: number;
+    cellularH: number;
+    wifi: number;
+    batteryW: number;
+    batteryH: number;
+    iconGap: number;
+    batteryPercent: boolean;
+    layout: DeviceStatusBarLayout;
+    cutout: ScaledDeviceCutout;
+};
+//# sourceMappingURL=devicePreview.d.ts.map

package/dist/constants/devicePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devicePreview.d.ts","sourceRoot":"","sources":["../../src/constants/devicePreview.ts"],"names":[],"mappings":"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"}

package/dist/constants/devicePreview.js

@@ -0,0 +1,501 @@
+/** Hardware chrome color — bezel, notch, island, and camera stay this regardless of theme. */
+export const DEVICE_CHROME_COLOR = "#101010";
+function statusBarClassic(overrides = {}) {
+    return {
+        layout: "classic",
+        safeAreaTop: 20,
+        padLeft: 0,
+        padRight: 0,
+        timeSize: 16,
+        cellularH: 12,
+        wifi: 15,
+        batteryW: 27,
+        batteryH: 12,
+        iconGap: 6,
+        batteryPercent: false,
+        cutout: { kind: "none" },
+        ...overrides,
+    };
+}
+function statusBarFaceId(overrides) {
+    return {
+        layout: "faceId",
+        padLeft: 0,
+        padRight: 0,
+        timeSize: 16,
+        cellularH: 13,
+        wifi: 17,
+        batteryW: 34,
+        batteryH: 15,
+        iconGap: 7,
+        batteryPercent: true,
+        ...overrides,
+    };
+}
+function statusBarAndroid(overrides) {
+    return {
+        layout: "android",
+        safeAreaTop: 28,
+        padLeft: 14,
+        padRight: 12,
+        timeSize: 14,
+        cellularH: 12,
+        wifi: 16,
+        batteryW: 28,
+        batteryH: 12,
+        iconGap: 6,
+        batteryPercent: false,
+        ...overrides,
+    };
+}
+function statusBarTablet(overrides = {}) {
+    return {
+        layout: "tablet",
+        safeAreaTop: 24,
+        padLeft: 18,
+        padRight: 16,
+        timeSize: 14,
+        cellularH: 12,
+        wifi: 16,
+        batteryW: 30,
+        batteryH: 12,
+        iconGap: 7,
+        batteryPercent: true,
+        cutout: { kind: "none" },
+        ...overrides,
+    };
+}
+function statusBarNone() {
+    return {
+        layout: "none",
+        safeAreaTop: 0,
+        padLeft: 0,
+        padRight: 0,
+        timeSize: 0,
+        cellularH: 0,
+        wifi: 0,
+        batteryW: 0,
+        batteryH: 0,
+        iconGap: 0,
+        batteryPercent: false,
+        cutout: { kind: "none" },
+    };
+}
+/**
+ * Chrome metrics are derived from public body/display mm ratios,
+ * scaled to each device's CSS logical width so bezels/radii stay proportional.
+ *
+ * Status bar / cutout values live on each preset so DeviceStatusBar and
+ * DeviceFrameArtwork share one source of truth.
+ */
+export const DEVICE_PREVIEW_PRESETS = [
+    {
+        id: "iphone-se",
+        brand: "apple",
+        label: "iPhone SE",
+        width: 375,
+        height: 667,
+        frame: "home-button",
+        statusBar: statusBarClassic(),
+        chrome: {
+            frameRadius: 56,
+            screenRadius: 2,
+            bezel: { top: 90, right: 9, bottom: 90, left: 9 },
+            buttons: {
+                left: [
+                    { topRatio: 0.16, height: 22 },
+                    { topRatio: 0.22, height: 48 },
+                    { topRatio: 0.3, height: 48 },
+                ],
+                right: [{ topRatio: 0.24, height: 64 }],
+            },
+        },
+    },
+    {
+        id: "iphone-14",
+        brand: "apple",
+        label: "iPhone 14",
+        width: 390,
+        height: 844,
+        frame: "notch",
+        statusBar: statusBarFaceId({
+            safeAreaTop: 47,
+            cutout: { kind: "notch", width: 133, height: 31, top: 0 },
+        }),
+        chrome: {
+            frameRadius: 54,
+            screenRadius: 50,
+            bezel: { top: 6, right: 6, bottom: 6, left: 6 },
+            buttons: {
+                left: [
+                    { topRatio: 0.14, height: 28 },
+                    { topRatio: 0.2, height: 52 },
+                    { topRatio: 0.28, height: 52 },
+                ],
+                right: [{ topRatio: 0.22, height: 72 }],
+            },
+        },
+    },
+    {
+        id: "iphone-15-pro",
+        brand: "apple",
+        label: "iPhone 15 Pro",
+        width: 393,
+        height: 852,
+        frame: "island",
+        statusBar: statusBarFaceId({
+            safeAreaTop: 59,
+            cutout: { kind: "island", width: 126, height: 34, top: 10 },
+        }),
+        chrome: {
+            frameRadius: 55,
+            screenRadius: 51,
+            bezel: { top: 6, right: 6, bottom: 6, left: 6 },
+            buttons: {
+                left: [
+                    { topRatio: 0.15, height: 30 },
+                    { topRatio: 0.22, height: 54 },
+                    { topRatio: 0.3, height: 54 },
+                ],
+                right: [{ topRatio: 0.23, height: 74 }],
+            },
+        },
+    },
+    {
+        id: "iphone-15-pro-max",
+        brand: "apple",
+        label: "iPhone 15 Pro Max",
+        width: 430,
+        height: 932,
+        frame: "island",
+        statusBar: statusBarFaceId({
+            safeAreaTop: 59,
+            cutout: { kind: "island", width: 126, height: 37, top: 10 },
+        }),
+        chrome: {
+            frameRadius: 58,
+            screenRadius: 54,
+            bezel: { top: 6, right: 6, bottom: 6, left: 6 },
+            buttons: {
+                left: [
+                    { topRatio: 0.15, height: 32 },
+                    { topRatio: 0.22, height: 56 },
+                    { topRatio: 0.3, height: 56 },
+                ],
+                right: [{ topRatio: 0.23, height: 78 }],
+            },
+        },
+    },
+    {
+        id: "iphone-air",
+        brand: "apple",
+        label: "iPhone Air",
+        width: 420,
+        height: 912,
+        frame: "island",
+        statusBar: statusBarFaceId({
+            safeAreaTop: 68,
+            cutout: { kind: "island", width: 126, height: 36, top: 10 },
+        }),
+        chrome: {
+            frameRadius: 56,
+            screenRadius: 52,
+            bezel: { top: 6, right: 6, bottom: 6, left: 6 },
+            buttons: {
+                left: [
+                    { topRatio: 0.15, height: 30 },
+                    { topRatio: 0.22, height: 54 },
+                    { topRatio: 0.3, height: 54 },
+                ],
+                right: [{ topRatio: 0.23, height: 74 }],
+            },
+        },
+    },
+    {
+        id: "ipad-mini",
+        brand: "apple",
+        label: "iPad mini",
+        width: 768,
+        height: 1024,
+        frame: "tablet",
+        statusBar: statusBarTablet(),
+        chrome: {
+            frameRadius: 42,
+            screenRadius: 18,
+            bezel: { top: 36, right: 36, bottom: 36, left: 36 },
+        },
+    },
+    {
+        id: "ipad-pro-11",
+        brand: "apple",
+        label: "iPad Pro 11\"",
+        width: 834,
+        height: 1194,
+        frame: "tablet-thin",
+        statusBar: statusBarTablet({ safeAreaTop: 24 }),
+        chrome: {
+            frameRadius: 36,
+            screenRadius: 18,
+            bezel: { top: 22, right: 22, bottom: 22, left: 22 },
+        },
+    },
+    {
+        id: "galaxy-s24",
+        brand: "samsung",
+        label: "Galaxy S24",
+        width: 360,
+        height: 780,
+        frame: "punch",
+        statusBar: statusBarAndroid({
+            cutout: { kind: "punch", radius: 12, top: 16 },
+        }),
+        chrome: {
+            frameRadius: 44,
+            screenRadius: 38,
+            bezel: { top: 10, right: 9, bottom: 10, left: 9 },
+            buttons: {
+                left: [{ topRatio: 0.2, height: 70 }],
+                right: [
+                    { topRatio: 0.18, height: 36 },
+                    { topRatio: 0.26, height: 70 },
+                ],
+            },
+        },
+    },
+    {
+        id: "galaxy-s24-ultra",
+        brand: "samsung",
+        label: "Galaxy S24 Ultra",
+        width: 384,
+        height: 824,
+        frame: "punch-flat",
+        statusBar: statusBarAndroid({
+            cutout: { kind: "punch", radius: 11, top: 16 },
+        }),
+        chrome: {
+            frameRadius: 18,
+            screenRadius: 12,
+            bezel: { top: 9, right: 8, bottom: 9, left: 8 },
+            buttons: {
+                left: [{ topRatio: 0.2, height: 74 }],
+                right: [
+                    { topRatio: 0.18, height: 38 },
+                    { topRatio: 0.26, height: 74 },
+                ],
+            },
+        },
+    },
+    {
+        id: "galaxy-tab-s9",
+        brand: "samsung",
+        label: "Galaxy Tab S9",
+        width: 800,
+        height: 1280,
+        frame: "tablet",
+        statusBar: statusBarTablet({ batteryPercent: false }),
+        chrome: {
+            frameRadius: 28,
+            screenRadius: 16,
+            bezel: { top: 28, right: 28, bottom: 28, left: 28 },
+        },
+    },
+    {
+        id: "pixel-8",
+        brand: "google",
+        label: "Pixel 8",
+        width: 412,
+        height: 915,
+        frame: "punch",
+        statusBar: statusBarAndroid({
+            cutout: { kind: "punch", radius: 12, top: 16 },
+        }),
+        chrome: {
+            frameRadius: 40,
+            screenRadius: 34,
+            bezel: { top: 12, right: 11, bottom: 14, left: 11 },
+            buttons: {
+                left: [],
+                right: [
+                    { topRatio: 0.18, height: 34 },
+                    { topRatio: 0.24, height: 72 },
+                    { topRatio: 0.34, height: 72 },
+                ],
+            },
+        },
+    },
+    {
+        id: "pixel-8-pro",
+        brand: "google",
+        label: "Pixel 8 Pro",
+        width: 448,
+        height: 998,
+        frame: "punch",
+        statusBar: statusBarAndroid({
+            cutout: { kind: "punch", radius: 12, top: 16 },
+        }),
+        chrome: {
+            frameRadius: 42,
+            screenRadius: 36,
+            bezel: { top: 12, right: 11, bottom: 14, left: 11 },
+            buttons: {
+                left: [],
+                right: [
+                    { topRatio: 0.18, height: 36 },
+                    { topRatio: 0.24, height: 76 },
+                    { topRatio: 0.34, height: 76 },
+                ],
+            },
+        },
+    },
+    {
+        id: "desktop-hd",
+        brand: "desktop",
+        label: "Desktop HD",
+        width: 1280,
+        height: 720,
+        frame: "desktop",
+        statusBar: statusBarNone(),
+        chrome: {
+            frameRadius: 14,
+            screenRadius: 4,
+            bezel: { top: 22, right: 18, bottom: 42, left: 18 },
+        },
+    },
+    {
+        id: "desktop-fhd",
+        brand: "desktop",
+        label: "Desktop FHD",
+        width: 1440,
+        height: 900,
+        frame: "desktop",
+        statusBar: statusBarNone(),
+        chrome: {
+            frameRadius: 14,
+            screenRadius: 4,
+            bezel: { top: 22, right: 18, bottom: 42, left: 18 },
+        },
+    },
+    {
+        id: "desktop-qhd",
+        brand: "desktop",
+        label: "Desktop QHD",
+        width: 1920,
+        height: 1080,
+        frame: "desktop",
+        statusBar: statusBarNone(),
+        chrome: {
+            frameRadius: 14,
+            screenRadius: 4,
+            bezel: { top: 22, right: 18, bottom: 42, left: 18 },
+        },
+    },
+];
+export const DEFAULT_DEVICE_PREVIEW_ID = "iphone-14";
+export const DEVICE_PREVIEW_BRAND_ORDER = ["apple", "samsung", "google", "desktop"];
+export const DEVICE_PREVIEW_SCALE_OPTIONS = [0.5, 0.75, 1, 1.25];
+export const DEFAULT_DEVICE_PREVIEW_SCALE = 1;
+export function getDevicePreviewPreset(deviceId) {
+    return (DEVICE_PREVIEW_PRESETS.find((preset) => preset.id === deviceId) ??
+        DEVICE_PREVIEW_PRESETS.find((preset) => preset.id === DEFAULT_DEVICE_PREVIEW_ID) ??
+        DEVICE_PREVIEW_PRESETS[0]);
+}
+export function getDevicePreviewPresetsByBrand(brand) {
+    return DEVICE_PREVIEW_PRESETS.filter((preset) => preset.brand === brand);
+}
+export function normalizeDevicePreviewScale(value) {
+    const match = DEVICE_PREVIEW_SCALE_OPTIONS.find((scale) => scale === value);
+    return match ?? DEFAULT_DEVICE_PREVIEW_SCALE;
+}
+export function formatDevicePreviewScale(scale) {
+    return `${Math.round(scale * 100)}%`;
+}
+export function getDevicePreviewLayoutSize(preset, scale) {
+    return {
+        width: Math.max(1, Math.round(preset.width * scale)),
+        height: Math.max(1, Math.round(preset.height * scale)),
+    };
+}
+export function scaleDeviceChrome(preset, scale) {
+    const s = scale;
+    return {
+        frameRadius: Math.max(0, Math.round(preset.chrome.frameRadius * s)),
+        screenRadius: Math.max(0, Math.round(preset.chrome.screenRadius * s)),
+        bezel: {
+            top: Math.max(0, Math.round(preset.chrome.bezel.top * s)),
+            right: Math.max(0, Math.round(preset.chrome.bezel.right * s)),
+            bottom: Math.max(0, Math.round(preset.chrome.bezel.bottom * s)),
+            left: Math.max(0, Math.round(preset.chrome.bezel.left * s)),
+        },
+        buttons: preset.chrome.buttons,
+    };
+}
+export function getEmptyBezel() {
+    return { top: 0, right: 0, bottom: 0, left: 0 };
+}
+/** Scale preset cutout metrics to the current on-screen width. */
+export function getScaledDeviceCutout(preset, screenWidth) {
+    const cutout = preset.statusBar.cutout;
+    const s = preset.width > 0 ? screenWidth / preset.width : 1;
+    switch (cutout.kind) {
+        case "notch":
+            return {
+                kind: "notch",
+                width: Math.round(cutout.width * s),
+                height: Math.round(cutout.height * s),
+                top: Math.round(cutout.top * s),
+            };
+        case "island":
+            return {
+                kind: "island",
+                width: Math.round(cutout.width * s),
+                height: Math.round(cutout.height * s),
+                top: Math.round(cutout.top * s),
+            };
+        case "punch": {
+            const radius = Math.round(cutout.radius * s);
+            return {
+                kind: "punch",
+                width: radius * 2 + 8,
+                height: radius * 2 + 8,
+                top: Math.round(cutout.top * s),
+                radius,
+            };
+        }
+        case "none":
+        default:
+            return {
+                kind: "none",
+                width: Math.max(8, Math.round(screenWidth * 0.08)),
+                height: 0,
+                top: 0,
+            };
+    }
+}
+export function getDeviceSafeAreaTop(preset, screenWidth) {
+    const base = preset.statusBar.safeAreaTop;
+    if (preset.width <= 0) {
+        return base;
+    }
+    return Math.max(0, Math.round(base * (screenWidth / preset.width)));
+}
+export function scaleStatusBarMetrics(preset, screenWidth) {
+    const s = preset.width > 0 ? screenWidth / preset.width : 1;
+    const mild = Math.min(1.12, Math.max(0.95, s));
+    const bar = preset.statusBar;
+    return {
+        safeAreaTop: getDeviceSafeAreaTop(preset, screenWidth),
+        padLeft: bar.padLeft * mild,
+        padRight: bar.padRight * mild,
+        // Keep exact pt for clock so Face ID / classic stay at 16px.
+        timeSize: bar.layout === "faceId" || bar.layout === "classic" ? bar.timeSize : bar.timeSize * mild,
+        cellularH: bar.cellularH * mild,
+        wifi: bar.wifi * mild,
+        batteryW: bar.batteryW * mild,
+        batteryH: bar.batteryH * mild,
+        iconGap: bar.iconGap * mild,
+        batteryPercent: bar.batteryPercent,
+        layout: bar.layout,
+        cutout: getScaledDeviceCutout(preset, screenWidth),
+    };
+}
+//# sourceMappingURL=devicePreview.js.map