@cesium/widgets - npm Package Compare versions

Comparing version 3.0.2 to 4.3.0

index.js

@@ -1,2 +0,2 @@
-globalThis.CESIUM_VERSION = "1.108";
+globalThis.CESIUM_VERSION = "1.111";
 export { default as ClockViewModel } from './Source/ClockViewModel.js';
@@ -11,2 +11,4 @@ export { default as Command } from './Source/Command.js';
 export { default as AnimationViewModel } from './Source/Animation/AnimationViewModel.js';
+export { default as Cesium3DTilesInspector } from './Source/Cesium3DTilesInspector/Cesium3DTilesInspector.js';
+export { default as Cesium3DTilesInspectorViewModel } from './Source/Cesium3DTilesInspector/Cesium3DTilesInspectorViewModel.js';
 export { default as BaseLayerPicker } from './Source/BaseLayerPicker/BaseLayerPicker.js';
@@ -17,6 +19,6 @@ export { default as BaseLayerPickerViewModel } from './Source/BaseLayerPicker/BaseLayerPickerViewModel.js';
 export { default as createDefaultTerrainProviderViewModels } from './Source/BaseLayerPicker/createDefaultTerrainProviderViewModels.js';
-export { default as Cesium3DTilesInspector } from './Source/Cesium3DTilesInspector/Cesium3DTilesInspector.js';
-export { default as Cesium3DTilesInspectorViewModel } from './Source/Cesium3DTilesInspector/Cesium3DTilesInspectorViewModel.js';
 export { default as CesiumInspector } from './Source/CesiumInspector/CesiumInspector.js';
 export { default as CesiumInspectorViewModel } from './Source/CesiumInspector/CesiumInspectorViewModel.js';
+export { default as HomeButton } from './Source/HomeButton/HomeButton.js';
+export { default as HomeButtonViewModel } from './Source/HomeButton/HomeButtonViewModel.js';
 export { default as FullscreenButton } from './Source/FullscreenButton/FullscreenButton.js';
@@ -26,4 +28,2 @@ export { default as FullscreenButtonViewModel } from './Source/FullscreenButton/FullscreenButtonViewModel.js';
 export { default as GeocoderViewModel } from './Source/Geocoder/GeocoderViewModel.js';
-export { default as HomeButton } from './Source/HomeButton/HomeButton.js';
-export { default as HomeButtonViewModel } from './Source/HomeButton/HomeButtonViewModel.js';
 export { default as InfoBox } from './Source/InfoBox/InfoBox.js';
@@ -33,6 +33,6 @@ export { default as InfoBoxViewModel } from './Source/InfoBox/InfoBoxViewModel.js';
 export { default as NavigationHelpButtonViewModel } from './Source/NavigationHelpButton/NavigationHelpButtonViewModel.js';
+export { default as ProjectionPicker } from './Source/ProjectionPicker/ProjectionPicker.js';
+export { default as ProjectionPickerViewModel } from './Source/ProjectionPicker/ProjectionPickerViewModel.js';
 export { default as PerformanceWatchdog } from './Source/PerformanceWatchdog/PerformanceWatchdog.js';
 export { default as PerformanceWatchdogViewModel } from './Source/PerformanceWatchdog/PerformanceWatchdogViewModel.js';
-export { default as ProjectionPicker } from './Source/ProjectionPicker/ProjectionPicker.js';
-export { default as ProjectionPickerViewModel } from './Source/ProjectionPicker/ProjectionPickerViewModel.js';
 export { default as SceneModePicker } from './Source/SceneModePicker/SceneModePicker.js';
@@ -45,7 +45,7 @@ export { default as SceneModePickerViewModel } from './Source/SceneModePicker/SceneModePickerViewModel.js';
 export { default as knockout } from './Source/ThirdParty/knockout.js';
+export { default as VRButton } from './Source/VRButton/VRButton.js';
+export { default as VRButtonViewModel } from './Source/VRButton/VRButtonViewModel.js';
 export { default as Timeline } from './Source/Timeline/Timeline.js';
 export { default as TimelineHighlightRange } from './Source/Timeline/TimelineHighlightRange.js';
 export { default as TimelineTrack } from './Source/Timeline/TimelineTrack.js';
-export { default as VRButton } from './Source/VRButton/VRButton.js';
-export { default as VRButtonViewModel } from './Source/VRButton/VRButtonViewModel.js';
 export { default as Viewer } from './Source/Viewer/Viewer.js';
