@versatiles/svg-renderer 0.8.0 → 1.1.0

package/dist/{maplibre.umd.js → maplibre-svg-export.umd.js}

@@ -634,19 +634,28 @@
 			},
 			"property-type": "data-constant"
 		} },
-		"layout_fill-extrusion": { "visibility": {
-			"type": "enum",
-			"values": {
-				"visible": {},
-				"none": {}
-			},
-			"default": "visible",
-			"expression": {
-				"interpolated": false,
-				"parameters": ["global-state"]
+		"layout_fill-extrusion": {
+			"visibility": {
+				"type": "enum",
+				"values": {
+					"visible": {},
+					"none": {}
+				},
+				"default": "visible",
+				"expression": {
+					"interpolated": false,
+					"parameters": ["global-state"]
+				},
+				"property-type": "data-constant"
 			},
-			"property-type": "data-constant"
-		} },
+			"fill-extrusion-rounded-corner-distance": {
+				"type": "number",
+				"default": 0,
+				"minimum": 0,
+				"units": "meters",
+				"property-type": "constant"
+			}
+		},
 		layout_line: {
 			"line-cap": {
 				"type": "enum",
@@ -4684,7 +4693,11 @@
 				}
 				case "formatted": return Formatted.fromString(valueToString(this.args[0].evaluate(ctx)));
 				case "resolvedImage": return ResolvedImage.fromString(valueToString(this.args[0].evaluate(ctx)));
-				case "projectionDefinition": return this.args[0].evaluate(ctx);
+				case "projectionDefinition": {
+					const input = this.args[0].evaluate(ctx);
+					if (ProjectionDefinition.parse(input)) return input;
+					throw new RuntimeError(`Could not parse projectionDefinition from value '${typeof input === "string" ? input : JSON.stringify(input)}'`, this.key);
+				}
 				default: return valueToString(this.args[0].evaluate(ctx));
 			}
 		}
@@ -4787,7 +4800,11 @@
 						const expected = this.expectedType;
 						const actual = parsed.type;
 						if ((expected.kind === "string" || expected.kind === "number" || expected.kind === "boolean" || expected.kind === "object" || expected.kind === "array") && actual.kind === "value") parsed = annotate(parsed, expected, options.typeAnnotation || "assert");
