maplibre-gl 2.2.1 → 2.3.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "maplibre-gl",
   "description": "BSD licensed community fork of mapbox-gl, a WebGL interactive maps library",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "main": "dist/maplibre-gl.js",
   "style": "dist/maplibre-gl.css",
   "license": "BSD-3-Clause",
@@ -167,7 +167,7 @@
     "test-render": "node --loader ts-node/esm --experimental-specifier-resolution=node --max-old-space-size=2048 test/integration/render/render.test.ts",
     "test-query": "jest -c ./jest.config.e2e.ts --roots ./test/integration/query",
     "test-expression": "jest --roots ./test/integration/expression",
-    "test-unit": "jest  -c ./jest.config.ts --roots ./src",
+    "test-unit": "jest --roots ./src  -c ./jest.config.ts ",
     "codegen": "npm run generate-style-code && npm run generate-struct-arrays && npm run generate-style-spec && npm run generate-shaders && npm run generate-debug-index-file",
     "benchmark": "node --loader ts-node/esm --experimental-specifier-resolution=node test/bench/run-benchmarks.ts",
     "gl-stats": "node --loader ts-node/esm --experimental-specifier-resolution=node test/bench/gl-stats.ts",

package/src/data/bucket/symbol_bucket.test.ts

@@ -1,5 +1,3 @@
-// @ts-nocheck
-
 import fs from 'fs';
 import path from 'path';
 import Protobuf from 'pbf';
@@ -9,7 +7,7 @@ import {CollisionBoxArray} from '../../data/array_types.g';
 import {performSymbolLayout} from '../../symbol/symbol_layout';
 import {Placement} from '../../symbol/placement';
 import Transform from '../../geo/transform';
-import {OverscaledTileID} from '../../source/tile_id';
+import {CanonicalTileID, OverscaledTileID} from '../../source/tile_id';
 import Tile from '../../source/tile';
 import CrossTileSymbolIndex from '../../symbol/cross_tile_symbol_index';
 import FeatureIndex from '../../data/feature_index';
