@johnmorrisdotca/chikyu-earth 0.7.0 → 0.8.0

package/dist/space/scene.js

@@ -3,6 +3,7 @@ import { ATMOSPHERE_FRAG, ATMOSPHERE_VERT, BODY_FRAG, CLOUD_FRAG, GLOW_FRAG, GLO
 import { createTextureSet } from "../realistic/textures.js";
 import { createTrack, orbitPath, PLANETS } from "./ephemeris.js";
 import { placeAround, placeMoon, placeSun, RADIUS } from "./scale.js";
+import { createSatelliteLayer, newSatelliteState } from "./satellite-layer.js";
 const RAD = Math.PI / 180;
 /** The camera's distance, in Earth radii, at which the Earth fills the view at zoom 1. */
 export const FIT_DISTANCE = 3.4;
@@ -34,6 +35,9 @@ export const newSpaceModel = () => ({
     focus: "Earth",
     drawn: null,
     lookups: 0,
+    speed: 1,
+    satellites: newSatelliteState(),
+    pick: null,
     ratio: () => Math.min(globalThis.devicePixelRatio || 1, 2),
 });
 /** An inertial direction from the Earth's centre, in scene axes, for right ascension and declination in degrees. */
@@ -162,6 +166,8 @@ export function createSpaceItem(model, deps) {
                 scene.add(drawing.object, orbit);
                 planets.set(name, { drawing, orbit, positions, samples: [], epoch: Number.NaN });
             }
+            let layer;
+            let selectedShown = false;
             const camera = new three.PerspectiveCamera(FOV, width / Math.max(1, height), 0.05, 1000);
             const target = new three.Vector3();
             const projected = new three.Vector3();
@@ -229,6 +235,17 @@ export function createSpaceItem(model, deps) {
                             p.orbit.geometry.getAttribute("position").needsUpdate = true;
                         }
                     }
+                    if (!layer && model.satellites.groups.size > 0) {
+                        try {
+                            layer = createSatelliteLayer(three, scene, model.satellites, model.ratio);
+                        }
+                        catch (error) {
+                            model.satellites.groups.clear();
+                            deps.onSatellitesError?.(error);
+                        }
+                    }
+                    layer?.update(model.time, model.speed);
+                    model.pick = layer ? (x, y, radius) => layer.pick(x, y, camera, size, radius) : null;
                     // the camera: looks at the focus body from the direction the sky was in when it was last moved, turned by yaw and tilt, as far as the zoom says
                     const focus = model.focus;
                     const focusRadius = radiusOf(focus);
@@ -269,12 +286,20 @@ export function createSpaceItem(model, deps) {
                         }
                         deps.onLabels(places);
                     }
+                    if (layer && deps.onSelected) {
+                        const at = model.satellites.selected ? layer.place(camera, size) : null;
+                        if (at || selectedShown)
+                            deps.onSelected(at);
+                        selectedShown = at !== null;
+                    }
                     return false;
                 },
                 resize(w, h) {
                     size = { width: w, height: h };
                 },
                 dispose() {
+                    layer?.dispose();
+                    model.pick = null;
                     textures.dispose();
                     sunDrawing.dispose();
                     for (const p of planets.values()) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@johnmorrisdotca/chikyu-earth",
-  "version": "0.7.0",
-  "description": "Chikyu Earth 地球 — A line-drawn globe for the web: country outlines that turn at the Earth's own rate, centred on where you are, with an optional realistic Earth from space (three.js), the Sun, Moon and planets, and markers for any place. A web component and an SVG string.",
+  "version": "0.8.0",
+  "description": "Chikyu Earth 地球 — A line-drawn globe for the web: country outlines that turn at the Earth's own rate, centred on where you are, with an optional realistic Earth from space (three.js), the Sun, Moon and planets, satellites on their orbits, and markers for any place. A web component and an SVG string.",
   "keywords": [
     "earth",
     "globe",
@@ -31,7 +31,13 @@
     "solar-system",
     "moon",
     "planets",
-    "ephemeris"
+    "ephemeris",
+    "satellites",
+    "sgp4",
+    "orbits",
+    "iss",
+    "starlink",
+    "celestrak"
   ],
   "homepage": "https://johnmorrisdotca.github.io/chikyu-earth/",
   "repository": {
@@ -91,6 +97,11 @@
       "import": "./dist/space/element.js",
       "default": "./dist/space/element.js"
     },
+    "./satellites": {
+      "types": "./dist/satellites/index.d.ts",
+      "import": "./dist/satellites/index.js",
+      "default": "./dist/satellites/index.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -134,7 +145,8 @@
   "peerDependencies": {
     "@johnmorrisdotca/kazoku-ui": ">=0.9.0",
     "three": ">=0.160.0",
-    "astronomy-engine": ">=2.1.0"
+    "astronomy-engine": ">=2.1.0",
+    "satellite.js": ">=6.0.0"
   },
   "peerDependenciesMeta": {
     "@johnmorrisdotca/kazoku-ui": {
@@ -145,6 +157,9 @@
     },
     "astronomy-engine": {
       "optional": true
+    },
+    "satellite.js": {
+      "optional": true
     }
   },
   "devDependencies": {
@@ -171,6 +186,7 @@
     "react": "^19.3.1",
     "react-dom": "^19.3.1",
     "rxjs": "^7.8.2",
+    "satellite.js": "6.0.2",
     "svelte": "^5.57.3",
     "three": "0.186.1",
     "typescript": "^5.9.0",