Merge pull request #21 from UW-Macrostrat/separate-frontend-modules

Separate frontend modules

Author: davenquinn

frontend/packages/corelle/src/index.ts

@@ -18,7 +18,7 @@
   "prettier": {},
   "dependencies": {
     "@blueprintjs/core": "^5",
-    "@macrostrat/corelle": "workspace:^",
+    "@corelle/svg-map-layers": "workspace:^",
     "@macrostrat/hyper": "^3.0.6",
     "@macrostrat/svg-map-components": "^1.0.2",
     "@macrostrat/ui-components": "^4.1.0",

frontend/packages/demo-app/package.json

@@ -2,7 +2,7 @@ import { useState, useContext, useEffect, useCallback } from "react";
 import { WorldMap } from "./world-map";
 import ControlPanel from "./control-panel";
 import h from "@macrostrat/hyper";
-import { RotationsProvider } from "@macrostrat/corelle";
+import { RotationsProvider } from "@corelle/svg-map-layers";
 import { MapSettingsProvider } from "./map-settings";
 import { Spinner } from "@blueprintjs/core";
 import {
@@ -13,7 +13,7 @@ import {
   getQueryString,
 } from "@macrostrat/ui-components";
 
-import "./app.styl"
+import "./app.styl";
 
 const qs = getQueryString();
 
@@ -31,16 +31,16 @@ function App(props) {
 
   const setTime = useCallback(
     (time) => setState({ ...state, time }),
-    [setState]
+    [setState],
   );
   const setModel = useCallback(
     (model) => setState({ ...state, model }),
-    [setState]
+    [setState],
   );
 
   const { baseURL } = useContext(APIContext);
   const models = useAPIResult<string[]>("/model", null, (data: any) =>
-    data.map((d) => d.name)
+    data.map((d) => d.name),
   );
   const featureDatasets = useAPIResult<string[]>("/feature");
 

frontend/packages/demo-app/src/app.ts

@@ -7,7 +7,7 @@ import {
   Alignment,
   NumericInput,
 } from "@blueprintjs/core";
-import { RotationsContext } from "@macrostrat/corelle";
+import { RotationsContext } from "@corelle/svg-map-layers";
 import * as styles from "./app.styl";
 import { MapSettingsContext } from "./map-settings";
 

frontend/packages/demo-app/src/control-panel.ts

@@ -1,12 +1,12 @@
 import h from "@macrostrat/hyper";
 import { useContext, useRef } from "react";
+import { Globe, MapContext } from "@macrostrat/svg-map-components";
 import {
   PlateFeatureLayer,
   RotationsContext,
   PlatePolygons,
   PlateFeature,
-} from "@macrostrat/corelle";
-import { Globe, MapContext } from "@macrostrat/svg-map-components";
+} from "@corelle/svg-map-layers";
 
 import { MapSettingsContext } from "./map-settings";
 

frontend/packages/demo-app/src/world-map.ts

@@ -0,0 +1,11 @@
+# Changelog
+
+All notable changes to this project will be documented in this file. The format
+is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this
+project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [1.0.0] - 2024-02-15
+
+Split off `@corelle/rotations` module from legacy `@macrostrat/corelle` package.
+The React components for creating an SVG map have been moved to the
+`@corelle/svg-map-layers` package.

frontend/packages/rotations/CHANGELOG.md

@@ -0,0 +1,35 @@
+{
+  "name": "@corelle/rotations",
+  "version": "1.0.0",
+  "description": "A client library for the Corelle plate-rotation API",
+  "scripts": {
+    "build": "rm -rf dist && parcel build",
+    "prepare": "npm run build"
+  },
+  "author": "Daven Quinn",
+  "license": "MIT",
+  "module": "dist/esm/index.js",
+  "main": "dist/cjs/index.js",
+  "source": "src/index.ts",
+  "types": "dist/esm/index.d.ts",
+  "dependencies": {
+    "@types/d3-geo": "^3.0",
+    "d3-geo": "^3.1.1",
+    "quaternion": "^2.0.2"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1||^17.0.0||^18.0.0||^19.0.0"
+  },
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/esm/index.d.ts"
+    }
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.0",
+    "parcel": "^2.13.3"
+  }
+}

frontend/packages/rotations/package.json

@@ -0,0 +1,27 @@
+import { geoTransform, geoPath, GeoProjection } from "d3-geo";
+
+type RotateFunction = (coords: [number, number]) => [number, number];
+
+export function pathGenerator(
+  projection: GeoProjection,
+  rotation: RotateFunction,
+  canvasContext = null,
+) {
+  /** Returns a composite of a geo projection and a rotation
+   * Optionally, a canvas context can be provided to render to a canvas
+   * */
+  // Filter out features that are too young
+  const trans = geoTransform({
+    point(lon, lat) {
+      const [x, y] = rotation([lon, lat]);
+      return this.stream.point(x, y);
+    },
+  });
+
+  // This ordering makes no sense but whatever
+  const stream = (s) =>
+    // https://stackoverflow.com/questions/27557724/what-is-the-proper-way-to-use-d3s-projection-stream
+    trans.stream(projection.stream(s));
+
+  return geoPath({ stream }, canvasContext);
+}

frontend/packages/rotations/src/geometry.ts

@@ -0,0 +1,3 @@
+export * from "./rotations";
+export * from "./math";
+export * from "./geometry";