@johnmorrisdotca/chikyu-earth 0.4.0 → 0.7.0

package/dist/view.js

@@ -1,8 +1,61 @@
-/** The view when it opens: the home centre, upright, at 1x with no pan. */
+/**
+ * The view when it opens: the home centre, upright, at 1x with no pan.
+ *
+ * @example
+ * ```ts
+ * import { HOME_VIEW } from "@johnmorrisdotca/chikyu-earth";
+ *
+ * console.log(HOME_VIEW);
+ * ```
+ */
 export const HOME_VIEW = Object.freeze({ yaw: 0, tilt: 0, zoom: 1, panX: 0, panY: 0 });
-/** The radius of an unzoomed globe in a square of `size` pixels. */
+/**
+ * The radius of an unzoomed globe in a square of `size` pixels.
+ *
+ * @param size - The width and height of the square, in pixels.
+ * @returns The radius in pixels, one less than half the size so the rim is not cut off.
+ *
+ * @example
+ * ```ts
+ * import { globeBaseScale } from "@johnmorrisdotca/chikyu-earth";
+ *
+ * console.log(globeBaseScale(420));
+ * ```
+ */
 export const globeBaseScale = (size) => size / 2 - 1;
-/** yaw turns longitude, tilt tips latitude, zoom scales and pan moves the disc in CSS pixels. */
+/**
+ * Where the view is centred on the globe: the home centre, turned by yaw (west) and tipped by tilt (north), held to the poles.
+ *
+ * @param centre - The home centre.
+ * @param view - The turn, tip, zoom and pan from the view controls.
+ * @returns The place now in the middle of the disc.
+ *
+ * @example
+ * ```ts
+ * import { lookAt } from "@johnmorrisdotca/chikyu-earth/realistic";
+ *
+ * console.log(lookAt({ lon: 10, lat: 80 }, { yaw: 25, tilt: 30, zoom: 1, panX: 0, panY: 0 }));
+ * ```
+ */
+export const lookAt = (centre, view) => ({
+    lon: centre.lon - view.yaw,
+    lat: Math.max(-90, Math.min(90, centre.lat + view.tilt)),
+});
+/**
+ * What the projection is given for a view: yaw turns longitude, tilt tips latitude, zoom scales and pan moves the disc in CSS pixels.
+ *
+ * @param centre - The home centre.
+ * @param size - The width and height of the square the globe is drawn in, in pixels.
+ * @param view - The turn, tip, zoom and pan; the home view when left out.
+ * @returns The rotation, scale and translation for d3-geo's orthographic projection.
+ *
+ * @example
+ * ```ts
+ * import { projectionView } from "@johnmorrisdotca/chikyu-earth";
+ *
+ * console.log(projectionView({ lon: 139.7, lat: 35.7 }, 420, { yaw: 10, tilt: 5, zoom: 2, panX: 0, panY: 0 }));
+ * ```
+ */
 export function projectionView(centre, size, view = HOME_VIEW) {
     return {
         rotation: [-centre.lon + view.yaw, -centre.lat - view.tilt],

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@johnmorrisdotca/chikyu-earth",
-  "version": "0.4.0",
-  "description": "Chikyu Earth 地球: a line-drawn globe with country outlines that turns at the Earth's own rate and opens centred on where you are. The outlines, names and codes come from chizu's world-geo (Natural Earth), drawn with d3-geo. SVG, no canvas.",
+  "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.",
   "keywords": [
     "earth",
     "globe",
@@ -22,7 +22,16 @@
     "custom-element",
     "d3-geo",
     "natural-earth",
-    "typescript"
+    "typescript",
+    "markers",
+    "satellite-imagery",
+    "webgl",
+    "three",
+    "astronomy",
+    "solar-system",
+    "moon",
+    "planets",
+    "ephemeris"
   ],
   "homepage": "https://johnmorrisdotca.github.io/chikyu-earth/",
   "repository": {
@@ -37,7 +46,11 @@
   "type": "module",
   "sideEffects": [
     "./dist/element.js",
-    "./src/element.ts"
+    "./src/element.ts",
+    "./dist/realistic/element.js",
+    "./src/realistic/element.ts",
+    "./dist/space/element.js",
+    "./src/space/element.ts"
   ],
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -53,6 +66,31 @@
       "import": "./dist/element.js",
       "default": "./dist/element.js"
     },
+    "./realistic": {
+      "types": "./dist/realistic/index.d.ts",
+      "import": "./dist/realistic/index.js",
+      "default": "./dist/realistic/index.js"
+    },
+    "./realistic/element": {
+      "types": "./dist/realistic/element.d.ts",
+      "import": "./dist/realistic/element.js",
+      "default": "./dist/realistic/element.js"
+    },
+    "./markers": {
+      "types": "./dist/markers/index.d.ts",
+      "import": "./dist/markers/index.js",
+      "default": "./dist/markers/index.js"
+    },
+    "./space": {
+      "types": "./dist/space/index.d.ts",
+      "import": "./dist/space/index.js",
+      "default": "./dist/space/index.js"
+    },
+    "./space/element": {
+      "types": "./dist/space/element.d.ts",
+      "import": "./dist/space/element.js",
+      "default": "./dist/space/element.js"
+    },
     "./package.json": "./package.json"
   },
   "files": [
@@ -67,33 +105,80 @@
     "node": ">=24"
   },
   "scripts": {
-    "build": "node -e \"require('node:fs').rmSync('dist', { recursive: true, force: true })\" && tsc -p tsconfig.json",
+    "build": "node -e \"const fs=require('node:fs');fs.rmSync('dist',{recursive:true,force:true})\" && tsc -p tsconfig.json && node -e \"require('node:fs').cpSync('textures','dist/textures',{recursive:true})\"",
     "lint": "eslint .",
     "typecheck": "tsc -p tsconfig.check.json && tsc -p tsconfig.tools.json && tsc -p tsconfig.demo.json",
     "test": "node --test test/*.test.ts",
     "test:package": "pnpm build && node scripts/check-package.ts",
     "check": "pnpm lint && pnpm typecheck && pnpm test && pnpm build && node scripts/check-package.ts",
     "prepublishOnly": "pnpm check",
+    "family:readme": "node scripts/family-readme.mjs",
     "site": "pnpm build && node scripts/site.ts",
     "dev": "pnpm site && node scripts/dev.ts",
-    "test:demo": "pnpm site && playwright test",
-    "screenshots": "pnpm site && node scripts/screenshots.ts"
+    "test:demo": "pnpm site && node scripts/docs-site.mjs build && playwright test --project=chromium-desk --project=chromium-phone --project=webkit-desk --project=webkit-phone --project=chromium-gl",
+    "screenshots": "pnpm site && node scripts/screenshots.ts",
+    "textures": "python3 scripts/make-textures.py",
+    "test:soak": "pnpm site && playwright test --project=soak",
+    "docs:site": "pnpm build && node scripts/docs-site.mjs build",
+    "docs:check": "pnpm build && node scripts/docs-site.mjs check",
+    "size": "node scripts/docs-site.mjs size",
+    "test:usage": "pnpm site && node scripts/check-usage.ts",
+    "test:readme": "pnpm build && node scripts/check-usage.ts readme",
+    "check:standard": "node scripts/check-standard.mjs",
+    "test:freeze": "pnpm site && playwright test e2e/freeze.demo.ts --project=chromium-desk"
   },
   "dependencies": {
     "@johnmorrisdotca/chizu": "^1.6.0",
     "d3-geo": "^3.1.1"
   },
+  "peerDependencies": {
+    "@johnmorrisdotca/kazoku-ui": ">=0.9.0",
+    "three": ">=0.160.0",
+    "astronomy-engine": ">=2.1.0"
+  },
+  "peerDependenciesMeta": {
+    "@johnmorrisdotca/kazoku-ui": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    },
+    "astronomy-engine": {
+      "optional": true
+    }
+  },
   "devDependencies": {
+    "@angular/common": "^22.2.4",
+    "@angular/compiler": "^22.2.4",
+    "@angular/core": "^22.2.4",
+    "@angular/platform-browser": "^22.2.4",
     "@eslint/js": "^9.0.0",
     "@johnmorrisdotca/kazoku-ui": "^0.9.0",
     "@playwright/test": "1.64.0",
+    "@sveltejs/vite-plugin-svelte": "^7.3.1",
     "@types/d3-geo": "^3.1.0",
     "@types/geojson": "^7946.0.14",
     "@types/node": "^24.0.0",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@types/three": "^0.187.0",
+    "@vitejs/plugin-vue": "^6.0.10",
+    "astronomy-engine": "2.1.19",
     "esbuild": "^0.25.0",
     "eslint": "^9.0.0",
+    "marked": "^18.1.2",
+    "pagefind": "^1.6.0",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "rxjs": "^7.8.2",
+    "svelte": "^5.57.3",
+    "three": "0.186.1",
     "typescript": "^5.9.0",
-    "typescript-eslint": "^8.0.0"
+    "typescript-eslint": "^8.0.0",
+    "vite": "^8.3.5",
+    "vue": "^3.5.44",
+    "webpack": "^5.112.2",
+    "webpack-cli": "^7.3.1"
   },
   "publishConfig": {
     "access": "public"