@expo/webpack-pwa-manifest-plugin/build/validators/Apple.js

Generates a progressive web app (PWA) manifest.json from a React Native app.json

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const Orientation_1 = require("./Orientation");
const Devices = [
    { names: ['iPhone SE'], width: 640, height: 1136, scale: 2, isTablet: false },
    { names: ['iPhone Xs Max'], width: 1242, height: 2688, scale: 3, isTablet: false },
    { names: ['iPhone Xr'], width: 828, height: 1792, scale: 2, isTablet: false },
    { names: ['iPhone X', 'iPhone Xs'], width: 1125, height: 2436, scale: 3, isTablet: false },
    {
        names: ['iPhone 8 Plus', 'iPhone 7 Plus', 'iPhone 6s Plus', 'iPhone 6 Plus'],
        width: 1242,
        height: 2208,
        scale: 3,
        isTablet: false,
    },
    {
        names: ['iPhone 8', 'iPhone 7', 'iPhone 6s', 'iPhone 6'],
        width: 750,
        height: 1334,
        scale: 2,
        isTablet: false,
    },
    { names: ['iPad Pro 12.9"'], width: 2048, height: 2732, scale: 2, isTablet: true },
    { names: ['iPad Pro 11"'], width: 1668, height: 2388, scale: 2, isTablet: true },
    { names: ['iPad Pro 10.5"'], width: 1668, height: 2224, scale: 2, isTablet: true },
    { names: ['iPad Mini', 'iPad Air'], width: 1536, height: 2048, scale: 2, isTablet: true },
];
function assembleOrientationMedia(width, height, scale, orientation) {
    const params = {
        'device-width': `${Math.floor(width / scale)}px`,
        'device-height': `${Math.floor(height / scale)}px`,
        '-webkit-device-pixel-ratio': scale,
        orientation,
    };
    // @ts-ignore
    const query = ['screen', ...Object.keys(params).map(key => `(${key}: ${params[key]})`)];
    return query.join(' and ');
}
function getDevices({ orientation = 'natural', supportsTablet = true, }) {
    if (!Orientation_1.isValid(orientation)) {
        throw new Error(`${orientation} is not a valid orientation`);
    }
    let orientations = [];
    if (Orientation_1.isLandscape(orientation)) {
        orientations.push('landscape');
    }
    if (Orientation_1.isPortrait(orientation)) {
        orientations.push('portrait');
    }
    let devices = [];
    if (supportsTablet) {
        devices = Devices;
    }
    else {
        devices = Devices.filter(({ isTablet }) => !isTablet);
    }
    return devices.map(device => (Object.assign({}, device, { orientations })));
}
function fromStartupImage({ src, resizeMode, destination, color }) {
    // You cannot lock iOS PWA orientation, we should produce every splash screen.
    // orientation
    const devices = getDevices({ orientation: 'any', supportsTablet: false });
    const startupImages = [];
    for (const device of devices) {
        const { width, height } = device;
        for (const orientation of device.orientations) {
            const size = orientation === 'portrait' ? [width, height] : [height, width];
            startupImages.push({
                ios: 'startup',
                src,
                sizes: [size],
                scale: device.scale,
                media: assembleOrientationMedia(device.width, device.height, device.scale, orientation),
                destination,
                resizeMode,
                color,
            });
        }
    }
    return startupImages;
}
exports.fromStartupImage = fromStartupImage;
//# sourceMappingURL=Apple.js.map