@@ -66,26 +64,33 @@ describe('SymbolBucket', () => {
         const bucketA = bucketSetup() as any as SymbolBucket;
         const bucketB = bucketSetup() as any as SymbolBucket;
         const options = {iconDependencies: {}, glyphDependencies: {}} as PopulateParameters;
-        const placement = new Placement(transform, 0, true);
+        const placement = new Placement(transform, undefined as any, 0, true);
         const tileID = new OverscaledTileID(0, 0, 0, 0, 0);
         const crossTileSymbolIndex = new CrossTileSymbolIndex();
 
         // add feature from bucket A
-        bucketA.populate([{feature} as IndexedFeature], options, undefined);
-        performSymbolLayout(bucketA, stacks, {}, undefined, undefined, undefined, undefined);
+        bucketA.populate([{feature} as IndexedFeature], options, undefined as any);
+        performSymbolLayout(
+            {
+                bucket: bucketA,
+                glyphMap: stacks,
+                glyphPositions: {}
+            } as any);
         const tileA = new Tile(tileID, 512);
         tileA.latestFeatureIndex = new FeatureIndex(tileID);
         tileA.buckets = {test: bucketA};
         tileA.collisionBoxArray = collisionBoxArray;
 
         // add same feature from bucket B
-        bucketB.populate([{feature} as IndexedFeature], options, undefined);
-        performSymbolLayout(bucketB, stacks, {}, undefined, undefined, undefined, undefined);
+        bucketB.populate([{feature} as IndexedFeature], options, undefined as any);
+        performSymbolLayout({
+            bucket: bucketB, glyphMap: stacks, glyphPositions: {}
+        } as any);
         const tileB = new Tile(tileID, 512);
         tileB.buckets = {test: bucketB};
         tileB.collisionBoxArray = collisionBoxArray;
 
-        crossTileSymbolIndex.addLayer(bucketA.layers[0], [tileA, tileB], undefined);
+        crossTileSymbolIndex.addLayer(bucketA.layers[0], [tileA, tileB], undefined as any);
 
         const place = (layer, tile) => {
             const parts = [];
@@ -112,9 +117,13 @@ describe('SymbolBucket', () => {
         const bucket = bucketSetup() as any as SymbolBucket;
         const options = {iconDependencies: {}, glyphDependencies: {}} as PopulateParameters;
 
-        bucket.populate([{feature} as IndexedFeature], options, undefined);
+        bucket.populate([{feature} as IndexedFeature], options, undefined as any);
         const fakeGlyph = {rect: {w: 10, h: 10}, metrics: {left: 10, top: 10, advance: 10}};
-        performSymbolLayout(bucket, stacks, {'Test': {97: fakeGlyph, 98: fakeGlyph, 99: fakeGlyph, 100: fakeGlyph, 101: fakeGlyph, 102: fakeGlyph} as any}, undefined, undefined, undefined, undefined);
+        performSymbolLayout({
+            bucket,
+            glyphMap: stacks,
+            glyphPositions: {'Test': {97: fakeGlyph, 98: fakeGlyph, 99: fakeGlyph, 100: fakeGlyph, 101: fakeGlyph, 102: fakeGlyph} as any}
+        } as any);
 
         expect(spy).toHaveBeenCalledTimes(1);
         expect(spy.mock.calls[0][0].includes('Too many glyphs being rendered in a tile.')).toBeTruthy();
@@ -146,14 +155,16 @@ describe('SymbolBucket', () => {
                 createIndexedFeature(1, 1, 'b'),
                 createIndexedFeature(2, 2, 'a')
             ] as any as IndexedFeature[],
-            options, undefined
+            options, undefined as any
         );
 
         const icons = options.iconDependencies as any;
         expect(icons.a).toBe(true);
         expect(icons.b).toBe(true);
 
-        performSymbolLayout(bucket, null, null, imageMap, imagePos, undefined, undefined);
+        performSymbolLayout({
+            bucket, imageMap, imagePositions: imagePos
+        } as any);
 
         // undefined SDF should be treated the same as false SDF - no warning raised
         expect(spy).not.toHaveBeenCalledTimes(1);
@@ -186,14 +197,14 @@ describe('SymbolBucket', () => {
                 createIndexedFeature(1, 1, 'b'),
                 createIndexedFeature(2, 2, 'a')
             ] as any as IndexedFeature[],
-            options, undefined
+            options, undefined as unknown as CanonicalTileID
         );
 
         const icons = options.iconDependencies as any;
         expect(icons.a).toBe(true);
         expect(icons.b).toBe(true);
 
-        performSymbolLayout(bucket, null, null, imageMap, imagePos, undefined, undefined);
+        performSymbolLayout({bucket, imageMap, imagePositions: imagePos} as any);
 
         // true SDF and false SDF in same bucket should trigger warning
         expect(spy).toHaveBeenCalledTimes(1);
@@ -203,8 +214,8 @@ describe('SymbolBucket', () => {
         const rtlBucket = bucketSetup('مرحبا');
         const ltrBucket = bucketSetup('hello');
         const options = {iconDependencies: {}, glyphDependencies: {}} as PopulateParameters;
-        rtlBucket.populate([{feature} as IndexedFeature], options, undefined);
-        ltrBucket.populate([{feature} as IndexedFeature], options, undefined);
+        rtlBucket.populate([{feature} as IndexedFeature], options, undefined as any);
+        ltrBucket.populate([{feature} as IndexedFeature], options, undefined as any);
 
         expect(rtlBucket.hasRTLText).toBeTruthy();
         expect(ltrBucket.hasRTLText).toBeFalsy();
@@ -215,7 +226,7 @@ describe('SymbolBucket', () => {
         const rtlBucket = bucketSetup('مرحبا');
         const options = {iconDependencies: {}, glyphDependencies: {}} as PopulateParameters;
         rtlBucket.createArrays();
-        rtlBucket.populate([{feature} as IndexedFeature], options, undefined);
+        rtlBucket.populate([{feature} as IndexedFeature], options, undefined as any);
 
         expect(rtlBucket.isEmpty()).toBeFalsy();
         expect(rtlBucket.symbolInstances).toHaveLength(0);
@@ -224,7 +235,7 @@ describe('SymbolBucket', () => {
     test('SymbolBucket detects rtl text mixed with ltr text', () => {
         const mixedBucket = bucketSetup('مرحبا translates to hello');
         const options = {iconDependencies: {}, glyphDependencies: {}} as PopulateParameters;
-        mixedBucket.populate([{feature} as IndexedFeature], options, undefined);
+        mixedBucket.populate([{feature} as IndexedFeature], options, undefined as any);
 
         expect(mixedBucket.hasRTLText).toBeTruthy();
     });

package/src/index.test.ts

@@ -4,4 +4,13 @@ describe('maplibre', () => {
     test('workerCount', () => {
         expect(typeof maplibre.workerCount === 'number').toBeTruthy();
     });
+
+    test('version', () => {
+        expect(typeof maplibre.version === 'string').toBeTruthy();
+
+        // Semver regex: https://gist.github.com/jhorsman/62eeea161a13b80e39f5249281e17c39
+        // Backslashes are doubled to escape them
+        const regexp = new RegExp('^([0-9]+)\\.([0-9]+)\\.([0-9]+)(?:-([0-9A-Za-z-]+(?:\\.[0-9A-Za-z-]+)*))?(?:\\+[0-9A-Za-z-]+)?$');
+        expect(regexp.test(maplibre.version)).toBeTruthy();
+    });
 });

package/src/index.ts

@@ -1,6 +1,6 @@
 import assert from 'assert';
 import {supported} from '@mapbox/mapbox-gl-supported';
-
+import packageJSON from '../package.json' assert {type: 'json'};
 import Map from './ui/map';
 import NavigationControl from './ui/control/navigation_control';
 import GeolocateControl from './ui/control/geolocate_control';
@@ -36,6 +36,8 @@ import RasterTileSource from './source/raster_tile_source';
 import VectorTileSource from './source/vector_tile_source';
 import VideoSource from './source/video_source';
 
+const version = packageJSON.version;
+
 const exported = {
     supported,
     setRTLTextPlugin,
@@ -99,6 +101,14 @@ const exported = {
      */
     clearPrewarmedResources,
 
+    /**
+     * Returns the package version of the library
+     * @returns {string} Package version of the library
+     */
+    get version(): string {
+        return version;
+    },
+
     /**
      * Gets and sets the number of web workers instantiated on a page with GL JS maps.
      * By default, it is set to half the number of CPU cores (capped at 6).

package/src/source/worker_tile.ts

@@ -189,7 +189,15 @@ class WorkerTile {
                     const bucket = buckets[key];
                     if (bucket instanceof SymbolBucket) {
                         recalculateLayers(bucket.layers, this.zoom, availableImages);
-                        performSymbolLayout(bucket, glyphMap, glyphAtlas.positions, iconMap, imageAtlas.iconPositions, this.showCollisionBoxes, this.tileID.canonical);
+                        performSymbolLayout({
+                            bucket,
+                            glyphMap,
+                            glyphPositions: glyphAtlas.positions,
+                            imageMap: iconMap,
+                            imagePositions: imageAtlas.iconPositions,
+                            showCollisionBoxes: this.showCollisionBoxes,
+                            canonical: this.tileID.canonical
+                        });
                     } else if (bucket.hasPattern &&
                         (bucket instanceof LineBucket ||
                          bucket instanceof FillBucket ||

package/src/style-spec/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 17.0.1
+
+* Generated typings file as not created in the build process and was added in this version [#1470](https://github.com/maplibre/maplibre-gl-js/pull/1470)
+
+## 17.0.0
+
+### Breaking changes
+
+* Renamed `ParsingError` to `ExpressionParsingError` as there were two with the same name and added typescript typings [1468](https://github.com/maplibre/maplibre-gl-js/pull/1468)
+
 ## 16.1.0
 
 ### ✨ Features and improvements

package/src/style-spec/composite.test.ts

@@ -1,11 +1,10 @@
-// @ts-nocheck
-
 import composite from './composite';
+import {LineLayerSpecification} from './types.g';
 
 describe('composite', () => {
     test('composites Mapbox vector sources', () => {
         const result = composite({
-            'version': 7,
+            'version': 7 as any,
             'sources': {
                 'mapbox-a': {
                     'type': 'vector',
@@ -34,13 +33,13 @@ describe('composite', () => {
             }
         });
 
-        expect(result.layers[0].source).toBe('a,b');
-        expect(result.layers[1].source).toBe('a,b');
+        expect((result.layers[0] as LineLayerSpecification).source).toBe('a,b');
+        expect((result.layers[1] as LineLayerSpecification).source).toBe('a,b');
     });
 
     test('does not composite vector + raster', () => {
         const result = composite({
-            'version': 7,
+            'version': 7 as any,
             'sources': {
                 'a': {
                     'type': 'vector',
@@ -59,7 +58,7 @@ describe('composite', () => {
 
     test('incorrect url match', () => {
         const result = composite({
-            'version': 7,
+            'version': 7 as any,
             'sources': {
                 'a': {
                     'type': 'vector',
@@ -79,7 +78,7 @@ describe('composite', () => {
     test('composites Mapbox vector sources with conflicting source layer names', () => {
         expect(() => {
             composite({
-                'version': 7,
+                'version': 7 as any,
                 'sources': {
                     'mapbox-a': {
                         'type': 'vector',

package/src/style-spec/expression/index.ts

@@ -1,7 +1,7 @@
 import assert from 'assert';
 
 import extend from '../util/extend';
-import ParsingError from './parsing_error';
+import ExpressionParsingError from './parsing_error';
 import ParsingContext from './parsing_context';
 import EvaluationContext from './evaluation_context';
 import CompoundExpression from './compound_expression';
@@ -135,7 +135,7 @@ export function isExpression(expression: unknown) {
  *
  * @private
  */
-export function createExpression(expression: unknown, propertySpec?: StylePropertySpecification | null): Result<StyleExpression, Array<ParsingError>> {
+export function createExpression(expression: unknown, propertySpec?: StylePropertySpecification | null): Result<StyleExpression, Array<ExpressionParsingError>> {
     const parser = new ParsingContext(definitions, [], propertySpec ? getExpectedType(propertySpec) : undefined);
 
     // For string-valued properties, coerce to string at the top level rather than asserting.
@@ -287,7 +287,7 @@ export type CompositeExpression = {
 
 export type StylePropertyExpression = ConstantExpression | SourceExpression | CameraExpression | CompositeExpression;
 
-export function createPropertyExpression(expressionInput: unknown, propertySpec: StylePropertySpecification): Result<StylePropertyExpression, Array<ParsingError>> {
+export function createPropertyExpression(expressionInput: unknown, propertySpec: StylePropertySpecification): Result<StylePropertyExpression, Array<ExpressionParsingError>> {
     const expression = createExpression(expressionInput, propertySpec);
     if (expression.result === 'error') {
         return expression;
@@ -297,21 +297,21 @@ export function createPropertyExpression(expressionInput: unknown, propertySpec:
 
     const isFeatureConstant = isConstant.isFeatureConstant(parsed);
     if (!isFeatureConstant && !supportsPropertyExpression(propertySpec)) {
-        return error([new ParsingError('', 'data expressions not supported')]);
+        return error([new ExpressionParsingError('', 'data expressions not supported')]);
     }
 
     const isZoomConstant = isConstant.isGlobalPropertyConstant(parsed, ['zoom']);
     if (!isZoomConstant && !supportsZoomExpression(propertySpec)) {
-        return error([new ParsingError('', 'zoom expressions not supported')]);
+        return error([new ExpressionParsingError('', 'zoom expressions not supported')]);
     }
 
     const zoomCurve = findZoomCurve(parsed);
     if (!zoomCurve && !isZoomConstant) {
-        return error([new ParsingError('', '"zoom" expression may only be used as input to a top-level "step" or "interpolate" expression.')]);
-    } else if (zoomCurve instanceof ParsingError) {
+        return error([new ExpressionParsingError('', '"zoom" expression may only be used as input to a top-level "step" or "interpolate" expression.')]);
+    } else if (zoomCurve instanceof ExpressionParsingError) {
         return error([zoomCurve]);
     } else if (zoomCurve instanceof Interpolate && !supportsInterpolation(propertySpec)) {
-        return error([new ParsingError('', '"interpolate" expressions cannot be used with this property')]);
+        return error([new ExpressionParsingError('', '"interpolate" expressions cannot be used with this property')]);
     }
 
     if (!zoomCurve) {
@@ -394,7 +394,7 @@ export function normalizePropertyExpression<T>(
 // Zoom-dependent expressions may only use ["zoom"] as the input to a top-level "step" or "interpolate"
 // expression (collectively referred to as a "curve"). The curve may be wrapped in one or more "let" or
 // "coalesce" expressions.
-function findZoomCurve(expression: Expression): Step | Interpolate | ParsingError | null {
+function findZoomCurve(expression: Expression): Step | Interpolate | ExpressionParsingError | null {
     let result = null;
     if (expression instanceof Let) {
         result = findZoomCurve(expression.result);
@@ -414,18 +414,18 @@ function findZoomCurve(expression: Expression): Step | Interpolate | ParsingErro
         result = expression;
     }
 
-    if (result instanceof ParsingError) {
+    if (result instanceof ExpressionParsingError) {
         return result;
     }
 
     expression.eachChild((child) => {
         const childResult = findZoomCurve(child);
-        if (childResult instanceof ParsingError) {
+        if (childResult instanceof ExpressionParsingError) {
             result = childResult;
         } else if (!result && childResult) {
-            result = new ParsingError('', '"zoom" expression may only be used as input to a top-level "step" or "interpolate" expression.');
+            result = new ExpressionParsingError('', '"zoom" expression may only be used as input to a top-level "step" or "interpolate" expression.');
         } else if (result && childResult && result !== childResult) {
-            result = new ParsingError('', 'Only one zoom-based "step" or "interpolate" subexpression may be used in an expression.');
+            result = new ExpressionParsingError('', 'Only one zoom-based "step" or "interpolate" subexpression may be used in an expression.');
         }
     });
 

package/src/style-spec/expression/parsing_context.ts

@@ -1,6 +1,6 @@
 import Scope from './scope';
 import {checkSubtype} from './types';
-import ParsingError from './parsing_error';
+import ExpressionParsingError from './parsing_error';
 import Literal from './definitions/literal';
 import Assertion from './definitions/assertion';
 import Coercion from './definitions/coercion';
@@ -23,7 +23,7 @@ class ParsingContext {
     path: Array<number>;
     key: string;
     scope: Scope;
-    errors: Array<ParsingError>;
+    errors: Array<ExpressionParsingError>;
 
     // The expected type of this expression. Provided only to allow Expression
     // implementations to infer argument types: Expression#parse() need not
@@ -36,7 +36,7 @@ class ParsingContext {
         path: Array<number> = [],
         expectedType?: Type | null,
         scope: Scope = new Scope(),
-        errors: Array<ParsingError> = []
+        errors: Array<ExpressionParsingError> = []
     ) {
         this.registry = registry;
         this.path = path;
@@ -183,7 +183,7 @@ class ParsingContext {
      */
     error(error: string, ...keys: Array<number>) {
         const key = `${this.key}${keys.map(k => `[${k}]`).join('')}`;
-        this.errors.push(new ParsingError(key, error));
+        this.errors.push(new ExpressionParsingError(key, error));
     }
 
     /**

package/src/style-spec/expression/parsing_error.ts

@@ -1,4 +1,4 @@
-class ParsingError extends Error {
+class ExpressionParsingError extends Error {
     key: string;
     message: string;
     constructor(key: string, message: string) {
@@ -8,4 +8,4 @@ class ParsingError extends Error {
     }
 }
 
-export default ParsingError;
+export default ExpressionParsingError;

package/src/style-spec/migrate/v8.test.ts

@@ -1,5 +1,3 @@
-// @ts-nocheck
-
 import migrate from './v8';
 
 describe('migrate v8', () => {
@@ -23,7 +21,7 @@ describe('migrate v8', () => {
                     }
                 }
             ]
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -68,7 +66,7 @@ describe('migrate v8', () => {
                     }
                 }
             ]
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -103,7 +101,7 @@ describe('migrate v8', () => {
                 }
             },
             'layers': []
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -140,7 +138,7 @@ describe('migrate v8', () => {
                     }
                 }
             }]
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -187,7 +185,7 @@ describe('migrate v8', () => {
                     }
                 }
             }]
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -233,7 +231,7 @@ describe('migrate v8', () => {
                     }
                 }
             ]
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -276,7 +274,7 @@ describe('migrate v8', () => {
                     }
                 }
             ]
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -328,7 +326,7 @@ describe('migrate v8', () => {
                     }
                 }
             ]
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -389,7 +387,7 @@ describe('migrate v8', () => {
                     }
                 }
             ]
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -445,7 +443,7 @@ describe('migrate v8', () => {
                     }
                 }
             ]
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -479,7 +477,7 @@ describe('migrate v8', () => {
             'version': 7,
             'glyphs': 'mapbox://fontstack/{fontstack}/{range}.pbf',
             'layers': []
-        };
+        } as any;
 
         const output = {
             'version': 8,
@@ -495,7 +493,7 @@ describe('migrate v8', () => {
             'version': 7,
             'glyphs': 'mapbox://fonts/v1/boxmap/{fontstack}/{range}.pbf',
             'layers': []
-        };
+        } as any;
 
         const output = {
             'version': 8,

package/src/style-spec/migrate/v9.test.ts

@@ -1,5 +1,3 @@
-// @ts-nocheck
-
 import migrate from './v9';
 
 describe('migrate v9', () => {
@@ -18,7 +16,7 @@ describe('migrate v9', () => {
                 id: 'child',
                 ref: 'parent'
             }]
-        };
+        } as any;
 
         expect(migrate(input)).toEqual({
             version: 9,
@@ -58,7 +56,7 @@ describe('migrate v9', () => {
                     'fill-color': 'blue'
                 }
             }]
-        };
+        } as any;
 
         expect(migrate(input)).toEqual({
             version: 9,

package/src/style-spec/migrate.test.ts

@@ -1,5 +1,3 @@
-// @ts-nocheck
-
 import migrate from './migrate';
 import * as spec from './style-spec';
 import v8 from './reference/v8.json';
@@ -8,18 +6,18 @@ import validate from './validate_style';
 describe('migrate', () => {
     test('does not migrate from version 5', () => {
         expect(() => {
-            migrate({version: 5, layers: []});
+            migrate({version: 5, layers: []} as any);
         }).toThrow(new Error('Cannot migrate from 5'));
     });
 
     test('does not migrate from version 6', () => {
         expect(() => {
-            migrate({version: 6, layers: []});
+            migrate({version: 6, layers: []} as any);
         }).toThrow(new Error('Cannot migrate from 6'));
     });
 
     test('migrates to latest version from version 7', () => {
-        expect(migrate({version: 7, layers: []}).version).toEqual(spec.latest.$version);
+        expect(migrate({version: 7, layers: []} as any).version).toEqual(spec.latest.$version);
     });
 
     test('converts token strings to expressions', () => {
@@ -30,7 +28,7 @@ describe('migrate', () => {
                 type: 'symbol',
                 layout: {'text-field': 'a{x}', 'icon-image': '{y}'}
             }]
-        });
+        } as any);
         expect(migrated.layers[0].layout['text-field']).toEqual(['concat', 'a', ['get', 'x']]);
         expect(migrated.layers[0].layout['icon-image']).toEqual(['to-string', ['get', 'y']]);
     });
@@ -57,7 +55,7 @@ describe('migrate', () => {
                     }
                 }
             }]
-        });
+        } as any);
         expect(migrated.layers[0].paint['background-opacity']).toEqual([
             'interpolate',
             ['linear'],
@@ -101,7 +99,7 @@ describe('migrate', () => {
                     }
                 }
             }]
-        });
+        } as any);
         expect(migrated.layers[0].layout['icon-image']).toEqual([
             'match',
             ['get', 'type'],

package/src/style-spec/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maplibre/maplibre-gl-style-spec",
   "description": "a specification for maplibre gl styles",
-  "version": "16.1.0",
+  "version": "17.0.1",
   "author": "MapLibre",
   "keywords": [
     "mapbox",
@@ -14,6 +14,7 @@
   "license": "ISC",
   "main": "./dist/index.cjs",
   "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
   "type": "module",
   "scripts": {
   },