chore: update dependencies and configurations

- update python version to 3.12
- update node version to 20
- remove devcontainer.json
- fix content security policy to allow websocket connections
- fix mollweide projection to handle poles correctly
- fix a bug in the mollweide projection that caused the y-axis to be inverted
- refactor VirtualizedList to fix a type issue
- set RAW_ENDPOINT to ngrok URL

Author: oliveirara

.devcontainer/devcontainer.json

@@ -22,14 +22,14 @@ jobs:
         uses: actions/checkout@v4
 
       - name: Setup Python
-        uses: actions/setup-python@v4
+        uses: actions/setup-python@v5
         with:
-          python-version: '3.11'
+          python-version: '3.12'
 
       - name: Setup Node.js
         uses: actions/setup-node@v4
         with:
-          node-version: '18'
+          node-version: '20'
           cache: 'npm'
           cache-dependency-path: 'dashboard/package-lock.json'
 

.github/workflows/deploy.yml

@@ -5,9 +5,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="description" content="LaStBeRu Explorer - Interactive dashboard for astronomical data exploration" />
     <meta name="author" content="CosmoObs" />
-    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' data: blob: https: http:; style-src 'self' 'unsafe-inline'; script-src 'self'; connect-src 'self' https: http:; object-src 'none';" />
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' data: blob: https: http:; style-src 'self' 'unsafe-inline'; script-src 'self'; connect-src 'self' https: http: ws: wss:; worker-src 'self' blob:; object-src 'none';" />
     <title>The LaStBeRu Explorer</title>
-    <link rel="icon" type="image/png" href="/telescope.png" />
+    <link rel="icon" type="image/png" href="telescope.png" />
     <style>
       body { 
         background: radial-gradient(circle at 20% 20%, #13242d 0%, #091015 60%, #060b0f 100%); 

dashboard/index.html

@@ -31,7 +31,8 @@ export const loadCutouts = async (): Promise<CutoutRecord[]> => {
 //  - If VITE_MINIO_ENDPOINT includes scheme (http:// or https://) we use it verbatim.
 //  - Else we prepend scheme from VITE_MINIO_SCHEME (default 'https').
 //  - This allows using plain HTTP during local dev / tunnels without mixed content surprises.
-const RAW_ENDPOINT: string | undefined = (import.meta as { env?: Record<string, string> }).env?.VITE_MINIO_ENDPOINT;
+// const RAW_ENDPOINT: string | undefined = (import.meta as { env?: Record<string, string> }).env?.VITE_MINIO_ENDPOINT;
+const RAW_ENDPOINT: string | undefined = "nonarithmetically-undeliberating-janelle.ngrok-free.app";
 const ENDPOINT_SCHEME: string = ((import.meta as { env?: Record<string, string> }).env?.VITE_MINIO_SCHEME || 'https').replace(/:$/,'');
 export const buildCutoutUrl = (objectKey: string): string => {
   const cleaned = objectKey.trim().replace(/^\/+/, '');

dashboard/src/api.ts

@@ -27,13 +27,19 @@ const deg2rad = (d:number)=> d * Math.PI / 180;
 
 // Solve for theta in Mollweide projection: 2θ + sin 2θ = π sin φ
 function solveTheta(phi: number){
-  let theta = phi; // initial guess
-  for(let i=0;i<10;i++){
-    const f = 2*theta + Math.sin(2*theta) - Math.PI * Math.sin(phi);
-    const fp = 2 + 2*Math.cos(2*theta);
+  // Handle poles explicitly to avoid 0/0 in Newton step
+  const HALF_PI = Math.PI / 2;
+  if (Math.abs(Math.abs(phi) - HALF_PI) < 1e-12) {
+    return Math.sign(phi) * HALF_PI;
+  }
+  let theta = Math.max(-HALF_PI, Math.min(HALF_PI, phi)); // clamp initial guess
+  for (let i = 0; i < 12; i++) {
+    const f = 2 * theta + Math.sin(2 * theta) - Math.PI * Math.sin(phi);
+    const fp = 2 + 2 * Math.cos(2 * theta); // 4·cos²θ
+    if (Math.abs(fp) < 1e-12) break; // avoid blow-ups near poles
     const delta = f / fp;
     theta -= delta;
-    if(Math.abs(delta) < 1e-7) break;
+    if (Math.abs(delta) < 1e-10) break;
   }
   return theta;
 }
@@ -160,7 +166,7 @@ export const SkyMap: React.FC<Props> = memo(({ objects, height=360, width=600, o
         const lat = deg2rad(latDeg);
         const theta = solveTheta(lat);
         const x = (2*Math.SQRT2/Math.PI) * lon * Math.cos(theta);
-        const y = Math.SQRT2 * Math.sin(theta);
+        const y = -Math.SQRT2 * Math.sin(theta)
         seg.push([x,y,latDeg===-90?1:0]);
       }
       worldLine(seg,'rgba(255,255,255,0.08)');

dashboard/src/components/SkyMap.tsx

@@ -8,7 +8,7 @@ interface VirtualizedListProps<T = unknown> {
   overscan?: number;
 }
 
-export const VirtualizedList = memo(<T,>({
+const VirtualizedListInner = <T,>({
   items,
   renderItem,
   itemHeight,
@@ -79,4 +79,6 @@ export const VirtualizedList = memo(<T,>({
       </div>
     </div>
   );
-});
+};
+
+export const VirtualizedList = memo(VirtualizedListInner) as typeof VirtualizedListInner;

dashboard/src/components/VirtualizedList.tsx

@@ -2,8 +2,6 @@
 
 interface ImportMetaEnv {
   readonly VITE_MINIO_ENDPOINT: string;
-  readonly VITE_MINIO_ACCESS_KEY: string;
-  readonly VITE_MINIO_SECRET_KEY: string;
   readonly VITE_MINIO_BUCKET: string;
 }