@zendir/ui 0.2.8 → 0.2.10

package/dist/react/charts/GroundTrackMap.d.ts

@@ -217,6 +217,11 @@ export interface GroundTrackMapProps {
      * `enabled` is the new toggle state.
      */
     onLayerChange?: (layerId: string, enabled: boolean) => void;
+    /**
+     * Show sun and moon position markers on the map.
+     * Requires `showTerminator`. Default: true when terminator is enabled.
+     */
+    showCelestialMarkers?: boolean;
 }
-export declare function GroundTrackMap({ groundTrack, satellites, groundStations, accessMask, teamPaths, showTerminator, terminatorTime, showGrid, showLegend, showEquator, showRecenterButton, showMapStyleToggle, isLoading, emptyMessage, width, height, minHeight, defaultCenter, defaultZoom, className, onSatelliteClick, onStationClick, mapProvider, tileUrl, nightTileUrl, lightSources, pins, pinsEditable, onPinAdd, onPinUpdate, onPinRemove, customLayers, onLayerChange, }: GroundTrackMapProps): React.ReactElement;
+export declare function GroundTrackMap({ groundTrack, satellites, groundStations, accessMask, teamPaths, showTerminator, terminatorTime, showGrid, showLegend, showEquator, showRecenterButton, showMapStyleToggle, isLoading, emptyMessage, width, height, minHeight, defaultCenter, defaultZoom, className, onSatelliteClick, onStationClick, mapProvider, tileUrl, nightTileUrl, lightSources, pins, pinsEditable, onPinAdd, onPinUpdate, onPinRemove, customLayers, onLayerChange, showCelestialMarkers, }: GroundTrackMapProps): React.ReactElement;
 export default GroundTrackMap;

package/dist/react/charts/GroundTrackMap.js

