bruce-cesium 3.6.0 → 3.6.2

package/dist/bruce-cesium.es5.js

@@ -1,6 +1,6 @@
 import { BruceEvent, Cartes, Carto, Entity as Entity$1, Geometry, Tileset, MathUtils, LRUCache, ProjectViewTile, DelayQueue, ZoomControl, Style, EntityTag, Calculator, EntityLod, EntityType, ClientFile, ObjectUtils, Bounds, Api, EntityRelationType, ENVIRONMENT, 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, JulianDate, DistanceDisplayCondition, NearFarScalar, Model, Entity, HorizontalOrigin, VerticalOrigin, ClassificationType, ArcType, CornerType, ShadowMode, PolygonHierarchy, PolylineGraphics, HeadingPitchRoll, Transforms, ColorBlendMode, Primitive, Cesium3DTileFeature, SceneMode, GeoJsonDataSource, ColorMaterialProperty, Cesium3DTileColorBlendMode, HeadingPitchRange, Ion, Cesium3DTileStyle, KmlDataSource, SceneTransforms, OrthographicFrustum, EasingFunction, Cesium3DTileset, Matrix4, Matrix3, IonResource, EllipsoidTerrainProvider, CesiumInspector, defined, BingMapsImageryProvider, BingMapsStyle, MapboxImageryProvider, MapboxStyleImageryProvider, ArcGisMapServerImageryProvider, OpenStreetMapImageryProvider, GridImageryProvider, GeographicTilingScheme, ImageryLayer, UrlTemplateImageryProvider, TileMapServiceImageryProvider, IonImageryProvider, CesiumTerrainProvider, EllipsoidGeodesic, sampleTerrainMostDetailed, PolygonPipeline, BoundingSphere, GeometryInstance, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, ScreenSpaceEventHandler, ScreenSpaceEventType, Intersect } 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, GeoJsonDataSource, ColorMaterialProperty, SceneMode, 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, BoundingSphere, GeometryInstance, PolygonPipeline, ScreenSpaceEventHandler, ScreenSpaceEventType, ModelGraphics, PolygonGraphics, CorridorGraphics, PointGraphics, BillboardGraphics, EllipseGraphics, EllipsoidGeodesic, sampleTerrainMostDetailed, CzmlDataSource, Quaternion, Intersect } from 'cesium';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation. All rights reserved.
@@ -13908,6 +13908,13 @@ var DataSourceStaticKmlManager;
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(Manager.prototype, "DataSources", {
+            get: function () {
+                return this.dataSources;
+            },
+            enumerable: false,
+            configurable: true
+        });
         Manager.prototype.Init = function () {
             var _this = this;
             var files = this.item.KML;
@@ -15246,6 +15253,414 @@ var LegacyRelationsRenderManager;
     LegacyRelationsRenderManager.Manager = Manager;
 })(LegacyRelationsRenderManager || (LegacyRelationsRenderManager = {}));
 
