@orioro/react-maplibre-util 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @orioro/react-maplibre-util
 
+## 0.5.1
+
+### Patch Changes
+
+- fix unknown image ids
+
 ## 0.5.0
 
 ### Minor Changes

package/dist/DynamicImages/svgImages/index.d.ts

@@ -24,9 +24,17 @@ export declare function svgToMaplibreImage(svgString: string, pixelRatio?: numbe
     Partial<StyleImageMetadata>
 ]>;
 export declare function svgIconId(iconId: string, options?: IconPathToSvgOptions): string;
-export declare function svgIconGenerator(iconPathsById: Record<string, string>): (imageId: string) => Promise<[{
-    width: number;
-    height: number;
-    data: Uint8ClampedArray;
-}, Partial<StyleImageMetadata>]>;
+type SvgIconGeneratorReturn<T extends Record<string, string>> = {
+    (imageId: string): Promise<[
+        {
+            width: number;
+            height: number;
+            data: Uint8ClampedArray;
+        },
+        Partial<StyleImageMetadata>
+    ] | null>;
+} & {
+    [K in keyof T]: (options?: IconPathToSvgOptions) => string;
+};
+export declare function svgIconGenerator<T extends Record<string, string>>(iconPathsById: T): SvgIconGeneratorReturn<T>;
 export {};

package/dist/index.mjs

@@ -920,7 +920,7 @@ function DynamicImages(_a) {
               if (!map.hasImage(imageId)) {
                 if (Array.isArray(result)) {
                   map.addImage(imageId, result[0], result[1]);
-                } else {
+                } else if (result) {
                   map.addImage(imageId, result);
                 }
               }
@@ -1027,15 +1027,28 @@ function svgIconGenerator(iconPathsById) {
   var expr = strExpr({
     expressions: fns
   });
-  return function onGenerateSvgImage(imageId) {
+  function onGenerateSvgImage(imageId) {
     return __awaiter(this, void 0, void 0, function () {
-      var svg;
+      var imageExpr, svg;
       return __generator(this, function (_a) {
-        svg = expr.apply(imageId, undefined);
-        return [2 /*return*/, svgToMaplibreImage(svg)];
+        try {
+          imageExpr = expr.parse(imageId);
+          svg = expr.apply(imageExpr, undefined);
+          return [2 /*return*/, svgToMaplibreImage(svg)];
+        } catch (err) {
+          // console.log(`will skip: ${imageId}`)
+          return [2 /*return*/, null];
+        }
+        return [2 /*return*/];
       });
     });
-  };
+  }
+  Object.assign(onGenerateSvgImage, Object.fromEntries(Object.keys(iconPathsById).map(function (iconId) {
+    return [iconId, function (options) {
+      return svgIconId(iconId, options);
+    }];
+  })));
+  return onGenerateSvgImage;
 }
 
 var DEFAULT_MIN_K = 3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orioro/react-maplibre-util",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "packageManager": "yarn@4.0.2",
   "type": "module",
   "main": "dist/index.mjs",
@@ -17,6 +17,7 @@
   },
   "license": "ISC",
   "scripts": {
+    "prepublish": "yarn build",
     "build": "rm -rf dist && rollup --config ./rollup.config.mjs",
     "dev": "storybook dev -p 6006",
     "build-storybook": "storybook build"