@versatiles/style 5.2.5 → 5.2.7

package/dist/style_builder/style_builder.js

@@ -1,106 +0,0 @@
-import { Color } from '../color/index.js';
-import { getShortbreadTemplate, getShortbreadLayers } from '../shortbread/index.js';
-import { decorate } from './decorator.js';
-import { CachedRecolor, getDefaultRecolorFlags } from './recolor.js';
-import { basename, deepClone, resolveUrl } from '../lib/utils.js';
-// StyleBuilder class definition
-export class StyleBuilder {
-    #sourceName = 'versatiles-shortbread';
-    build(options) {
-        options ??= {};
-        const baseUrl = options.baseUrl ?? globalThis?.document?.location?.origin ?? 'https://tiles.versatiles.org';
-        const glyphs = options.glyphs ?? '/assets/glyphs/{fontstack}/{range}.pbf';
-        const sprite = options.sprite ?? [{ id: 'basics', url: '/assets/sprites/basics/sprites' }];
-        const tiles = options.tiles ?? ['/tiles/osm/{z}/{x}/{y}'];
-        const hideLabels = options.hideLabels ?? false;
-        const language = options.language ?? null;
-        const recolorOptions = options.recolor ?? getDefaultRecolorFlags();
-        const colors = this.getColors(this.defaultColors);
-        if (options.colors) {
-            let key;
-            for (key in options.colors) {
-                const value = options.colors[key];
-                if (value != null)
-                    colors[key] = Color.parse(value);
-            }
-        }
-        const fonts = deepClone(this.defaultFonts);
-        if (options.fonts) {
-            let key;
-            for (key in options.fonts) {
-                const fontName = options.fonts[key];
-                if (fontName != null)
-                    fonts[key] = fontName;
-            }
-        }
-        // get empty shortbread style
-        const style = getShortbreadTemplate();
-        const styleRuleOptions = {
-            colors,
-            fonts,
-            language,
-        };
-        // get layer style rules from child class
-        const layerStyleRules = this.getStyleRules(styleRuleOptions);
-        // get shortbread layers
-        const layerDefinitions = getShortbreadLayers({ language });
-        let layers = layerDefinitions.map(layer => {
-            switch (layer.type) {
-                case 'background':
-                    return layer;
-                case 'fill':
-                case 'line':
-                case 'symbol':
-                    return {
-                        source: this.#sourceName,
-                        ...layer,
-                    };
-            }
-            throw Error('unknown layer type');
-        });
-        // apply layer rules
-        layers = decorate(layers, layerStyleRules, new CachedRecolor(recolorOptions));
-        // hide labels, if wanted
-        if (hideLabels)
-            layers = layers.filter(l => l.type !== 'symbol');
-        style.layers = layers;
-        style.name = 'versatiles-' + this.name.toLowerCase();
-        style.glyphs = resolveUrl(baseUrl, glyphs);
-        if (typeof sprite == 'string') {
-            style.sprite = [{ id: basename(sprite), url: resolveUrl(baseUrl, sprite) }];
-        }
-        else {
-            style.sprite = sprite.map(({ id, url }) => ({ id, url: resolveUrl(baseUrl, url) }));
-        }
-        const source = style.sources[this.#sourceName];
-        if ('tiles' in source)
-            source.tiles = tiles.map(url => resolveUrl(baseUrl, url));
-        return style;
-    }
-    getColors(colors) {
-        const entriesString = Object.entries(colors);
-        const result = Object.fromEntries(entriesString.map(([key, value]) => [key, Color.parse(value)]));
-        return result;
-    }
-    getDefaultOptions() {
-        return {
-            baseUrl: '',
-            glyphs: '',
-            sprite: '',
-            tiles: [],
-            hideLabels: false,
-            language: undefined,
-            colors: deepClone(this.defaultColors),
-            fonts: deepClone(this.defaultFonts),
-            recolor: getDefaultRecolorFlags(),
-        };
-    }
-    transformDefaultColors(callback) {
-        const colors = this.getColors(this.defaultColors);
-        let key;
-        for (key in colors) {
-            this.defaultColors[key] = callback(colors[key]);
-        }
-    }
-}
-//# sourceMappingURL=style_builder.js.map

package/dist/style_builder/types.d.ts

@@ -1,122 +0,0 @@
-import type { Color } from '../color/index.js';
-import type { RecolorOptions } from './recolor.js';
-import { SpriteSpecification } from '@maplibre/maplibre-gl-style-spec';
-/** Represents language suffixes used in map styles. */
-export type Language = 'de' | 'en' | null;
-/** Options for configuring a style builder. */
-export interface StyleBuilderOptions {
-    /**
-     * The base URL for loading external resources like tiles, sprites, and fonts.
-     * Default: document.location.origin (in the browser), or 'https://tiles.versatiles.org'
-     */
-    baseUrl?: string;
-    /**
-     * The URL template for loading font glyphs, formatted with '{fontstack}' and '{range}' placeholders.
-     * Default: '/assets/glyphs/{fontstack}/{range}.pbf'
-     */
-    glyphs?: string;
-    /**
-     * The URL for loading sprite images and metadata.
-     * Default: [{ id: 'basics', url: '/assets/sprites/basics/sprites' }]
-     */
-    sprite?: SpriteSpecification;
-    /**
-     * An array of URL templates for loading map tiles, using '{z}', '{x}', and '{y}' placeholders.
-     * Default: ['/tiles/osm/{z}/{x}/{y}']
-     */
-    tiles?: string[];
-    /**
-     * If set to true, hides all map labels.
-     * Default: false
-     */
-    hideLabels?: boolean;
-    /**
-     * Set the language ('en', 'de') of all map labels.
-     * A null value means that the language of the country in which the label is drawn will be used.
-     * Default: null
-     */
-    language?: Language;
-    /**
-     * An object specifying overrides for default color values, keyed by the color names.
-     */
-    colors?: Partial<StyleBuilderColors>;
-    /**
-     * An object specifying overrides for default font names, keyed by the font names.
-     */
-    fonts?: Partial<StyleBuilderFonts>;
-    /**
-     * Options for color adjustments and transformations applied to the entire style.
-     */
-    recolor?: RecolorOptions;
-}
-/** Records string values for color properties in a style builder. */
-export interface StyleBuilderColors {
-    agriculture: Color | string;
-    boundary: Color | string;
-    building: Color | string;
-    buildingbg: Color | string;
-    burial: Color | string;
-    commercial: Color | string;
-    construction: Color | string;
-    cycle: Color | string;
-    danger: Color | string;
-    disputed: Color | string;
-    education: Color | string;
-    foot: Color | string;
-    glacier: Color | string;
-    grass: Color | string;
-    hospital: Color | string;
-    industrial: Color | string;
-    label: Color | string;
-    labelHalo: Color | string;
-    land: Color | string;
-    leisure: Color | string;
-    motorway: Color | string;
-    motorwaybg: Color | string;
-    park: Color | string;
-    parking: Color | string;
-    poi: Color | string;
-    prison: Color | string;
-    rail: Color | string;
-    residential: Color | string;
-    rock: Color | string;
-    sand: Color | string;
-    shield: Color | string;
-    street: Color | string;
-    streetbg: Color | string;
-    subway: Color | string;
-    symbol: Color | string;
-    trunk: Color | string;
-    trunkbg: Color | string;
-    waste: Color | string;
-    water: Color | string;
-    wetland: Color | string;
-    wood: Color | string;
-}
-export type StyleBuilderColorsEnsured = Record<keyof StyleBuilderColors, Color>;
-/** Records string values for font properties in a style builder. */
-export type StyleBuilderFonts = {
-    regular: string;
-    bold: string;
-};
-/** Defines options for style rules in a style builder. */
-export interface StyleRulesOptions {
-    /**
-     * The set of colors used in the style builder.
-     */
-    colors: StyleBuilderColorsEnsured;
-    /**
-     * The set of fonts used in the style builder.
-     */
-    fonts: StyleBuilderFonts;
-    /**
-     * The language used for map labels.
-     */
-    language: Language;
-}
-/** Defines the value type for a style rule. */
-export type StyleRuleValue = boolean | number | object | string;
-/** Defines the structure of a style rule, which is a record of properties to style values. */
-export type StyleRule = Record<string, StyleRuleValue | undefined>;
-/** Defines the structure of style rules, which is a record of selectors to style rules. */
-export type StyleRules = Record<string, StyleRule | undefined>;

package/dist/style_builder/types.js

@@ -1,3 +0,0 @@
-;
-export {};
-//# sourceMappingURL=types.js.map

package/dist/styles/colorful.d.ts

@@ -1,11 +0,0 @@
-import { StyleBuilder } from '../style_builder/style_builder.js';
-import type { StyleBuilderColors, StyleRules, StyleRulesOptions } from '../style_builder/types.js';
-export default class Colorful extends StyleBuilder {
-    readonly name: string;
-    defaultFonts: {
-        regular: string;
-        bold: string;
-    };
-    defaultColors: StyleBuilderColors;
-    protected getStyleRules(options: StyleRulesOptions): StyleRules;
-}