+/**
+ * Made for a POC experiment.
+ * Do not use without reviewing the purpose and settings of the Menu Item.
+ */
+var DataSourceStaticCsvManager;
+(function (DataSourceStaticCsvManager) {
+    var Manager = /** @class */ (function () {
+        function Manager(params) {
+            this.disposed = false;
+            this.czmlDataInputs = [];
+            // Array of callbacks to remove from the clock tick event.
+            this.tickRemovals = [];
+            var viewer = params.viewer, apiGetter = params.apiGetter, item = params.item;
+            this.viewer = viewer;
+            this.apiGetter = apiGetter;
+            this.item = item;
+        }
+        Object.defineProperty(Manager.prototype, "Disposed", {
+            get: function () {
+                return this.disposed;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Manager.prototype, "DataSources", {
+            get: function () {
+                return this.dataSource ? [this.dataSource] : [];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(Manager.prototype, "CzmlDataInputs", {
+            get: function () {
+                return this.czmlDataInputs;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Manager.prototype.Init = function () {
+            var _this = this;
+            var files = this.item.CSV;
+            if (!files) {
+                return;
+            }
+            if (!Array.isArray(files)) {
+                files = [files];
+            }
+            (function () { return __awaiter(_this, void 0, void 0, function () {
+                var api, e_1;
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            api = this.apiGetter.getApi();
+                            return [4 /*yield*/, api.Loading];
+                        case 1:
+                            _b.sent();
+                            if (this.disposed) {
+                                return [2 /*return*/];
+                            }
+                            _b.label = 2;
+                        case 2:
+                            _b.trys.push([2, 4, , 5]);
+                            return [4 /*yield*/, this.renderMovingItem()];
+                        case 3:
+                            _b.sent();
+                            if (this.disposed) {
+                                if (!((_a = this.viewer) === null || _a === void 0 ? void 0 : _a.isDestroyed()) && this.dataSource && this.viewer.dataSources.contains(this.dataSource)) {
+                                    this.viewer.dataSources.remove(this.dataSource);
+                                    this.dataSource = null;
+                                    this.viewer.scene.requestRender();
+                                }
+                                if (this.tickRemovals.length) {
+                                    this.tickRemovals.forEach(function (removal) { return removal(); });
+                                    this.tickRemovals = [];
+                                }
+                            }
+                            return [3 /*break*/, 5];
+                        case 4:
+                            e_1 = _b.sent();
+                            console.error(e_1);
+                            return [3 /*break*/, 5];
+                        case 5: return [2 /*return*/];
+                    }
+                });
+            }); })();
+        };
+        /**
+         * Takes a set of CSV files and renders the collection as a single moving item (truck, car, etc).
+         * This will try to find which is the primary source of point data, and complimentary sources of attribute information.
+         * @param files
+         */
+        Manager.prototype.renderMovingItem = function () {
+            var _a;
+            return __awaiter(this, void 0, void 0, function () {
+                var api, vehicleFileUrl, lineColor, fileStrings, files, i, file, fileId, externalURL, fileUrl, fileStr, csvData, i, delimiter, fileStr, headers, rows, rowsArr, j, row, rowArr, primary, pHeaders, pLatIndex, pLonIndex, pDateTimeIndex, i, row, lat, lon, dateTime, vehicleId, czml, czmlAdjusted, curDateTime, source, errorsInARow_1, removal_1;
+                var _this = this;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            api = this.apiGetter.getApi();
+                            return [4 /*yield*/, api.Loading];
+                        case 1:
+                            _b.sent();
+                            fileStrings = [];
+                            files = this.item.CSV;
+                            i = 0;
+                            _b.label = 2;
+                        case 2:
+                            if (!(i < files.length)) return [3 /*break*/, 6];
+                            file = files[i];
+                            fileId = (_a = file === null || file === void 0 ? void 0 : file.ClientFile) === null || _a === void 0 ? void 0 : _a.ID;
+                            externalURL = file === null || file === void 0 ? void 0 : file.fileUrl;
+                            if (!fileId && !externalURL) {
+                                return [3 /*break*/, 5];
+                            }
+                            fileUrl = void 0;
+                            if (fileId) {
+                                fileUrl = ClientFile.GetUrl({
+                                    api: api,
+                                    fileId: fileId,
+                                    viaCdn: true
+                                });
+                            }
+                            else if (externalURL) {
+                                fileUrl = externalURL;
+                            }
+                            return [4 /*yield*/, fetch(fileUrl)];
+                        case 3: return [4 /*yield*/, (_b.sent()).text()];
+                        case 4:
+                            fileStr = _b.sent();
+                            fileStrings.push(fileStr);
+                            if (this.disposed) {
+                                return [2 /*return*/];
+                            }
+                            if (file.vehicleFileId) {
+                                vehicleFileUrl = ClientFile.GetUrl({
+                                    api: api,
+                                    fileId: file.vehicleFileId,
+                                    viaCdn: true
+                                });
+                            }
+                            if (file.lineColor) {
+                                lineColor = file.lineColor;
+                            }
+                            _b.label = 5;
+                        case 5:
+                            i++;
+                            return [3 /*break*/, 2];
+                        case 6:
+                            csvData = [];
+                            for (i = 0; i < fileStrings.length; i++) {
+                                delimiter = ",";
+                                fileStr = fileStrings[i];
+                                headers = fileStr.slice(0, fileStr.indexOf("\n")).split(delimiter).map(function (header) { return header.trim(); });
+                                rows = fileStr.slice(fileStr.indexOf("\n") + 1).split("\n");
+                                rowsArr = [];
+                                for (j = 0; j < rows.length; j++) {
+                                    row = rows[j];
+                                    rowArr = row.split(delimiter).map(function (item) { return item.trim(); });
+                                    if (rowArr.length === 1 && rowArr[0] === "") {
+                                        continue;
+                                    }
+                                    rowsArr.push(rowArr);
+                                }
+                                csvData.push({
+                                    headers: headers,
+                                    rows: rowsArr
+                                });
+                            }
+                            primary = csvData[0];
+                            pHeaders = primary.headers;
+                            pLatIndex = pHeaders.findIndex(function (x) { return x.toLowerCase().includes("lat"); });
+                            pLonIndex = pHeaders.findIndex(function (x) { return x.toLowerCase().includes("lon"); });
+                            pDateTimeIndex = pHeaders.findIndex(function (x) { return x.toLowerCase().includes("date"); });
+                            // Ensure values are correct data types.
+                            for (i = 0; i < primary.rows.length; i++) {
+                                row = primary.rows[i];
+                                lat = row[pLatIndex];
+                                if (typeof lat == "string") {
+                                    row[pLatIndex] = parseFloat(lat);
+                                }
+                                lon = row[pLonIndex];
+                                if (typeof lon == "string") {
+                                    row[pLonIndex] = parseFloat(lon);
+                                }
+                                dateTime = new Date(row[pDateTimeIndex]);
+                                row[pDateTimeIndex] = dateTime.toISOString();
+                            }
+                            // Sort by date.
+                            primary.rows.sort(function (a, b) {
+                                var aDate = new Date(a[pDateTimeIndex]);
+                                var bDate = new Date(b[pDateTimeIndex]);
+                                return aDate.getTime() - bDate.getTime();
+                            });
+                            vehicleId = ObjectUtils.UId();
+                            czml = createJourneyCzml(vehicleId, vehicleFileUrl, lineColor, primary);
+                            this.czmlDataInputs.push(czml);
+                            czmlAdjusted = JSON.parse(JSON.stringify(czml));
+                            czmlAdjusted.forEach(function (item) {
+                                delete item.clock;
+                            });
+                            curDateTime = this.viewer.clock.currentTime;
+                            return [4 /*yield*/, this.viewer.dataSources.add(CzmlDataSource.load(czmlAdjusted))];
+                        case 7:
+                            source = _b.sent();
+                            this.dataSource = source;
+                            // Reset back to the previous dateTime.
+                            // Adding the czml data source will have changed the clock.
+                            this.viewer.clock.currentTime = curDateTime;
+                            // Listen to update ticks and ensure orientation of moving item is correct.
+                            if (this.viewer.clock) {
+                                errorsInARow_1 = 0;
+                                removal_1 = this.viewer.clock.onTick.addEventListener(function () {
+                                    var vehicle = source.entities.getById(vehicleId);
+                                    if (vehicle) {
+                                        try {
+                                            updateOrientation(_this.viewer, vehicle);
+                                            errorsInARow_1 = 0;
+                                        }
+                                        catch (e) {
+                                            console.error(e);
+                                            errorsInARow_1 += 1;
+                                            if (errorsInARow_1 >= 3) {
+                                                removal_1();
+                                            }
+                                        }
+                                        _this.viewer.scene.requestRender();
+                                    }
+                                });
+                                this.tickRemovals.push(removal_1);
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        Manager.prototype.Dispose = function () {
+            var _a;
+            if (this.disposed) {
+                return;
+            }
+            this.disposed = true;
+            if (!((_a = this.viewer) === null || _a === void 0 ? void 0 : _a.isDestroyed())) {
+                if (this.dataSource && this.viewer.dataSources.contains(this.dataSource)) {
+                    this.viewer.dataSources.remove(this.dataSource);
+                    this.dataSource = null;
+                    this.viewer.scene.requestRender();
+                }
+            }
+            if (this.tickRemovals.length) {
+                this.tickRemovals.forEach(function (removal) { return removal(); });
+                this.tickRemovals = [];
+            }
+        };
+        Manager.prototype.ReRender = function (params) {
+            return __awaiter(this, void 0, void 0, function () {
+                var entityIds, force;
+                return __generator(this, function (_a) {
+                    entityIds = params.entityIds, force = params.force;
+                    return [2 /*return*/];
+                });
+            });
+        };
+        return Manager;
+    }());
+    DataSourceStaticCsvManager.Manager = Manager;
+})(DataSourceStaticCsvManager || (DataSourceStaticCsvManager = {}));
+/**
+ * Creates a CZML object from the CSV data.
+ * This shows a journey taken by a moving object and alarms detected along the way.
+ * @param vehicleId
+ * @param vehicleFileUrl
+ * @param lineColor
+ * @param data
+ * @returns
+ */
+function createJourneyCzml(vehicleId, vehicleFileUrl, lineColor, data) {
+    var headers = data.headers;
+    var rows = data.rows;
+    var latIndex = headers.findIndex(function (x) { return x.toLowerCase().includes("lat"); });
+    var lonIndex = headers.findIndex(function (x) { return x.toLowerCase().includes("lon"); });
+    var dateTimeIndex = headers.findIndex(function (x) { return x.toLowerCase().includes("date"); });
+    var alarmIndex = headers.findIndex(function (x) { return x.toLowerCase().includes("alarm"); });
+    var czml = [
+        {
+            "id": "document",
+            "name": "Journey",
+            "version": "1.0",
+            "clock": {
+                "interval": rows[0][dateTimeIndex] + "/" + rows[rows.length - 1][dateTimeIndex],
+                "currentTime": rows[0][dateTimeIndex],
+                "multiplier": 10,
+                "range": "LOOP_STOP",
+                "step": "SYSTEM_CLOCK_MULTIPLIER"
+            }
+        },
+    ];
+    // Create a polyline for the full path.
+    var roadPositions = rows.map(function (row) { return [
+        Number(row[lonIndex]),
+        Number(row[latIndex]),
+        0
+    ]; }).flat();
+    czml.push({
+        "id": ObjectUtils.UId(),
+        "name": "Path",
+        "polyline": {
+            "positions": {
+                "cartographicDegrees": roadPositions
+            },
+            "material": {
+                "solidColor": {
+                    "color": {
+                        "rgba": lineColor ? Color.fromCssColorString(lineColor).toBytes() : [0, 255, 0, 100]
+                    }
+                }
+            },
+            "width": 5
+        }
+    });
+    // Add points for the alarms.
+    rows.filter(function (row) { return row[alarmIndex]; }).forEach(function (row, index) {
+        czml.push({
+            "id": ObjectUtils.UId(),
+            "name": "Alarm",
+            "position": {
+                "cartographicDegrees": [
+                    Number(row[lonIndex]),
+                    Number(row[latIndex]),
+                    0
+                ]
+            },
+            "point": {
+                "pixelSize": 10,
+                "color": {
+                    "rgba": [255, 0, 0, 255]
+                }
+            },
+            "label": {
+                "text": row[alarmIndex],
+                "show": true,
+                "font": "11pt monospace",
+                "style": "FILL",
+                "outlineColor": {
+                    "rgba": [0, 0, 0, 255]
+                },
+                "outlineWidth": 2,
+                "pixelOffset": {
+                    "cartesian2": [0, -16]
+                }
+            }
+        });
+    });
+    // Add animated point for the moving item.
+    czml.push({
+        "id": vehicleId,
+        "name": "Vehicle",
+        "availability": rows[0][dateTimeIndex] + "/" + rows[rows.length - 1][dateTimeIndex],
+        "model": vehicleFileUrl ? {
+            "gltf": vehicleFileUrl,
+            "scale": 5
+        } : undefined,
+        "point": !vehicleFileUrl ? {
+            "pixelSize": 20,
+            "color": {
+                "rgba": [0, 0, 255, 255]
+            }
+        } : undefined,
+        "orientation": {
+            "velocityReference": "#vehicle#position"
+        },
+        "position": {
+            "epoch": rows[0][dateTimeIndex],
+            "cartographicDegrees": rows.map(function (row, index) { return [
+                index,
+                Number(row[lonIndex]),
+                Number(row[latIndex]),
+                0
+            ]; }).flat()
+        }
+    });
+    return czml;
+}
+/**
+ * Updates the orientation of the moving item.
+ * This is done by calculating the direction of travel between the current and previous positions.
+ * @param viewer
+ * @param vehicleEntity
+ * @returns
+ */
+function updateOrientation(viewer, vehicleEntity) {
+    if (!vehicleEntity || !vehicleEntity.position) {
+        return;
+    }
+    var positionProperty = vehicleEntity.position;
+    var currentTime = viewer.clock.currentTime;
+    var previousTime = JulianDate.addSeconds(currentTime, -1, new JulianDate());
+    var currentPosition = positionProperty.getValue(currentTime);
+    var previousPosition = positionProperty.getValue(previousTime);
+    if (currentPosition && previousPosition && !Cartesian3.equals(currentPosition, previousPosition)) {
+        var direction = Cartesian3.subtract(currentPosition, previousPosition, new Cartesian3());
+        Cartesian3.normalize(direction, direction);
+        var rotationMatrix = Transforms.rotationMatrixFromPositionVelocity(previousPosition, direction);
+        vehicleEntity.orientation = Quaternion.fromRotationMatrix(rotationMatrix);
+    }
+}
+
 /**
  * Utility to keep track of enabled menu items within a Cesium viewer.
  */
@@ -15484,6 +15899,13 @@ var MenuItemManager;
                             item: params.item
                         });
                         break;
+                    case MenuItem.EType.Csv:
+                        rItem.renderManager = new DataSourceStaticCsvManager.Manager({
+                            viewer: this.viewer,
+                            apiGetter: params.apiGetter,
+                            item: params.item
+                        });
+                        break;
                     case MenuItem.EType.IonTileset:
                     case MenuItem.EType.ArbTileset:
                         rItem.renderManager = new TilesetArbRenderManager.Manager({
@@ -21690,7 +22112,7 @@ var ViewRenderEngine;
     ViewRenderEngine.Render = Render;
 })(ViewRenderEngine || (ViewRenderEngine = {}));
 
-var VERSION = "3.6.0";
+var VERSION = "3.6.2";
 
 export { 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, CesiumEntityStyler, Draw3dPolygon, Draw3dPolyline };
 //# sourceMappingURL=bruce-cesium.es5.js.map