bruce-cesium 3.4.6 → 3.4.7

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
-import { Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ProjectViewTile, DelayQueue, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, EntityRelationType, ENVIRONMENT, BruceEvent, EntityCoords, Api, EntitySource, MenuItem, EntityRelation, ProgramKey, AbstractApi, ProjectViewBookmark, EntityAttachment, EntityAttachmentType, EntityAttribute, ProjectView, ProjectViewLegacyTile, Camera } from 'bruce-models';
+import { Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ProjectViewTile, DelayQueue, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, Api, EntityRelationType, ENVIRONMENT, BruceEvent, EntityCoords, EntitySource, MenuItem, EntityRelation, ProgramKey, AbstractApi, ProjectViewBookmark, EntityAttachment, EntityAttachmentType, EntityAttribute, ProjectView, ProjectViewLegacyTile, Camera } from 'bruce-models';
 import * as Cesium from 'cesium';
-import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, DistanceDisplayCondition, NearFarScalar, Model, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, SceneMode, GeoJsonDataSource, ColorMaterialProperty, Primitive, Cesium3DTileFeature, JulianDate, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, Cesium3DTileset, Matrix4, Matrix3, IonResource, CesiumInspector, defined, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, ScreenSpaceEventHandler, ScreenSpaceEventType, BoundingSphere, GeometryInstance, Intersect, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics } from 'cesium';
+import { Cartographic, Cartesian2, Math as Math$1, Cartesian3, CallbackProperty, Color, HeightReference, Rectangle, JulianDate, DistanceDisplayCondition, NearFarScalar, Model, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Primitive, Cesium3DTileFeature, SceneMode, Cesium3DTileColorBlendMode, HeadingPitchRange, GeoJsonDataSource, ColorMaterialProperty, Cesium3DTileStyle, Ion, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, EllipsoidTerrainProvider, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, CesiumInspector, defined, Cesium3DTileset, Matrix4, Matrix3, IonResource, EllipsoidGeodesic, sampleTerrainMostDetailed, BoundingSphere, GeometryInstance, PolygonPipeline, ScreenSpaceEventHandler, ScreenSpaceEventType, Intersect, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics } from 'cesium';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -3350,6 +3350,19 @@ var VisualRegisterCuller;
     VisualRegisterCuller.MarkShouldRecheck = MarkShouldRecheck;
 })(VisualRegisterCuller || (VisualRegisterCuller = {}));
 
+var _logErrorCache = {};
+/**
+ * Will only log the error once matching the key.
+ * @param key
+ * @param message
+ */
+function OneTimeError(key, message) {
+    if (!_logErrorCache[key]) {
+        console.error(message);
+        _logErrorCache[key] = true;
+    }
+}
+
 function colorToCColor(color) {
     return new Color(color.red ? color.red / 255 : 0, color.green ? color.green / 255 : 0, color.blue ? color.blue / 255 : 0, color.alpha);
 }
@@ -3621,8 +3634,6 @@ function getRenderGroupId(zoomItem, terrain) {
     }
     return zoomItem.MinZoom + "-" + zoomItem.MaxZoom + "-" + shouldApplyFlatFix(terrain);
 }
