diff --git a/assets/index-332f4bf4.js b/assets/index-8021eb0c.js similarity index 63% rename from assets/index-332f4bf4.js rename to assets/index-8021eb0c.js index 5224489..eb2aac5 100644 --- a/assets/index-332f4bf4.js +++ b/assets/index-8021eb0c.js @@ -1,4 +1,4 @@ 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 C,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 f,c as Z,d as ce,e as ue,O as ge,f as fe,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 C(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 C(h,n),g=1.019;d.scale.set(g,g,g),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),g=new D(d,32,32);this.sphere=new C(g,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(){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*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 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 C(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(G,"deg2RadMult",Math.PI/180);let O=G;class Ce{init(e){const t=new w().load("textures/example_render.jpg");e.background=t}update(){}}function Ge(){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 f(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 Ge,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 f(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 f(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 A=class A 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(A.earthRadiusInKm+t)/this.pxToRadius}};o(A,"earthRadiusInKm",6371);let k=A;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 We={baseUrl:"/StuffInSpace"};class Be{constructor(e={}){o(this,"tleUrl",`${We.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)),(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 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 Be(this.config),this.satelliteGroups=new Re(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 O),await this.registerSceneComponent("universe",new Ce),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&&(l=d.x+42,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 g=`${t-(a-d.clientY)}px`,b=`${s-(i-d.clientX)}px`;n&&n.style&&(n.style.top=g,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 q=200;let m,P,X=!1,R=-1,T=!1,Q;function ee(){return T}function Ve(){return Q}function Ze(){return T?document.querySelector("#search").value:null}function Je(){return X}function _e(){return R}function Ye(){X=!1,R=-1,m.setHoverSatellite(R)}function M(r){const e=document.querySelector("#search-results");e&&(r?e.style.display="block":e.style.display="none",T=r)}function Ke(){M(!ee())}function Xe(){M(!0)}function te(){M(!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",T=!0}function Qe(){const r=document.querySelector("#search-results");r&&(r.innerHTML="")}function W(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;hq&&(s.length=q);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;W(s)}),(t=document.querySelector("#all-objects-link"))==null||t.addEventListener("click",()=>{const s=m.getSelectedSatellite();if(s){const a=s.intlDes.slice(0,8);W(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:W,getCurrentSearch:Ze,getLastResultGroup:Ve,fillResultBox:se,isResultBoxOpen:ee,setResultsVisible:M,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} +`),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 C(h,n),g=1.019;d.scale.set(g,g,g),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),g=new D(d,32,32);this.sphere=new C(g,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(){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*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 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 C(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(G,"deg2RadMult",Math.PI/180);let O=G;class Ce{init(e){const t=new w().load("textures/example_render.jpg");e.background=t}update(){}}function Ge(){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 f(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 Ge,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 f(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 f(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 A=class A 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(A.earthRadiusInKm+t)/this.pxToRadius}};o(A,"earthRadiusInKm",6371);let k=A;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 We={baseUrl:"/StuffInSpace"};class Be{constructor(e={}){o(this,"tleUrl",`${We.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)),(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 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 Be(this.config),this.satelliteGroups=new Re(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 O),await this.registerSceneComponent("universe",new Ce),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&&(l=d.x+42,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 g=`${t-(a-d.clientY)}px`,b=`${s-(i-d.clientX)}px`;n&&n.style&&(n.style.top=g,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 q=200;let m,P,X=!1,R=-1,T=!1,Q;function ee(){return T}function Ve(){return Q}function Ze(){return T?document.querySelector("#search").value:null}function Je(){return X}function _e(){return R}function Ye(){X=!1,R=-1,m.setHoverSatellite(R)}function M(r){const e=document.querySelector("#search-results");e&&(r?e.style.display="block":e.style.display="none",T=r)}function Ke(){M(!ee())}function Xe(){M(!0)}function te(){M(!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",T=!0}function Qe(){const r=document.querySelector("#search-results");r&&(r.innerHTML="")}function W(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;hq&&(s.length=q);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;W(s)}),(t=document.querySelector("#all-objects-link"))==null||t.addEventListener("click",()=>{const s=m.getSelectedSatellite();if(s){const a=s.intlDes.slice(0,8);W(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:W,getCurrentSearch:Ze,getLastResultGroup:Ve,fillResultBox:se,isResultBoxOpen:ee,setResultsVisible:M,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*Fe).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(){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 ht(r){r.satId&&(p("#sat-altitude",`${r.altitude.toFixed(2)} km`),p("#sat-velocity",`${r.velocity.toFixed(2)} km/s`))}function N(){lt(),ot(),setTimeout(()=>nt(),0);const r=document.querySelector("#load-cover");r&&r.classList.add("hidden"),rt(!0)}function dt(){return st}function ct(){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 ut(){return y.getCurrentSearch()}function gt(r){c=r,S.registerWindow("sat-infobox"),S.registerWindow("about-window"),S.registerWindow("help-window"),S.registerWindow("groups-window"),S.registerWindow("search-window"),y.init(c,S),ct(),c.addEventListener(I.satMovementChange,ht),c.ready?N():c.addEventListener(I.satDataLoaded,N)}const ft={setLoading:ie,init:gt,getSupportedEvents:dt,getCurrentSearch:ut};async function pt(){const r=await z.get("config.json");let e=F;return r.data&&(e={...F,...r.data}),e}async function mt(){const r=await pt();J(r.logLevel);const e=je(r);await e.init(),e.animate(),ft.init(e)}document.addEventListener("DOMContentLoaded",()=>{mt().catch(r=>console.error(r))}); diff --git a/index.html b/index.html index 0f2a91a..890c09f 100644 --- a/index.html +++ b/index.html @@ -28,7 +28,7 @@ Stuff in Space - +