@mapcreator/sdk 1.1.0 → 1.2.1

package/dist/types/index.d.ts

@@ -23,5 +23,12 @@ export type JobObjectAugmented = JobObject & {
 export type LayerInfo = {
     [layerId: string]: {
         visibility: boolean;
+        opacity?: number;
     };
 };
+export type Font = {
+    name: string;
+    family: string;
+    weight: string;
+    style: string;
+};

package/dist/types/jobObject.d.ts

@@ -31,6 +31,7 @@ export type JobObject = {
         layerInfo?: Optional<Array<{
             id: string;
             visibility: boolean;
+            opacity?: Optional<number>;
         }>>;
         overlays?: Optional<number[]>;
         projection?: Optional<'mercator' | 'globe'>;
@@ -69,6 +70,7 @@ export type JobObjectModels = {
     marker?: Optional<JobObjectMarkerGroup[]>;
     polygon?: Optional<JobObjectPolygonGroup[]>;
 };
+export type JobObjectJustify = 'left' | 'center' | 'right';
 export type PopupPosition = 'bottomLeft' | 'mapElement';
 type Optional<T> = T | undefined;
 type JobObjectGroupType = JobObjectArea | JobObjectCircle | JobObjectDot | JobObjectLine | JobObjectMarker | JobObjectPolygon;
@@ -99,6 +101,7 @@ export type JobObjectMarkerGroup = JobObjectGroupBase<JobObjectMarker> & {
     textColor?: Optional<string>;
     textHaloColor?: Optional<string>;
     collisionDetection?: Optional<boolean>;
+    labelCollisionDetection?: Optional<boolean>;
     clustering?: Optional<boolean>;
     clusterMaxZoom?: Optional<number>;
     clusterRadius?: Optional<number>;
@@ -139,6 +142,7 @@ export type JobObjectNorthArrow = {
     position: AdornmentPosition;
     stacking?: Optional<Orientation>;
     scale?: Optional<number>;
+    svgString?: Optional<string>;
 };
 export type JobObjectScalebar = {
     type: 'scalebar';
@@ -151,6 +155,7 @@ export type JobObjectScalebar = {
     fontSize?: Optional<number>;
     maxWidth?: Optional<number>;
     unit?: Optional<ScalebarUnit>;
+    svgString?: Optional<string>;
 };
 export type JobObjectWebControls = {
     type: 'webControls';
@@ -193,12 +198,12 @@ export type JobObjectHeading = {
     titleColor?: Optional<string>;
     titleFont?: Optional<string>;
     titleFontSize?: Optional<number>;
-    titleJustify?: Optional<string>;
+    titleJustify?: Optional<JobObjectJustify>;
     subtitle: string;
     subtitleColor?: Optional<string>;
     subtitleFont?: Optional<string>;
     subtitleFontSize?: Optional<number>;
-    subtitleJustify?: Optional<string>;
+    subtitleJustify?: Optional<JobObjectJustify>;
     background?: Optional<string>;
     showBackground?: Optional<boolean>;
 };
@@ -260,7 +265,6 @@ export type JobObjectLine = {
     lineColor?: Optional<string>;
     lineStyle?: Optional<'solid' | 'dashed' | 'dotted'>;
     lineType?: Optional<'line' | 'route'>;
-    lineDashArray?: Optional<number[]>;
     transportType?: Optional<'car' | 'bicycle' | 'pedestrian'>;
     smoothness?: Optional<number>;
     svg?: Optional<string>;
@@ -350,7 +354,7 @@ export type JobObjectMarker = {
     textAnchor?: Optional<Anchor>;
     textLineHeight?: Optional<number>;
     textLetterSpacing?: Optional<number>;
-    textJustify?: Optional<'left' | 'center' | 'right'>;
+    textJustify?: Optional<JobObjectJustify>;
     textRotation?: Optional<number>;
     textOffset?: Optional<[number, number]>;
     textColor?: Optional<string>;

package/dist/utils/fonts.d.ts

@@ -0,0 +1,4 @@
+import { Env, Font } from '../types';
+export declare function loadFont(name: string, vapiUrl: string, accessToken: string): Promise<string | undefined>;
+export declare function loadFontFaces(env: Env, vapiUrl: string, accessToken: string): Promise<Map<string, Font>>;
+export declare function fontKey(family: string, weight: string, style: string): string;

package/dist/utils/geolocation.d.ts

@@ -1,6 +1,7 @@
 import { Map } from '@mapcreator/maplibre-gl';
-export declare const loadLocationDot: (map: Map) => void;
-export declare const initLayersAndSources: (map: Map) => void;
+import { SvgCache } from './svgHelpers';
+export declare const loadLocationDot: (map: Map, svgCache: SvgCache) => void;
+export declare const initLayersAndSources: (map: Map, svgCache: SvgCache) => void;
 export declare const addLocationDot: (map: any, lng: number, lat: number) => void;
 export declare const createCircle: (lng: number, lat: number, meters: number) => any;
 export declare const showNotification: () => void;

package/dist/utils/helpers.d.ts

@@ -21,10 +21,12 @@ export declare function unitConvert(from: Unit, to: Unit, value: number): number
 export declare function lerp(value1: number, value2: number, ratio: number): number;
 export declare function unlerp(min: number, max: number, value: number): number;
 export declare function clamp(value: number, min: number, max: number): number;
+export declare function stripQuotes(s: string): string;
 /**
  * Fast hash function for non-cryptographic use
  */
 export declare function fnv32b(str: string): string;
 export declare function calculateScaleCorrection(jobObject: JobObject, container: HTMLElement): number;
 export declare function almostEqual(a: number, b: number, delta?: number): boolean;
+export declare function isInIframe(): boolean;
 export {};

package/dist/utils/mapstyle.d.ts

@@ -0,0 +1,2 @@
+import { StyleSpecification } from '@mapcreator/maplibre-gl';
+export declare function ensureSlotLayers(mapstyle: StyleSpecification): void;

package/dist/utils/svgHelpers.d.ts

@@ -1,9 +1,9 @@
 import { JobObjectDataBindings } from '../types/jobObject';
 import { Map as MapLibre } from '@mapcreator/maplibre-gl';
 import { ColorGenerator } from './choropleth';
+import { Font } from '../types';
 export declare function escapeXML(str: string): string;
-export declare function loadFonts(fontNames: string[], vapiUrl: string, accessToken: string): Promise<void>;
-export declare function createImage(svgString: string, width: number, height: number): Promise<HTMLImageElement>;
+export declare function createImage(svgString: string, width: number, height: number, fontMap: Map<string, Font>, vapiUrl: string, accessToken: string): Promise<HTMLImageElement>;
 export interface SvgColor {
     name: string;
     color: Color | string | undefined;
@@ -13,6 +13,8 @@ export interface SvgText {
     text: string | undefined;
     isMultiline: boolean;
 }
+export declare function collectUsedFonts(svg: string, fontMap: Map<string, Font>): Font[];
+export declare function injectFonts(svg: string, fonts: Font[], fontBuffers: Array<string | undefined>): string;
 export declare class SvgHelper {
     private _seen;
     private _svg;
@@ -62,7 +64,10 @@ export declare class SvgHelper {
 export declare class SvgCache {
     private map;
     private keyCache;
-    constructor(map: MapLibre);
+    fontMap: Map<string, Font>;
+    vapiUrl: string;
+    accessToken: string;
+    constructor(map: MapLibre, fontMap: Map<string, Font>, vapiUrl: string, accessToken: string);
     getMapLibreImageKey(svg: string, pixelRatio: number): string;
 }
 export declare function measureTextBlock(lines: string[], fontFamily: string, fontSize: number): {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mapcreator/sdk",
-  "version": "1.1.0",
+  "version": "1.2.1",
   "engines": {
     "node": "^24.0.0",
     "npm": "^11.0.0"
@@ -51,7 +51,7 @@
     "vite-plugin-dts": "^4.5.4"
   },
   "dependencies": {
-    "@mapcreator/maplibre-gl": "5.7.0-mc.5",
+    "@mapcreator/maplibre-gl": "5.7.0-mc.6",
     "@turf/area": "^7.3.4",
     "@turf/bbox-clip": "^7.3.4",
     "@turf/intersect": "^7.3.4",