@@ -79,14 +79,14 @@ function hexToRgb(hex) {
   return [255, 238, 221];
 }
 function calculateTerminatorContinuous(date, depressionDeg = 0, numPoints = 360) {
-  const dayOfYear = Math.floor((date.getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 864e5);
+  const dayOfYear = Math.floor((date.getTime() - Date.UTC(date.getUTCFullYear(), 0, 0)) / 864e5);
   const declination = -23.44 * Math.cos(2 * Math.PI / 365 * (dayOfYear + 10));
   const decRad = declination * Math.PI / 180;
   const B = 2 * Math.PI / 365 * (dayOfYear - 81);
   const eotMinutes = 9.87 * Math.sin(2 * B) - 7.53 * Math.cos(B) - 1.5 * Math.sin(B);
   const utcHours = date.getUTCHours() + date.getUTCMinutes() / 60 + date.getUTCSeconds() / 3600;
   const solarHours = utcHours + eotMinutes / 60;
-  const hourAngle = solarHours / 24 * 360 - 180;
+  const subSolarLon = -(solarHours - 12) * 15;
   const depRad = depressionDeg * Math.PI / 180;
   const sunset = [];
   const sunrise = [];
@@ -96,12 +96,12 @@ function calculateTerminatorContinuous(date, depressionDeg = 0, numPoints = 360)
     const cosH = -(Math.sin(depRad) + Math.sin(latRad) * Math.sin(decRad)) / (Math.cos(latRad) * Math.cos(decRad));
     if (cosH < -1) ;
     else if (cosH > 1) {
-      sunset.push([lat, hourAngle]);
-      sunrise.push([lat, hourAngle + 360]);
+      sunset.push([lat, subSolarLon]);
+      sunrise.push([lat, subSolarLon + 360]);
     } else {
       const H = Math.acos(cosH) * 180 / Math.PI;
-      sunset.push([lat, hourAngle + H]);
-      sunrise.push([lat, hourAngle + 360 - H]);
+      sunset.push([lat, subSolarLon + H]);
+      sunrise.push([lat, subSolarLon + 360 - H]);
     }
   }
   return { sunset, sunrise };
@@ -147,7 +147,8 @@ function GroundTrackMap({
   onPinUpdate,
   onPinRemove,
   customLayers,
-  onLayerChange
+  onLayerChange,
+  showCelestialMarkers
 }) {
   const { tokens } = useTheme();
   const canvasRef = useRef(null);
@@ -233,13 +234,13 @@ function GroundTrackMap({
     ctx.fillRect(0, 0, W, H);
     if (showTerminator) {
       const now = terminatorTime ?? /* @__PURE__ */ new Date();
-      const BAND_STEP = 2;
-      const MAX_DEP = 24;
-      const NIGHT_ALPHA = 0.55;
+      const BAND_STEP = 1.5;
+      const MAX_DEP = 30;
+      const NIGHT_ALPHA = 0.38;
       const bandSteps = [];
       for (let d = 0; d <= MAX_DEP; d += BAND_STEP) {
         const t = Math.min(d / 18, 1);
-        const alpha = t * t * (NIGHT_ALPHA * 0.82) + (d > 18 ? (d - 18) / 6 * (NIGHT_ALPHA * 0.18) : 0);
+        const alpha = Math.pow(t, 1.6) * (NIGHT_ALPHA * 0.85) + (d > 18 ? (d - 18) / 12 * (NIGHT_ALPHA * 0.15) : 0);
         bandSteps.push({ depression: d, alpha: Math.min(alpha, NIGHT_ALPHA) });
       }
       bandSteps.push({ depression: 90, alpha: NIGHT_ALPHA });
@@ -261,7 +262,7 @@ function GroundTrackMap({
           prevAlpha = zone.alpha;
           continue;
         }
-        ctx.fillStyle = `rgba(0, 6, 24, ${bandAlpha.toFixed(4)})`;
+        ctx.fillStyle = `rgba(42, 58, 82, ${bandAlpha.toFixed(4)})`;
         for (const offset of [-360, 0, 360]) {
           ctx.beginPath();
           for (let i = 0; i < poly.length; i++) {
@@ -283,8 +284,8 @@ function GroundTrackMap({
       const terminatorEdge = calculateTerminatorContinuous(now, 0);
       if (terminatorEdge.sunset.length > 2) {
         ctx.save();
-        ctx.strokeStyle = "rgba(90, 142, 200, 0.12)";
-        ctx.lineWidth = 4;
+        ctx.strokeStyle = "rgba(143, 174, 200, 0.08)";
+        ctx.lineWidth = 3;
         for (const curve of [terminatorEdge.sunset, terminatorEdge.sunrise]) {
           for (const offset of [-360, 0, 360]) {
             ctx.beginPath();
@@ -297,7 +298,7 @@ function GroundTrackMap({
             ctx.stroke();
           }
         }
-        ctx.strokeStyle = "rgba(122, 164, 212, 0.5)";
+        ctx.strokeStyle = "rgba(154, 184, 216, 0.35)";
         ctx.lineWidth = 1;
         for (const curve of [terminatorEdge.sunset, terminatorEdge.sunrise]) {
           for (const offset of [-360, 0, 360]) {
@@ -543,12 +544,12 @@ function GroundTrackMap({
         const r = light.radius ?? 4;
         const intensity = light.intensity ?? 0.8;
         const color = light.color ?? "#ffeedd";
-        const dayOfYear = Math.floor((now.getTime() - new Date(now.getFullYear(), 0, 0).getTime()) / 864e5);
+        const dayOfYear = Math.floor((now.getTime() - Date.UTC(now.getUTCFullYear(), 0, 0)) / 864e5);
         const declination = -23.44 * Math.cos(2 * Math.PI / 365 * (dayOfYear + 10));
         const decRad = declination * Math.PI / 180;
-        const hourAngle = (now.getUTCHours() + now.getUTCMinutes() / 60) / 24 * 360 - 180;
+        const lsSubSolarLon = -(now.getUTCHours() + now.getUTCMinutes() / 60 - 12) * 15;
         const latRad = light.latitude * Math.PI / 180;
-        const sinAlt = Math.sin(latRad) * Math.sin(decRad) + Math.cos(latRad) * Math.cos(decRad) * Math.cos((light.longitude - hourAngle) * Math.PI / 180);
+        const sinAlt = Math.sin(latRad) * Math.sin(decRad) + Math.cos(latRad) * Math.cos(decRad) * Math.cos((light.longitude - lsSubSolarLon) * Math.PI / 180);
         const solarAltDeg = Math.asin(sinAlt) * 180 / Math.PI;
         let nightFactor;
         if (solarAltDeg >= 0) nightFactor = 0;
@@ -1019,7 +1020,8 @@ function GroundTrackMap({
               onPinUpdate,
               onPinRemove,
               customLayers,
-              onLayerChange
+              onLayerChange,
+              showCelestialMarkers
             }
           )
         }