From 1d70973005280c69cc2717bedb93dc103f4644fb Mon Sep 17 00:00:00 2001 From: ajmas Date: Mon, 8 Jan 2024 22:28:39 +0000 Subject: [PATCH] deploy: a5017574f7757708e9b2bcc470630cba9aedff6f --- appinfo.json | 6 +++--- assets/{index-RkkUHyHQ.js => index-cPiHME61.js} | 8 ++++---- index.html | 10 +++++++++- styles/style.css | 11 +++++++++++ 4 files changed, 27 insertions(+), 8 deletions(-) rename assets/{index-RkkUHyHQ.js => index-cPiHME61.js} (69%) diff --git a/appinfo.json b/appinfo.json index 62b0bb9..c0918be 100644 --- a/appinfo.json +++ b/appinfo.json @@ -1,7 +1,7 @@ { - "buildDate": "2024-01-08T21:39:09Z", + "buildDate": "2024-01-08T22:28:01Z", "version": "", - "gitHash": "9f6152a1383d7b778d82faa5ac384b9c0f107f1c", - "gitBranch": "master" + "gitHash": "a5017574f7757708e9b2bcc470630cba9aedff6f", + "gitBranch": "master", "mode": "cmd" } diff --git a/assets/index-RkkUHyHQ.js b/assets/index-cPiHME61.js similarity index 69% rename from assets/index-RkkUHyHQ.js rename to assets/index-cPiHME61.js index 3d01b78..e9368de 100644 --- a/assets/index-RkkUHyHQ.js +++ b/assets/index-cPiHME61.js @@ -1,6 +1,6 @@ -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 o=(a,e,t)=>(oe(a,typeof e!="symbol"?e+"":e,t),t);import{T as W,S as D,M as z,a as E,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 _,d as de,e as ue,O as fe,f as ge,L as pe,g as me,h as Se,i as j,j as we,k as ye,W as be,l as ve,R as xe,V as Le,m as De}from"./vendor-tzzAqV-x.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 r of i)if(r.type==="childList")for(const n of r.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&s(n)}).observe(document,{childList:!0,subtree:!0});function t(i){const r={};return i.integrity&&(r.integrity=i.integrity),i.referrerPolicy&&(r.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?r.credentials="include":i.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function s(i){if(i.ep)return;i.ep=!0;const r=t(i);fetch(i.href,r)}})();class Ee{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")}async loadTexture(e){const t=new W;return new Promise((s,i)=>{t.load(e,r=>s(r),void 0,r=>i(r))})}async initClouds(e,t){const s=await this.loadTexture(`${this.basePath}/Earth_Cloud.jpg`),i=e.km2pixels(this.radiusInKm+.02),r=new D(i,32,32),n=new z({map:s,opacity:.3,transparent:!0}),l=new E(r,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(` +var re=Object.defineProperty;var oe=(o,e,t)=>e in o?re(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var a=(o,e,t)=>(oe(o,typeof e!="symbol"?e+"":e,t),t);import{T as W,S as D,M as z,a as E,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 p,c as _,d as de,e as ue,O as fe,f as ge,L as pe,g as me,h as Se,i as j,j as we,k as ye,W as be,l as ve,R as xe,V as Le,m as De}from"./vendor-tzzAqV-x.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 r of i)if(r.type==="childList")for(const n of r.addedNodes)n.tagName==="LINK"&&n.rel==="modulepreload"&&s(n)}).observe(document,{childList:!0,subtree:!0});function t(i){const r={};return i.integrity&&(r.integrity=i.integrity),i.referrerPolicy&&(r.referrerPolicy=i.referrerPolicy),i.crossOrigin==="use-credentials"?r.credentials="include":i.crossOrigin==="anonymous"?r.credentials="omit":r.credentials="same-origin",r}function s(i){if(i.ep)return;i.ep=!0;const r=t(i);fetch(i.href,r)}})();class Ee{constructor(){a(this,"baseUrl","");a(this,"basePath","/StuffInSpace/images");a(this,"radiusInKm",6371);a(this,"pxToRadius",3185.5);a(this,"addAtmosphere",!1);a(this,"addClouds",!0);a(this,"sphere");a(this,"group")}async loadTexture(e){const t=new W;return new Promise((s,i)=>{t.load(e,r=>s(r),void 0,r=>i(r))})}async initClouds(e,t){const s=await this.loadTexture(`${this.basePath}/Earth_Cloud.jpg`),i=e.km2pixels(this.radiusInKm+.02),r=new D(i,32,32),n=new z({map:s,opacity:.3,transparent:!0}),l=new E(r,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(` -`),r=ae.clone({}),n=new V({uniforms:r,vertexShader:s,fragmentShader:i,side:ne,blending:le,transparent:!0}),l=e.km2pixels(this.radiusInKm+.1),h=new D(l,32,32),c=new E(h,n),d=1.019;c.scale.set(d,d,d),t.add(c)}async init(e,t){t.config&&(this.baseUrl=t.config.baseUrl),this.group=new $;const s=`${this.baseUrl}images`,i=await this.loadTexture(`${s}/earth-blue-marble.jpg`),r=await this.loadTexture(`${s}/nightearth-4096.png`),n=await this.loadTexture(`${s}/8081_earthbump4k.jpg`),l=await this.loadTexture(`${s}/earth-water.png`),h=new z({map:i,bumpMap:n,emissiveMap:r,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 E(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 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 $,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 E(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 I=A;class Te{init(e,t){const s=t.config.baseUrl,i=new W().load(`${s}textures/example_render.jpg`);e.background=i}update(){}}function Ae(a){return new Worker("/StuffInSpace/assets/SatCruncherWorker-BkJiidUT.js",{name:a==null?void 0:a.name})}const Ce="debug",v=["error","warn","info","debug"];let y={},x=new Proxy({logLevel:Ce,enabledOutputs:{},error:y.error,warn:y.warn,info:y.info,debug:y.debug,setLogLevel:J},{});function L(a,e,t,...s){a.enabledOutputs[e]&&t(e.toUpperCase(),...s)}function J(a){const e=v.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 Z{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(){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,r;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={}){u.info("Kicking off sat-cruncher-worker"),this.worker=new Ae,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(a){return new Worker("/StuffInSpace/assets/OrbitCalculationWorker-_Yyn1p1l.js",{name:a==null?void 0:a.name})}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 B(t[0],t[1],t[2])}addOrbitTrack(e,t){const s=this.getTrackColor(e),i=new pe({color:s,linewidth:10}),r=new _;r.setAttribute("position",new g(t,3));const n=new me(r,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 C=class C 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(C.earthRadiusInKm+t)/this.pxToRadius}};o(C,"earthRadiusInKm",6371);let M=C;class Y{constructor(e,t,s,i,r){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=r,!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 t=this.satelliteStore.search({["OBJECT_TYPE"]: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){o(this,"groups",{});o(this,"selectedGroup");o(this,"sats",[]);o(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={}){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 j.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=`${r}-${n}`}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&&tr[i]===e[i]);return s}searchName(e){const t=[];for(let s=0;s0){r.sort((h,c)=>h.object.type==="Line"&&c.object.type==="Points"?1:h.object.type==="Points"&&c.object.type==="Line"?-1:0);let l=r.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,r;s&&s.length>0&&(i=s[0],r=(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",r)}onMouseMove(){this.mouseMoved=!0}onMouseDown(){this.mouseMoved=!1,this.controls&&(this.controls.autoRotate=!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,r;s&&s.length>0&&(i=s[0],r=(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",r),this.mouseMoved=!0}async init(){var e;try{this.scene=new M,this.camera=new ye(45,window.innerWidth/window.innerHeight,.1,1e3),this.camera.position.z=15,this.camera.zoom=1,this.renderer=new be({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),u.debug(`Using WebGL 2: ${this.renderer.capabilities.isWebGL2}`),this.controls=new ve(this.camera,this.renderer.domElement),this.controls.rotateSpeed=.33,this.controls.enablePan=!1,this.controls.enableZoom=!0,this.controls.enableDamping=!0,this.controls.dampingFactor=.05,this.controls.zoomSpeed=3,this.controls.maxZoom=10,this.controls.minZoom=3,this.controls.autoRotate=!0,this.controls.autoRotateSpeed=.5,this.controls.maxDistance=50,this.controls.minDistance=3,this.controls.update(),this.raycaster=new xe,this.satelliteStore=new $e(this.config),this.satelliteGroups=new Re(this.config.satelliteGroups,this.satelliteStore),this.shaderStore=new Be(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 Ee,await this.registerSceneComponent("earth",this.earth),await this.registerSceneComponent("sun",new I),await this.registerSceneComponent("universe",new Te),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.updateProjectionMatrix(),window.addEventListener("resize",this.onWindowResize.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));for(const e of this.sceneComponents)e.update(this.scene);this.controls&&this.controls.update(),this.renderer&&this.renderer.render(this.scene,this.camera)}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 qe{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],r=this.getTopWindow();let n=!1;if(i){let{x:l,y:h}=i.getLocation();if(r||(l=s.x,h=s.y,this.initialOpen=!1),n=i.firstOpen,n&&r){const c=r.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,r=0;const n=e.element;if(!n)return;const l=n.querySelector(".drag-zone")||n;function h(c){const d=`${t-(r-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,r=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 F=200;let m,k,X=!1,P=-1,G=!1,Q;function ee(){return G}function Ve(){return Q}function _e(){return G?document.querySelector("#search").value:null}function Je(){return X}function Ze(){return P}function Ye(){X=!1,P=-1,m.setHoverSatellite(P)}function O(a){const e=document.querySelector("#search-results");e&&(a?e.style.display="block":e.style.display="none",G=a)}function Ke(){O(!ee())}function Xe(){O(!0)}function te(){O(!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 r of a){if(r.satId===void 0)continue;const n=s.getSatellite(r.satId);if(!n){u.warn("satellite not found",r.satId);continue}i+=`
`,r.type!=="name"?i+=n.OBJECT_NAME:i+=` +`),r=ae.clone({}),n=new V({uniforms:r,vertexShader:s,fragmentShader:i,side:ne,blending:le,transparent:!0}),l=e.km2pixels(this.radiusInKm+.1),h=new D(l,32,32),c=new E(h,n),d=1.019;c.scale.set(d,d,d),t.add(c)}async init(e,t){t.config&&(this.baseUrl=t.config.baseUrl),this.group=new $;const s=`${this.baseUrl}images`,i=await this.loadTexture(`${s}/earth-blue-marble.jpg`),r=await this.loadTexture(`${s}/nightearth-4096.png`),n=await this.loadTexture(`${s}/8081_earthbump4k.jpg`),l=await this.loadTexture(`${s}/earth-water.png`),h=new z({map:i,bumpMap:n,emissiveMap:r,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 E(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 A=class A{constructor(){a(this,"fastTime",!1);a(this,"showGeometry",!1);a(this,"lightSouce");a(this,"lightSourceGeometery");a(this,"hour",0);a(this,"objectGroup");a(this,"scene");a(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 $,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 E(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}};a(A,"deg2RadMult",Math.PI/180);let I=A;class Te{init(e,t){const s=t.config.baseUrl,i=new W().load(`${s}textures/example_render.jpg`);e.background=i}update(){}}function Ae(o){return new Worker("/StuffInSpace/assets/SatCruncherWorker-BkJiidUT.js",{name:o==null?void 0:o.name})}const Ge="debug",v=["error","warn","info","debug"];let y={},x=new Proxy({logLevel:Ge,enabledOutputs:{},error:y.error,warn:y.warn,info:y.info,debug:y.debug,setLogLevel:Z},{});function L(o,e,t,...s){o.enabledOutputs[e]&&t(e.toUpperCase(),...s)}function Z(o){const e=v.indexOf(o.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(){a(this,"baseUrl","");a(this,"worker");a(this,"currentColorScheme",new U);a(this,"numSats",1);a(this,"maxSize",0);a(this,"satPos",new Float32Array);a(this,"satVel",new Float32Array);a(this,"satAlt",new Float32Array);a(this,"satelliteColors",[]);a(this,"cruncherReady",!1);a(this,"scene");a(this,"particles");a(this,"geometry");a(this,"satelliteStore");a(this,"shaderStore");a(this,"selectedSatelliteIndexes",[]);a(this,"satelliteGroup");a(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 p(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,r;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={}){u.info("Kicking off sat-cruncher-worker"),this.worker=new Ae,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(o){return new Worker("/StuffInSpace/assets/OrbitCalculationWorker-_Yyn1p1l.js",{name:o==null?void 0:o.name})}class Pe{constructor(){a(this,"config",{});a(this,"segmentCount",255);a(this,"orbitWorker");a(this,"selectedSatellites",[]);a(this,"hoverSatelliteIdx",-1);a(this,"satelliteGroups");a(this,"satelliteGroup");a(this,"inProgress",[]);a(this,"scene");a(this,"selectColor",[0,1,0,1]);a(this,"hoverColor",[1,.92,.23,1]);a(this,"groupColor",[.3,.5,1,.4]);a(this,"orbitTracks",[]);a(this,"satelliteStore");a(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 B(t[0],t[1],t[2])}addOrbitTrack(e,t){const s=this.getTrackColor(e),i=new pe({color:s,linewidth:10}),r=new _;r.setAttribute("position",new p(t,3));const n=new me(r,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 p(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 G=class G extends Se{constructor(){super();a(this,"pxToRadius",3185.5)}setPixels2Radius(t){this.pxToRadius=t}getPixels2Radius(){return this.pxToRadius}km2pixels(t){return t/this.pxToRadius}alitudeToPixels(t){return(G.earthRadiusInKm+t)/this.pxToRadius}};a(G,"earthRadiusInKm",6371);let M=G;class Y{constructor(e,t,s,i,r){a(this,"sats",[]);a(this,"id");a(this,"name");a(this,"groupType");a(this,"data");a(this,"satelliteStore");if(this.id=e,this.name=t,this.groupType=s,this.data=i,this.satelliteStore=r,!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 t=this.satelliteStore.search({["OBJECT_TYPE"]: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){a(this,"groups",{});a(this,"selectedGroup");a(this,"sats",[]);a(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={}){a(this,"tleUrl",`${We.baseUrl}/data/attributed-TLE.json`);a(this,"eventManager");a(this,"satData",[]);a(this,"attribution");a(this,"updateDate");a(this,"satelliteVelocities",new Float32Array);a(this,"satellitePositions",new Float32Array);a(this,"satelliteAltitudes",new Float32Array);a(this,"gotExtraData",!1);a(this,"gotPositionalData",!1);a(this,"loaded",!1);this.eventManager=new K,e.tleUrl&&(this.tleUrl=e.tleUrl)}async loadSatelliteData(){try{const e=await j.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=`${r}-${n}`}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&&tr[i]===e[i]);return s}searchName(e){const t=[];for(let s=0;s0){r.sort((h,c)=>h.object.type==="Line"&&c.object.type==="Points"?1:h.object.type==="Points"&&c.object.type==="Line"?-1:0);let l=r.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,r;s&&s.length>0&&(i=s[0],r=(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",r)}onMouseMove(){this.mouseMoved=!0}onMouseDown(){this.mouseMoved=!1,this.controls&&(this.controls.autoRotate=!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,r;s&&s.length>0&&(i=s[0],r=(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",r),this.mouseMoved=!0}async init(){var e;try{this.scene=new M,this.camera=new ye(45,window.innerWidth/window.innerHeight,.1,1e3),this.camera.position.z=15,this.camera.zoom=1,this.renderer=new be({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),u.debug(`Using WebGL 2: ${this.renderer.capabilities.isWebGL2}`),this.controls=new ve(this.camera,this.renderer.domElement),this.controls.rotateSpeed=.33,this.controls.enablePan=!1,this.controls.enableZoom=!0,this.controls.enableDamping=!0,this.controls.dampingFactor=.05,this.controls.zoomSpeed=3,this.controls.maxZoom=10,this.controls.minZoom=3,this.controls.autoRotate=!0,this.controls.autoRotateSpeed=.5,this.controls.maxDistance=50,this.controls.minDistance=3,this.controls.update(),this.raycaster=new xe,this.satelliteStore=new $e(this.config),this.satelliteGroups=new Re(this.config.satelliteGroups,this.satelliteStore),this.shaderStore=new Be(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 Ee,await this.registerSceneComponent("earth",this.earth),await this.registerSceneComponent("sun",new I),await this.registerSceneComponent("universe",new Te),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.updateProjectionMatrix(),window.addEventListener("resize",this.onWindowResize.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));for(const e of this.sceneComponents)e.update(this.scene);this.controls&&this.controls.update(),this.renderer&&this.renderer.render(this.scene,this.camera)}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 Ye=100;class Ke{constructor(){a(this,"windows",[]);a(this,"windowsById",{});a(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],r=this.getTopWindow();let n=!1;if(i){let{x:l,y:h}=i.getLocation();if(r||(l=s.x,h=s.y,this.initialOpen=!1),n=i.firstOpen,n&&r){const c=r.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,r=0;const n=e.element;if(!n)return;const l=n.querySelector(".drag-zone")||n;function h(c){const d=`${t-(r-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,r=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 H=200;let m,k,X=!1,P=-1,C=!1,Q;function ee(){return C}function Xe(){return Q}function Qe(){return C?document.querySelector("#search").value:null}function et(){return X}function tt(){return P}function st(){X=!1,P=-1,m.setHoverSatellite(P)}function O(o){const e=document.querySelector("#search-results");e&&(o?e.style.display="block":e.style.display="none",C=o)}function it(){O(!ee())}function rt(){O(!0)}function te(){O(!1);const o=m.getSatelliteGroups();o&&o.clearSelect()}function se(o,e){const t=document.querySelector("#search-results"),s=m.getSatelliteStore();if(!s)return;let i="";for(const r of o){if(r.satId===void 0)continue;const n=s.getSatellite(r.satId);if(!n){u.warn("satellite not found",r.satId);continue}i+=`
`,r.type!=="name"?i+=n.OBJECT_NAME:i+=` ${n.OBJECT_NAME.substring(0,r.strIndex)} ${n.OBJECT_NAME.substring(r.strIndex,r.strIndex+e.length)} @@ -15,5 +15,5 @@ var re=Object.defineProperty;var oe=(a,e,t)=>e in a?re(a,e,{enumerable:!0,config ${n.NORAD_CAT_ID.substring(r.strIndex,r.strIndex+e.length)} - ${n.NORAD_CAT_ID.substring(r.strIndex+e.length)}`:i+=n.intlDes,i+="
"}t.innerHTML=i,t.style.display="block",G=!0}function Qe(){const a=document.querySelector("#search-results");a&&(a.innerHTML="")}function R(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;dF&&(s.length=F);const i=[];for(const d of s)i.push(d.satId);const r=new Y("search-results","Search Results","idList",i,e);r.reload(),Q=r;const n=m.getSatelliteGroups();n&&(n.selectGroup(r),m.setSelectedSatelliteGroup(r)),se(s,a)}function et(){var e,t;const a=document.querySelector("#search-results");a&&(a.addEventListener("click",s=>{let i=s.target;if(i.className!=="search-result"&&(i=i.closest(".search-result")),!i)return;const r=i==null?void 0:i.dataset.satId;Ye(),m.setSelectedSatellite(parseInt(r))}),(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 r=s.intlDes.slice(0,8);R(r),document.querySelector("#search").value=r,k&&k.openWindow("search-window")}}))}function tt(a,e){m=a,k=e,et()}const w={init:tt,clearResults:Qe,getHoverSat:Ze,isHovering:Je,showResults:Xe,hideResults:te,doSearch:R,getCurrentSearch:_e,getLastResultGroup:Ve,fillResultBox:se,isResultBoxOpen:ee,setResultsVisible:O,toggleResultsVisible:Ke},st=[],S=new qe,it=[];let H=!1,f;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=f.getSatelliteStore();if(s&&s.getAttribution()){const i=s.getAttribution()||{},r=s.getUpdatedDate();e.innerHTML=`Orbital object data from ${i.name} (updated ${r})`}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=f.getSatelliteGroups();let t=[];e&&(t=e.asArray().sort((i,r)=>i.name.localeCompare(r.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,r;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*Ne).toFixed(2)}°`),p("#sat-period",`${(i=a.period)==null?void 0:i.toFixed(2)} min`)):(r=document.querySelector("#sat-infobox"))==null||r.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 r=document.querySelector("#sat-hoverbox");r&&(r.style.display="none"),r=document.querySelector("#canvas"),r&&(r.style.cursor="default")}else{const r=document.querySelector("#sat-hoverbox");r&&(r.innerHTML=i.OBJECT_NAME,r.style.display="block",r.style.position="absolute",r.style.left=`${t+20}px`,r.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=f.getSatelliteGroups();t&&(w.isResultBoxOpen()?t.selectGroup(w.getLastResultGroup()):t.clearSelect())}});const a=document.querySelectorAll("#groups-display>li");for(let t=0;t{const n=i.currentTarget.dataset.group,l=f.getSatelliteGroups();l&&l.selectGroup(l.getGroupById(n))}),s.addEventListener("mouseout",()=>{const i=f.getSatelliteGroups();if(i){const r=document.querySelector("#groups-display>li.selected");r?i.selectGroup(i.getGroupById(r.dataset.group)):i.selectGroup(void 0)}}),s.addEventListener("click",i=>{i.preventDefault();const r=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(),f.zoomIn()}),(t=document.querySelector("#zoom-out"))==null||t.addEventListener("click",s=>{s.preventDefault(),f.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 q(){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 w.getCurrentSearch()}function gt(a){f=a,S.registerWindow("sat-infobox"),S.registerWindow("about-window"),S.registerWindow("help-window"),S.registerWindow("groups-window"),S.registerWindow("search-window"),w.init(f,S),ut(),f.addEventListener(T.satMovementChange,ct),f.ready?q():f.addEventListener(T.satDataLoaded,q)}const pt={setLoading:ie,init:gt,getSupportedEvents:dt,getCurrentSearch:ft};async function mt(){const e=await j.get("./config.json");let t=N;return e.data&&(t={...N,...e.data}),u.info(`.... ${t.baseUrl}`),t}async function St(){const a=await mt();J(a.logLevel);const e=ze(a);await e.init(),e.animate(),pt.init(e)}document.addEventListener("DOMContentLoaded",()=>{St().catch(a=>console.error(a))}); + ${n.NORAD_CAT_ID.substring(r.strIndex+e.length)}`:i+=n.intlDes,i+=""}t.innerHTML=i,t.style.display="block",C=!0}function ot(){const o=document.querySelector("#search-results");o&&(o.innerHTML="")}function R(o){var l,h,c;const e=m.getSatelliteStore();if(!e)return;const t=e.getSatData();if(m.setSelectedSatellite(-1),o.length===0){te();return}o=o.toUpperCase();const s=[];for(let d=0;dH&&(s.length=H);const i=[];for(const d of s)i.push(d.satId);const r=new Y("search-results","Search Results","idList",i,e);r.reload(),Q=r;const n=m.getSatelliteGroups();n&&(n.selectGroup(r),m.setSelectedSatelliteGroup(r)),se(s,o)}function at(){var e,t;const o=document.querySelector("#search-results");o&&(o.addEventListener("click",s=>{let i=s.target;if(i.className!=="search-result"&&(i=i.closest(".search-result")),!i)return;const r=i==null?void 0:i.dataset.satId;st(),m.setSelectedSatellite(parseInt(r))}),(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 r=s.intlDes.slice(0,8);R(r),document.querySelector("#search").value=r,k&&k.openWindow("search-window")}}))}function nt(o,e){m=o,k=e,at()}const w={init:nt,clearResults:ot,getHoverSat:tt,isHovering:et,showResults:rt,hideResults:te,doSearch:R,getCurrentSearch:Qe,getLastResultGroup:Xe,fillResultBox:se,isResultBoxOpen:ee,setResultsVisible:O,toggleResultsVisible:it},lt=[],S=new Ke,ht=[];let F=!1,f;function ct(o){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(o){const s=f.getSatelliteStore();if(s&&s.getAttribution()){const i=s.getAttribution()||{},r=s.getUpdatedDate();e.innerHTML=`Orbital object data from ${i.name} (updated ${r})`}e.classList.remove("hidden")}else e.classList.add("hidden")}function ie(o){var e,t;o?(e=document.querySelector("body"))==null||e.classList.add("loading"):(t=document.querySelector("body"))==null||t.classList.remove("loading")}function dt(){const o=document.querySelector("#groups-display"),e=f.getSatelliteGroups();let t=[];e&&(t=e.asArray().sort((i,r)=>i.name.localeCompare(r.name)));let s="";for(let i=0;i${t[i].name} +`;o.innerHTML=s}function g(o,e){const t=document.querySelector(o);t&&(t.innerHTML=e)}function ut(o){var e,t,s,i,r;o?((e=document.querySelector("#sat-infobox"))==null||e.classList.add("visible"),g("#sat-info-title",o.OBJECT_NAME),g("#sat-intl-des",o.intlDes),g("#sat-type",o.OBJECT_TYPE),g("#sat-apogee",`${(t=o.apogee)==null?void 0:t.toFixed(0)} km`),g("#sat-perigee",`${(s=o.perigee)==null?void 0:s.toFixed(0)} km`),g("#sat-inclination",`${(o.inclination*Ze).toFixed(2)}°`),g("#sat-period",`${(i=o.period)==null?void 0:i.toFixed(2)} min`)):(r=document.querySelector("#sat-infobox"))==null||r.classList.remove("visible")}function ft(o){const{satId:e,satX:t,satY:s,satellite:i}=o||{};if(!e||e===-1){g("#sat-hoverbox","(none)");let r=document.querySelector("#sat-hoverbox");r&&(r.style.display="none"),r=document.querySelector("#canvas"),r&&(r.style.cursor="default")}else{const r=document.querySelector("#sat-hoverbox");r&&(r.innerHTML=i.OBJECT_NAME,r.style.display="block",r.style.position="absolute",r.style.left=`${t+20}px`,r.style.top=`${s-10}px`);const n=document.querySelector("#canvas");n&&(n.style.cursor="pointer")}}function gt(){var e;(e=document.querySelector("#groups-display"))==null||e.addEventListener("mouseout",()=>{if(!F){const t=f.getSatelliteGroups();t&&(w.isResultBoxOpen()?t.selectGroup(w.getLastResultGroup()):t.clearSelect())}});const o=document.querySelectorAll("#groups-display>li");for(let t=0;t{const n=i.currentTarget.dataset.group,l=f.getSatelliteGroups();l&&l.selectGroup(l.getGroupById(n))}),s.addEventListener("mouseout",()=>{const i=f.getSatelliteGroups();if(i){const r=document.querySelector("#groups-display>li.selected");r?i.selectGroup(i.getGroupById(r.dataset.group)):i.selectGroup(void 0)}}),s.addEventListener("click",i=>{i.preventDefault();const r=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(),f.zoomIn()}),(t=document.querySelector("#zoom-out"))==null||t.addEventListener("click",s=>{s.preventDefault(),f.zoomOut()}),window.addEventListener("resize",()=>{ht.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 mt(o){o.satId&&(g("#sat-altitude",`${o.altitude.toFixed(2)} km`),g("#sat-velocity",`${o.velocity.toFixed(2)} km/s`))}function q(){pt(),dt(),setTimeout(()=>gt(),0);const o=document.querySelector("#load-cover");o&&o.classList.add("hidden"),ct(!0)}function St(){return lt}function wt(){const o=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 yt(){return w.getCurrentSearch()}function bt(o,e={}){f=o,S.registerWindow("sat-infobox"),S.registerWindow("about-window"),S.registerWindow("help-window"),S.registerWindow("groups-window"),S.registerWindow("search-window"),w.init(f,S),wt(),f.addEventListener(T.satMovementChange,mt),f.ready?q():f.addEventListener(T.satDataLoaded,q),console.log("xoooo",e),g(".app-version",e.appInfo.version),g(".build-date",e.appInfo.buildDate),g(".release-date",e.appInfo.buildDate)}const vt={setLoading:ie,init:bt,getSupportedEvents:St,getCurrentSearch:yt};async function xt(){const e=await j.get("./config.json");let t=N;return e.data&&(t={...N,...e.data,appInfo:_e}),u.info(`.... ${t.baseUrl}`),t}async function Lt(){const o=await xt();Z(o.logLevel);const e=ze(o);await e.init(),e.animate(),vt.init(e,o)}document.addEventListener("DOMContentLoaded",()=>{Lt().catch(o=>console.error(o))}); diff --git a/index.html b/index.html index e43d366..fcaa3be 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,7 @@ Stuff in Space - + @@ -170,6 +170,11 @@
+

+ version: n/a
+ build date: n/a +

+

Stuff in Space is a realtime 3D map of objects in Earth orbit, visualized using WebGL.

The website updates daily with orbit data from Space-Track.org @@ -189,6 +194,9 @@

+
+ Build date:   +
diff --git a/styles/style.css b/styles/style.css index 64a0cda..486ae3b 100644 --- a/styles/style.css +++ b/styles/style.css @@ -558,4 +558,15 @@ canvas { -webkit-filter: none; background: black; } +} + +.app-info { + font-size: 12px; +} + +.release-date-holder { + position: absolute; + bottom: 13px; + right: 13px; + font-size: 12px; } \ No newline at end of file