tileserver-gl-light 4.11.1 → 4.13.0

package/.github/workflows/ct.yml

@@ -60,7 +60,7 @@ jobs:
         uses: docker/setup-buildx-action@v3
 
       - name: Test Docker Build
-        uses: docker/build-push-action@v5
+        uses: docker/build-push-action@v6
         with:
           context: .
           push: false

package/.github/workflows/release.yml

@@ -80,7 +80,7 @@ jobs:
           password: ${{ github.event.inputs.docker_token }}
 
       - name: Build and publish Full Version to Docker Hub
-        uses: docker/build-push-action@v5
+        uses: docker/build-push-action@v6
         with:
           context: .
           push: true
@@ -106,7 +106,7 @@ jobs:
           NPM_TOKEN: ${{ github.event.inputs.npm_token }}
 
       - name: Build and publish Light Version to Docker Hub
-        uses: docker/build-push-action@v5
+        uses: docker/build-push-action@v6
         with:
           context: ./light
           file: ./light/Dockerfile

package/docs/config.rst

@@ -23,9 +23,13 @@ Example:
         "localhost:8080",
         "127.0.0.1:8080"
       ],
-      "formatQuality": {
-        "jpeg": 80,
-        "webp": 90
+      "formatOptions": {
+        "jpeg": {
+          "quality": 80
+        },
+        "webp": {
+          "quality": 90
+        }
       },
       "maxScaleFactor": 3,
       "maxSize": 2048,
@@ -85,10 +89,23 @@ Path to the html (relative to ``root`` path) to use as a front page.
 Use ``true`` (or nothing) to serve the default TileServer GL front page with list of styles and data.
 Use ``false`` to disable the front page altogether (404).
 
-``formatQuality``
+``formatOptions``
 -----------------
 
-Quality of the compression of individual image formats. [0-100]
+You can use this to specify options for the generation of images in the supported file formats.
+For JPEG and WebP, the only supported option is ``quality`` [0-100].
+For PNG, the full set of options `exposed by the sharp library <https://sharp.pixelplumbing.com/api-output#png>`_ is available, except ``force`` and ``colours`` (use ``colors``). If not set, their values are the defaults from ``sharp``.
+
+For example::
+
+  "formatOptions": {
+    "png": {
+      "palette": true,
+      "colors": 4
+    }
+  }
+
+Note: ``formatOptions`` replaced the ``formatQuality`` option in previous versions of TileServer GL. 
 
 ``maxScaleFactor``
 -----------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tileserver-gl-light",
-  "version": "4.11.1",
+  "version": "4.13.0",
   "description": "Map tile server for JSON GL styles - serving vector tiles",
   "main": "src/main.js",
   "bin": "src/main.js",
@@ -17,27 +17,27 @@
     "docker": "docker build . && docker run --rm -i -p 8080:8080 $(docker build -q .)"
   },
   "dependencies": {
-    "@mapbox/glyph-pbf-composite": "0.0.3",
+    "@jsse/pbfont": "^0.2.2",
     "@mapbox/mbtiles": "0.12.1",
     "@mapbox/polyline": "^1.2.1",
     "@mapbox/sphericalmercator": "1.2.0",
-    "@mapbox/vector-tile": "1.3.1",
-    "@maplibre/maplibre-gl-style-spec": "20.2.0",
+    "@mapbox/vector-tile": "2.0.3",
+    "@maplibre/maplibre-gl-style-spec": "20.3.1",
     "@sindresorhus/fnv1a": "3.1.0",
     "advanced-pool": "0.3.3",
-    "axios": "^1.6.8",
+    "axios": "^1.7.5",
     "chokidar": "3.6.0",
     "clone": "2.1.2",
     "color": "4.2.3",
-    "commander": "12.0.0",
+    "commander": "12.1.0",
     "cors": "2.8.5",
     "express": "4.19.2",
     "handlebars": "4.7.8",
     "http-shutdown": "1.2.2",
     "morgan": "1.10.0",
-    "pbf": "3.2.1",
-    "pmtiles": "3.0.5",
-    "proj4": "2.11.0",
+    "pbf": "4.0.1",
+    "pmtiles": "3.0.7",
+    "proj4": "2.12.0",
     "sanitize-filename": "1.6.3",
     "tileserver-gl-styles": "2.0.0"
   },

package/public/resources/index.css

@@ -1,18 +1,18 @@
 @font-face {
   font-family: 'OpenSans';
-  src: url('/fonts/OpenSans-Regular.ttf');
+  src: url('./fonts/OpenSans-Regular.ttf');
   font-weight: normal;
   font-style: normal;
 }
 @font-face {
   font-family: 'OpenSans';
-  src: url('/fonts/OpenSans-Italic.ttf');
+  src: url('./fonts/OpenSans-Italic.ttf');
   font-weight: normal;
   font-style: italic;
 }
 @font-face {
   font-family: 'OpenSans';
-  src: url('/fonts/OpenSans-Bold.ttf');
+  src: url('./fonts/OpenSans-Bold.ttf');
   font-weight: bold;
   font-style: normal;
 }
@@ -25,7 +25,7 @@ body {
   margin: 0;
   background-repeat: no-repeat !important;
   background-size: contain !important;
-  background-image: url(/images/header-map-1280px.png);
+  background-image: url(./images/header-map-1280px.png);
 }
 a {
   color: #499dce;
@@ -73,12 +73,29 @@ section {
   font-size: 20px;
   background: #fff;
 }
+.filter-details {
+  padding: 20px 30px;
+}
+.box input { /* Filter text input */
+  padding: 10px;
+  font-size: 16px;
+  border: 1px solid #ededed;
+  border-radius: 4px;
+  /* fill out to parent */
+  width: 100%;
+}
 .item {
   background: #fff;
   height: 191px;
   border: 1px solid #ededed;
   border-top: none;
 }
+.filter-item {
+  background: #fbfbfb;
+  height: 150px;
+  border: 1px solid #ededed;
+  border-top: none;
+}
 .item:nth-child(odd) {
   background-color: #fbfbfb;
 }

package/public/resources/maplibre-gl-inspect.js

@@ -849,7 +849,7 @@
 		      length = result.length;
 
 		  for (var key in value) {
-		    if ((inherited || hasOwnProperty.call(value, key)) &&
+		    if ((hasOwnProperty.call(value, key)) &&
 		        !(skipIndexes && (
 		           // Safari 9 has enumerable `arguments.length` in strict mode.
 		           key == 'length' ||
@@ -2055,9 +2055,10 @@
 	}
 	function renderProperties(feature) {
 	    const sourceProperty = renderLayer(feature.layer['source-layer'] || feature.layer.source);
+	    const idProperty = renderProperty('$id', feature.id);
 	    const typeProperty = renderProperty('$type', feature.geometry.type);
 	    const properties = Object.keys(feature.properties).map(propertyName => renderProperty(propertyName, feature.properties[propertyName]));
-	    return [sourceProperty, typeProperty].concat(properties).join('');
+	    return [sourceProperty, idProperty, typeProperty].concat(properties).join('');
 	}
 	function renderFeatures(features) {
 	    return features.map(ft => `<div class="maplibregl-inspect_feature">${renderProperties(ft)}</div>`).join('');