@carto/api-client 0.5.27-alpha.dd7e837.114 → 0.5.28

package/package.json

@@ -8,7 +8,7 @@
   "homepage": "https://github.com/CartoDB/carto-api-client#readme",
   "author": "Don McCurdy <donmccurdy@carto.com>",
   "packageManager": "yarn@4.3.1",
-  "version": "0.5.27-alpha.dd7e837.114",
+  "version": "0.5.28",
   "license": "MIT",
   "publishConfig": {
     "access": "public"
@@ -68,7 +68,7 @@
   "dependencies": {
     "@loaders.gl/schema": "^4.3.3",
     "@types/geojson": "^7946.0.16",
-    "d3-format": "^3.1.0",
+    "d3-format": "^3.1.2",
     "d3-scale": "^4.0.2",
     "h3-js": "^4.1.0",
     "jsep": "^1.4.0",
@@ -124,7 +124,7 @@
     "tsup": "^8.3.6",
     "typescript": "~5.9.2",
     "typescript-eslint": "^8.26.1",
-    "vite": "^7.0.0",
+    "vite": "^7.3.2",
     "vitest": "3.2.4"
   },
   "resolutions": {

package/src/fetch-map/layer-map.ts

@@ -514,10 +514,11 @@ export function getMaxMarkerSize(
   visConfig: VisConfig,
   visualChannels: VisualChannels
 ): number {
-  const {radiusRange, radius} = visConfig;
+  const {radiusRange, radius, sizeMaxPixels} = visConfig;
   const {radiusField, sizeField} = visualChannels;
   const field = radiusField || sizeField;
-  return Math.ceil(radiusRange && field ? radiusRange[1] : radius);
+  const baseSize = radiusRange && field ? radiusRange[1] : radius;
+  return Math.ceil(sizeMaxPixels ?? baseSize);
 }
 
 type Accessor = number | ((d: any, i: any) => number);

package/src/fetch-map/parse-map.ts

@@ -128,6 +128,7 @@ export function getLayerDescriptor({
       ...createInteractionProps(interactionConfig),
       ...styleProps,
       ...channelProps,
+      ...createZoomScaleProps(config, visualChannels),
       ...createParametersProp(layerBlending, styleProps.parameters || {}), // Must come after style
       ...createLoadOptions(data.accessToken),
     },
@@ -208,6 +209,38 @@ function createInteractionProps(interactionConfig: any) {
   };
 }
 
+function createZoomScaleProps(
+  config: MapLayerConfig,
+  visualChannels: VisualChannels
+): Record<string, any> {
+  const {visConfig} = config;
+  if (
+    !visConfig.radiusScaleWithZoom ||
+    visualChannels.radiusField ||
+    visualChannels.sizeField
+  ) {
+    return {};
+  }
+  // When `radiusScaleWithZoom` is enabled, render the point in `common`
+  // coordinate space so it scales proportionally with zoom.
+  const scale = Math.pow(2, -(visConfig.radiusReferenceZoom as number));
+  const result: Record<string, any> = {
+    pointRadiusUnits: 'common',
+    pointRadiusScale: scale,
+    iconSizeUnits: 'common',
+    iconSizeScale: scale,
+  };
+  if (visConfig.sizeMinPixels !== undefined) {
+    result.pointRadiusMinPixels = visConfig.sizeMinPixels;
+    result.iconSizeMinPixels = visConfig.sizeMinPixels;
+  }
+  if (visConfig.sizeMaxPixels !== undefined) {
+    result.pointRadiusMaxPixels = visConfig.sizeMaxPixels;
+    result.iconSizeMaxPixels = visConfig.sizeMaxPixels;
+  }
+  return result;
+}
+
 function mapProps(source: any, target: any, mapping: any) {
   for (const sourceKey in mapping) {
     const sourceValue = source[sourceKey];
@@ -667,7 +700,24 @@ function createChannelProps(
     const getSecondaryText =
       secondaryField && getTextAccessor(secondaryField, data);
 
-    result.pointType = `${result.pointType}+text`;
+    // For line/polygon tileset layers, deck.gl's VectorTileLayer can synthesize
+    // point labels at line midpoints / polygon centroids via `autoLabels`. The
+    // optional `uniqueIdProperty` dedupes features that span multiple tiles so
+    // each feature gets one label instead of one-per-tile.
+    const geometry = data.tilestats?.layers?.[0]?.geometry;
+    const isLineOrPolygon =
+      geometry === 'Polygon' ||
+      geometry === 'MultiPolygon' ||
+      geometry === 'Line' ||
+      geometry === 'LineString' ||
+      geometry === 'MultiLineString';
+    if (isLineOrPolygon && (layerType === 'tileset' || layerType === 'mvt')) {
+      const uniqueIdProperty = visConfig.textLabelUniqueIdField;
+      result.autoLabels = uniqueIdProperty ? {uniqueIdProperty} : true;
+      result.pointType = 'text';
+    } else {
+      result.pointType = `${result.pointType}+text`;
+    }
     result.textCharacterSet = 'auto';
     result.textFontFamily = 'Inter, sans';
     result.textFontSettings = {sdf: true};

package/src/fetch-map/types.ts

@@ -80,6 +80,11 @@ export type VisConfig = {
   radiusAggregationExp?: string;
   radiusAggregationDomain?: [number, number];
 
+  sizeMinPixels?: number;
+  sizeMaxPixels?: number;
+  radiusScaleWithZoom?: boolean;
+  radiusReferenceZoom?: number;
+
   sizeAggregation?: string;
   sizeAggregationExp?: string;
   sizeAggregationDomain?: [number, number];
@@ -108,6 +113,7 @@ export type VisConfig = {
   colorBands?: RasterLayerConfigColorBand[];
 
   uniqueValuesColorRange?: ColorRange;
+  textLabelUniqueIdField?: string | null;
 };
 
 export type TextLabel = {