-var _fileValidationCache = {};
-var _fileHeightCache = {};
 // Key = url + scale.
 var _fileRadiusCache = new LRUCache(1000);
 /**
@@ -3719,7 +3730,7 @@ function getSizeOfPolygonEntity(entity) {
     }
     return length;
 }
-var _billboardCache = new LRUCache(100);
+var _billboardCache = new LRUCache(150);
 var POINT_BILLBOARD_PADDING = 1;
 var createCircleBillboard = function (size, colorCss) {
     var key = size + "-" + colorCss;
@@ -3747,6 +3758,53 @@ var createCircleBillboard = function (size, colorCss) {
     _billboardCache.Set(key, data);
     return data;
 };
+var createImageBillboard = function (url) {
+    var cacheKey = "image-" + url;
+    var cacheData = _billboardCache.Get(cacheKey);
+    if (cacheData) {
+        return cacheData;
+    }
+    var prom = new Promise(function (res, rej) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, blob, canvas_1, image_1, e_4;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 3, , 4]);
+                    return [4 /*yield*/, fetch(url)];
+                case 1:
+                    response = _a.sent();
+                    return [4 /*yield*/, response.blob()];
+                case 2:
+                    blob = _a.sent();
+                    canvas_1 = document.createElement("canvas");
+                    image_1 = new Image();
+                    image_1.onload = function () {
+                        canvas_1.width = image_1.width;
+                        canvas_1.height = image_1.height;
+                        var context = canvas_1.getContext("2d");
+                        context.drawImage(image_1, 0, 0);
+                        var data = {
+                            canvas: canvas_1,
+                            height: image_1.height
+                        };
+                        res(data);
+                    };
+                    image_1.onerror = function () {
+                        rej(null);
+                    };
+                    image_1.src = URL.createObjectURL(blob);
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_4 = _a.sent();
+                    rej(null);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); });
+    _billboardCache.Set(cacheKey, prom);
+    return prom;
+};
 /**
  * Removes duplicate points in a row and returns a new array.
  * Passed array is not mutated.
@@ -3797,6 +3855,48 @@ function getModelEntity(url, scale) {
         });
     });
 }
+/**
+ * Turns a hard-coded file url into pieces so we can properly load it using our libraries rather than directly.
+ * @param url eg: https://demoplantprocess.api.nextspace-uat.net/file/4c29bdf8-1f0b-4739-b0ee-421ea07ba4e5.png
+ */
+function extractMetadataFromFileUrl(url) {
+    var _a;
+    url = url.toLowerCase();
+    // Bzzt, invalid url format for our purposes.
+    if (!url.includes(".api.") || !url.includes("/file/")) {
+        return null;
+    }
+    url = url.replace("https://", "").replace("http://", "");
+    var envId = Api.EEnv.PROD;
+    if (url.includes("-dev.net")) {
+        envId = Api.EEnv.DEV;
+    }
+    else if (url.includes("-stg.net")) {
+        envId = Api.EEnv.STG;
+    }
+    else if (url.includes("-uat.net")) {
+        envId = Api.EEnv.UAT;
+    }
+    var parts = url.split("/");
+    var host = parts[0];
+    var hostParts = host.split(".");
+    var accountId = hostParts[0];
+    var fileId = (_a = parts[2]) !== null && _a !== void 0 ? _a : "";
+    if (fileId.includes("?")) {
+        fileId = fileId.split("?")[0];
+    }
+    if (fileId.includes(".")) {
+        fileId = fileId.split(".")[0];
+    }
+    if (!fileId || !accountId) {
+        return null;
+    }
+    return {
+        accountId: accountId,
+        fileId: fileId,
+        envId: envId
+    };
+}
 var EntityRenderEngine;
 (function (EntityRenderEngine) {
     function Render(params) {
@@ -4070,10 +4170,11 @@ var EntityRenderEngine;
         }
         Point.CreateCircleBillboard = CreateCircleBillboard;
         function Render(params) {
+            var _a, _b;
             return __awaiter(this, void 0, void 0, function () {
-                var entity, style, type, cEntity, siblings, iconUrlRows, icon, iconUrl_1, res, blob_1, e_4, e_5, iconScale, disableDepthTest, bColor, cColor, heightRef, radius, bFill, cFill, outline, cOutline, outlineWidth, bOutline, heightRef, pos3d, extrusion, outlineExtrusion, bColor, cColor, size, heightRef, circleBillboard;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                var entity, style, type, cEntity, siblings, iconUrlRows, icon, iconUrl, metadata, api, image, e_5, iconScale, disableDepthTest, bColor, cColor, heightRef, radius, bFill, cFill, outline, cOutline, outlineWidth, bOutline, heightRef, pos3d, extrusion, outlineExtrusion, bColor, cColor, size, heightRef, circleBillboard;
+                return __generator(this, function (_c) {
+                    switch (_c.label) {
                         case 0:
                             entity = params.entity;
                             style = params.style;
@@ -4086,7 +4187,7 @@ var EntityRenderEngine;
                             }
                             cEntity = null;
                             siblings = [];
-                            if (!(type == Style.EPointType.Icon)) return [3 /*break*/, 12];
+                            if (!(type == Style.EPointType.Icon)) return [3 /*break*/, 9];
                             iconUrlRows = style.iconUrl == null ? [] : style.iconUrl;
                             iconUrlRows.forEach(function (row) {
                                 if (row.type == Calculator.EValueType.Color) {
@@ -4094,67 +4195,55 @@ var EntityRenderEngine;
                                 }
                             });
                             icon = Calculator.GetString(iconUrlRows, entity, params.tags);
-                            iconUrl_1 = null;
-                            if (typeof icon == "string") {
-                                iconUrl_1 = icon;
-                            }
-                            if (!iconUrl_1 && style.iconId) {
-                                iconUrl_1 = ClientFile.GetUrl({
-                                    api: params.api,
-                                    fileId: style.iconId,
-                                    viaCdn: true
-                                });
-                            }
-                            if (!iconUrl_1) return [3 /*break*/, 11];
-                            _a.label = 1;
+                            iconUrl = null;
+                            if (!(typeof icon == "string")) return [3 /*break*/, 2];
+                            iconUrl = icon;
+                            metadata = extractMetadataFromFileUrl(iconUrl);
+                            if (!metadata) return [3 /*break*/, 2];
+                            api = params.apiGetter.getApi(metadata.accountId);
+                            return [4 /*yield*/, api.Loading];
                         case 1:
-                            _a.trys.push([1, 10, , 11]);
-                            if (!(_fileValidationCache[iconUrl_1] == null)) return [3 /*break*/, 8];
-                            return [4 /*yield*/, fetch(iconUrl_1)];
+                            _c.sent();
+                            iconUrl = ClientFile.GetUrl({
+                                api: api,
+                                fileId: metadata.fileId,
+                                viaCdn: true
+                            });
+                            _c.label = 2;
                         case 2:
-                            res = _a.sent();
-                            if (!(res.status != 200)) return [3 /*break*/, 3];
-                            iconUrl_1 = null;
-                            return [3 /*break*/, 7];
+                            if (!(!iconUrl && style.iconId)) return [3 /*break*/, 4];
+                            return [4 /*yield*/, params.api.Loading];
                         case 3:
-                            _a.trys.push([3, 6, , 7]);
-                            return [4 /*yield*/, res.blob()];
+                            _c.sent();
+                            iconUrl = ClientFile.GetUrl({
+                                api: params.api,
+                                fileId: style.iconId,
+                                viaCdn: true
+                            });
+                            _c.label = 4;
                         case 4:
-                            blob_1 = _a.sent();
-                            return [4 /*yield*/, new Promise(function (res) {
-                                    var img = new Image();
-                                    img.onload = function () {
-                                        _fileHeightCache[iconUrl_1] = img.height;
-                                        res(null);
-                                    };
-                                    img.onerror = function () {
-                                        _fileHeightCache[iconUrl_1] = undefined;
-                                        res(null);
-                                    };
-                                    img.src = URL.createObjectURL(blob_1);
-                                })];
+                            image = null;
+                            if (!iconUrl) return [3 /*break*/, 8];
+                            _c.label = 5;
                         case 5:
-                            _a.sent();
-                            return [3 /*break*/, 7];
+                            _c.trys.push([5, 7, , 8]);
+                            return [4 /*yield*/, createImageBillboard(iconUrl)];
                         case 6:
-                            e_4 = _a.sent();
-                            console.error(e_4);
-                            return [3 /*break*/, 7];
+                            image = _c.sent();
+                            return [3 /*break*/, 8];
                         case 7:
-                            _fileValidationCache[iconUrl_1] = Boolean(iconUrl_1);
-                            return [3 /*break*/, 9];
+                            e_5 = _c.sent();
+                            // Expanding the logging here so we can figure out why this is happening.
+                            // Most of the time the file is missing but we're getting some strange errors so I am including logging on the API settings as well.
+                            OneTimeError("ENTITY_RENDER_ENGINE_ICON_URL_ERROR_" + iconUrl, {
+                                error: e_5,
+                                iconUrl: iconUrl,
+                                apiUrl: (_a = params.api) === null || _a === void 0 ? void 0 : _a.GetBaseUrl(),
+                                apiAccountId: (_b = params.api) === null || _b === void 0 ? void 0 : _b.AccountId
+                            });
+                            return [3 /*break*/, 8];
                         case 8:
-                            if (!_fileValidationCache[iconUrl_1]) {
-                                iconUrl_1 = null;
-                            }
-                            _a.label = 9;
-                        case 9: return [3 /*break*/, 11];
-                        case 10:
-                            e_5 = _a.sent();
-                            iconUrl_1 = null;
-                            return [3 /*break*/, 11];
-                        case 11:
-                            if (iconUrl_1) {
+                            if (image) {
                                 iconScale = EnsureNumber(Calculator.GetNumber(style.iconScale, entity, params.tags));
                                 if (!iconScale && iconScale != 0) {
                                     iconScale = 1;
@@ -4169,7 +4258,7 @@ var EntityRenderEngine;
                                         billboard: {
                                             horizontalOrigin: HorizontalOrigin.CENTER,
                                             verticalOrigin: VerticalOrigin.BOTTOM,
-                                            image: iconUrl_1,
+                                            image: image.canvas,
                                             heightReference: getHeightRef(style),
                                             scale: iconScale,
                                             disableDepthTestDistance: disableDepthTest ? Number.POSITIVE_INFINITY : undefined,
@@ -4186,11 +4275,11 @@ var EntityRenderEngine;
                                         }),
                                         show: true
                                     });
-                                    cEntity.billboard._billboardSize = _fileHeightCache[iconUrl_1];
+                                    cEntity.billboard._billboardSize = image.height;
                                 }
                             }
-                            _a.label = 12;
-                        case 12:
+                            _c.label = 9;
+                        case 9:
                             if (type == Style.EPointType.Cylinder) {
                                 radius = EnsureNumber(Calculator.GetNumber(style.CylinderRadius, entity, params.tags));
                                 if (radius <= 0) {
@@ -4349,6 +4438,7 @@ var EntityRenderEngine;
                                     tags: tags,
                                     viewer: params.viewer,
                                     api: api,
+                                    apiGetter: params.apiGetter,
                                     maxDistance: zoomItem.MaxZoom,
                                     minDistance: zoomItem.MinZoom
                                 })];
@@ -4948,6 +5038,9 @@ var EntityRenderEngine;
                     switch (_g.label) {
                         case 0:
                             api = params.apiGetter.getApi();
+                            return [4 /*yield*/, api.Loading];
+                        case 1:
+                            _g.sent();
                             cEntities = {};
                             reqBody = {
                                 "strict": false,
@@ -4955,32 +5048,32 @@ var EntityRenderEngine;
                                 "Items": []
                             };
                             i = 0;
-                            _g.label = 1;
-                        case 1:
-                            if (!(i < params.entities.length)) return [3 /*break*/, 8];
+                            _g.label = 2;
+                        case 2:
+                            if (!(i < params.entities.length)) return [3 /*break*/, 9];
                             entity = params.entities[i];
                             zoomItem = params.zoomItems[entity.Bruce.ID];
-                            if (!(zoomItem.StyleID != -1)) return [3 /*break*/, 3];
+                            if (!(zoomItem.StyleID != -1)) return [3 /*break*/, 4];
                             return [4 /*yield*/, getStyle(api, entity, zoomItem.StyleID)];
-                        case 2:
-                            _f = (_a = (_g.sent())) === null || _a === void 0 ? void 0 : _a.Settings;
-                            return [3 /*break*/, 4];
                         case 3:
-                            _f = zoomItem.Style;
-                            _g.label = 4;
+                            _f = (_a = (_g.sent())) === null || _a === void 0 ? void 0 : _a.Settings;
+                            return [3 /*break*/, 5];
                         case 4:
+                            _f = zoomItem.Style;
+                            _g.label = 5;
+                        case 5:
                             style = _f;
                             tagIds = entity.Bruce["Layer.ID"];
                             tags = [];
-                            if (!(tagIds && tagIds.length > 0)) return [3 /*break*/, 6];
+                            if (!(tagIds && tagIds.length > 0)) return [3 /*break*/, 7];
                             return [4 /*yield*/, EntityTag.GetListByIds({
                                     api: api,
                                     tagIds: tagIds
                                 })];
-                        case 5:
-                            tags = (_g.sent()).tags;
-                            _g.label = 6;
                         case 6:
+                            tags = (_g.sent()).tags;
+                            _g.label = 7;
+                        case 7:
                             mStyle = (_b = style === null || style === void 0 ? void 0 : style.modelStyle) !== null && _b !== void 0 ? _b : {};
                             group = mStyle.lodGroup ? Calculator.GetString(mStyle.lodGroup, entity, tags) : null;
                             if (!group) {
@@ -5000,15 +5093,15 @@ var EntityRenderEngine;
                                 "group": group,
                                 "level": level
                             });
-                            _g.label = 7;
-                        case 7:
+                            _g.label = 8;
+                        case 8:
                             i++;
-                            return [3 /*break*/, 1];
-                        case 8: return [4 /*yield*/, EntityLod.GetLods({
+                            return [3 /*break*/, 2];
+                        case 9: return [4 /*yield*/, EntityLod.GetLods({
                                 api: api,
                                 filter: reqBody
                             })];
-                        case 9:
+                        case 10:
                             lodData = (_g.sent()).lods;
                             _loop_2 = function (i) {
                                 var entity, zoomItem, style, _h, tagIds, tags, lod, mStyle, cEntity, name_5;
@@ -5070,17 +5163,17 @@ var EntityRenderEngine;
                                 });
                             };
                             i = 0;
-                            _g.label = 10;
-                        case 10:
-                            if (!(i < params.entities.length)) return [3 /*break*/, 13];
-                            return [5 /*yield**/, _loop_2(i)];
+                            _g.label = 11;
                         case 11:
-                            _g.sent();
-                            _g.label = 12;
+                            if (!(i < params.entities.length)) return [3 /*break*/, 14];
+                            return [5 /*yield**/, _loop_2(i)];
                         case 12:
+                            _g.sent();
+                            _g.label = 13;
+                        case 13:
                             i++;
-                            return [3 /*break*/, 10];
-                        case 13: return [2 /*return*/, cEntities];
+                            return [3 /*break*/, 11];
+                        case 14: return [2 /*return*/, cEntities];
                     }
                 });
             });
@@ -21508,7 +21601,7 @@ var CesiumViewMonitor;
     CesiumViewMonitor$$1.Monitor = Monitor;
 })(CesiumViewMonitor || (CesiumViewMonitor = {}));
 
-var VERSION$1 = "3.4.6";
+var VERSION$1 = "3.4.7";
 
 export { VERSION$1 as VERSION, CesiumViewMonitor, ViewerUtils, MenuItemManager, EntityRenderEngine, MenuItemCreator, VisualsRegister, RenderManager, EntitiesIdsRenderManager, EntitiesLoadedRenderManager, EntitiesRenderManager, EntityRenderManager, TilesetCadRenderManager, TilesetArbRenderManager, TilesetEntitiesRenderManager, TilesetOsmRenderManager, TilesetPointcloudRenderManager, TilesetGooglePhotosRenderManager, DataSourceStaticKmlManager, RelationsRenderManager, SharedGetters, CesiumParabola, EntityLabel, ViewRenderEngine, TileRenderEngine, TilesetRenderEngine, CESIUM_INSPECTOR_KEY, ViewUtils, DrawingUtils, MeasureUtils, EntityUtils, Draw3dPolygon, Draw3dPolyline };
 //# sourceMappingURL=bruce-cesium.es5.js.map