From ebc0066d8bb63564d9dcc48996cd4176e6e7a957 Mon Sep 17 00:00:00 2001 From: ajmas Date: Thu, 21 Dec 2023 06:11:01 +0000 Subject: [PATCH] deploy: 063b9172ca139973593d3c069e860eeb2b7262f9 --- assets/index-0920ea91.js | 4 ---- assets/index-bc9a76f2.js | 19 +++++++++++++++++++ index.html | 2 +- 3 files changed, 20 insertions(+), 5 deletions(-) delete mode 100644 assets/index-0920ea91.js create mode 100644 assets/index-bc9a76f2.js diff --git a/assets/index-0920ea91.js b/assets/index-0920ea91.js deleted file mode 100644 index 24d0396..0000000 --- a/assets/index-0920ea91.js +++ /dev/null @@ -1,4 +0,0 @@ -var re=Object.defineProperty;var oe=(r,e,t)=>e in r?re(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var o=(r,e,t)=>(oe(r,typeof e!="symbol"?e+"":e,t),t);import{T as w,S as D,M as j,a as G,U as ae,b as V,B as ne,A as le,G as B,C as $,D as he,P as de,F as g,c as Z,d as ce,e as ue,O as fe,f as ge,L as pe,g as me,h as Se,i as z,V as we,j as ye,k as ve,l as be,W as xe,m as Le,R as Ee}from"./vendor-e5c7e806.js";(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))s(i);new MutationObserver(i=>{for(const a of i)if(a.type==="childList")for(const n of a.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&s(n)}).observe(document,{childList:!0,subtree:!0});function t(i){const a={};return i.integrity&&(a.integrity=i.integrity),i.referrerPolicy&&(a.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?a.credentials="include":i.crossOrigin==="anonymous"?a.credentials="omit":a.credentials="same-origin",a}function s(i){if(i.ep)return;i.ep=!0;const a=t(i);fetch(i.href,a)}})();class De{constructor(){o(this,"baseUrl","");o(this,"basePath","/StuffInSpace/images");o(this,"radiusInKm",6371);o(this,"pxToRadius",3185.5);o(this,"addAtmosphere",!1);o(this,"addClouds",!0);o(this,"sphere");o(this,"group")}initClouds(e,t){const s=new w().load(`${this.basePath}/Earth_Cloud.jpg`),i=e.km2pixels(this.radiusInKm+.02),a=new D(i,32,32),n=new j({map:s,opacity:.3,transparent:!0}),l=new G(a,n),h=1.01;l.scale.set(h,h,h),t.add(l)}initAtmosphere(e,t){const s=["varying vec3 vNormal;","varying vec3 vPosition;","void main() {","vNormal = normalize( normalMatrix * normal );","gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","vPosition = gl_Position.xyz;","}"].join(` -`),i=["varying vec3 vNormal;","varying vec3 vPosition;","void main() {"," float intensity = pow( 0.8 + dot( vNormal, vec3( 0, 0, 1.0 ) ), 12.0 );"," intensity = min(intensity, 1.7);"," gl_FragColor = vec4( 0.37, 0.71, 0.93, 0.6 ) * intensity;","}"].join(` -`),a=ae.clone({}),n=new V({uniforms:a,vertexShader:s,fragmentShader:i,side:ne,blending:le,transparent:!0}),l=e.km2pixels(this.radiusInKm+.1),h=new D(l,32,32),d=new G(h,n),f=1.019;d.scale.set(f,f,f),t.add(d)}init(e,t){t.config&&(this.baseUrl=t.config.baseUrl),this.group=new B;const s=`${this.baseUrl}/images`,i=new w().load(`${s}/earth-blue-marble.jpg`),a=new w().load(`${s}/nightearth-4096.png`),n=new w().load(`${s}/8081_earthbump4k.jpg`),l=new w().load(`${s}/earth-water.png`),h=new j({map:i,bumpMap:n,emissiveMap:a,emissive:new $(8947848),emissiveIntensity:5,specularMap:l,specular:1,shininess:15,bumpScale:1}),d=e.km2pixels(this.radiusInKm),f=new D(d,32,32);this.sphere=new G(f,h),this.group.add(this.sphere),this.addClouds&&this.initClouds(e,this.group),this.addAtmosphere&&this.initAtmosphere(e,this.group),e.add(this.group),this.sphere.geometry.computeBoundingBox(),this.sphere.geometry.computeBoundingSphere()}update(){}getMesh(){return this.sphere}}const A=class A{constructor(){o(this,"fastTime",!1);o(this,"showGeometry",!1);o(this,"lightSouce");o(this,"lightSourceGeometery");o(this,"hour",0);o(this,"objectGroup");o(this,"scene");o(this,"visible",!0)}degreesToReadians(e){return e*A.deg2RadMult}calculateSunLoc(){let t=this.hour;(t===void 0||t===-1)&&(t=he.utc().hour);const s=t/24*360+180;return{x:25*Math.cos(this.degreesToReadians(s)),z:25*Math.sin(this.degreesToReadians(s))}}init(e){this.fastTime?setInterval(()=>{this.hour+=.05},100):this.hour=-1,this.calculateSunLoc();const t=this.calculateSunLoc(),s={x:t.x,y:0,z:t.z};if(this.scene=e,this.objectGroup=new B,this.lightSouce=new de(16777215,2e3),this.lightSouce.position.set(s.x,s.y,s.z),this.objectGroup.add(this.lightSouce),this.showGeometry){const i=new D(.1,32,32);this.lightSourceGeometery=new G(i),this.lightSourceGeometery.position.set(s.x,s.y,s.z),this.objectGroup.add(this.lightSourceGeometery)}e.add(this.objectGroup)}update(){}setVisible(e){var t,s;e?this.visible||(t=this.scene)==null||t.add(this.objectGroup):this.visible&&((s=this.scene)==null||s.remove(this.objectGroup)),this.visible=e}};o(A,"deg2RadMult",Math.PI/180);let k=A;class Ge{init(e){const t=new w().load("textures/example_render.jpg");e.background=t}update(){}}function Ce(){return new Worker("/StuffInSpace/assets/SatCruncherWorker-37c21408.js")}const Ae="debug",x=["error","warn","info","debug"];let v={},L=new Proxy({logLevel:Ae,enabledOutputs:{},error:v.error,warn:v.warn,info:v.info,debug:v.debug,setLogLevel:J},{});function E(r,e,t,...s){r.enabledOutputs[e]&&t(e.toUpperCase(),...s)}function J(r){const e=x.indexOf(r.toLowerCase());if(e<0)throw new Error("Unknown log level");for(let t=0;t{let t=[1,1,0,1],s=!1;return e&&(s=!0,e.OBJECT_TYPE==="PAYLOAD"?t=[1,.2,0,1]:e.OBJECT_TYPE==="ROCKET BODY"?t=[.2,.5,1,.85]:e.OBJECT_TYPE==="DEBRIS"&&(t=[.5,.5,.5,.85])),{color:t,pickable:s}})}}class Oe extends _{constructor(){super("Group color scheme",(e,t)=>e&&t&&t.hasSat(e.id)?{color:[1,.2,0,1],pickable:!0}:{color:[1,1,1,.2],pickable:!0})}}class ke{constructor(){o(this,"baseUrl","");o(this,"worker");o(this,"currentColorScheme",new U);o(this,"numSats",1);o(this,"maxSize",0);o(this,"satPos",new Float32Array);o(this,"satVel",new Float32Array);o(this,"satAlt",new Float32Array);o(this,"satelliteColors",[]);o(this,"cruncherReady",!1);o(this,"scene");o(this,"particles");o(this,"geometry");o(this,"satelliteStore");o(this,"shaderStore");o(this,"selectedSatelliteIndexes",[]);o(this,"satelliteGroup");o(this,"hoverSatelliteIdx",-1)}setColorScheme(e){this.currentColorScheme=e}debugRaycastSelection(){if(this.satelliteStore&&(this.satelliteColors.length===0&&this.satelliteStore.satData.length>0&&(this.satelliteColors=new Array(this.satelliteStore.satData.length*4),this.satelliteColors.fill(1,0,this.satelliteColors.length),this.geometry&&this.geometry.setAttribute("color",new g(this.satelliteColors,4))),this.selectedSatelliteIndexes.length>0&&this.geometry)){for(let e=0;e0&&(e=this.geometry)!=null&&e.attributes){const t=this.satelliteStore.satData,s=t.length;this.updateSatellitesGeometry(),this.updateSatellitesMaterial(s,t)}this.debugRaycastSelection()}}updateSatellitesMaterial(e,t){var s,i,a;if((s=this.geometry)!=null&&s.attributes.color&&this.currentColorScheme&&this.satelliteStore){(this.satelliteColors.length===0||e*4!==this.satelliteColors.length)&&(this.satelliteColors=new Array(this.satelliteStore.satData.length*4),this.satelliteColors.fill(1,0,this.satelliteColors.length));for(let n=0;n{var d;(d=this.worker)==null||d.postMessage(JSON.stringify({state:{running:document.visibilityState==="visible"}}))})}getObject3D(){return this.particles}initSatWorker(e={}){u.info("Kicking off sat-cruncher-worker"),this.worker=new Ce,this.worker.onmessage=this.onMessage.bind(this),this.worker.postMessage(JSON.stringify({config:e}))}async init(e,t){this.satelliteStore=t.satelliteStore,this.shaderStore=t.shaderStore,this.scene=e;const s=t.config||{};let i={};s.satWorker&&(i={...s.satWorker,logLevel:s.logLevel}),this.initSatWorker(i),t!=null&&t.config&&(this.baseUrl=t.config.baseUrl),this.satelliteStore&&(this.satelliteStore.addEventListener("satdataloaded",this.onSatDataLoaded.bind(this)),await this.satelliteStore.loadSatelliteData(),this.initGeometry(),this.satelliteStore.gotExtraData&&this.updateSatellites())}update(){}}function Ie(){return new Worker("/StuffInSpace/assets/OrbitCalculationWorker-dff8774f.js")}class Pe{constructor(){o(this,"config",{});o(this,"segmentCount",255);o(this,"orbitWorker");o(this,"selectedSatellites",[]);o(this,"hoverSatelliteIdx",-1);o(this,"satelliteGroups");o(this,"satelliteGroup");o(this,"inProgress",[]);o(this,"scene");o(this,"selectColor",[0,1,0,1]);o(this,"hoverColor",[1,.92,.23,1]);o(this,"groupColor",[.3,.5,1,.4]);o(this,"orbitTracks",[]);o(this,"satelliteStore");o(this,"satelliteOrbitGroup")}calculateOrbits(e){e=e.filter(t=>!this.inProgress[t]),this.orbitWorker?this.orbitWorker.postMessage(JSON.stringify({isInit:!1,satId:e})):u.error("Orbit worker is undefined"),e.forEach(t=>this.inProgress[t]=!0)}onSatellitesLoaded(){this.satelliteStore&&(this.inProgress=new Array(this.satelliteStore.size()),this.orbitTracks=new Array(this.satelliteStore.size()),this.orbitWorker&&this.orbitWorker.postMessage(JSON.stringify({isInit:!0,satData:this.satelliteStore.satData,numSegs:this.segmentCount})))}isTrackVisible(e){return this.selectedSatellites.indexOf(e)>-1||e===this.hoverSatelliteIdx||this.satelliteGroup&&this.satelliteGroup.hasSat(e)}getTrackColor(e){let t=[1,1,0];return e===this.hoverSatelliteIdx?t=this.hoverColor:this.selectedSatellites.indexOf(e)>-1?t=this.selectColor:this.satelliteGroup&&this.satelliteGroup.hasSat(e)&&(t=this.groupColor),new $(t[0],t[1],t[2])}addOrbitTrack(e,t){const s=this.getTrackColor(e),i=new pe({color:s,linewidth:10}),a=new Z;a.setAttribute("position",new g(t,3));const n=new me(a,i);n.name=`${e}`,this.satelliteOrbitGroup&&this.satelliteOrbitGroup.add(n),this.orbitTracks[e]=n}updateOrbitTrack(e,t){const s=this.orbitTracks[e];if(s){const i=s.material;i.color=this.getTrackColor(e),i.needsUpdate=!0,t&&(s.geometry.setAttribute("position",new g(t,3)),s.geometry.computeBoundingBox(),s.geometry.computeBoundingSphere())}}removeOrbitTrack(e){var t;if(this.orbitTracks[e]){const s=this.orbitTracks[e];(t=this.satelliteOrbitGroup)==null||t.remove(s),s.geometry&&s.geometry.dispose(),this.orbitTracks[e]=void 0}}onMessage(e){const{satId:t}=e.data;this.scene&&(this.orbitTracks[t]?this.updateOrbitTrack(t,e.data.pointsOut):this.isTrackVisible(t)&&this.addOrbitTrack(t,e.data.pointsOut)),this.inProgress[t]=!1}isHoverSatellite(e){return this.hoverSatelliteIdx!==void 0&&e!==-1&&this.hoverSatelliteIdx===e}isSelectedSatellite(e){return this.selectedSatellites.length>0?this.selectedSatellites.indexOf(e)>-1:!1}refreshOrbits(){if(this.satelliteGroup){const e=this.satelliteGroup.sats;for(let t=0;t0)for(let t=0;t-1&&(t=this.selectedSatellites.indexOf(this.hoverSatelliteIdx)<0,t=t&&(!this.satelliteGroup||!this.satelliteGroup.hasSat(this.hoverSatelliteIdx))),this.hoverSatelliteIdx=e,t?this.removeOrbitTrack(s):this.updateOrbitTrack(s),this.calculateOrbits([e]),this.refreshOrbits()}setSatelliteGroup(e){if(this.satelliteGroup){this.setSelectedSatellites([]),this.setHoverSatellite(-1);for(let t=0;ti.satId);this.calculateOrbits(s)}}init(e,t){this.config=t.config,this.scene=e,this.orbitWorker=new Ie,this.orbitWorker.onmessage=this.onMessage.bind(this),this.satelliteStore=t.satelliteStore,this.orbitWorker.postMessage(JSON.stringify({config:{logLevel:this.config.logLevel}})),this.satelliteStore&&(this.satelliteStore.addEventListener("satdataloaded",this.onSatellitesLoaded.bind(this)),this.satelliteStore.size()>0&&(this.inProgress=new Array(this.satelliteStore.size()),this.onSatellitesLoaded())),t.satelliteGroups&&(this.satelliteGroups=t.satelliteGroups),this.satelliteOrbitGroup=new B,this.scene.add(this.satelliteOrbitGroup)}update(){}}const T=class T extends Se{constructor(){super();o(this,"pxToRadius",3185.5)}setPixels2Radius(t){this.pxToRadius=t}getPixels2Radius(){return this.pxToRadius}km2pixels(t){return t/this.pxToRadius}alitudeToPixels(t){return(T.earthRadiusInKm+t)/this.pxToRadius}};o(T,"earthRadiusInKm",6371);let I=T;class Y{constructor(e,t,s,i,a){o(this,"sats",[]);o(this,"id");o(this,"name");o(this,"groupType");o(this,"data");o(this,"satelliteStore");if(this.id=e,this.name=t,this.groupType=s,this.data=i,this.satelliteStore=a,!this.satelliteStore)throw new Error("satelliteStore is required")}reload(){if(this.sats=[],this.groupType==="intlDes")for(let e=0;et.id===e)}hasSat(e){const t=this.sats.length;for(let s=0;s{i(t)})}}const Re={baseUrl:"/StuffInSpace"};class Be{constructor(e={}){o(this,"tleUrl",`${Re.baseUrl}/data/attributed-TLE.json`);o(this,"eventManager");o(this,"satData",[]);o(this,"attribution");o(this,"updateDate");o(this,"satelliteVelocities",new Float32Array);o(this,"satellitePositions",new Float32Array);o(this,"satelliteAltitudes",new Float32Array);o(this,"gotExtraData",!1);o(this,"gotPositionalData",!1);o(this,"loaded",!1);this.eventManager=new K,e.tleUrl&&(this.tleUrl=e.tleUrl)}async loadSatelliteData(){try{const e=await z.get(this.tleUrl,{params:{t:Date.now()}});if(e.data){Array.isArray(e.data)?this.satData=e.data:(this.satData=e.data.data,this.attribution=e.data.source,this.updateDate=e.data.date);for(let t=0;t50?"19":"20")+s;const a=this.satData[t].INTLDES.substring(2);this.satData[t].intlDes=`${s}-${a}`}else this.satData[t].intlDes="unknown";this.satData[t].id=t}}this.eventManager.fireEvent("satdataloaded",this.satData),this.loaded=!0}catch(e){u.error("error loading TLE data",e)}}getAttribution(){return this.attribution}getUpdatedDate(){return this.updateDate}setSatelliteData(e,t=!1){this.satData=e,this.gotExtraData=t,t&&this.eventManager.fireEvent("satextradataloaded",this.satData)}setPositionalData(e,t,s){this.satelliteVelocities=e,this.satellitePositions=t,this.satelliteAltitudes=s,this.gotPositionalData=!0}getSatellitePosition(e){const t=e*3;if(this.satellitePositions&&tn[a]===e[a])}return s}searchName(e){const t=[];for(let s=0;s0?this.zoomOut():this.zoomIn()}onSatDataLoaded(e){this.eventManager.fireEvent("satdataloaded",e),this.ready=!0}findSatellitesAtMouse(e){var n;const t=(n=this.renderer)==null?void 0:n.domElement;if(!this.raycaster||!this.scene||!this.camera||!t)return[];this.raycaster.params.Points.threshold=.05;const s=t.getBoundingClientRect(),i=new ye;i.x=(e.x-s.left)/t.clientWidth*2-1,i.y=-((e.y-s.top)/t.clientHeight*2)+1,this.raycaster.setFromCamera(i,this.camera),this.showRaycastArrow&&(this.raycastArrow&&(this.scene.remove(this.raycastArrow),this.raycastArrow.dispose(),this.raycastArrow=void 0),this.raycastArrow=new ve(this.raycaster.ray.direction,this.raycaster.ray.origin,300,16776960,void 0,1),this.scene.add(this.raycastArrow));const a=this.raycaster.intersectObjects(this.scene.children,!0);if(a.length>0){a.sort((h,d)=>h.object.type==="Line"&&d.object.type==="Points"?1:h.object.type==="Points"&&d.object.type==="Line"?-1:0);let l=a.map(h=>h.object.type==="Points"?h.index:h.object.type==="Line"?parseInt(h.object.name):-1).filter(h=>h!==-1);if(l.length>0){const h=[];for(let d=0;d0&&(i=s[0],a=(l=this.satelliteStore)==null?void 0:l.getSatellite(i)),this.selectedSatelliteIdx=i,(h=this.satellites)==null||h.setSelectedSatellite(i),(d=this.orbits)==null||d.setSelectedSatellite(i),this.eventManager.fireEvent("selectedSatChange",a)}onMouseMove(){this.mouseMoved=!0}onMouseDown(){this.mouseMoved=!1,window.addEventListener("mousemove",this.onMouseMove.bind(this))}onMouseUp(e){this.mouseMoved||this.onClick(e),this.mouseMoved=!1,window.removeEventListener("mousemove",this.onMouseMove.bind(this))}onHover(e){var n,l,h,d;const t=(n=this.renderer)==null?void 0:n.domElement;if(!this.raycaster||!this.scene||!this.camera||!t)return;const s=this.findSatellitesAtMouse({x:e.clientX,y:e.clientY});let i=-1,a;s&&s.length>0&&(i=s[0],a=(l=this.satelliteStore)==null?void 0:l.getSatellite(i)),(h=this.satellites)==null||h.setHoverSatellite(i),(d=this.orbits)==null||d.setHoverSatellite(i),this.eventManager.fireEvent("sathoverChange",a),this.mouseMoved=!0}async init(){var e;try{this.scene=new I,this.camera=new be(45,window.innerWidth/window.innerHeight,.1,1e3),this.renderer=new xe({antialias:!0}),this.renderer.setPixelRatio(window.devicePixelRatio),this.renderer.setSize(window.innerWidth,window.innerHeight),(e=document.querySelector(this.config.canvasSelector))==null||e.appendChild(this.renderer.domElement),this.controls=new Le(this.camera,this.renderer.domElement),this.camera.position.set(15,0,-100),this.controls.update(),this.camera.position.y=5,this.camera.zoom=5,this.raycaster=new Ee,this.satelliteStore=new Be(this.config),this.satelliteGroups=new We(this.config.satelliteGroups,this.satelliteStore),this.shaderStore=new $e(this.config.baseUrl),u.debug("loading shaders"),await this.shaderStore.load(),this.context.satelliteGroups=this.satelliteGroups,this.context.config=this.config,this.context.satelliteStore=this.satelliteStore,this.context.shaderStore=this.shaderStore,this.satelliteStore.addEventListener("satdataloaded",this.onSatDataLoaded.bind(this)),this.earth=new De,await this.registerSceneComponent("earth",this.earth),await this.registerSceneComponent("sun",new k),await this.registerSceneComponent("universe",new Ge),this.satellites=new ke,await this.registerSceneComponent("satellites",this.satellites),this.orbits=new Pe,await this.registerSceneComponent("orbits",this.orbits);const t=this.getCenterPoint(this.earth.getMesh());t&&(this.controls.target=t),this.camera.position.y=42,this.controls.enablePan=!1,this.controls.enableZoom=!1,this.camera.updateProjectionMatrix(),window.addEventListener("resize",this.onWindowResize.bind(this)),window.addEventListener("wheel",this.onWheel.bind(this));const s=this.renderer.domElement;s.addEventListener("mousedown",this.onMouseDown.bind(this)),s.addEventListener("mouseup",this.onMouseUp.bind(this)),s.addEventListener("mousemove",this.onHover.bind(this))}catch(t){u.error("Error while initialising scene",t)}}animate(){requestAnimationFrame(this.animate.bind(this)),this.updateCamera();for(let e=0;ethis.zoomAllowableMargin?(this.camera.zoom+=(this.targetZoom-this.camera.zoom)/this.framesPerZoomUpdate,this.clampZoom(),this.camera.updateProjectionMatrix()):this.camera.zoom!==this.targetZoom&&(this.camera.zoom=this.targetZoom,this.clampZoom(),this.camera.updateProjectionMatrix()))}getSatelliteStore(){return this.satelliteStore}getSatelliteGroups(){return this.satelliteGroups}zoomToSatellite(e){var t;(t=this.satelliteStore)==null||t.getSatellitePosition(e)}clampZoom(){this.camera&&(this.targetZoom>this.camera.zoom*5?this.targetZoom=this.camera.zoom*5:this.targetZoom{this.close()})}moveTo(e,t){this.element&&(this.element.style.top=`${t}px`,this.element.style.left=`${e}px`)}getLocation(){if(!this.element)return{x:0,y:0};const e=this.element.style;return e.x?{x:e.x,y:e.y}:{x:this.element.offsetLeft,y:this.element.offsetTop}}addEventListener(e,t){if(this.listeners[e]||(this.listeners[e]=new Set),this.listeners[e])this.listeners[e].add(t);else throw new Error("unknown event")}fireEvent(e,t){this.listeners[e]&&this.listeners[e].forEach(i=>{i(t)})}}const He=100;class Ne{constructor(){o(this,"windows",[]);o(this,"windowsById",{});o(this,"initialOpen",!1)}bringWindowToFront(e){const t=e.element;let s=-1;for(let i=0;i-1&&(this.windows.splice(s,1),this.windows.push(e));for(let i=0;i=0;e--)if(this.windows[e].isOpen())return this.windows[e]}openWindow(e){const s={x:100,y:100},i=this.windowsById[e],a=this.getTopWindow();let n=!1;if(i){let{x:l,y:h}=i.getLocation();if(a||(l=s.x,h=s.y,this.initialOpen=!1),n=i.firstOpen,n&&a){const d=a.getLocation();d&&(d.x>window.innerWidth/2?l=d.x-42-300:l=d.x+42,d.y>window.innerHeight/2?h=d.y-42-300:h=d.y+42)}if(i.open(),!this.initialOpen&&!n){const d=i.getLocation();d&&(l=d.x,h=d.y)}(l>window.innerWidth||l<0)&&(l=s.x),(h>window.innerHeight||h<0)&&(h=s.y),this.bringWindowToFront(i),i.moveTo(l,h),this.initialOpen=!1}}closeWindow(e){const t=this.windowsById[e];t&&t.close()}makeDraggable(e){let t=0,s=0,i=0,a=0;const n=e.element;if(!n)return;const l=n.querySelector(".drag-zone")||n;function h(d){const f=`${t-(a-d.clientY)}px`,b=`${s-(i-d.clientX)}px`;n&&n.style&&(n.style.top=f,n.style.left=b)}n.classList.add("draggable"),n.addEventListener("click",()=>{this.bringWindowToFront(e)}),l.addEventListener("mousedown",d=>{d.preventDefault(),s=n.offsetLeft,t=n.offsetTop,i=d.clientX,a=d.clientY,this.bringWindowToFront(e),n.style.right="unset",n.style.bottom="unset",n.style.left=`${s}px`,n.style.top=`${t}px`,n.classList.add("dragging"),l.addEventListener("mousemove",h)}),n.addEventListener("mouseup",d=>{d.preventDefault(),l.removeEventListener("mousemove",h),n.classList.remove("dragging")}),n.addEventListener("mouseout",d=>{d.preventDefault(),l.removeEventListener("mousemove",h),n.classList.remove("dragging")})}}const F=200;let m,P,X=!1,W=-1,M=!1,Q;function ee(){return M}function Ve(){return Q}function Ze(){return M?document.querySelector("#search").value:null}function Je(){return X}function _e(){return W}function Ye(){X=!1,W=-1,m.setHoverSatellite(W)}function O(r){const e=document.querySelector("#search-results");e&&(r?e.style.display="block":e.style.display="none",M=r)}function Ke(){O(!ee())}function Xe(){O(!0)}function te(){O(!1);const r=m.getSatelliteGroups();r&&r.clearSelect()}function se(r,e){const t=document.querySelector("#search-results"),s=m.getSatelliteStore();if(!s)return;let i="";for(let a=0;a`,r[a].isIntlDes?i+=n.OBJECT_NAME:(i+=n.OBJECT_NAME.substring(0,r[a].strIndex),i+='',i+=n.OBJECT_NAME.substring(r[a].strIndex,r[a].strIndex+e.length),i+="",i+=n.OBJECT_NAME.substring(r[a].strIndex+e.length)),i+='
',r[a].isIntlDes?(i+=n.intlDes.substring(0,r[a].strIndex),i+='',i+=n.intlDes.substring(r[a].strIndex,r[a].strIndex+e.length),i+="",i+=n.intlDes.substring(r[a].strIndex+e.length)):i+=n.intlDes,i+="
"}t.innerHTML=i,t.style.display="block",M=!0}function Qe(){const r=document.querySelector("#search-results");r&&(r.innerHTML="")}function R(r){var l;const e=m.getSatelliteStore();if(!e)return;const t=e.getSatData();if(m.setSelectedSatellite(-1),r.length===0){te();return}r=r.toUpperCase();const s=[];for(let h=0;hF&&(s.length=F);const i=[];for(let h=0;h{const a=s.target.dataset.satId;Ye(),m.setSelectedSatellite(a)}),(e=document.querySelector("#search"))==null||e.addEventListener("input",()=>{var i;const s=(i=document.querySelector("#search"))==null?void 0:i.value;R(s)}),(t=document.querySelector("#all-objects-link"))==null||t.addEventListener("click",()=>{const s=m.getSelectedSatellite();if(s){const a=s.intlDes.slice(0,8);R(a),document.querySelector("#search").value=a,P&&P.openWindow("search-window")}}))}function tt(r,e){m=r,P=e,et()}const y={init:tt,clearResults:Qe,getHoverSat:_e,isHovering:Je,showResults:Xe,hideResults:te,doSearch:R,getCurrentSearch:Ze,getLastResultGroup:Ve,fillResultBox:se,isResultBoxOpen:ee,setResultsVisible:O,toggleResultsVisible:Ke},st=[],S=new Ne,it=[];let H=!1,c;function rt(r){var t;let e=document.querySelector(".attribution");if(e||(e=document.createElement("div"),e.className="attribution",(t=document.querySelector("body"))==null||t.appendChild(e)),e)if(r){const s=c.getSatelliteStore();if(s&&s.getAttribution()){const i=s.getAttribution()||{},a=s.getUpdatedDate();e.innerHTML=`Orbital object data from ${i.name} (updated ${a})`}e.classList.remove("hidden")}else e.classList.add("hidden")}function ie(r){var e,t;r?(e=document.querySelector("body"))==null||e.classList.add("loading"):(t=document.querySelector("body"))==null||t.classList.remove("loading")}function ot(){const r=document.querySelector("#groups-display"),e=c.getSatelliteGroups();let t=[];e&&(t=e.asArray().sort((i,a)=>i.name.localeCompare(a.name)));let s="";for(let i=0;i${t[i].name} -`;r.innerHTML=s}function p(r,e){const t=document.querySelector(r);t&&(t.innerHTML=e)}function at(r){var e,t,s,i,a;r?((e=document.querySelector("#sat-infobox"))==null||e.classList.add("visible"),p("#sat-info-title",r.OBJECT_NAME),p("#sat-intl-des",r.intlDes),p("#sat-type",r.OBJECT_TYPE),p("#sat-apogee",`${(t=r.apogee)==null?void 0:t.toFixed(0)} km`),p("#sat-perigee",`${(s=r.perigee)==null?void 0:s.toFixed(0)} km`),p("#sat-inclination",`${(r.inclination*qe).toFixed(2)}°`),p("#sat-period",`${(i=r.period)==null?void 0:i.toFixed(2)} min`)):(a=document.querySelector("#sat-infobox"))==null||a.classList.remove("visible")}function nt(r){const{satId:e,satX:t,satY:s,satellite:i}=r;if(!e||e===-1){p("#sat-hoverbox","(none)");let a=document.querySelector("#sat-hoverbox");a&&(a.style.display="none"),a=document.querySelector("#canvas"),a&&(a.style.cursor="default")}else{const a=document.querySelector("#sat-hoverbox");a&&(a.innerHTML=i.OBJECT_NAME,a.style.display="block",a.style.position="absolute",a.style.left=`${t+20}px`,a.style.top=`${s-10}px`);const n=document.querySelector("#canvas");n&&(n.style.cursor="pointer")}}function lt(){var e;(e=document.querySelector("#groups-display"))==null||e.addEventListener("mouseout",()=>{if(!H){const t=c.getSatelliteGroups();t&&(y.isResultBoxOpen()?t.selectGroup(y.getLastResultGroup()):t.clearSelect())}});const r=document.querySelectorAll("#groups-display>li");for(let t=0;t{const n=i.currentTarget.dataset.group,l=c.getSatelliteGroups();l&&l.selectGroup(l.getGroupById(n))}),s.addEventListener("mouseout",()=>{const i=c.getSatelliteGroups();if(i){const a=document.querySelector("#groups-display>li.selected");a?i.selectGroup(i.getGroupById(a.dataset.group)):i.selectGroup(void 0)}}),s.addEventListener("click",i=>{i.preventDefault();const a=i.currentTarget;H=!0;const n=document.querySelector("#groups-display>li.selected");let l;n&&(l=n.dataset.group);for(let b=0;b{s.preventDefault(),c.zoomIn()}),(t=document.querySelector("#zoom-out"))==null||t.addEventListener("click",s=>{s.preventDefault(),c.zoomOut()}),window.addEventListener("resize",()=>{it.forEach(s=>{window.visualViewport&&(s.offsetLeft+s.offsetWidth>window.visualViewport.width&&(s.style.right="unset",s.style.left=`${window.visualViewport.width-s.offsetWidth}px`),s.offsetTop+s.offsetHeight>window.visualViewport.height&&(s.style.bottom="unset",s.style.offsetTop=`${window.visualViewport.height-s.offsetHeight}px`))})}),ie(!1)}function dt(r){r.satId&&(p("#sat-altitude",`${r.altitude.toFixed(2)} km`),p("#sat-velocity",`${r.velocity.toFixed(2)} km/s`))}function N(){ht(),ot(),setTimeout(()=>lt(),0);const r=document.querySelector("#load-cover");r&&r.classList.add("hidden"),rt(!0)}function ct(){return st}function ut(){const r=document.querySelectorAll(".menu-item");for(let e=0;e{const s=t.dataset.action;if(s&&s.startsWith("open:")){const i=s.split(":");S.openWindow(i[1])}})}}function ft(){return y.getCurrentSearch()}function gt(r){var e;c=r,S.registerWindow("sat-infobox"),S.registerWindow("about-window"),S.registerWindow("help-window"),S.registerWindow("groups-window"),S.registerWindow("search-window"),(e=S.getWindow("search-window"))==null||e.addEventListener("close",()=>{var s;(s=c.getSatelliteGroups())==null||s.clearSelect(),c.setSelectedSatelliteGroup();const t=document.querySelectorAll("#groups-display>li");for(const i of t)i.classList.remove("selected")}),y.init(c,S),ut(),c.addEventListener(C.satMovementChange,dt),c.ready?N():c.addEventListener(C.satDataLoaded,N)}const pt={setLoading:ie,init:gt,getSupportedEvents:ct,getCurrentSearch:ft};async function mt(){const r=await z.get("config.json");let e=q;return r.data&&(e={...q,...r.data}),e}async function St(){const r=await mt();J(r.logLevel);const e=je(r);await e.init(),e.animate(),pt.init(e)}document.addEventListener("DOMContentLoaded",()=>{St().catch(r=>console.error(r))}); diff --git a/assets/index-bc9a76f2.js b/assets/index-bc9a76f2.js new file mode 100644 index 0000000..ee39f2a --- /dev/null +++ b/assets/index-bc9a76f2.js @@ -0,0 +1,19 @@ +var re=Object.defineProperty;var oe=(a,e,t)=>e in a?re(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var r=(a,e,t)=>(oe(a,typeof e!="symbol"?e+"":e,t),t);import{T as w,S as D,M as j,a as A,U as ae,b as V,B as ne,A as le,G as $,C as B,D as he,P as ce,F as g,c as Z,d as de,e as ue,O as fe,f as ge,L as pe,g as me,h as Se,i as z,V as we,j as ye,k as ve,l as be,W as xe,m as Le,R as Ee}from"./vendor-e5c7e806.js";(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const i of document.querySelectorAll('link[rel="modulepreload"]'))s(i);new MutationObserver(i=>{for(const o of i)if(o.type==="childList")for(const n of o.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&s(n)}).observe(document,{childList:!0,subtree:!0});function t(i){const o={};return i.integrity&&(o.integrity=i.integrity),i.referrerPolicy&&(o.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?o.credentials="include":i.crossOrigin==="anonymous"?o.credentials="omit":o.credentials="same-origin",o}function s(i){if(i.ep)return;i.ep=!0;const o=t(i);fetch(i.href,o)}})();class De{constructor(){r(this,"baseUrl","");r(this,"basePath","/StuffInSpace/images");r(this,"radiusInKm",6371);r(this,"pxToRadius",3185.5);r(this,"addAtmosphere",!1);r(this,"addClouds",!0);r(this,"sphere");r(this,"group")}initClouds(e,t){const s=new w().load(`${this.basePath}/Earth_Cloud.jpg`),i=e.km2pixels(this.radiusInKm+.02),o=new D(i,32,32),n=new j({map:s,opacity:.3,transparent:!0}),l=new A(o,n),h=1.01;l.scale.set(h,h,h),t.add(l)}initAtmosphere(e,t){const s=["varying vec3 vNormal;","varying vec3 vPosition;","void main() {","vNormal = normalize( normalMatrix * normal );","gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );","vPosition = gl_Position.xyz;","}"].join(` +`),i=["varying vec3 vNormal;","varying vec3 vPosition;","void main() {"," float intensity = pow( 0.8 + dot( vNormal, vec3( 0, 0, 1.0 ) ), 12.0 );"," intensity = min(intensity, 1.7);"," gl_FragColor = vec4( 0.37, 0.71, 0.93, 0.6 ) * intensity;","}"].join(` +`),o=ae.clone({}),n=new V({uniforms:o,vertexShader:s,fragmentShader:i,side:ne,blending:le,transparent:!0}),l=e.km2pixels(this.radiusInKm+.1),h=new D(l,32,32),c=new A(h,n),d=1.019;c.scale.set(d,d,d),t.add(c)}init(e,t){t.config&&(this.baseUrl=t.config.baseUrl),this.group=new $;const s=`${this.baseUrl}/images`,i=new w().load(`${s}/earth-blue-marble.jpg`),o=new w().load(`${s}/nightearth-4096.png`),n=new w().load(`${s}/8081_earthbump4k.jpg`),l=new w().load(`${s}/earth-water.png`),h=new j({map:i,bumpMap:n,emissiveMap:o,emissive:new B(8947848),emissiveIntensity:5,specularMap:l,specular:1,shininess:15,bumpScale:1}),c=e.km2pixels(this.radiusInKm),d=new D(c,32,32);this.sphere=new A(d,h),this.group.add(this.sphere),this.addClouds&&this.initClouds(e,this.group),this.addAtmosphere&&this.initAtmosphere(e,this.group),e.add(this.group),this.sphere.geometry.computeBoundingBox(),this.sphere.geometry.computeBoundingSphere()}update(){}getMesh(){return this.sphere}}const G=class G{constructor(){r(this,"fastTime",!1);r(this,"showGeometry",!1);r(this,"lightSouce");r(this,"lightSourceGeometery");r(this,"hour",0);r(this,"objectGroup");r(this,"scene");r(this,"visible",!0)}degreesToReadians(e){return e*G.deg2RadMult}calculateSunLoc(){let t=this.hour;(t===void 0||t===-1)&&(t=he.utc().hour);const s=t/24*360+180;return{x:25*Math.cos(this.degreesToReadians(s)),z:25*Math.sin(this.degreesToReadians(s))}}init(e){this.fastTime?setInterval(()=>{this.hour+=.05},100):this.hour=-1,this.calculateSunLoc();const t=this.calculateSunLoc(),s={x:t.x,y:0,z:t.z};if(this.scene=e,this.objectGroup=new $,this.lightSouce=new ce(16777215,2e3),this.lightSouce.position.set(s.x,s.y,s.z),this.objectGroup.add(this.lightSouce),this.showGeometry){const i=new D(.1,32,32);this.lightSourceGeometery=new A(i),this.lightSourceGeometery.position.set(s.x,s.y,s.z),this.objectGroup.add(this.lightSourceGeometery)}e.add(this.objectGroup)}update(){}setVisible(e){var t,s;e?this.visible||(t=this.scene)==null||t.add(this.objectGroup):this.visible&&((s=this.scene)==null||s.remove(this.objectGroup)),this.visible=e}};r(G,"deg2RadMult",Math.PI/180);let M=G;class Ae{init(e){const t=new w().load("textures/example_render.jpg");e.background=t}update(){}}function Ce(){return new Worker("/StuffInSpace/assets/SatCruncherWorker-37c21408.js")}const Ge="debug",x=["error","warn","info","debug"];let v={},L=new Proxy({logLevel:Ge,enabledOutputs:{},error:v.error,warn:v.warn,info:v.info,debug:v.debug,setLogLevel:_},{});function E(a,e,t,...s){a.enabledOutputs[e]&&t(e.toUpperCase(),...s)}function _(a){const e=x.indexOf(a.toLowerCase());if(e<0)throw new Error("Unknown log level");for(let t=0;t{let t=[1,1,0,1],s=!1;return e&&(s=!0,e.OBJECT_TYPE==="PAYLOAD"?t=[1,.2,0,1]:e.OBJECT_TYPE==="ROCKET BODY"?t=[.2,.5,1,.85]:e.OBJECT_TYPE==="DEBRIS"&&(t=[.5,.5,.5,.85])),{color:t,pickable:s}})}}class Ie extends J{constructor(){super("Group color scheme",(e,t)=>e&&t&&t.hasSat(e.id)?{color:[1,.2,0,1],pickable:!0}:{color:[1,1,1,.2],pickable:!0})}}class Me{constructor(){r(this,"baseUrl","");r(this,"worker");r(this,"currentColorScheme",new N);r(this,"numSats",1);r(this,"maxSize",0);r(this,"satPos",new Float32Array);r(this,"satVel",new Float32Array);r(this,"satAlt",new Float32Array);r(this,"satelliteColors",[]);r(this,"cruncherReady",!1);r(this,"scene");r(this,"particles");r(this,"geometry");r(this,"satelliteStore");r(this,"shaderStore");r(this,"selectedSatelliteIndexes",[]);r(this,"satelliteGroup");r(this,"hoverSatelliteIdx",-1)}setColorScheme(e){this.currentColorScheme=e}debugRaycastSelection(){if(this.satelliteStore&&(this.satelliteColors.length===0&&this.satelliteStore.satData.length>0&&(this.satelliteColors=new Array(this.satelliteStore.satData.length*4),this.satelliteColors.fill(1,0,this.satelliteColors.length),this.geometry&&this.geometry.setAttribute("color",new g(this.satelliteColors,4))),this.selectedSatelliteIndexes.length>0&&this.geometry)){for(let e=0;e0&&(e=this.geometry)!=null&&e.attributes){const t=this.satelliteStore.satData,s=t.length;this.updateSatellitesGeometry(),this.updateSatellitesMaterial(s,t)}this.debugRaycastSelection()}}updateSatellitesMaterial(e,t){var s,i,o;if((s=this.geometry)!=null&&s.attributes.color&&this.currentColorScheme&&this.satelliteStore){(this.satelliteColors.length===0||e*4!==this.satelliteColors.length)&&(this.satelliteColors=new Array(this.satelliteStore.satData.length*4),this.satelliteColors.fill(1,0,this.satelliteColors.length));for(let n=0;n{var c;(c=this.worker)==null||c.postMessage(JSON.stringify({state:{running:document.visibilityState==="visible"}}))})}getObject3D(){return this.particles}initSatWorker(e={}){f.info("Kicking off sat-cruncher-worker"),this.worker=new Ce,this.worker.onmessage=this.onMessage.bind(this),this.worker.postMessage(JSON.stringify({config:e}))}async init(e,t){this.satelliteStore=t.satelliteStore,this.shaderStore=t.shaderStore,this.scene=e;const s=t.config||{};let i={};s.satWorker&&(i={...s.satWorker,logLevel:s.logLevel}),this.initSatWorker(i),t!=null&&t.config&&(this.baseUrl=t.config.baseUrl),this.satelliteStore&&(this.satelliteStore.addEventListener("satdataloaded",this.onSatDataLoaded.bind(this)),await this.satelliteStore.loadSatelliteData(),this.initGeometry(),this.satelliteStore.gotExtraData&&this.updateSatellites())}update(){}}function ke(){return new Worker("/StuffInSpace/assets/OrbitCalculationWorker-dff8774f.js")}class Pe{constructor(){r(this,"config",{});r(this,"segmentCount",255);r(this,"orbitWorker");r(this,"selectedSatellites",[]);r(this,"hoverSatelliteIdx",-1);r(this,"satelliteGroups");r(this,"satelliteGroup");r(this,"inProgress",[]);r(this,"scene");r(this,"selectColor",[0,1,0,1]);r(this,"hoverColor",[1,.92,.23,1]);r(this,"groupColor",[.3,.5,1,.4]);r(this,"orbitTracks",[]);r(this,"satelliteStore");r(this,"satelliteOrbitGroup")}calculateOrbits(e){e=e.filter(t=>!this.inProgress[t]),this.orbitWorker?this.orbitWorker.postMessage(JSON.stringify({isInit:!1,satId:e})):f.error("Orbit worker is undefined"),e.forEach(t=>this.inProgress[t]=!0)}onSatellitesLoaded(){this.satelliteStore&&(this.inProgress=new Array(this.satelliteStore.size()),this.orbitTracks=new Array(this.satelliteStore.size()),this.orbitWorker&&this.orbitWorker.postMessage(JSON.stringify({isInit:!0,satData:this.satelliteStore.satData,numSegs:this.segmentCount})))}isTrackVisible(e){return this.selectedSatellites.indexOf(e)>-1||e===this.hoverSatelliteIdx||this.satelliteGroup&&this.satelliteGroup.hasSat(e)}getTrackColor(e){let t=[1,1,0];return e===this.hoverSatelliteIdx?t=this.hoverColor:this.selectedSatellites.indexOf(e)>-1?t=this.selectColor:this.satelliteGroup&&this.satelliteGroup.hasSat(e)&&(t=this.groupColor),new B(t[0],t[1],t[2])}addOrbitTrack(e,t){const s=this.getTrackColor(e),i=new pe({color:s,linewidth:10}),o=new Z;o.setAttribute("position",new g(t,3));const n=new me(o,i);n.name=`${e}`,this.satelliteOrbitGroup&&this.satelliteOrbitGroup.add(n),this.orbitTracks[e]=n}updateOrbitTrack(e,t){const s=this.orbitTracks[e];if(s){const i=s.material;i.color=this.getTrackColor(e),i.needsUpdate=!0,t&&(s.geometry.setAttribute("position",new g(t,3)),s.geometry.computeBoundingBox(),s.geometry.computeBoundingSphere())}}removeOrbitTrack(e){var t;if(this.orbitTracks[e]){const s=this.orbitTracks[e];(t=this.satelliteOrbitGroup)==null||t.remove(s),s.geometry&&s.geometry.dispose(),this.orbitTracks[e]=void 0}}onMessage(e){const{satId:t}=e.data;this.scene&&(this.orbitTracks[t]?this.updateOrbitTrack(t,e.data.pointsOut):this.isTrackVisible(t)&&this.addOrbitTrack(t,e.data.pointsOut)),this.inProgress[t]=!1}isHoverSatellite(e){return this.hoverSatelliteIdx!==void 0&&e!==-1&&this.hoverSatelliteIdx===e}isSelectedSatellite(e){return this.selectedSatellites.length>0?this.selectedSatellites.indexOf(e)>-1:!1}refreshOrbits(){if(this.satelliteGroup){const e=this.satelliteGroup.sats;for(let t=0;t0)for(let t=0;t-1&&(t=this.selectedSatellites.indexOf(this.hoverSatelliteIdx)<0,t=t&&(!this.satelliteGroup||!this.satelliteGroup.hasSat(this.hoverSatelliteIdx))),this.hoverSatelliteIdx=e,t?this.removeOrbitTrack(s):this.updateOrbitTrack(s),this.calculateOrbits([e]),this.refreshOrbits()}setSatelliteGroup(e){if(this.satelliteGroup){this.setSelectedSatellites([]),this.setHoverSatellite(-1);for(let t=0;ti.satId);this.calculateOrbits(s)}}init(e,t){this.config=t.config,this.scene=e,this.orbitWorker=new ke,this.orbitWorker.onmessage=this.onMessage.bind(this),this.satelliteStore=t.satelliteStore,this.orbitWorker.postMessage(JSON.stringify({config:{logLevel:this.config.logLevel}})),this.satelliteStore&&(this.satelliteStore.addEventListener("satdataloaded",this.onSatellitesLoaded.bind(this)),this.satelliteStore.size()>0&&(this.inProgress=new Array(this.satelliteStore.size()),this.onSatellitesLoaded())),t.satelliteGroups&&(this.satelliteGroups=t.satelliteGroups),this.satelliteOrbitGroup=new $,this.scene.add(this.satelliteOrbitGroup)}update(){}}const T=class T extends Se{constructor(){super();r(this,"pxToRadius",3185.5)}setPixels2Radius(t){this.pxToRadius=t}getPixels2Radius(){return this.pxToRadius}km2pixels(t){return t/this.pxToRadius}alitudeToPixels(t){return(T.earthRadiusInKm+t)/this.pxToRadius}};r(T,"earthRadiusInKm",6371);let k=T;class Y{constructor(e,t,s,i,o){r(this,"sats",[]);r(this,"id");r(this,"name");r(this,"groupType");r(this,"data");r(this,"satelliteStore");if(this.id=e,this.name=t,this.groupType=s,this.data=i,this.satelliteStore=o,!this.satelliteStore)throw new Error("satelliteStore is required")}reload(){switch(this.sats=[],this.groupType){case"intlDes":this.searchIntlDes();break;case"nameRegex":this.searchNameRegex();break;case"idList":this.searchIdList();break;case"objectType":this.searchObjectType();break;default:throw new Error("Invalid groupType")}}searchObjectType(){if(typeof this.data!="string")throw new Error("objectType must be a string");const e="OBJECT_TYPE",t=this.satelliteStore.search({[e]:this.data});for(const s of t)this.sats.push({satId:s.id,isIntlDes:!1,strIndex:0})}searchIdList(){if(typeof this.data=="string")throw new Error("idList must be an array");for(const e of this.data)this.sats.push({satId:e,isIntlDes:!1,strIndex:0})}searchNameRegex(){if(typeof this.data!="string")throw new Error("nameRegex must be a string");const e=new RegExp(this.data),t=this.satelliteStore.searchNameRegex(e);for(const s of t)this.sats.push({satId:s,isIntlDes:!1,strIndex:0})}searchIntlDes(){if(typeof this.data=="string")throw new Error("intlDes must be an array");for(const e of this.data)this.sats.push({satId:this.satelliteStore.getIdFromIntlDes(e),isIntlDes:!0,strIndex:0})}getSat(e){return this.satelliteStore.satData.find(t=>t.id===e)}hasSat(e){for(const t of this.sats)if(t.satId===e)return!0;return!1}}class Re{constructor(e,t){r(this,"groups",{});r(this,"selectedGroup");r(this,"sats",[]);r(this,"satelliteStore");if(!t)throw new Error("satelliteStore is required");this.satelliteStore=t,this.resetConfig(e),this.satelliteStore.addEventListener("satdataloaded",this.onSatDataLoaded.bind(this))}asArray(){return Object.values(this.groups)}selectGroup(e){if(this.selectedGroup=e,!e){this.clearSelect();return}}forEach(e){for(let t=0;t{i(t)})}}const We={baseUrl:"/StuffInSpace"};class $e{constructor(e={}){r(this,"tleUrl",`${We.baseUrl}/data/attributed-TLE.json`);r(this,"eventManager");r(this,"satData",[]);r(this,"attribution");r(this,"updateDate");r(this,"satelliteVelocities",new Float32Array);r(this,"satellitePositions",new Float32Array);r(this,"satelliteAltitudes",new Float32Array);r(this,"gotExtraData",!1);r(this,"gotPositionalData",!1);r(this,"loaded",!1);this.eventManager=new K,e.tleUrl&&(this.tleUrl=e.tleUrl)}async loadSatelliteData(){try{const e=await z.get(this.tleUrl,{params:{t:Date.now()}});if(e.data){Array.isArray(e.data)?this.satData=e.data:(this.satData=e.data.data,this.attribution=e.data.source,this.updateDate=e.data.date);for(let t=0;t50?"19":"20")+s.toString(),n=this.satData[t].INTLDES.substring(2);this.satData[t].intlDes=`${o}-${n}`}else this.satData[t].intlDes="unknown";this.satData[t].id=t}}this.eventManager.fireEvent("satdataloaded",this.satData),this.loaded=!0}catch(e){f.error("error loading TLE data",e)}}getAttribution(){return this.attribution}getUpdatedDate(){return this.updateDate}setSatelliteData(e,t=!1){this.satData=e,this.gotExtraData=t,t&&this.eventManager.fireEvent("satextradataloaded",this.satData)}setPositionalData(e,t,s){this.satelliteVelocities=e,this.satellitePositions=t,this.satelliteAltitudes=s,this.gotPositionalData=!0}getSatellitePosition(e){const t=e*3;if(this.satellitePositions&&to[i]===e[i]);return s}searchName(e){const t=[];for(let s=0;s0?this.zoomOut():this.zoomIn()}onSatDataLoaded(e){this.eventManager.fireEvent("satdataloaded",e),this.ready=!0}findSatellitesAtMouse(e){var n;const t=(n=this.renderer)==null?void 0:n.domElement;if(!this.raycaster||!this.scene||!this.camera||!t)return[];this.raycaster.params.Points.threshold=.05;const s=t.getBoundingClientRect(),i=new ye;i.x=(e.x-s.left)/t.clientWidth*2-1,i.y=-((e.y-s.top)/t.clientHeight*2)+1,this.raycaster.setFromCamera(i,this.camera),this.showRaycastArrow&&(this.raycastArrow&&(this.scene.remove(this.raycastArrow),this.raycastArrow.dispose(),this.raycastArrow=void 0),this.raycastArrow=new ve(this.raycaster.ray.direction,this.raycaster.ray.origin,300,16776960,void 0,1),this.scene.add(this.raycastArrow));const o=this.raycaster.intersectObjects(this.scene.children,!0);if(o.length>0){o.sort((h,c)=>h.object.type==="Line"&&c.object.type==="Points"?1:h.object.type==="Points"&&c.object.type==="Line"?-1:0);let l=o.map(h=>h.object.type==="Points"?h.index:h.object.type==="Line"?parseInt(h.object.name):-1).filter(h=>h!==-1);if(l.length>0){const h=[];for(const c of l)this.isValidTarget(c)&&h.push(c);l=h}return l}return[]}isValidTarget(e){var s;const t=(s=this.satellites)==null?void 0:s.getSatellitegroup();return t?t.hasSat(e):!0}onClick(e){var n,l,h,c;const t=(n=this.renderer)==null?void 0:n.domElement;if(!this.raycaster||!this.scene||!this.camera||!t)return;const s=this.findSatellitesAtMouse({x:e.clientX,y:e.clientY});let i=-1,o;s&&s.length>0&&(i=s[0],o=(l=this.satelliteStore)==null?void 0:l.getSatellite(i)),this.selectedSatelliteIdx=i,(h=this.satellites)==null||h.setSelectedSatellite(i),(c=this.orbits)==null||c.setSelectedSatellite(i),this.eventManager.fireEvent("selectedSatChange",o)}onMouseMove(){this.mouseMoved=!0}onMouseDown(){this.mouseMoved=!1,window.addEventListener("mousemove",this.onMouseMove.bind(this))}onMouseUp(e){this.mouseMoved||this.onClick(e),this.mouseMoved=!1,window.removeEventListener("mousemove",this.onMouseMove.bind(this))}onHover(e){var n,l,h,c;const t=(n=this.renderer)==null?void 0:n.domElement;if(!this.raycaster||!this.scene||!this.camera||!t)return;const s=this.findSatellitesAtMouse({x:e.clientX,y:e.clientY});let i=-1,o;s&&s.length>0&&(i=s[0],o=(l=this.satelliteStore)==null?void 0:l.getSatellite(i)),(h=this.satellites)==null||h.setHoverSatellite(i),(c=this.orbits)==null||c.setHoverSatellite(i),this.eventManager.fireEvent("sathoverChange",o),this.mouseMoved=!0}async init(){var e;try{this.scene=new k,this.camera=new be(45,window.innerWidth/window.innerHeight,.1,1e3),this.renderer=new xe({antialias:!0}),this.renderer.setPixelRatio(window.devicePixelRatio),this.renderer.setSize(window.innerWidth,window.innerHeight),(e=document.querySelector(this.config.canvasSelector))==null||e.appendChild(this.renderer.domElement),this.controls=new Le(this.camera,this.renderer.domElement),this.camera.position.set(15,0,-100),this.controls.update(),this.camera.position.y=5,this.camera.zoom=5,this.raycaster=new Ee,this.satelliteStore=new $e(this.config),this.satelliteGroups=new Re(this.config.satelliteGroups,this.satelliteStore),this.shaderStore=new Be(this.config.baseUrl),f.debug("loading shaders"),await this.shaderStore.load(),this.context.satelliteGroups=this.satelliteGroups,this.context.config=this.config,this.context.satelliteStore=this.satelliteStore,this.context.shaderStore=this.shaderStore,this.satelliteStore.addEventListener("satdataloaded",this.onSatDataLoaded.bind(this)),this.earth=new De,await this.registerSceneComponent("earth",this.earth),await this.registerSceneComponent("sun",new M),await this.registerSceneComponent("universe",new Ae),this.satellites=new Me,await this.registerSceneComponent("satellites",this.satellites),this.orbits=new Pe,await this.registerSceneComponent("orbits",this.orbits);const t=this.getCenterPoint(this.earth.getMesh());t&&(this.controls.target=t),this.camera.position.y=42,this.controls.enablePan=!1,this.controls.enableZoom=!1,this.camera.updateProjectionMatrix(),window.addEventListener("resize",this.onWindowResize.bind(this)),window.addEventListener("wheel",this.onWheel.bind(this));const s=this.renderer.domElement;s.addEventListener("mousedown",this.onMouseDown.bind(this)),s.addEventListener("mouseup",this.onMouseUp.bind(this)),s.addEventListener("mousemove",this.onHover.bind(this))}catch(t){f.error("Error while initialising scene",t)}}animate(){requestAnimationFrame(this.animate.bind(this));for(const e of this.sceneComponents)e.update(this.scene);this.updateCamera(),this.controls&&this.controls.update(),this.renderer&&this.renderer.render(this.scene,this.camera)}updateCamera(){this.camera&&(Math.abs(this.camera.zoom-this.targetZoom)>this.zoomAllowableMargin?(this.camera.zoom+=(this.targetZoom-this.camera.zoom)/this.framesPerZoomUpdate,this.clampZoom(),this.camera.updateProjectionMatrix()):this.camera.zoom!==this.targetZoom&&(this.camera.zoom=this.targetZoom,this.clampZoom(),this.camera.updateProjectionMatrix()))}getSatelliteStore(){return this.satelliteStore}getSatelliteGroups(){return this.satelliteGroups}zoomToSatellite(e){var t;(t=this.satelliteStore)==null||t.getSatellitePosition(e)}clampZoom(){this.camera&&(this.targetZoom>this.camera.zoom*5?this.targetZoom=this.camera.zoom*5:this.targetZoom{this.close()})}moveTo(e,t){this.element&&(this.element.style.top=`${t}px`,this.element.style.left=`${e}px`)}getLocation(){if(!this.element)return{x:0,y:0};const e=this.element.style;return e.x?{x:e.x,y:e.y}:{x:this.element.offsetLeft,y:this.element.offsetTop}}addEventListener(e,t){if(this.listeners[e]||(this.listeners[e]=new Set),this.listeners[e])this.listeners[e].add(t);else throw new Error("unknown event")}fireEvent(e,t){this.listeners[e]&&this.listeners[e].forEach(i=>{i(t)})}}const Fe=100;class He{constructor(){r(this,"windows",[]);r(this,"windowsById",{});r(this,"initialOpen",!1)}bringWindowToFront(e){const t=e.element;let s=-1;for(let i=0;i-1&&(this.windows.splice(s,1),this.windows.push(e));for(let i=0;i=0;e--)if(this.windows[e].isOpen())return this.windows[e]}openWindow(e){const s={x:100,y:100},i=this.windowsById[e],o=this.getTopWindow();let n=!1;if(i){let{x:l,y:h}=i.getLocation();if(o||(l=s.x,h=s.y,this.initialOpen=!1),n=i.firstOpen,n&&o){const c=o.getLocation();c&&(c.x>window.innerWidth/2?l=c.x-42-300:l=c.x+42,c.y>window.innerHeight/2?h=c.y-42-300:h=c.y+42)}if(i.open(),!this.initialOpen&&!n){const c=i.getLocation();c&&(l=c.x,h=c.y)}(l>window.innerWidth||l<0)&&(l=s.x),(h>window.innerHeight||h<0)&&(h=s.y),this.bringWindowToFront(i),i.moveTo(l,h),this.initialOpen=!1}}closeWindow(e){const t=this.windowsById[e];t&&t.close()}makeDraggable(e){let t=0,s=0,i=0,o=0;const n=e.element;if(!n)return;const l=n.querySelector(".drag-zone")||n;function h(c){const d=`${t-(o-c.clientY)}px`,b=`${s-(i-c.clientX)}px`;n&&n.style&&(n.style.top=d,n.style.left=b)}n.classList.add("draggable"),n.addEventListener("click",()=>{this.bringWindowToFront(e)}),l.addEventListener("mousedown",c=>{c.preventDefault(),s=n.offsetLeft,t=n.offsetTop,i=c.clientX,o=c.clientY,this.bringWindowToFront(e),n.style.right="unset",n.style.bottom="unset",n.style.left=`${s}px`,n.style.top=`${t}px`,n.classList.add("dragging"),l.addEventListener("mousemove",h)}),n.addEventListener("mouseup",c=>{c.preventDefault(),l.removeEventListener("mousemove",h),n.classList.remove("dragging")}),n.addEventListener("mouseout",c=>{c.preventDefault(),l.removeEventListener("mousemove",h),n.classList.remove("dragging")})}}const q=200;let m,P,X=!1,R=-1,O=!1,Q;function ee(){return O}function Ve(){return Q}function Ze(){return O?document.querySelector("#search").value:null}function _e(){return X}function Je(){return R}function Ye(){X=!1,R=-1,m.setHoverSatellite(R)}function I(a){const e=document.querySelector("#search-results");e&&(a?e.style.display="block":e.style.display="none",O=a)}function Ke(){I(!ee())}function Xe(){I(!0)}function te(){I(!1);const a=m.getSatelliteGroups();a&&a.clearSelect()}function se(a,e){const t=document.querySelector("#search-results"),s=m.getSatelliteStore();if(!s)return;let i="";for(const o of a){if(o.satId===void 0)continue;const n=s.getSatellite(o.satId);if(!n){f.warn("satellite not found",o.satId);continue}i+=`
`,o.type!=="name"?i+=n.OBJECT_NAME:i+=` + ${n.OBJECT_NAME.substring(0,o.strIndex)} + + ${n.OBJECT_NAME.substring(o.strIndex,o.strIndex+e.length)} + + ${n.OBJECT_NAME.substring(o.strIndex+e.length)}`,i+='
',o.type==="intlDes"?i+=` + ${n.intlDes.substring(0,o.strIndex)} + + ${n.intlDes.substring(o.strIndex,o.strIndex+e.length)} + + ${n.intlDes.substring(o.strIndex+e.length)}`:o.type==="noradId"?i+=` + ${n.NORAD_CAT_ID.substring(0,o.strIndex)} + + ${n.NORAD_CAT_ID.substring(o.strIndex,o.strIndex+e.length)} + + ${n.NORAD_CAT_ID.substring(o.strIndex+e.length)}`:i+=n.intlDes,i+="
"}t.innerHTML=i,t.style.display="block",O=!0}function Qe(){const a=document.querySelector("#search-results");a&&(a.innerHTML="")}function W(a){var l,h,c;const e=m.getSatelliteStore();if(!e)return;const t=e.getSatData();if(m.setSelectedSatellite(-1),a.length===0){te();return}a=a.toUpperCase();const s=[];for(let d=0;dq&&(s.length=q);const i=[];for(const d of s)i.push(d.satId);const o=new Y("search-results","Search Results","idList",i,e);o.reload(),Q=o;const n=m.getSatelliteGroups();n&&(n.selectGroup(o),m.setSelectedSatelliteGroup(o)),se(s,a)}function et(){var e,t;const a=document.querySelector("#search-results");a&&(a.addEventListener("click",s=>{const o=s.target.dataset.satId;Ye(),m.setSelectedSatellite(o)}),(e=document.querySelector("#search"))==null||e.addEventListener("input",()=>{var i;const s=(i=document.querySelector("#search"))==null?void 0:i.value;W(s)}),(t=document.querySelector("#all-objects-link"))==null||t.addEventListener("click",()=>{const s=m.getSelectedSatellite();if(s){const o=s.intlDes.slice(0,8);W(o),document.querySelector("#search").value=o,P&&P.openWindow("search-window")}}))}function tt(a,e){m=a,P=e,et()}const y={init:tt,clearResults:Qe,getHoverSat:Je,isHovering:_e,showResults:Xe,hideResults:te,doSearch:W,getCurrentSearch:Ze,getLastResultGroup:Ve,fillResultBox:se,isResultBoxOpen:ee,setResultsVisible:I,toggleResultsVisible:Ke},st=[],S=new He,it=[];let F=!1,u;function rt(a){var t;let e=document.querySelector(".attribution");if(e||(e=document.createElement("div"),e.className="attribution",(t=document.querySelector("body"))==null||t.appendChild(e)),e)if(a){const s=u.getSatelliteStore();if(s&&s.getAttribution()){const i=s.getAttribution()||{},o=s.getUpdatedDate();e.innerHTML=`Orbital object data from ${i.name} (updated ${o})`}e.classList.remove("hidden")}else e.classList.add("hidden")}function ie(a){var e,t;a?(e=document.querySelector("body"))==null||e.classList.add("loading"):(t=document.querySelector("body"))==null||t.classList.remove("loading")}function ot(){const a=document.querySelector("#groups-display"),e=u.getSatelliteGroups();let t=[];e&&(t=e.asArray().sort((i,o)=>i.name.localeCompare(o.name)));let s="";for(let i=0;i${t[i].name} +`;a.innerHTML=s}function p(a,e){const t=document.querySelector(a);t&&(t.innerHTML=e)}function at(a){var e,t,s,i,o;a?((e=document.querySelector("#sat-infobox"))==null||e.classList.add("visible"),p("#sat-info-title",a.OBJECT_NAME),p("#sat-intl-des",a.intlDes),p("#sat-type",a.OBJECT_TYPE),p("#sat-apogee",`${(t=a.apogee)==null?void 0:t.toFixed(0)} km`),p("#sat-perigee",`${(s=a.perigee)==null?void 0:s.toFixed(0)} km`),p("#sat-inclination",`${(a.inclination*Ue).toFixed(2)}°`),p("#sat-period",`${(i=a.period)==null?void 0:i.toFixed(2)} min`)):(o=document.querySelector("#sat-infobox"))==null||o.classList.remove("visible")}function nt(a){const{satId:e,satX:t,satY:s,satellite:i}=a;if(!e||e===-1){p("#sat-hoverbox","(none)");let o=document.querySelector("#sat-hoverbox");o&&(o.style.display="none"),o=document.querySelector("#canvas"),o&&(o.style.cursor="default")}else{const o=document.querySelector("#sat-hoverbox");o&&(o.innerHTML=i.OBJECT_NAME,o.style.display="block",o.style.position="absolute",o.style.left=`${t+20}px`,o.style.top=`${s-10}px`);const n=document.querySelector("#canvas");n&&(n.style.cursor="pointer")}}function lt(){var e;(e=document.querySelector("#groups-display"))==null||e.addEventListener("mouseout",()=>{if(!F){const t=u.getSatelliteGroups();t&&(y.isResultBoxOpen()?t.selectGroup(y.getLastResultGroup()):t.clearSelect())}});const a=document.querySelectorAll("#groups-display>li");for(let t=0;t{const n=i.currentTarget.dataset.group,l=u.getSatelliteGroups();l&&l.selectGroup(l.getGroupById(n))}),s.addEventListener("mouseout",()=>{const i=u.getSatelliteGroups();if(i){const o=document.querySelector("#groups-display>li.selected");o?i.selectGroup(i.getGroupById(o.dataset.group)):i.selectGroup(void 0)}}),s.addEventListener("click",i=>{i.preventDefault();const o=i.currentTarget;F=!0;const n=document.querySelector("#groups-display>li.selected");let l;n&&(l=n.dataset.group);for(let b=0;b{s.preventDefault(),u.zoomIn()}),(t=document.querySelector("#zoom-out"))==null||t.addEventListener("click",s=>{s.preventDefault(),u.zoomOut()}),window.addEventListener("resize",()=>{it.forEach(s=>{window.visualViewport&&(s.offsetLeft+s.offsetWidth>window.visualViewport.width&&(s.style.right="unset",s.style.left=`${window.visualViewport.width-s.offsetWidth}px`),s.offsetTop+s.offsetHeight>window.visualViewport.height&&(s.style.bottom="unset",s.style.offsetTop=`${window.visualViewport.height-s.offsetHeight}px`))})}),ie(!1)}function ct(a){a.satId&&(p("#sat-altitude",`${a.altitude.toFixed(2)} km`),p("#sat-velocity",`${a.velocity.toFixed(2)} km/s`))}function H(){ht(),ot(),setTimeout(()=>lt(),0);const a=document.querySelector("#load-cover");a&&a.classList.add("hidden"),rt(!0)}function dt(){return st}function ut(){const a=document.querySelectorAll(".menu-item");for(let e=0;e{const s=t.dataset.action;if(s&&s.startsWith("open:")){const i=s.split(":");S.openWindow(i[1])}})}}function ft(){return y.getCurrentSearch()}function gt(a){var e;u=a,S.registerWindow("sat-infobox"),S.registerWindow("about-window"),S.registerWindow("help-window"),S.registerWindow("groups-window"),S.registerWindow("search-window"),(e=S.getWindow("search-window"))==null||e.addEventListener("close",()=>{var s;(s=u.getSatelliteGroups())==null||s.clearSelect(),u.setSelectedSatelliteGroup();const t=document.querySelectorAll("#groups-display>li");for(const i of t)i.classList.remove("selected")}),y.init(u,S),ut(),u.addEventListener(C.satMovementChange,ct),u.ready?H():u.addEventListener(C.satDataLoaded,H)}const pt={setLoading:ie,init:gt,getSupportedEvents:dt,getCurrentSearch:ft};async function mt(){const a=await z.get("config.json");let e=U;return a.data&&(e={...U,...a.data}),e}async function St(){const a=await mt();_(a.logLevel);const e=je(a);await e.init(),e.animate(),pt.init(e)}document.addEventListener("DOMContentLoaded",()=>{St().catch(a=>console.error(a))}); diff --git a/index.html b/index.html index a05080f..225730b 100644 --- a/index.html +++ b/index.html @@ -28,7 +28,7 @@ Stuff in Space - +