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