@@ -52,0 +52,0 @@ export { default as viewerCesium3DTilesInspectorMixin } from './Source/Viewer/viewerCesium3DTilesInspectorMixin.js';

package.json

 {
   "name": "@cesium/widgets",
-  "version": "3.0.2",
+  "version": "4.3.0",
   "description": "A widgets library for use with CesiumJS. CesiumJS is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin.",
@@ -31,3 +31,3 @@ "keywords": [
   "dependencies": {
-    "@cesium/engine": "^3.0.2",
+    "@cesium/engine": "^6.1.0",
     "nosleep.js": "^0.12.0"
@@ -34,0 +34,0 @@ },

README.md

 # @cesium/widgets
 
-[![Build Status](https://travis-ci.com/CesiumGS/cesium.svg?branch=main)](https://travis-ci.com/CesiumGS/cesium)
+[![Build Status](https://github.com/CesiumGS/cesium/actions/workflows/dev.yml/badge.svg)](https://github.com/CesiumGS/cesium/actions/workflows/dev.yml)
 [![npm](https://img.shields.io/npm/v/@cesium/widgets)](https://www.npmjs.com/package/@cesium/widgets)
@@ -5,0 +5,0 @@ [![Docs](https://img.shields.io/badge/docs-online-orange.svg)](https://cesium.com/learn/)

Source/BaseLayerPicker/BaseLayerPicker.js

@@ -13,3 +13,3 @@ import {
  * <span style="display: block; text-align: center;">
- * <img src="Images/BaseLayerPicker.png" width="264" height="287" alt="" />
+ * <img src="Images/BaseLayerPicker.png" width="264" alt="BaseLayerPicker" />
  * <br />BaseLayerPicker with its drop-panel open.
@@ -24,2 +24,5 @@ * </span>
  * empty, and must be configured before use, as illustrated in the below example.
+ * <br /><br />
+ * By default, the BaseLayerPicker uses a default list of example providers for demonstration purposes.
+ * Notably some of these providers, such as <a href="https://developers.arcgis.com" target="_blank">Esri ArcGIS</a> and <a href="https://docs.stadiamaps.com/ target="_blank">Stadia Maps</a>, have seperate terms of service and require authentication for production use.
  *
@@ -26,0 +29,0 @@ * @alias BaseLayerPicker

Source/BaseLayerPicker/createDefaultImageryProviderViewModels.js

@@ -18,2 +18,3 @@ import {
   const providerViewModels = [];
+  const useRetinaTiles = devicePixelRatio >= 2.0;
   providerViewModels.push(
@@ -164,3 +165,3 @@ new ProviderViewModel({
     new ProviderViewModel({
-      name: "Stamen Watercolor",
+      name: "Stadia x Stamen Watercolor",
       iconUrl: buildModuleUrl(
@@ -170,10 +171,12 @@ "Widgets/Images/ImageryProviders/stamenWatercolor.png"
       tooltip:
-        "Reminiscent of hand drawn maps, Stamen watercolor maps apply raster effect \
-area washes and organic edges over a paper texture to add warm pop to any map.\nhttp://maps.stamen.com",
+        "Based on the original basemaps created for the Knight Foundation and reminiscent of hand drawn maps, the watercolor maps from Stamen Design apply raster effect area washes and organic edges over a paper texture to add warm pop to any map.\nhttps://docs.stadiamaps.com/map-styles/stamen-watercolor/",
       category: "Other",
       creationFunction: function () {
         return new OpenStreetMapImageryProvider({
-          url: "https://stamen-tiles.a.ssl.fastly.net/watercolor/",
-          credit:
-            "Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA.",
+          url: "https://tiles.stadiamaps.com/tiles/stamen_watercolor/",
+          fileExtension: "jpg",
+          credit: `&copy; <a href="https://stamen.com/" target="_blank">Stamen Design</a>
+           &copy; <a href="https://www.stadiamaps.com/" target="_blank">Stadia Maps</a>
+           &copy; <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a>
+           &copy; <a href="https://www.openstreetmap.org/about/" target="_blank">OpenStreetMap contributors</a>`,
         });
@@ -186,13 +189,17 @@ },
     new ProviderViewModel({
-      name: "Stamen Toner",
+      name: "Stadia x Stamen Toner",
       iconUrl: buildModuleUrl(
         "Widgets/Images/ImageryProviders/stamenToner.png"
       ),
-      tooltip: "A high contrast black and white map.\nhttp://maps.stamen.com",
+      tooltip:
+        "Based on the original basemaps created for the Knight Foundation and the most popular of the excellent styles from Stamen Design, these high-contrast B+W (black and white) maps are the perfect backdrop for your colorful and eye-catching overlays.\nhttps://docs.stadiamaps.com/map-styles/stamen-toner/",
       category: "Other",
       creationFunction: function () {
         return new OpenStreetMapImageryProvider({
-          url: "https://stamen-tiles.a.ssl.fastly.net/toner/",
-          credit:
-            "Map tiles by Stamen Design, under CC BY 3.0. Data by OpenStreetMap, under CC BY SA.",
+          url: "https://tiles.stadiamaps.com/tiles/stamen_toner/",
+          retinaTiles: useRetinaTiles,
+          credit: `&copy; <a href="https://stamen.com/" target="_blank">Stamen Design</a>
+            &copy; <a href="https://www.stadiamaps.com/" target="_blank">Stadia Maps</a>
+            &copy; <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a>
+            &copy; <a href="https://www.openstreetmap.org/about/" target="_blank">OpenStreetMap contributors</a>`,
         });
@@ -205,2 +212,44 @@ },
     new ProviderViewModel({
+      name: "Stadia Alidade Smooth",
+      iconUrl: buildModuleUrl(
+        "Widgets/Images/ImageryProviders/stadiaAlidadeSmooth.png"
+      ),
+      tooltip:
+        "Stadia's custom Alidade Smooth style is designed for maps that use a lot of markers or overlays. It features a muted color scheme and fewer points of interest to allow your added data to shine.\nhttps://docs.stadiamaps.com/map-styles/alidade-smooth/",
+      category: "Other",
+      creationFunction: function () {
+        return new OpenStreetMapImageryProvider({
+          url: "https://tiles.stadiamaps.com/tiles/alidade_smooth/",
+          retinaTiles: useRetinaTiles,
+          credit: `&copy; <a href="https://www.stadiamaps.com/" target="_blank">Stadia Maps</a>
+            &copy; <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a>
+            &copy; <a href="https://www.openstreetmap.org/about/" target="_blank">OpenStreetMap contributors</a>`,
+        });
+      },
+    })
+  );
+
+  providerViewModels.push(
+    new ProviderViewModel({
+      name: "Stadia Alidade Smooth Dark",
+      iconUrl: buildModuleUrl(
+        "Widgets/Images/ImageryProviders/stadiaAlidadeSmoothDark.png"
+      ),
+      tooltip:
+        "Stadia Alidade Smooth Dark, like its lighter cousin, is also designed to stay out of the way. It just flips the dark mode switch on the color scheme. With the lights out, your data can now literally shine.\nhttps://docs.stadiamaps.com/map-styles/alidade-smooth-dark/",
+      category: "Other",
+      creationFunction: function () {
+        return new OpenStreetMapImageryProvider({
+          url: "https://tiles.stadiamaps.com/tiles/alidade_smooth_dark/",
+          retinaTiles: useRetinaTiles,
+          credit: `&copy; <a href="https://www.stadiamaps.com/" target="_blank">Stadia Maps</a>
+            &copy; <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a>
+            &copy; <a href="https://www.openstreetmap.org/about/" target="_blank">OpenStreetMap contributors</a>`,
+        });
+      },
+    })
+  );
+
+  providerViewModels.push(
+    new ProviderViewModel({
       name: "Sentinel-2",
@@ -207,0 +256,0 @@ iconUrl: buildModuleUrl("Widgets/Images/ImageryProviders/sentinel-2.png"),

Source/BaseLayerPicker/ProviderViewModel.js

@@ -100,3 +100,3 @@ import { defaultValue, defined, DeveloperError } from "@cesium/engine";
  * @callback ProviderViewModel.CreationFunction
- * @returns {ImageryProvider|TerrainProvider|ImageryProvider[]|TerrainProvider[]|Promise<TerrainProvider>|Promise<TerrainProvider[]>}
+ * @returns {ImageryProvider|TerrainProvider|ImageryProvider[]|TerrainProvider[]|Promise<TerrainProvider>|Promise<ImageryProvider>|Promise<TerrainProvider[]>|Promise<ImageryProvider[]>}
  *          The ImageryProvider or TerrainProvider, or array of providers, to be added
@@ -103,0 +103,0 @@ *          to the globe.

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

957611

increased by2%

Number of package files

115

increased by1.77%

Lines of code

19293

increased by0.29%