Add existing to tracked

node_modules/@cesium/widgets/Source/Cesium3DTilesInspector/Cesium3DTilesInspector.css

@@ -0,0 +1,122 @@
+ul.cesium-cesiumInspector-statistics {
+  margin: 0;
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+ul.cesium-cesiumInspector-statistics + ul.cesium-cesiumInspector-statistics {
+  border-top: 1px solid #aaa;
+}
+
+.cesium-cesiumInspector-slider {
+  margin-top: 5px;
+}
+
+.cesium-cesiumInspector-slider input[type="number"] {
+  text-align: left;
+  background-color: #222;
+  outline: none;
+  border: 1px solid #444;
+  color: #edffff;
+  width: 100px;
+  border-radius: 3px;
+  padding: 1px;
+  margin-left: 10px;
+  cursor: auto;
+}
+
+.cesium-cesiumInspector-slider input[type="number"]::-webkit-outer-spin-button,
+.cesium-cesiumInspector-slider input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.cesium-cesiumInspector-slider input[type="range"] {
+  margin-left: 5px;
+  vertical-align: middle;
+}
+
+.cesium-cesiumInspector-hide .cesium-cesiumInspector-styleEditor {
+  display: none;
+}
+
+.cesium-cesiumInspector-styleEditor {
+  padding: 10px;
+  border-radius: 5px;
+  background: rgba(48, 51, 54, 0.8);
+  border: 1px solid #444;
+}
+
+.cesium-cesiumInspector-styleEditor textarea {
+  width: 100%;
+  height: 300px;
+  background: transparent;
+  color: #edffff;
+  border: none;
+  padding: 0;
+  white-space: pre;
+  overflow-wrap: normal;
+  overflow-x: auto;
+}
+
+.cesium-3DTilesInspector {
+  width: 300px;
+  pointer-events: all;
+}
+
+.cesium-3DTilesInspector-statistics {
+  font-size: 11px;
+}
+
+.cesium-3DTilesInspector-disabledElementsInfo {
+  margin: 5px 0 0 0;
+  padding: 0 0 0 20px;
+  color: #eed202;
+}
+
+.cesium-3DTilesInspector div,
+.cesium-3DTilesInspector input[type="range"] {
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.cesium-cesiumInspector-error {
+  color: #ff9e9e;
+  overflow: auto;
+}
+
+.cesium-3DTilesInspector .cesium-cesiumInspector-section {
+  margin-top: 3px;
+}
+
+.cesium-3DTilesInspector
+  .cesium-cesiumInspector-sectionHeader
+  + .cesium-cesiumInspector-show {
+  border-top: 1px solid white;
+}
+
+input.cesium-cesiumInspector-url {
+  overflow: hidden;
+  white-space: nowrap;
+  overflow-x: scroll;
+  background-color: transparent;
+  color: white;
+  outline: none;
+  border: none;
+  height: 1em;
+  width: 100%;
+}
+
+.cesium-cesiumInspector .field-group {
+  display: table;
+}
+
+.cesium-cesiumInspector .field-group > label {
+  display: table-cell;
+  font-weight: bold;
+}
+
+.cesium-cesiumInspector .field-group > .field {
+  display: table-cell;
+  width: 100%;
+}

node_modules/@cesium/widgets/Source/Cesium3DTilesInspector/Cesium3DTilesInspector.js

@@ -0,0 +1,387 @@
+import { Check, destroyObject, getElement } from "@cesium/engine";
+import knockout from "../ThirdParty/knockout.js";
+import InspectorShared from "../InspectorShared.js";
+import Cesium3DTilesInspectorViewModel from "./Cesium3DTilesInspectorViewModel.js";
+
+/**
+ * Inspector widget to aid in debugging 3D Tiles
+ *
+ * @alias Cesium3DTilesInspector
+ * @constructor
+ *
+ * @param {Element|string} container The DOM element or ID that will contain the widget.
+ * @param {Scene} scene the Scene instance to use.
+ */
+function Cesium3DTilesInspector(container, scene) {
+  //>>includeStart('debug', pragmas.debug);
+  Check.defined("container", container);
+  Check.typeOf.object("scene", scene);
+  //>>includeEnd('debug');
+
+  container = getElement(container);
+  const element = document.createElement("div");
+  const performanceContainer = document.createElement("div");
+  performanceContainer.setAttribute("data-bind", "visible: performance");
+  const viewModel = new Cesium3DTilesInspectorViewModel(
+    scene,
+    performanceContainer,
+  );
+
+  this._viewModel = viewModel;
+  this._container = container;
+  this._element = element;
+
+  const text = document.createElement("div");
+  text.textContent = "3D Tiles Inspector";
+  text.className = "cesium-cesiumInspector-button";
+  text.setAttribute("data-bind", "click: toggleInspector");
+  element.appendChild(text);
+  element.className = "cesium-cesiumInspector cesium-3DTilesInspector";
+  element.setAttribute(
+    "data-bind",
+    'css: { "cesium-cesiumInspector-visible" : inspectorVisible, "cesium-cesiumInspector-hidden" : !inspectorVisible}',
+  );
+  container.appendChild(element);
+
+  const panel = document.createElement("div");
+  panel.className = "cesium-cesiumInspector-dropDown";
+  element.appendChild(panel);
+
+  const createSection = InspectorShared.createSection;
+  const createCheckbox = InspectorShared.createCheckbox;
+  const createRangeInput = InspectorShared.createRangeInput;
+  const createButton = InspectorShared.createButton;
+
+  const tilesetPanelContents = createSection(
+    panel,
+    "Tileset",
+    "tilesetVisible",
+    "toggleTileset",
+  );
+  const displayPanelContents = createSection(
+    panel,
+    "Display",
+    "displayVisible",
+    "toggleDisplay",
+  );
+  const updatePanelContents = createSection(
+    panel,
+    "Update",
+    "updateVisible",
+    "toggleUpdate",
+  );
+  const loggingPanelContents = createSection(
+    panel,
+    "Logging",
+    "loggingVisible",
+    "toggleLogging",
+  );
+  const tileDebugLabelsPanelContents = createSection(
+    panel,
+    "Tile Debug Labels",
+    "tileDebugLabelsVisible",
+    "toggleTileDebugLabels",
+  );
+  const stylePanelContents = createSection(
+    panel,
+    "Style",
+    "styleVisible",
+    "toggleStyle",
+  );
+  const optimizationPanelContents = createSection(
+    panel,
+    "Optimization",
+    "optimizationVisible",
+    "toggleOptimization",
+  );
+
+  const properties = document.createElement("div");
+  properties.className = "field-group";
+  const propertiesLabel = document.createElement("label");
+  propertiesLabel.className = "field-label";
+  propertiesLabel.appendChild(document.createTextNode("Properties: "));
+  const propertiesField = document.createElement("div");
+  propertiesField.setAttribute("data-bind", "text: properties");
+  properties.appendChild(propertiesLabel);
+  properties.appendChild(propertiesField);
+  tilesetPanelContents.appendChild(properties);
+  tilesetPanelContents.appendChild(
+    createButton("Pick Tileset", "togglePickTileset", "pickActive"),
+  );
+  tilesetPanelContents.appendChild(
+    createButton("Trim Tiles Cache", "trimTilesCache"),
+  );
+  tilesetPanelContents.appendChild(createCheckbox("Enable Picking", "picking"));
+
+  displayPanelContents.appendChild(createCheckbox("Colorize", "colorize"));
+  const wireframeCheckbox = displayPanelContents.appendChild(
+    createCheckbox(
+      "Wireframe",
+      "wireframe",
+      "_tileset === undefined || hasEnabledWireframe",
+    ),
+  );
+
+  // Create warning text when the Wireframe checkbox is disabled
+  const warningText = document.createElement("p");
+  warningText.setAttribute(
+    "data-bind",
+    "visible: _tileset !== undefined && !hasEnabledWireframe",
+  );
+  warningText.setAttribute(
+    "class",
+    "cesium-3DTilesInspector-disabledElementsInfo",
+  );
+  warningText.innerText =
+    "Set enableDebugWireframe to true in the tileset constructor to enable this option.";
+  wireframeCheckbox.appendChild(warningText);
+
+  displayPanelContents.appendChild(
+    createCheckbox("Bounding Volumes", "showBoundingVolumes"),
+  );
+  displayPanelContents.appendChild(
+    createCheckbox("Content Volumes", "showContentBoundingVolumes"),
+  );
+  displayPanelContents.appendChild(
+    createCheckbox("Request Volumes", "showRequestVolumes"),
+  );
+
+  displayPanelContents.appendChild(
+    createCheckbox("Point Cloud Shading", "pointCloudShading"),
+  );
+  const pointCloudShadingContainer = document.createElement("div");
+  pointCloudShadingContainer.setAttribute(
+    "data-bind",
+    "visible: pointCloudShading",
+  );
+  pointCloudShadingContainer.appendChild(
+    createRangeInput(
+      "Geometric Error Scale",
+      "geometricErrorScale",
+      0,
+      2,
+      0.01,
+    ),
+  );
+  pointCloudShadingContainer.appendChild(
+    createRangeInput("Maximum Attenuation", "maximumAttenuation", 0, 32, 1),
+  );
+  pointCloudShadingContainer.appendChild(
+    createRangeInput("Base Resolution", "baseResolution", 0, 1, 0.01),
+  );
+  pointCloudShadingContainer.appendChild(
+    createCheckbox("Eye Dome Lighting (EDL)", "eyeDomeLighting"),
+  );
+  displayPanelContents.appendChild(pointCloudShadingContainer);
+
+  const edlContainer = document.createElement("div");
+  edlContainer.setAttribute("data-bind", "visible: eyeDomeLighting");
+  edlContainer.appendChild(
+    createRangeInput("EDL Strength", "eyeDomeLightingStrength", 0, 2.0, 0.1),
+  );
+  edlContainer.appendChild(
+    createRangeInput("EDL Radius", "eyeDomeLightingRadius", 0, 4.0, 0.1),
+  );
+  pointCloudShadingContainer.appendChild(edlContainer);
+
+  updatePanelContents.appendChild(
+    createCheckbox("Freeze Frame", "freezeFrame"),
+  );
+  updatePanelContents.appendChild(
+    createCheckbox("Dynamic Screen Space Error", "dynamicScreenSpaceError"),
+  );
+  const sseContainer = document.createElement("div");
+  sseContainer.appendChild(
+    createRangeInput(
+      "Maximum Screen Space Error",
+      "maximumScreenSpaceError",
+      0,
+      128,
+      1,
+    ),
+  );
+  updatePanelContents.appendChild(sseContainer);
+  const dynamicScreenSpaceErrorContainer = document.createElement("div");
+  dynamicScreenSpaceErrorContainer.setAttribute(
+    "data-bind",
+    "visible: dynamicScreenSpaceError",
+  );
+  dynamicScreenSpaceErrorContainer.appendChild(
+    createRangeInput(
+      "Screen Space Error Density",
+      "dynamicScreenSpaceErrorDensitySliderValue",
+      0,
+      1,
+      0.005,
+      "dynamicScreenSpaceErrorDensity",
+    ),
+  );
+  dynamicScreenSpaceErrorContainer.appendChild(
+    createRangeInput(
+      "Screen Space Error Factor",
+      "dynamicScreenSpaceErrorFactor",
+      1,
+      32,
+      0.1,
+    ),
+  );
+  updatePanelContents.appendChild(dynamicScreenSpaceErrorContainer);
+
+  loggingPanelContents.appendChild(
+    createCheckbox("Performance", "performance"),
+  );
+  loggingPanelContents.appendChild(performanceContainer);
+  loggingPanelContents.appendChild(
+    createCheckbox("Statistics", "showStatistics"),
+  );
+  const statistics = document.createElement("div");
+  statistics.className = "cesium-3dTilesInspector-statistics";
+  statistics.setAttribute(
+    "data-bind",
+    "html: statisticsText, visible: showStatistics",
+  );
+  loggingPanelContents.appendChild(statistics);
+  loggingPanelContents.appendChild(
+    createCheckbox("Pick Statistics", "showPickStatistics"),
+  );
+  const pickStatistics = document.createElement("div");
+  pickStatistics.className = "cesium-3dTilesInspector-statistics";
+  pickStatistics.setAttribute(
+    "data-bind",
+    "html: pickStatisticsText, visible: showPickStatistics",
+  );
+  loggingPanelContents.appendChild(pickStatistics);
+  loggingPanelContents.appendChild(
+    createCheckbox("Resource Cache Statistics", "showResourceCacheStatistics"),
+  );
+  const resourceCacheStatistics = document.createElement("div");
+  resourceCacheStatistics.className = "cesium-3dTilesInspector-statistics";
+  resourceCacheStatistics.setAttribute(
+    "data-bind",
+    "html: resourceCacheStatisticsText, visible: showResourceCacheStatistics",
+  );
+  loggingPanelContents.appendChild(resourceCacheStatistics);
+
+  const stylePanelEditor = document.createElement("div");
+  stylePanelContents.appendChild(stylePanelEditor);
+  stylePanelEditor.appendChild(document.createTextNode("Color Blend Mode: "));
+  const blendDropdown = document.createElement("select");
+  blendDropdown.setAttribute(
+    "data-bind",
+    "options: colorBlendModes, " +
+      'optionsText: "text", ' +
+      'optionsValue: "value", ' +
+      "value: colorBlendMode",
+  );
+  stylePanelEditor.appendChild(blendDropdown);
+  const styleEditor = document.createElement("textarea");
+  styleEditor.setAttribute(
+    "data-bind",
+    "textInput: styleString, event: { keydown: styleEditorKeyPress }",
+  );
+  stylePanelEditor.className = "cesium-cesiumInspector-styleEditor";
+  stylePanelEditor.appendChild(styleEditor);
+  const closeStylesBtn = createButton("Compile (Ctrl+Enter)", "compileStyle");
+  stylePanelEditor.appendChild(closeStylesBtn);
+  const errorBox = document.createElement("div");
+  errorBox.className = "cesium-cesiumInspector-error";
+  errorBox.setAttribute("data-bind", "text: editorError");
+  stylePanelEditor.appendChild(errorBox);
+
+  tileDebugLabelsPanelContents.appendChild(
+    createCheckbox("Show Picked Only", "showOnlyPickedTileDebugLabel"),
+  );
+  tileDebugLabelsPanelContents.appendChild(
+    createCheckbox("Geometric Error", "showGeometricError"),
+  );
+  tileDebugLabelsPanelContents.appendChild(
+    createCheckbox("Rendering Statistics", "showRenderingStatistics"),
+  );
+  tileDebugLabelsPanelContents.appendChild(
+    createCheckbox("Memory Usage (MB)", "showMemoryUsage"),
+  );
+  tileDebugLabelsPanelContents.appendChild(createCheckbox("Url", "showUrl"));
+
+  optimizationPanelContents.appendChild(
+    createCheckbox("Skip Tile LODs", "skipLevelOfDetail"),
+  );
+  const skipScreenSpaceErrorFactorContainer = document.createElement("div");
+  skipScreenSpaceErrorFactorContainer.appendChild(
+    createRangeInput("Skip SSE Factor", "skipScreenSpaceErrorFactor", 1, 50, 1),
+  );
+  optimizationPanelContents.appendChild(skipScreenSpaceErrorFactorContainer);
+  const baseScreenSpaceError = document.createElement("div");
+  baseScreenSpaceError.appendChild(
+    createRangeInput(
+      "SSE before skipping LOD",
+      "baseScreenSpaceError",
+      0,
+      4096,
+      1,
+    ),
+  );
+  optimizationPanelContents.appendChild(baseScreenSpaceError);
+  const skipLevelsContainer = document.createElement("div");
+  skipLevelsContainer.appendChild(
+    createRangeInput("Min. levels to skip", "skipLevels", 0, 10, 1),
+  );
+  optimizationPanelContents.appendChild(skipLevelsContainer);
+  optimizationPanelContents.appendChild(
+    createCheckbox(
+      "Load only tiles that meet the max SSE.",
+      "immediatelyLoadDesiredLevelOfDetail",
+    ),
+  );
+  optimizationPanelContents.appendChild(
+    createCheckbox("Load siblings of visible tiles", "loadSiblings"),
+  );
+
+  knockout.applyBindings(viewModel, element);
+}
+
+Object.defineProperties(Cesium3DTilesInspector.prototype, {
+  /**
+   * Gets the parent container.
+   * @memberof Cesium3DTilesInspector.prototype
+   *
+   * @type {Element}
+   */
+  container: {
+    get: function () {
+      return this._container;
+    },
+  },
+
+  /**
+   * Gets the view model.
+   * @memberof Cesium3DTilesInspector.prototype
+   *
+   * @type {Cesium3DTilesInspectorViewModel}
+   */
+  viewModel: {
+    get: function () {
+      return this._viewModel;
+    },
+  },
+});
+
+/**
+ * @returns {boolean} true if the object has been destroyed, false otherwise.
+ */
+Cesium3DTilesInspector.prototype.isDestroyed = function () {
+  return false;
+};
+
+/**
+ * Destroys the widget.  Should be called if permanently
+ * removing the widget from layout.
+ */
+Cesium3DTilesInspector.prototype.destroy = function () {
+  knockout.cleanNode(this._element);
+  this._container.removeChild(this._element);
+  this.viewModel.destroy();
+
+  return destroyObject(this);
+};
+
+export default Cesium3DTilesInspector;