@rubin-epo/epo-widget-lib 1.1.3 → 1.3.0

package/dist/widgets/OrbitalSim/orbitalUtilities.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("three");function d(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const s=d(g),c=100,f=1,n={sun:{objectColor:"#f8da86"},mercury:{objectColor:"#dce0e3",orbitColor:"#a6a9ab"},venus:{objectColor:"#cd84ec",orbitColor:"#9c65b4"},earth:{objectColor:"#3f9ef0",orbitColor:"#3079b8"},mars:{objectColor:"#ed4c4c",orbitColor:"#b53a3a"},jupiter:{objectColor:"#f1b571",orbitColor:"#b98b57"},neptune:{objectColor:"#3cae3f",orbitColor:"#29762b"},asteroid:{objectColor:"#b1f2ef",orbitColor:"#6a6e6e",objectHighlight:"#00ffff",orbitHighlight:"#ffffff"}},p={a:1,e:.01671022,i:0,H:-3.9,Ref:"Earth",Principal_desig:"Earth",Translated_desig_key:"planets.earth",orbitColor:n.earth.orbitColor,objectColor:n.earth.objectColor,objectRadius:5},C={a:1.52366231,e:.09341233,i:1.85061,H:-1.52,Ref:"Mars",Principal_desig:"Mars",Translated_desig_key:"planets.mars",orbitColor:n.mars.orbitColor,objectColor:n.mars.objectColor,objectRadius:4},j={a:5.2028,e:.048,i:1.31,H:-25.9,Ref:"Jupiter",Principal_desig:"Jupiter",Translated_desig_key:"planets.jupiter",orbitColor:n.jupiter.orbitColor,objectColor:n.jupiter.objectColor,objectRadius:7},_={a:30.06896348,e:.00858587,i:1.76917,H:-25.9,Ref:"Neptune",Principal_desig:"Neptune",Translated_desig_key:"planets.neptune",orbitColor:n.neptune.orbitColor,objectColor:n.neptune.objectColor,objectRadius:6},m=e=>({neptune:_,earth:p,mars:C,jupiter:j})[e]||null,A=function(e,t){return Number.parseFloat(Number.parseFloat(e).toFixed(t))},R=(e,t,o=0,r=0)=>new s.EllipseCurve(o,r,e,t,0,2*Math.PI,!1,0),T=e=>new s.BufferGeometry().setFromPoints(e),y=(e,t)=>{const o=e.distanceTo(t),{x:r,y:i}=e;return Math.acos((o**2+r**2-i**2)/(2*o*r))*180/Math.PI},P=(e,t)=>{const{x:o,y:r}=t.getPoint(e);return new s.Vector3(o,r,0)},b=e=>e*c,h=e=>e/c,S=(e,t)=>b(e*Math.sqrt(1-t**2)),O=e=>1496e8*e,a=e=>e*(Math.PI/180),M=(e,t)=>{const o=.000296005155*c**3;return Math.sqrt(o*(2/e-1/t))},x=(e,t)=>Math.sqrt(e**2-t**2),z=(e,t)=>{const{i:o,Peri:r,Node:i}=t,l=new s.Vector3(0,1,0),u=new s.Vector3(0,0,1);return new s.Vector3(e.x,e.y,0).applyAxisAngle(u,r?a(r+90):0).applyAxisAngle(l,a(o)).applyAxisAngle(u,i?a(i):0)},E=(e,t)=>{const i=15*(e/t);return i<=4?4:i>=15?15:i};exports.AU_TO_VIZ_SCALER=c;exports.DAY_PER_VIZ_SEC=f;exports.ORBITAL_COLORS=n;exports.auToMeters=O;exports.auToUnit=b;exports.convert2dTo3d=z;exports.degsToRads=a;exports.formatValue=A;exports.getAngleFromPos=y;exports.getCurve=R;exports.getFocus=x;exports.getLabelSize=E;exports.getLineGeometry=T;exports.getMinorAxis=S;exports.getPosFromArcLength=P;exports.getRefObjProps=m;exports.getVelocity=M;exports.unitToAu=h;

package/dist/widgets/OrbitalSim/orbitalUtilities.d.ts

@@ -0,0 +1,71 @@
+export const AU_TO_VIZ_SCALER: 100;
+export const DAY_PER_VIZ_SEC: 1;
+export namespace ORBITAL_COLORS {
+    namespace sun {
+        let objectColor: string;
+    }
+    namespace mercury {
+        let objectColor_1: string;
+        export { objectColor_1 as objectColor };
+        export let orbitColor: string;
+    }
+    namespace venus {
+        let objectColor_2: string;
+        export { objectColor_2 as objectColor };
+        let orbitColor_1: string;
+        export { orbitColor_1 as orbitColor };
+    }
+    namespace earth {
+        let objectColor_3: string;
+        export { objectColor_3 as objectColor };
+        let orbitColor_2: string;
+        export { orbitColor_2 as orbitColor };
+    }
+    namespace mars {
+        let objectColor_4: string;
+        export { objectColor_4 as objectColor };
+        let orbitColor_3: string;
+        export { orbitColor_3 as orbitColor };
+    }
+    namespace jupiter {
+        let objectColor_5: string;
+        export { objectColor_5 as objectColor };
+        let orbitColor_4: string;
+        export { orbitColor_4 as orbitColor };
+    }
+    namespace neptune {
+        let objectColor_6: string;
+        export { objectColor_6 as objectColor };
+        let orbitColor_5: string;
+        export { orbitColor_5 as orbitColor };
+    }
+    namespace asteroid {
+        let objectColor_7: string;
+        export { objectColor_7 as objectColor };
+        let orbitColor_6: string;
+        export { orbitColor_6 as orbitColor };
+        export let objectHighlight: string;
+        export let orbitHighlight: string;
+    }
+}
+export function getRefObjProps(id: any): any;
+export function formatValue(number: any, decimalPlaces: any): number;
+export function randomIntFromInterval(min: any, max: any): number;
+export function getCurve(xRadius: any, yRadius: any, aX?: number, aY?: number): THREE.EllipseCurve;
+export function getLineGeometry(points: any): THREE.BufferGeometry<THREE.NormalBufferAttributes, THREE.BufferGeometryEventMap>;
+export function getAngleFromPos(pos: any, sunPos: any): number;
+export function getPosFromArcLength(arcLength: any, path: any): THREE.Vector3;
+export function auToUnit(value: any): number;
+export function unitToAu(value: any): number;
+export function getMinorAxis(a: any, e: any): number;
+export function auToMeters(value: any): number;
+export function metersToAu(value: any): number;
+export function degsToRads(i: any): number;
+export function radsToDegs(i: any): number;
+export function getVelocity(radius: any, maj: any): number;
+export function getFocus(majAxis: any, minAxis: any): number;
+export function getDiameter(magnitude: any, albedo: any): number;
+export function getRadius(magnitude: any): number;
+export function convert2dTo3d(vector2D: any, orbitData: any): THREE.Vector3;
+export function getLabelSize(zoomLevel: any, defaultZoom: any): number;
+import * as THREE from 'three';

package/dist/widgets/OrbitalSim/orbitalUtilities.js

@@ -0,0 +1,145 @@
+import * as i from "three";
+const c = 100, g = 1, s = {
+  sun: {
+    objectColor: "#f8da86"
+  },
+  mercury: {
+    objectColor: "#dce0e3",
+    orbitColor: "#a6a9ab"
+  },
+  venus: {
+    objectColor: "#cd84ec",
+    orbitColor: "#9c65b4"
+  },
+  earth: {
+    objectColor: "#3f9ef0",
+    orbitColor: "#3079b8"
+  },
+  mars: {
+    objectColor: "#ed4c4c",
+    orbitColor: "#b53a3a"
+  },
+  jupiter: {
+    objectColor: "#f1b571",
+    orbitColor: "#b98b57"
+  },
+  neptune: {
+    objectColor: "#3cae3f",
+    orbitColor: "#29762b"
+  },
+  asteroid: {
+    objectColor: "#b1f2ef",
+    orbitColor: "#6a6e6e",
+    objectHighlight: "#00ffff",
+    orbitHighlight: "#ffffff"
+  }
+}, u = {
+  a: 1,
+  e: 0.01671022,
+  i: 0,
+  H: -3.9,
+  Ref: "Earth",
+  Principal_desig: "Earth",
+  Translated_desig_key: "planets.earth",
+  orbitColor: s.earth.orbitColor,
+  objectColor: s.earth.objectColor,
+  // objectRadius: 6371000,
+  objectRadius: 5
+}, C = {
+  a: 1.52366231,
+  e: 0.09341233,
+  i: 1.85061,
+  H: -1.52,
+  Ref: "Mars",
+  Principal_desig: "Mars",
+  Translated_desig_key: "planets.mars",
+  orbitColor: s.mars.orbitColor,
+  objectColor: s.mars.objectColor,
+  objectRadius: 4
+}, p = {
+  a: 5.2028,
+  e: 0.048,
+  i: 1.31,
+  H: -25.9,
+  Ref: "Jupiter",
+  Principal_desig: "Jupiter",
+  Translated_desig_key: "planets.jupiter",
+  orbitColor: s.jupiter.orbitColor,
+  objectColor: s.jupiter.objectColor,
+  // objectRadius: 69911000,
+  objectRadius: 7
+}, d = {
+  a: 30.06896348,
+  e: 858587e-8,
+  i: 1.76917,
+  H: -25.9,
+  Ref: "Neptune",
+  Principal_desig: "Neptune",
+  Translated_desig_key: "planets.neptune",
+  orbitColor: s.neptune.orbitColor,
+  objectColor: s.neptune.objectColor,
+  // objectRadius: 24622000,
+  objectRadius: 6
+}, j = (e) => ({
+  neptune: d,
+  earth: u,
+  mars: C,
+  jupiter: p
+})[e] || null, m = function(e, o) {
+  return Number.parseFloat(Number.parseFloat(e).toFixed(o));
+}, h = (e, o, t = 0, r = 0) => new i.EllipseCurve(
+  t,
+  // aX
+  r,
+  // aY
+  e,
+  // xRadius
+  o,
+  // yRadius
+  0,
+  // aStartAngle
+  2 * Math.PI,
+  // aEndAngle
+  !1,
+  // aClockwise
+  0
+  // aRotation
+), _ = (e) => new i.BufferGeometry().setFromPoints(e), R = (e, o) => {
+  const t = e.distanceTo(o), { x: r, y: n } = e;
+  return Math.acos((t ** 2 + r ** 2 - n ** 2) / (2 * t * r)) * 180 / Math.PI;
+}, A = (e, o) => {
+  const { x: t, y: r } = o.getPoint(e);
+  return new i.Vector3(t, r, 0);
+}, f = (e) => e * c, x = (e) => e / c, y = (e, o) => f(e * Math.sqrt(1 - o ** 2)), P = (e) => 1496e8 * e, a = (e) => e * (Math.PI / 180), T = (e, o) => {
+  const t = 296005155e-12 * c ** 3;
+  return Math.sqrt(t * (2 / e - 1 / o));
+}, M = (e, o) => Math.sqrt(e ** 2 - o ** 2), S = (e, o) => {
+  const { i: t, Peri: r, Node: n } = o, l = new i.Vector3(0, 1, 0), b = new i.Vector3(0, 0, 1);
+  return new i.Vector3(e.x, e.y, 0).applyAxisAngle(b, r ? a(r + 90) : 0).applyAxisAngle(l, a(t)).applyAxisAngle(
+    b,
+    n ? a(n) : 0
+  );
+}, z = (e, o) => {
+  const n = 15 * (e / o);
+  return n <= 4 ? 4 : n >= 15 ? 15 : n;
+};
+export {
+  c as AU_TO_VIZ_SCALER,
+  g as DAY_PER_VIZ_SEC,
+  s as ORBITAL_COLORS,
+  P as auToMeters,
+  f as auToUnit,
+  S as convert2dTo3d,
+  a as degsToRads,
+  m as formatValue,
+  R as getAngleFromPos,
+  h as getCurve,
+  M as getFocus,
+  z as getLabelSize,
+  _ as getLineGeometry,
+  y as getMinorAxis,
+  A as getPosFromArcLength,
+  j as getRefObjProps,
+  T as getVelocity,
+  x as unitToAu
+};

package/dist/widgets/SupernovaThreeVector/Histogram/index.d.ts

@@ -1,7 +1,7 @@
 import { FunctionComponent } from 'react';
 import { ChartMargin, Domain, HistogramData, ScaleFunction } from '../../../types/charts';
 
-interface DistanceHistogramProps {
+export interface DistanceHistogramProps {
     data: HistogramData;
     activeRange: Array<number>;
     margin: ChartMargin;

package/dist/widgets/SupernovaThreeVector/styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ThreeVectorLayout: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const HistogramContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Histogram: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('./Histogram').DistanceHistogramProps, never>> & string & Omit<import('react').FunctionComponent<import('./Histogram').DistanceHistogramProps>, keyof import('react').Component<any, {}, any>>;
+export declare const SliderContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SkymapContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Skymap: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('./Skymap').SkymapProps, never>> & string & Omit<import('react').FunctionComponent<import('./Skymap').SkymapProps>, keyof import('react').Component<any, {}, any>>;
+export declare const ChartTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rubin-epo/epo-widget-lib",
-  "version": "1.1.3",
+  "version": "1.3.0",
   "description": "Rubin Observatory Education & Public Outreach team React scientific and educational widgets.",
   "author": "Rubin EPO",
   "license": "MIT",
@@ -22,7 +22,7 @@
     "build": "tsc && vite build",
     "fix-js": "prettier --write \"**/*.{js,jsx}\" && eslint -c .eslintrc.js \"**/*.{js,jsx,ts,tsx}\" --fix",
     "lint-js": "prettier --check \"**/*.{js,jsx}\" & eslint -c .eslintrc.js \"**/*.{js,jsx,ts,tsx}\"",
-    "storybook": "storybook dev -p 6007",
+    "storybook": "storybook dev -p 6007 --loglevel verbose --debug",
     "build-storybook": "storybook build",
     "build-storybook:production": "yarn build-storybook -o ../../storybook-static/epo-widget-lib",
     "test": "jest --max-workers=2",
@@ -98,7 +98,9 @@
     "react-i18next": "^12.0.0 || ^13.0.0"
   },
   "dependencies": {
-    "@rubin-epo/epo-react-lib": "^2.6.12",
+    "@react-three/drei": "^10.7.6",
+    "@react-three/fiber": "8",
+    "@rubin-epo/epo-react-lib": "^2.10.1",
     "context-filter-polyfill": "^0.3.6",
     "d3-array": "^3.2.4",
     "d3-geo": "^3.1.1",
@@ -107,6 +109,12 @@
     "react-slider": "^2.0.6",
     "skia-canvas": "^1.0.2",
     "styled-components": "^6.1.16",
+    "three": "^0.181.0",
     "use-resize-observer": "^9.1.0"
+  },
+  "resolutions": {
+    "semver": "7.3.2",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.1"
   }
 }