gpx.studio/website/src/lib/components/embedding/Embedding.ts

import { basemaps } from "$lib/assets/layers";

export type EmbeddingOptions = {
    token: string;
    files: string[];
    basemap: string;
    elevation: {
        show: boolean;
        height: number,
        controls: boolean,
        fill: 'slope' | 'surface' | undefined,
        speed: boolean,
        hr: boolean,
        cad: boolean,
        temp: boolean,
        power: boolean,
    },
    distanceMarkers: boolean,
    directionMarkers: boolean,
    distanceUnits: 'metric' | 'imperial',
    velocityUnits: 'speed' | 'pace',
    temperatureUnits: 'celsius' | 'fahrenheit',
    theme: 'system' | 'light' | 'dark',
};

export const defaultEmbeddingOptions = {
    token: '',
    files: [],
    basemap: 'mapboxOutdoors',
    elevation: {
        show: true,
        height: 170,
        controls: true,
        fill: undefined,
        speed: false,
        hr: false,
        cad: false,
        temp: false,
        power: false,
    },
    distanceMarkers: false,
    directionMarkers: false,
    distanceUnits: 'metric',
    velocityUnits: 'speed',
    temperatureUnits: 'celsius',
    theme: 'system',
};

export function getDefaultEmbeddingOptions(): EmbeddingOptions {
    return JSON.parse(JSON.stringify(defaultEmbeddingOptions));
}

export function getMergedEmbeddingOptions(options: any, defaultOptions: any = defaultEmbeddingOptions): EmbeddingOptions {
    const mergedOptions = JSON.parse(JSON.stringify(defaultOptions));
    for (const key in options) {
        if (typeof options[key] === 'object' && options[key] !== null && !Array.isArray(options[key])) {
            mergedOptions[key] = getMergedEmbeddingOptions(options[key], defaultOptions[key]);
        } else {
            mergedOptions[key] = options[key];
        }
    }
    return mergedOptions;
}

export function getCleanedEmbeddingOptions(options: any, defaultOptions: any = defaultEmbeddingOptions): any {
    const cleanedOptions = JSON.parse(JSON.stringify(options));
    for (const key in cleanedOptions) {
        if (typeof cleanedOptions[key] === 'object' && cleanedOptions[key] !== null && !Array.isArray(cleanedOptions[key])) {
            cleanedOptions[key] = getCleanedEmbeddingOptions(cleanedOptions[key], defaultOptions[key]);
            if (Object.keys(cleanedOptions[key]).length === 0) {
                delete cleanedOptions[key];
            }
        } else if (JSON.stringify(cleanedOptions[key]) === JSON.stringify(defaultOptions[key])) {
            delete cleanedOptions[key];
        }
    }
    return cleanedOptions;
}

export const allowedEmbeddingBasemaps = Object.keys(basemaps).filter(basemap => !['ordnanceSurvey'].includes(basemap));