-						else if ("projectionDefinition" === expected.kind && ["string", "array"].includes(actual.kind) || [
+						else if ("projectionDefinition" === expected.kind && [
+							"string",
+							"array",
+							"value"
+						].includes(actual.kind) || [
 							"color",
 							"formatted",
 							"resolvedImage"
@@ -10212,6 +10229,34 @@
 	    }
 	}
 
+	/**
+	 * Base64-encode an ArrayBuffer (standard alphabet, with padding).
+	 *
+	 * Three paths, all producing identical output:
+	 *  1. `Uint8Array.prototype.toBase64` — the native method (Node 22+, modern
+	 *     browsers). Fastest and simplest; used when present.
+	 *  2. Node's `Buffer` — for Node versions without the native method.
+	 *  3. Chunked `btoa(String.fromCharCode(...))` — the browser fallback. It must
+	 *     chunk: spreading a whole tile/sprite PNG at once passes one argument per
+	 *     byte, overflowing the engine's argument-count limit (Safari ~64K, V8
+	 *     higher but finite) and throwing `RangeError: Maximum call stack size
+	 *     exceeded` for buffers above ~64 KB. 32 KB slices stay well under the limit.
+	 */
+	function arrayBufferToBase64(buffer) {
+	    const bytes = new Uint8Array(buffer);
+	    const toBase64 = bytes.toBase64;
+	    if (typeof toBase64 === 'function')
+	        return toBase64.call(bytes);
+	    if (typeof Buffer !== 'undefined')
+	        return Buffer.from(buffer).toString('base64');
+	    const CHUNK_SIZE = 0x8000; // 32 KB, well below the argument-count limit
+	    let binary = '';
+	    for (let i = 0; i < bytes.length; i += CHUNK_SIZE) {
+	        binary += String.fromCharCode(...bytes.subarray(i, i + CHUNK_SIZE));
+	    }
+	    return btoa(binary);
+	}
+
 	async function getRasterTiles(job, sourceName) {
 	    const { width, height } = job.renderer;
 	    const { zoom, center } = job.view;
@@ -10225,10 +10270,7 @@
 	        const tile = await getTile(sourceUrl, zoomLevel, x, y);
 	        if (!tile)
 	            return null;
-	        const base64 = typeof Buffer !== 'undefined'
-	            ? Buffer.from(tile.buffer).toString('base64')
-	            : btoa(String.fromCharCode(...new Uint8Array(tile.buffer)));
-	        const dataUri = `data:${tile.contentType};base64,${base64}`;
+	        const dataUri = `data:${tile.contentType};base64,${arrayBufferToBase64(tile.buffer)}`;
 	        return {
 	            x: offsetX,
 	            y: offsetY,
@@ -10274,10 +10316,7 @@
 	            const { jsonResponse, imageResponse } = spritePair;
 	            const json = (await jsonResponse.json());
 	            const imageBuffer = await imageResponse.arrayBuffer();
-	            const base64 = typeof Buffer !== 'undefined'
-	                ? Buffer.from(imageBuffer).toString('base64')
-	                : btoa(String.fromCharCode(...new Uint8Array(imageBuffer)));
-	            const sheetDataUri = `data:image/png;base64,${base64}`;
+	            const sheetDataUri = `data:image/png;base64,${arrayBufferToBase64(imageBuffer)}`;
 	            // Estimate sheet dimensions from sprite entries
 	            let sheetWidth = 0;
 	            let sheetHeight = 0;
@@ -10731,7 +10770,12 @@
 	function sanitizeHTML(html) {
 	    const parser = new DOMParser();
 	    const doc = parser.parseFromString(html, 'text/html');
-	    return sanitizeNode(doc.body).textContent ?? '';
+	    // Serialize the sanitized tree back to HTML so allowed tags and safe links
+	    // survive. The result is later assigned via innerHTML; every text node is
+	    // re-escaped by the serializer, so it is safe to concatenate and inject.
+	    const container = document.createElement('div');
+	    container.append(sanitizeNode(doc.body));
+	    return container.innerHTML;
 	}
 	function sanitizeNode(node) {
 	    if (node.nodeType === Node.TEXT_NODE) {
@@ -10770,10 +10814,7 @@
 	    renderGeneration = 0;
 	    options;
 	    constructor(options) {
-	        this.options = {
-	            defaultWidth: options?.defaultWidth ?? 1024,
-	            defaultHeight: options?.defaultHeight ?? 1024,
-	        };
+	        this.options = { ...options };
 	    }
 	    onAdd(map) {
 	        this.map = map;
@@ -10803,6 +10844,12 @@
 	        if (this.panel || !this.map)
 	            return;
 	        const mapContainer = this.map.getContainer();
+	        // Seed the size inputs from the current map viewport so the default export
+	        // matches what the user sees on screen. Explicit constructor options win;
+	        // the 1024 fallback covers environments that report no layout size
+	        // (clientWidth 0). Inputs stay independent — the user can change either.
+	        const defaultWidth = this.options.defaultWidth ?? (mapContainer.clientWidth || 1024);
+	        const defaultHeight = this.options.defaultHeight ?? (mapContainer.clientHeight || 1024);
 	        this.panel = document.createElement('div');
 	        this.panel.className = 'svg-export-panel';
 	        this.panel.innerHTML = `
@@ -10817,8 +10864,8 @@
 			</div>
 			<div class="panel-inputs">
 				<div class="grid">
-					<label>Width<input type="number" class="input-width" value="${String(this.options.defaultWidth)}" min="1" max="8192"></label>
-					<label>Height<input type="number" class="input-height" value="${String(this.options.defaultHeight)}" min="1" max="8192"></label>
+					<label>Width<input type="number" class="input-width" value="${String(defaultWidth)}" min="1" max="8192"></label>
+					<label>Height<input type="number" class="input-height" value="${String(defaultHeight)}" min="1" max="8192"></label>
 				</div>
 				<label class="label-checkbox"><input type="checkbox" class="input-labels"> Include labels and icons (buggy)</label>
 			</div>
@@ -10987,4 +11034,4 @@
 	exports.renderToSVG = renderToSVG;
 
 }));
-//# sourceMappingURL=maplibre.umd.js.map
+//# sourceMappingURL=maplibre-svg-export.umd.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versatiles/svg-renderer",
-  "version": "0.8.0",
+  "version": "1.1.0",
   "description": "Renders vector maps as SVG.",
   "keywords": [
     "svg",
@@ -18,8 +18,8 @@
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
-  "unpkg": "dist/maplibre.umd.js",
-  "jsdelivr": "dist/maplibre.umd.js",
+  "unpkg": "dist/maplibre-svg-export.umd.js",
+  "jsdelivr": "dist/maplibre-svg-export.umd.js",
   "exports": {
     ".": {
       "import": {
@@ -32,19 +32,16 @@
       }
     },
     "./maplibre": {
-      "script": "./dist/maplibre.umd.js",
+      "script": "./dist/maplibre-svg-export.umd.js",
       "import": {
-        "types": "./dist/maplibre.d.ts",
-        "default": "./dist/maplibre.js"
-      },
-      "require": {
-        "types": "./dist/maplibre.d.ts",
-        "default": "./dist/maplibre.cjs"
+        "types": "./dist/maplibre-svg-export.d.ts",
+        "default": "./dist/maplibre-svg-export.js"
       }
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "!dist/**/*.map"
   ],
   "scripts": {
     "build": "rm -rf dist && rollup -c rollup.config.ts --configPlugin @rollup/plugin-typescript && rm -rf dist/types",
@@ -86,32 +83,32 @@
   "devDependencies": {
     "@eslint/js": "^10.0.1",
     "@mapbox/vector-tile": "^3.0.0",
-    "@maplibre/maplibre-gl-style-spec": "^26.1.0",
+    "@maplibre/maplibre-gl-style-spec": "^26.2.1",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-typescript": "^12.3.0",
-    "@turf/union": "^7.3.5",
-    "@types/node": "^26.1.1",
+    "@types/node": "^26.2.0",
     "@types/pbf": "^3.0.5",
     "@types/pngjs": "^6.0.5",
-    "@versatiles/release-tool": "^2.8.1",
-    "@versatiles/style": "^5.13.0",
+    "@versatiles/release-tool": "^2.9.0",
+    "@versatiles/style": "^5.13.1",
     "@vitest/coverage-v8": "^4.1.10",
-    "eslint": "^10.7.0",
+    "eslint": "^10.8.1",
     "geojson": "^0.5.0",
-    "jsdom": "^29.1.1",
-    "maplibre-gl": "^5.24.0",
-    "npm-check-updates": "^22.2.9",
+    "jsdom": "^30.0.1",
+    "maplibre-gl": "^6.3.0",
+    "npm-check-updates": "^23.0.2",
     "pbf": "^5.1.2",
     "pixelmatch": "^7.2.0",
-    "playwright": "^1.61.1",
+    "playwright": "^1.62.1",
     "pngjs": "^7.0.0",
-    "prettier": "^3.9.5",
-    "rollup": "^4.62.2",
-    "rollup-plugin-dts": "^6.4.1",
-    "rollup-plugin-visualizer": "^7.0.1",
-    "tsx": "^4.23.1",
-    "typescript": "<7",
-    "typescript-eslint": "^8.64.0",
+    "prettier": "^3.9.6",
+    "rollup": "^4.62.4",
+    "rollup-plugin-dts": "^6.5.1",
+    "rollup-plugin-visualizer": "^7.1.1",
+    "tslib": "^2.8.1",
+    "tsx": "^4.23.12",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.67.0",
     "vitest": "^4.1.10"
   },
   "allowScripts": {