@versatiles/style 5.7.0 → 5.8.1

package/src/color/rgb.test.ts

@@ -1,10 +1,11 @@
+import { describe, expect, it } from 'vitest';
 import { RGB } from './rgb.js';
 import { HSL } from './hsl.js';
 import { HSV } from './hsv.js';
 
 describe('RGB Class', () => {
 
-	test('constructor initializes values correctly with clamping', () => {
+	it('constructor initializes values correctly with clamping', () => {
 		const color = new RGB(300, -50, 500, 2);
 		expect(color.asArray()).toStrictEqual([255, 0, 255, 1]);
 
@@ -12,12 +13,12 @@ describe('RGB Class', () => {
 		expect(colorNegative.asArray()).toStrictEqual([0, 0, 0, 0]);
 	});
 
-	test('asArray returns the correct array representation', () => {
+	it('asArray returns the correct array representation', () => {
 		const color = new RGB(128, 64, 255, 0.5);
 		expect(color.asArray()).toStrictEqual([128, 64, 255, 0.5]);
 	});
 
-	test('clone creates a new instance with identical values', () => {
+	it('clone creates a new instance with identical values', () => {
 		const color = new RGB(128, 255, 64, 0.8);
 		const clone = color.clone();
 		expect(clone).toBeInstanceOf(RGB);
@@ -25,7 +26,7 @@ describe('RGB Class', () => {
 		expect(clone).not.toBe(color);
 	});
 
-	test('asString returns correct RGB/RGBA string', () => {
+	it('asString returns correct RGB/RGBA string', () => {
 		const color1 = new RGB(255, 128, 64);
 		expect(color1.asString()).toBe('rgb(255,128,64)');
 
@@ -33,7 +34,7 @@ describe('RGB Class', () => {
 		expect(color2.asString()).toBe('rgba(255,128,64,0.5)');
 	});
 
-	test('asHex returns correct hexadecimal representation', () => {
+	it('asHex returns correct hexadecimal representation', () => {
 		const color1 = new RGB(255, 128, 64);
 		expect(color1.asHex()).toBe('#FF8040');
 
@@ -42,7 +43,7 @@ describe('RGB Class', () => {
 	});
 
 	describe('color conversion', () => {
-		test('asHSL converts RGB to HSL correctly', () => {
+		it('asHSL converts RGB to HSL correctly', () => {
 			const hsl = new RGB(255, 0, 0).asHSL();
 			expect(hsl).toBeInstanceOf(HSL);
 			expect(hsl.asArray().map(value => Math.round(value)))
@@ -64,7 +65,7 @@ describe('RGB Class', () => {
 			expect(RGB.parse('#FF0080').asHSL().round().asArray()).toStrictEqual([330, 100, 50, 1]);
 		});
 
-		test('asHSV converts RGB to HSV correctly', () => {
+		it('asHSV converts RGB to HSV correctly', () => {
 			const hsv = new RGB(255, 0, 0).asHSV();
 			expect(hsv).toBeInstanceOf(HSV);
 			expect(hsv.asArray().map(value => Math.round(value)))
@@ -86,19 +87,19 @@ describe('RGB Class', () => {
 			expect(RGB.parse('#FF0080').asHSV().round().asArray()).toStrictEqual([330, 100, 100, 1]);
 		});
 
-		test('asRGB and toRGB return the same instance or clone', () => {
+		it('asRGB and toRGB return the same instance or clone', () => {
 			const color = new RGB(255, 128, 64, 0.5);
 			expect(color.asRGB()).toStrictEqual(color);
 			expect(color.toRGB()).toStrictEqual(color);
 		});
 
-		test('handles black correctly', () => {
+		it('handles black correctly', () => {
 			const color = new RGB(0, 0, 0);
 			expect(color.asHSL().asArray().map(value => Math.round(value))).toStrictEqual([0, 0, 0, 1]);
 			expect(color.asHSV().asArray().map(value => Math.round(value))).toStrictEqual([0, 0, 0, 1]);
 		});
 
-		test('handles white correctly', () => {
+		it('handles white correctly', () => {
 			const color = new RGB(255, 255, 255);
 			expect(color.asHSL().asArray().map(value => Math.round(value))).toStrictEqual([0, 0, 100, 1]);
 			expect(color.asHSV().asArray().map(value => Math.round(value))).toStrictEqual([0, 0, 100, 1]);
@@ -106,25 +107,25 @@ describe('RGB Class', () => {
 	});
 
 	describe('parse', () => {
-		test('parses hexadecimal color strings correctly', () => {
+		it('parses hexadecimal color strings correctly', () => {
 			expect(RGB.parse('#ff8040').asArray()).toStrictEqual([255, 128, 64, 1]);
 			expect(RGB.parse('#ff804066').asArray()).toStrictEqual([255, 128, 64, 0.4]);
 		});
 
-		test('parses shorthand hexadecimal strings correctly', () => {
+		it('parses shorthand hexadecimal strings correctly', () => {
 			expect(RGB.parse('#fa4').asArray()).toStrictEqual([255, 170, 68, 1]);
 			expect(RGB.parse('#fa43').asArray()).toStrictEqual([255, 170, 68, 0.2]);
 		});
 
-		test('parses RGB strings correctly', () => {
+		it('parses RGB strings correctly', () => {
 			expect(RGB.parse('rgb(255, 128, 64)').asArray()).toStrictEqual([255, 128, 64, 1]);
 		});
 
-		test('parses RGBA strings correctly', () => {
+		it('parses RGBA strings correctly', () => {
 			expect(RGB.parse('rgba(255, 128, 64, 0.5)').asArray()).toStrictEqual([255, 128, 64, 0.5]);
 		});
 
-		test('throws an error for invalid strings', () => {
+		it('throws an error for invalid strings', () => {
 			expect(() => RGB.parse('invalid')).toThrow('Invalid RGB color string: "invalid"');
 		});
 	});
@@ -134,37 +135,37 @@ describe('RGB Class', () => {
 			return cb(new RGB(50, 150, 200, 0.8)).round().asArray();
 		}
 
-		test('adjusts gamma correctly', () => {
+		it('adjusts gamma correctly', () => {
 			expect(pc(c => c.gamma(2.2))).toStrictEqual([7, 79, 149, 0.8]);
 			expect(pc(c => c.gamma(0.001))).toStrictEqual([255, 255, 255, 0.8]);
 			expect(pc(c => c.gamma(1000))).toStrictEqual([0, 0, 0, 0.8]);
 		});
 
-		test('inverts RGB values correctly', () => {
+		it('inverts RGB values correctly', () => {
 			expect(pc(c => c.invert())).toStrictEqual([205, 105, 55, 0.8]);
 		});
 
-		test('adjusts contrast correctly', () => {
+		it('adjusts contrast correctly', () => {
 			expect(pc(c => c.contrast(1.5))).toStrictEqual([11, 161, 236, 0.8]);
 			expect(pc(c => c.contrast(1e6))).toStrictEqual([0, 255, 255, 0.8]);
 			expect(pc(c => c.contrast(0))).toStrictEqual([128, 128, 128, 0.8]);
 		});
 
-		test('increases brightness correctly', () => {
+		it('increases brightness correctly', () => {
 			expect(pc(c => c.brightness(0.5))).toStrictEqual([153, 203, 228, 0.8]);
 			expect(pc(c => c.brightness(-0.5))).toStrictEqual([25, 75, 100, 0.8]);
 			expect(pc(c => c.brightness(2))).toStrictEqual([255, 255, 255, 0.8]);
 			expect(pc(c => c.brightness(-2))).toStrictEqual([0, 0, 0, 0.8]);
 		});
 
-		test('tints color correctly', () => {
+		it('tints color correctly', () => {
 			const tintColor = new RGB(255, 0, 0);
 			expect(pc(c => c.tint(0.5, tintColor))).toStrictEqual([125, 100, 125, 0.8]);
 			expect(pc(c => c.tint(1, tintColor))).toStrictEqual([200, 50, 50, 0.8]);
 			expect(pc(c => c.tint(0, tintColor))).toStrictEqual([50, 150, 200, 0.8]);
 		});
 
-		test('blends color correctly', () => {
+		it('blends color correctly', () => {
 			const blendColor = new RGB(255, 0, 0);
 			expect(pc(c => c.blend(0.2, blendColor))).toStrictEqual([91, 120, 160, 0.8]);
 			expect(pc(c => c.blend(0.5, blendColor))).toStrictEqual([153, 75, 100, 0.8]);
@@ -173,18 +174,18 @@ describe('RGB Class', () => {
 			expect(pc(c => c.blend(0, blendColor))).toStrictEqual([50, 150, 200, 0.8]);
 		});
 
-		test('lightens the color correctly', () => {
+		it('lightens the color correctly', () => {
 			expect(pc(c => c.lighten(0.5))).toStrictEqual([153, 203, 228, 0.8]);
 			expect(pc(c => c.lighten(2))).toStrictEqual([255, 255, 255, 0.8]);
 		});
 
-		test('darkens the color correctly', () => {
+		it('darkens the color correctly', () => {
 			expect(pc(c => c.darken(0.5))).toStrictEqual([25, 75, 100, 0.8]);
 			expect(pc(c => c.darken(1))).toStrictEqual([0, 0, 0, 0.8]);
 			expect(pc(c => c.darken(2))).toStrictEqual([0, 0, 0, 0.8]);
 		});
 
-		test('fades color correctly', () => {
+		it('fades color correctly', () => {
 			expect(pc(c => c.fade(0.5))).toStrictEqual([50, 150, 200, 0.4]);
 			expect(pc(c => c.fade(1))).toStrictEqual([50, 150, 200, 0]);
 

package/src/color/utils.test.ts

@@ -1,83 +1,84 @@
+import { describe, expect, it } from 'vitest';
 import { clamp, formatFloat, mod } from './utils.js';
 
 describe('clamp function', () => {
-	test('returns the number itself if within the range', () => {
+	it('returns the number itself if within the range', () => {
 		expect(clamp(5, 0, 10)).toBe(5);
 		expect(clamp(0, -10, 10)).toBe(0);
 		expect(clamp(-5, -10, 0)).toBe(-5);
 	});
 
-	test('returns the minimum value if number is below range', () => {
+	it('returns the minimum value if number is below range', () => {
 		expect(clamp(-5, 0, 10)).toBe(0);
 		expect(clamp(-15, -10, 10)).toBe(-10);
 	});
 
-	test('returns the maximum value if number is above range', () => {
+	it('returns the maximum value if number is above range', () => {
 		expect(clamp(15, 0, 10)).toBe(10);
 		expect(clamp(20, -10, 10)).toBe(10);
 	});
 
-	test('handles edge cases with boundaries', () => {
+	it('handles edge cases with boundaries', () => {
 		expect(clamp(0, 0, 10)).toBe(0);
 		expect(clamp(10, 0, 10)).toBe(10);
 	});
 });
 
 describe('mod function', () => {
-	test('returns the correct modulus for positive numbers', () => {
+	it('returns the correct modulus for positive numbers', () => {
 		expect(mod(10, 3)).toBe(1);
 		expect(mod(15, 4)).toBe(3);
 	});
 
-	test('handles negative numbers correctly', () => {
+	it('handles negative numbers correctly', () => {
 		expect(mod(-10, 3)).toBe(2);
 		expect(mod(-15, 4)).toBe(1);
 	});
 
-	test('returns 0 for numbers that are exact multiples of max', () => {
+	it('returns 0 for numbers that are exact multiples of max', () => {
 		expect(mod(9, 3)).toBe(0);
 		expect(mod(20, 5)).toBe(0);
 	});
 
-	test('returns 0 for zero input with positive max', () => {
+	it('returns 0 for zero input with positive max', () => {
 		expect(mod(0, 5)).toBe(0);
 	});
 
-	test('handles edge cases with 1 as max', () => {
+	it('handles edge cases with 1 as max', () => {
 		expect(mod(10, 1)).toBe(0);
 		expect(mod(-10, 1)).toBe(0);
 	});
 });
 describe('formatFloat function', () => {
-	test('formats numbers with specified precision correctly', () => {
+	it('formats numbers with specified precision correctly', () => {
 		expect(formatFloat(123.4567, 2)).toBe('123.46');
 		expect(formatFloat(123.4, 2)).toBe('123.4');
 		expect(formatFloat(123.0, 2)).toBe('123');
 	});
 
-	test('handles trailing zeros correctly', () => {
+	it('handles trailing zeros correctly', () => {
 		expect(formatFloat(0.000123, 6)).toBe('0.000123');
 		expect(formatFloat(0.000100, 6)).toBe('0.0001');
 		expect(formatFloat(10.0, 1)).toBe('10');
 	});
 
-	test('handles edge cases with small numbers and high precision', () => {
+	it('handles edge cases with small numbers and high precision', () => {
 		expect(formatFloat(0.0000001234, 10)).toBe('0.0000001234');
 		expect(formatFloat(0.0000001234, 5)).toBe('0');
 	});
 
-	test('handles large numbers correctly', () => {
+	it('handles large numbers correctly', () => {
 		expect(formatFloat(123456789.123456, 3)).toBe('123456789.123');
 		expect(formatFloat(123456789.0, 5)).toBe('123456789');
 	});
 
-	test('handles zero and negative numbers correctly', () => {
+	it('handles zero and negative numbers correctly', () => {
 		expect(formatFloat(0, 2)).toBe('0');
 		expect(formatFloat(-123.456, 1)).toBe('-123.5');
 		expect(formatFloat(-0.000123, 6)).toBe('-0.000123');
 	});
 
-	test('handles no unnecessary decimal points', () => {
+	it('handles no unnecessary decimal points', () => {
 		expect(formatFloat(10.000, 3)).toBe('10');
 		expect(formatFloat(10.010, 3)).toBe('10.01');
 	});

package/src/guess_style/guess_style.test.ts

@@ -1,4 +1,4 @@
-
+import { describe, expect, it } from 'vitest';
 import type { TileJSONSpecification, VectorLayer } from '../types/index.js';
 import { guessStyle } from './guess_style.js';
 import { getShortbreadVectorLayers } from '../shortbread/template.js';

package/src/index.test.ts

@@ -1,9 +1,9 @@
-
+import { describe, expect, it } from 'vitest';
 import { VectorSourceSpecification } from '@maplibre/maplibre-gl-style-spec';
 import type { VectorLayer } from './index.js';
-import { guessStyle, styles } from './index.js';
+import * as lib from './index.js';
 
-const { colorful, eclipse, graybeard, neutrino, shadow } = styles;
+const { colorful, eclipse, graybeard, neutrino, shadow } = lib.styles;
 
 describe('styles', () => {
 	[
@@ -33,20 +33,22 @@ describe('styles', () => {
 });
 
 describe('Colorful', () => {
-	const style = colorful({
-		baseUrl: 'https://dev.null',
-		colors: { commercial: '#f00' },
-	});
-	expect(style.glyphs).toBe('https://dev.null/assets/glyphs/{fontstack}/{range}.pbf');
-	const paint = style.layers.find(l => l.id === 'land-commercial')?.paint;
+	it('should allow custom colors and baseUrl', () => {
+		const style = colorful({
+			baseUrl: 'https://dev.null',
+			colors: { commercial: '#f00' },
+		});
+		expect(style.glyphs).toBe('https://dev.null/assets/glyphs/{fontstack}/{range}.pbf');
+		const paint = style.layers.find(l => l.id === 'land-commercial')?.paint;
 
-	expect(paint).toBeDefined();
-	if (paint == null) throw Error();
+		expect(paint).toBeDefined();
+		if (paint == null) throw Error();
 
-	expect(paint).toHaveProperty('fill-color');
-	if (!('fill-color' in paint)) throw Error();
+		expect(paint).toHaveProperty('fill-color');
+		if (!('fill-color' in paint)) throw Error();
 
-	expect(paint['fill-color']).toBe('rgb(255,0,0)');
+		expect(paint['fill-color']).toBe('rgb(255,0,0)');
+	});
 });
 
 describe('guessStyle', () => {
@@ -54,7 +56,7 @@ describe('guessStyle', () => {
 	const vector_layers: VectorLayer[] = [{ id: 'hallo', fields: { label: 'String' } }];
 
 	it('should build raster styles', () => {
-		const style = guessStyle({ tiles });
+		const style = lib.guessStyle({ tiles });
 		expect(style).toStrictEqual({
 			layers: [{ id: 'raster', source: 'rasterSource', type: 'raster' }],
 			sources: { rasterSource: { tiles, type: 'raster' } },
@@ -63,7 +65,7 @@ describe('guessStyle', () => {
 	});
 
 	it('should build vector styles', () => {
-		const style = guessStyle({ tiles, vector_layers });
+		const style = lib.guessStyle({ tiles, vector_layers });
 		expect(style).toStrictEqual({
 			layers: [
 				{ id: 'background', paint: { 'background-color': '#fff' }, type: 'background' },
@@ -76,3 +78,27 @@ describe('guessStyle', () => {
 		});
 	});
 });
+
+describe('exports', () => {
+	it('should export styles', () => {
+		type something = Record<string, unknown>;
+		expect(typeof lib.styles).toBe('object');
+		const styleNames = ['colorful', 'eclipse', 'graybeard', 'neutrino', 'shadow'];
+		for (const name of styleNames) {
+			expect(typeof (lib as something)[name]).toBe('function');
+			expect(typeof (lib.styles as something)[name]).toBe('function');
+		}
+	});
+
+	it('should export guessStyle', () => {
+		expect(typeof lib.guessStyle).toBe('function');
+	});
+
+	it('should export Color', () => {
+		expect(typeof lib.Color).toBe('function');
+		expect(typeof lib.Color.HSL).toBe('function');
+		expect(typeof lib.Color.HSV).toBe('function');
+		expect(typeof lib.Color.HSV.randomColor).toBe('function');
+		expect(typeof lib.Color.RGB).toBe('function');
+	});
+})

package/src/index.ts

@@ -10,7 +10,7 @@
  *   <body>
  *     <!-- ... -->
  *     <script>
- *       const style = VersatilesStyle.colorful();
+ *       const style = VersaTilesStyle.colorful();
  *       // ...
  *     </script>
  *   </body>
@@ -22,8 +22,8 @@
  * npm i @versatiles/style
  * ```
  * ```
- * import { colorful } from 'versatiles-style';
- * // OR: const { colorful } = require('versatiles-style');
+ * import { colorful } from '@versatiles/style';
+ * // OR: const { colorful } = require('@versatiles/style');
  * const style = colorful();
  * ```
  * 
@@ -91,7 +91,7 @@ export const styles = {
 };
 
 export type { GuessStyleOptions } from './guess_style/index.js';
-export type { RGB, HSL, HSV } from './color/index.js';
+export type { RGB, HSL, HSV, RandomColorOptions } from './color/index.js';
 export type { TileJSONSpecification, TileJSONSpecificationRaster, TileJSONSpecificationVector } from './types/tilejson.js';
 export type { VectorLayer } from './types/index.js';
 export type { StyleBuilderOptions, Language, StyleBuilderColors, StyleBuilderColorKey, StyleBuilderFonts } from './style_builder/types.js';

package/src/lib/utils.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { Color } from '../color/index.js';
 import { deepClone, isSimpleObject, isBasicType, deepMerge, resolveUrl, basename } from './utils.js';
 

package/src/lib/utils.ts

@@ -15,13 +15,11 @@ export function deepClone<T>(obj: T): T {
 	}
 
 	if (isSimpleObject(obj)) {
-		// @ts-expect-error: Too complicated to handle
-		return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepClone(value)]));
+		return Object.fromEntries(Object.entries(obj).map(([key, value]) => [key, deepClone(value)])) as T;
 	}
 
 	if (obj instanceof Array) {
-		// @ts-expect-error: Too complicated to handle
-		return obj.map((e: unknown) => deepClone(e));
+		return obj.map((e: unknown) => deepClone(e)) as T;
 	}
 
 	if (obj instanceof Color) {
@@ -87,8 +85,7 @@ export function deepMerge<T extends object>(source0: T, ...sources: Partial<T>[]
 			}
 
 			if (sourceValue instanceof Color) {
-				// @ts-expect-error: Too complicated to handle
-				target[key] = sourceValue.clone();
+				target[key] = sourceValue.clone() as T[typeof key];
 				continue;
 			}
 

package/src/shortbread/layers.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import type { FillLayerSpecification, SymbolLayerSpecification } from '@maplibre/maplibre-gl-style-spec';
 import { getShortbreadLayers } from './layers.js';
 import { Language } from '../style_builder/types.js';
@@ -15,14 +16,42 @@ describe('layers', () => {
 		});
 	});
 
-	it('should handle language suffix correctly', () => {
+	it('should handle no language suffix correctly', () => {
+		const language: Language = '';
+		const layers = getShortbreadLayers({ language });
+		const labelLayer = layers.find((layer) => layer.id === 'label-street-pedestrian') as SymbolLayerSpecification;
+
+		expect(labelLayer).toBeDefined();
+
+		expect(labelLayer.layout?.['text-field']).toBe("{name}");
+	});
+
+	it('should handle language suffix en correctly', () => {
 		const language: Language = 'en';
 		const layers = getShortbreadLayers({ language });
 		const labelLayer = layers.find((layer) => layer.id === 'label-street-pedestrian') as SymbolLayerSpecification;
 
 		expect(labelLayer).toBeDefined();
 
-		expect(labelLayer.layout?.['text-field']).toContain('{name_en}');
+		expect(labelLayer.layout?.['text-field']).toStrictEqual([
+			"coalesce",
+			"{name_en}",
+			"{name}",
+		]);
+	});
+
+	it('should handle language suffix fr correctly', () => {
+		const language: Language = 'fr';
+		const layers = getShortbreadLayers({ language });
+		const labelLayer = layers.find((layer) => layer.id === 'label-street-pedestrian') as SymbolLayerSpecification;
+
+		expect(labelLayer).toBeDefined();
+
+		expect(labelLayer.layout?.['text-field']).toStrictEqual([
+			"coalesce",
+			"{name_fr}",
+			"{name}",
+		]);
 	});
 
 	it('should create appropriate filters for land layers', () => {

package/src/shortbread/layers.ts

@@ -1,12 +1,15 @@
 
 
-import type { LegacyFilterSpecification } from '@maplibre/maplibre-gl-style-spec';
+import type { DataDrivenPropertyValueSpecification, FormattedSpecification, LegacyFilterSpecification } from '@maplibre/maplibre-gl-style-spec';
 import type { MaplibreLayerDefinition } from '../types/index.js';
 import { Language } from '../style_builder/types.js';
 
 export function getShortbreadLayers(option: { readonly language: Language }): MaplibreLayerDefinition[] {
 	const { language } = option;
-	const nameField = language ? '{name_' + language + '}' : '{name}';
+	let nameField: DataDrivenPropertyValueSpecification<FormattedSpecification> = '{name}';
+	if (language) {
+		nameField = ['coalesce', '{name_' + language + '}', '{name}'];
+	}
 
 	return [
 

package/src/shortbread/properties.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import type { ShortbreadProperty } from './properties.js';
 import propertyLookup from './properties.js';
 

package/src/shortbread/template.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { VectorSourceSpecification } from '@maplibre/maplibre-gl-style-spec';
 import { getShortbreadTemplate } from './template.js';
 

package/src/style_builder/decorator.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { decorate } from './decorator.js';
 import { Color } from '../color/index.js';
 import type { MaplibreLayer } from '../types/maplibre.js';

package/src/style_builder/recolor.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { Color } from '../color/index.js';
 import { CachedRecolor, getDefaultRecolorFlags, recolorArray, recolorObject } from './recolor.js';
 

package/src/style_builder/style_builder.test.ts

@@ -1,4 +1,4 @@
-
+import { beforeEach, describe, expect, it } from 'vitest';
 import { Color } from '../color/index.js';
 import type { StyleRules, StyleRulesOptions } from './types.js';
 import { StyleBuilder } from './style_builder.js';

package/src/style_builder/style_builder.ts

@@ -21,10 +21,9 @@ export abstract class StyleBuilder {
 	public abstract readonly defaultFonts: StyleBuilderFonts;
 
 	public build(options?: StyleBuilderOptions): StyleSpecification {
-
 		options ??= {};
 
-
+		// @ts-expect-error globalThis may be undefined in some environments
 		const baseUrl = options.baseUrl ?? globalThis?.document?.location?.origin ?? 'https://tiles.versatiles.org';
 		const glyphs = options.glyphs ?? '/assets/glyphs/{fontstack}/{range}.pbf';
 

package/src/style_builder/types.ts

@@ -3,7 +3,7 @@ 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;
+export type Language = string | null;
 
 /**
  * Options for configuring the style builder.
@@ -46,7 +46,7 @@ export interface StyleBuilderOptions {
 	hideLabels?: boolean;
 
 	/**
-	 * Set the language ('en', 'de') of all map labels.
+	 * 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.
 	 * See also: {@link Language}
 	 * @default null

package/src/types/tilejson.test.ts

@@ -1,5 +1,4 @@
- 
-
+import { describe, expect, it } from 'vitest'; 
 import { isTileJSONSpecification } from './tilejson.js';
 
 describe('isTileJSONSpecification', () => {

package/src/types/vector_layer.test.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import type { VectorLayer } from './vector_layer.js';
 import { isVectorLayer, isVectorLayers } from './vector_layer.js';