RD-957 Update MapLibre to latest version (#200)

* RD-957 Update MapLibre to latest version

* 3.3.0

* RD-957 Update changelog

* RD-957 Use correct version in changelog

---------

Co-authored-by: Les Moffat <les.moffat@maptiler.com>

Author: lesbaa

CHANGELOG.md

@@ -1,5 +1,9 @@
 # MapTiler SDK Changelog
 
+## 3.3.0
+## ✨ Features and improvements
+- Maplibre-gl version bump to 5.5.0
+
 ## 3.2.3
 ## ✨ Features and improvements
 None

demos/src/02-sky-day.ts

@@ -1,4 +1,3 @@
-import "@maptiler/sdk/style.css";
 import { Map, MapStyle, config } from "../../src/index";
 import { addPerformanceStats, setupMapTilerApiKey } from "./demo-utils";
 

demos/src/06-handling-webgl-errors.ts

@@ -1,4 +1,3 @@
-import "@maptiler/sdk/style.css";
 import { Map, config, getVersion, displayWebGLContextLostWarning } from "../../src/index";
 import { addPerformanceStats, setupMapTilerApiKey } from "./demo-utils";
 

demos/src/demo-utils.ts

@@ -1,3 +1,4 @@
+import "../../dist/maptiler-sdk.css";
 import { SdkConfig } from "../../src/config";
 import Stats from "stats.js";
 /**

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@maptiler/sdk",
-  "version": "3.2.3",
+  "version": "3.3.0",
   "description": "The Javascript & TypeScript map SDK tailored for MapTiler Cloud",
   "author": "MapTiler",
   "module": "dist/maptiler-sdk.mjs",
@@ -43,7 +43,7 @@
     "test:watch": "vitest watch -c vite.config-test.ts --dom",
     "test": "vitest run -c vite.config-test.ts --dom",
     "install:clean": "rm -rf build/ dist/ node_modules/ && npm ci",
-    "dev": "vite -c vite.config-dev.ts",
+    "dev": "npm run build-css && vite -c vite.config-dev.ts",
     "dev-umd": "npm run build-css && tsc && NODE_ENV=development vite build -w -c vite.config-umd.ts",
     "build-css": "mkdir -p dist build && node scripts/replace-path-with-content.js src/style/style_template.css dist/tmp_maptiler-sdk.css && cat node_modules/maplibre-gl/dist/maplibre-gl.css dist/tmp_maptiler-sdk.css > dist/maptiler-sdk.css && rm dist/tmp_maptiler-sdk.css && cp dist/maptiler-sdk.css build/maptiler-sdk.css",
     "build-umd": "tsc && NODE_ENV=production vite build -c vite.config-umd.ts",
@@ -84,7 +84,7 @@
     "@maptiler/client": "^2.3.2",
     "events": "^3.3.0",
     "js-base64": "^3.7.7",
-    "maplibre-gl": "^5.3.1",
+    "maplibre-gl": "^5.5.0",
     "uuid": "^11.0.5"
   }
 }

package.json

@@ -139,6 +139,22 @@ const expectedExports = Array.from(
 describe("Module Exports", async () => {
   const exportedModule = await import("../src/index");
 
+  console.info(
+    "\x1b[1m%s\x1b[0m",
+    `
+  At present you will likely see an error above:
+  
+  \`Error: Failed to load url <blob-filepath> (resolved id: <blob-filepath>). Does the file exist?\`
+
+  This is related to maplibre-gl and the way it handles CJS modules.
+  It is caused by the call to \`enableRTL()\` in src/index.ts.
+
+  There is a planned future work to remove this (the API it relies on
+  is deprecated in Maplibre). But, for now, we must tolerate some
+  noise in this test...
+  `,
+  );
+
   it("should match number of exptected exports with expected number of exports, logging any superfluous exports", () => {
     const actualExports = Object.keys(exportedModule);
     const superfluousExports = actualExports.filter((key) => !expectedExports.includes(key));

test/exports.test.ts

@@ -50,8 +50,6 @@ const entrypoints = readdirSync(resolve(__dirname, 'demos/public')).filter((file
   }
 }, {})
 
-// console.log('Demos being server from:', Object.values(entrypoints).map((entry) => entry).join('\n'));
-
 export default defineConfig({
   mode: "development",
   root: "./demos",