v3.3.2

Add zenodo DOI

.github/workflows/api_doc.yml

@@ -4,8 +4,10 @@ name: Deploy static content to Pages
 on:
   # Runs on pushes targeting the default branch
   push:
-    branches: ["develop"]
-
+    tags:
+      - '*'
+    branches:
+      - develop
   # Allows you to run this workflow manually from the Actions tab
   workflow_dispatch:
 

.github/workflows/codemeta_validator.yml

@@ -0,0 +1,16 @@
+name: test_codemeta
+
+on:
+  release:
+  workflow_dispatch:
+  pull_request:
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    container:
+      image: gitlab-registry.in2p3.fr/escape2020/wp3/eossr:v1.0
+    steps:
+      - uses: actions/checkout@v3
+      - name: validate codemeta
+        run: eossr-metadata-validator codemeta.json

.github/workflows/npm-publish.yml

@@ -6,6 +6,9 @@ name: Publish to NPM
 on:
   release:
     types: [created]
+  push:
+    tags:
+      - '*'
   workflow_dispatch:
 
 jobs:

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelogs
 
+## 3.3.2
+
+* [fixed] do not allow to query the properties several times for an imageHiPS
+* [fixed] Detecting raytracing rendering mode. Adapt the rendering mode in function of the fov value and the projection used. Some projections do have more distortions with wide FoVs so it is better to use the raytracing rendering mode when fov >= smaller FoV threshold.
+
 ## 3.3.0
 
 * [fixed] multiple calls to setImageSurvey with the same survey object led to strange behaviour.

codemeta.json

@@ -0,0 +1,83 @@
+{
+    "@context": "https://doi.org/10.5063/schema/codemeta-2.0",
+    "@type": "SoftwareSourceCode",
+    "license": "https://spdx.org/licenses/GPL-3.0",
+    "codeRepository": "https://github.com/cds-astro/aladin-lite",
+    "dateCreated": "2013-05-01",
+    "datePublished": "2013-05-01",
+    "dateModified": "2023-01-31",
+    "issueTracker": "https://github.com/cds-astro/aladin-lite/issues",
+    "name": "Aladin Lite",
+    "version": "3.3.2",
+    "softwareVersion": "3.3.2",
+    "description": "An astronomical HiPS visualizer in the browser.",
+    "identifier": "10.5281/zenodo.7638833",
+    "applicationCategory": "Astronomy, Visualization",
+    "funding": "ESCAPE 824064",
+    "referencePublication": "http://aspbooks.org/publications/532/007.pdf",
+    "readme": "https://aladin.cds.unistra.fr/AladinLite/doc/",
+    "releaseNotes": "https://aladin.cds.unistra.fr/AladinLite/doc/#release-notes",
+    "funder": {
+        "@type": "Organization",
+        "name": "European Commission Framework Programme Horizon 2020 Research and Innovation action"
+    },
+    "keywords": [
+        "IVOA",
+        "Astronomy"
+    ],
+    "programmingLanguage": [
+        "Rust",
+        "Javascript"
+    ],
+    "relatedLink": [
+        "https://aladin.cds.unistra.fr/"
+    ],
+    "author": [
+        {
+            "@type": "Person",
+            "@id": "https://orcid.org/0000-0002-7123-773X",
+            "givenName": "Matthieu",
+            "familyName": "Baumann",
+            "email": "matthieu.baumann@unistra.fr",
+            "affiliation": {
+                "@type": "Organization",
+                "name": "Universit\u00e9 de Strasbourg, CNRS, Observatoire astronomique de Strasbourg, UMR 7550, F-67000 Strasbourg, France"
+            }
+        },
+        {
+            "@type": "Person",
+            "@id": "https://orcid.org/0000-0001-5818-2781",
+            "givenName": "Thomas",
+            "familyName": "Boch",
+            "email": "thomas.boch@astro.unistra.fr",
+            "affiliation": {
+                "@type": "Organization",
+                "name": "Universit\u00e9 de Strasbourg, CNRS, Observatoire astronomique de Strasbourg, UMR 7550, F-67000 Strasbourg, France"
+            }
+        }
+    ],
+    "maintainer": [
+        {
+            "@type": "Person",
+            "@id": "https://orcid.org/0000-0002-7123-773X",
+            "givenName": "Matthieu",
+            "familyName": "Baumann",
+            "email": "matthieu.baumann@unistra.fr",
+            "affiliation": {
+                "@type": "Organization",
+                "name": "Universit\u00e9 de Strasbourg, CNRS, Observatoire astronomique de Strasbourg, UMR 7550, F-67000 Strasbourg, France"
+            }
+        },
+        {
+            "@type": "Person",
+            "@id": "https://orcid.org/0000-0001-5818-2781",
+            "givenName": "Thomas",
+            "familyName": "Boch",
+            "email": "thomas.boch@astro.unistra.fr",
+            "affiliation": {
+                "@type": "Organization",
+                "name": "Universit\u00e9 de Strasbourg, CNRS, Observatoire astronomique de Strasbourg, UMR 7550, F-67000 Strasbourg, France"
+            }
+        }
+    ]
+}

examples/al-distortion.html

@@ -25,8 +25,7 @@
         aladin.setBaseImageLayer("P/PanSTARRS/DR1/g", {imgFormat: "fits"});
         aladin.getBaseImageLayer().setColormap('redtemperature', {stretch: "Asinh"});*/
 
-        aladin = A.aladin('#aladin-lite-div', {survey: 'CDS/P/SDSS9/color', fov: 60, target: '0 90', fullScreen: true, cooFrame: 'equatorial', showCooGridControl: true, showSimbadPointerControl: true, showCooGrid: true});
-        aladin.setProjection('SIN');
+        aladin = A.aladin('#aladin-lite-div', {survey: 'CDS/P/SDSS9/color', fov: 150, target: '0 90', fullScreen: true, cooFrame: 'equatorial', showCooGridControl: true, showSimbadPointerControl: true, showCooGrid: true});
 
         //let survey = aladin.createImageSurvey("P/PanSTARRS/DR1/g", null, null, null, null, );
         /*aladin.setBaseImageLayer("P/PanSTARRS/DR1/g");

examples/al-easy-access-simbad-ned.html

@@ -22,10 +22,8 @@
         samp: true,
       });
 
-      A.catalogFromSimbad('09 55 52.4 +69 40 47', 0.1, {onClick: 'showTable', limit: 1000}, (cat) => {
-        aladin.addCatalog(cat)
-      });
-      aladin.addCatalog(A.catalogFromNED('09 55 52.4 +69 40 47', 0.1, {onClick: 'showPopup', shape: 'plus'}));
+      aladin.addCatalog(A.catalogFromSimbad('M 82', 0.1, {onClick: 'showTable'}));
+    aladin.addCatalog(A.catalogFromNED('09 55 52.4 +69 40 47', 0.1, {onClick: 'showPopup', shape: 'plus'}));
   });
 </script>
 

examples/al-image-hips.html

@@ -1,34 +1,35 @@
-
 <!doctype html>
 <html>
 <head>
+    <meta name="viewport" content="width=device-width, height=device-height, maximum-scale=1.0, initial-scale=1.0, user-scalable=no">
 </head>
 <body>
-<div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
+<div id="aladin-lite-div" style="width: 500px; height: 500px"></div>
 
 <script type="module">
     import A from '../src/js/A.js';
-
+    var aladin;
     A.init.then(() => {
-        // Start up Aladin Lite
-        let aladin = A.aladin('#aladin-lite-div', {target: 'Sgr a*', fov: 0.5, showContextMenu: true});
+        aladin = A.aladin('#aladin-lite-div', {fullScreen: true, cooFrame: "ICRSd", showSimbadPointerControl: true, showShareControl: true, showShareControl: true, survey: 'https://alasky.cds.unistra.fr/DSS/DSSColor/', fov: 180, showContextMenu: true});
+        // manage URL parameters
         let survey1 = aladin.getBaseImageLayer();
         survey1.setColormap('magma', {stretch: 'linear'});
-        
-        let survey2 = aladin.newImageSurvey("CDS/P/2MASS6X/H");
+
+        let survey2 = aladin.newImageSurvey("CSIRO/P/RACS/mid/I");
         aladin.setImageLayer(survey2)
-        survey2.setColormap('rdbu', {stretch: 'asinh'});
-        
-        let survey3 = aladin.newImageSurvey("https://alasky.cds.unistra.fr/CFHTLS-T0007b/Deep/UALLSKY/");
+        survey2.setColormap('rdbu', {stretch: 'linear'});
+
+        let survey3 = aladin.newImageSurvey("CSIRO/P/RACS/low/I");
+        aladin.setImageLayer(survey3)
+        survey3.setColormap('cubehelix', {stretch: 'asinh'});
+        aladin.setImageLayer(survey3)
         aladin.setImageLayer(survey3)
-        survey3.setColormap('cubehelix', {stretch: 'linear'});
 
         aladin.setImageLayer(survey2);
-        aladin.setImageLayer(survey3);
-        aladin.setImageLayer(survey3);
 
-        //aladin.setOverlayImageLayer(survey2);
+        aladin.setImageLayer(survey3)
+        aladin.setImageLayer(survey2);
+
+
     });
 </script>
-</body>
-</html>

examples/al-init-custom-options.html

@@ -24,6 +24,7 @@
                 gridOptions: {color: 'pink'},
                 showCooGrid: true, // set the grid
                 fullScreen: true,
+                showStatusBar: false,
                 showShareControl: true,
                 showSettingsControl: true,
                 showLayersControl: true,

examples/al-simbad-filter.html

@@ -0,0 +1,45 @@
+<!doctype html>
+<html>
+<head>
+</head>
+<body>
+
+<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
+
+<div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
+
+Show sources with proper motion greater than:
+<input id='slider' style='vertical-align:middle;width:60vw;' step='1' min='0' max='10' type='range' value='0'>
+<span id='pmVal'  >0 mas/yr</span><br><br><div id='aladin-lite-div' style='width: 500px;height: 500px;'></div>
+
+<script type="module">
+    import A from '../src/js/A.js';
+    let aladin;
+    A.init.then(() => {
+        var colorThreshold = 0;
+var slider = document.getElementById('slider');
+slider.oninput = function() {
+    colorThreshold = this.value;
+    $('#colorVal').html(colorThreshold);
+    cat.reportChange();
+}
+var myFilterFunction = function(source) {
+    const magB  = parseFloat(source.data['B']);
+    const magV  = parseFloat(source.data['V']);
+    if (isNaN(magB) || isNaN(magV) ) {
+        return false;
+    }
+    const color = magB - magV;
+    return color>colorThreshold;
+}
+
+aladin = A.aladin('#aladin-lite-div', {target: 'M 81', fov: 0.5, survey: 'CDS/P/SDSS9/color'});
+var cat = A.catalogFromSimbad('M 81', 0.25, {onClick: 'showTable', verbosity: 3, filter: myFilterFunction});
+aladin.addCatalog(cat);
+    });
+</script>
+
+</body>
+</html>
+
+

package.json

@@ -2,7 +2,7 @@
   "homepage": "https://aladin.u-strasbg.fr/",
   "name": "aladin-lite",
   "type": "module",
-  "version": "3.3.0",
+  "version": "3.3.2",
   "description": "An astronomical HiPS visualizer in the browser",
   "author": "Thomas Boch and Matthieu Baumann",
   "license": "GPL-3",
@@ -33,7 +33,7 @@
   ],
   "scripts": {
     "wasm": "wasm-pack build ./src/core --target web --release --out-name core -- --features webgl2 -Z build-std=panic_abort,std -Z build-std-features=panic_immediate_abort ",
-    "predeploy": "npm run build && rm -rf aladin-lite.tgz && npm pack",
+    "predeploy": "npm run build && rm -rf aladin-lite*.tgz && npm pack",
     "deploy": "python3 deploy/deploy.py",
     "build": "npm run wasm && vite build && cp examples/index.html dist/index.html",
     "dev": "npm run build && vite",

src/core/Cargo.toml

@@ -3,7 +3,7 @@ name = "aladin-lite"
 description = "Aladin Lite v3 introduces a new graphical engine written in Rust with the use of WebGL"
 license = "BSD-3-Clause"
 repository = "https://github.com/cds-astro/aladin-lite"
-version = "3.3.0"
+version = "3.3.2"
 authors = [ "baumannmatthieu0@gmail.com", "matthieu.baumann@astro.unistra.fr",]
 edition = "2018"
 

src/core/src/app.rs

@@ -270,6 +270,8 @@ impl App {
         // Move the views of the different active surveys
         self.tile_fetcher.clear();
         // Loop over the surveys
+        let raytracer = self.layers.get_raytracer();
+
         for survey in self.layers.values_mut_hips() {
             if self.camera.get_texture_depth() == 0
                 && self
@@ -290,7 +292,8 @@ impl App {
             let root_url = survey.get_config().get_root_url().to_string();
             let format = survey.get_config().get_format();
 
-            if let Some(tiles_iter) = survey.look_for_new_tiles(&mut self.camera) {
+            if let Some(tiles_iter) = survey.look_for_new_tiles(&mut self.camera, &self.projection)
+            {
                 for tile_cell in tiles_iter.into_iter() {
                     self.tile_fetcher.append(
                         query::Tile::new(&tile_cell, creator_did.clone(), root_url.clone(), format),

src/core/src/camera/view_hpx_cells.rs

@@ -10,6 +10,7 @@ use crate::HEALPixCoverage;
 use std::ops::Range;
 
 use al_api::cell::HEALPixCellProjeted;
+use al_core::log::console_log;
 
 pub fn project(
     cell: HEALPixCellProjeted,

src/core/src/camera/viewport.rs

@@ -9,6 +9,7 @@ pub enum UserAction {
 use super::{fov::FieldOfView, view_hpx_cells::ViewHpxCells};
 use crate::healpix::cell::HEALPixCell;
 use crate::healpix::coverage::HEALPixCoverage;
+use crate::math::angle::ToAngle;
 use crate::math::{projection::coo_space::XYZWModel, projection::domain::sdf::ProjDef};
 use al_core::{info, inforec, log};
 
@@ -210,12 +211,31 @@ impl CameraViewPort {
 
     pub fn get_hpx_cells<'a>(
         &'a mut self,
-        depth: u8,
+        mut depth: u8,
         frame: CooSystem,
     ) -> impl Iterator<Item = &'a HEALPixCell> {
         self.view_hpx_cells.get_cells(depth, frame)
     }
 
+    pub fn is_raytracing(&self, proj: &ProjectionType) -> bool {
+        // Check whether the tile depth is 0 for square projection
+        // definition domains i.e. Mercator
+        if self.is_allsky() {
+            return true;
+        }
+
+        // check the projection
+        match proj {
+            ProjectionType::Tan(_) => self.aperture >= 100.0_f64.to_radians().to_angle(),
+            ProjectionType::Mer(_) => self.aperture >= 200.0_f64.to_radians().to_angle(),
+            ProjectionType::Stg(_) => self.aperture >= 200.0_f64.to_radians().to_angle(),
+            ProjectionType::Sin(_) => false,
+            ProjectionType::Ait(_) => false,
+            ProjectionType::Mol(_) => false,
+            ProjectionType::Zea(_) => false,
+        }
+    }
+
     fn recompute_scissor(&self) {
         // Clear all the screen before updating the scissor
         //self.gl.scissor(0, 0, self.width as i32, self.height as i32);

src/core/src/renderable/hips/mod.rs

@@ -529,9 +529,10 @@ impl HiPS {
     pub fn look_for_new_tiles<'a>(
         &'a mut self,
         camera: &'a mut CameraViewPort,
+        proj: &ProjectionType,
     ) -> Option<impl Iterator<Item = HEALPixCell> + 'a> {
         // do not add tiles if the view is already at depth 0
-        let depth_tile = (camera.get_texture_depth() + self.get_config().delta_depth())
+        let mut depth_tile = (camera.get_texture_depth() + self.get_config().delta_depth())
             .min(self.get_config().get_max_depth_tile())
             .max(self.get_config().get_min_depth_tile());
         let dd = self.get_config().delta_depth();
@@ -550,6 +551,12 @@ impl HiPS {
         //let depth_tile = depth_tile.max(min_bound_depth);
         let survey_frame = self.get_config().get_frame();
         let mut already_considered_tiles = HashSet::new();
+
+        // raytracer is rendering and the shader only renders HPX texture cells of depth 0
+        if camera.is_raytracing(proj) {
+            depth_tile = 0;
+        }
+
         let tile_cells_iter = camera
             .get_hpx_cells(depth_tile, survey_frame)
             //.flat_map(move |cell| {
@@ -601,13 +608,8 @@ impl HiPS {
         self.textures.contains_tile(cell)
     }
 
-    pub fn update(
-        &mut self,
-        raytracer: &RayTracer,
-        camera: &mut CameraViewPort,
-        projection: &ProjectionType,
-    ) {
-        let raytracing = raytracer.is_rendering(camera);
+    pub fn update(&mut self, camera: &mut CameraViewPort, projection: &ProjectionType) {
+        let raytracing = camera.is_raytracing(projection);
 
         let vertices_recomputation_needed =
             !raytracing && (self.textures.reset_available_tiles() | camera.has_moved());
@@ -1011,6 +1013,7 @@ impl HiPS {
         camera: &CameraViewPort,
         raytracer: &RayTracer,
         cfg: &ImageMetadata,
+        proj: &ProjectionType,
     ) -> Result<(), JsValue> {
         // Get the coo system transformation matrix
         let selected_frame = camera.get_coo_system();
@@ -1022,7 +1025,7 @@ impl HiPS {
         let w2v = c * (*camera.get_w2m());
         let v2w = w2v.transpose();
 
-        let raytracing = raytracer.is_rendering(camera);
+        let raytracing = camera.is_raytracing(proj);
         let config = self.get_config();
 
         self.gl.enable(WebGl2RenderingContext::BLEND);

src/core/src/renderable/hips/raytracing.rs

@@ -239,11 +239,4 @@ impl RayTracer {
                 0,
             )
     }
-
-    pub fn is_rendering(&self, camera: &CameraViewPort) -> bool {
-        // Check whether the tile depth is 0 for square projection
-        // definition domains i.e. Mercator
-        let depth = camera.get_texture_depth();
-        camera.is_allsky() || depth == 0
-    }
 }

src/core/src/renderable/mod.rs

@@ -214,6 +214,10 @@ impl Layers {
         self.background_color = color;
     }
 
+    pub fn get_raytracer(&self) -> &RayTracer {
+        &self.raytracer
+    }
+
     pub fn draw(
         &mut self,
         camera: &mut CameraViewPort,
@@ -222,7 +226,7 @@ impl Layers {
         projection: &ProjectionType,
     ) -> Result<(), JsValue> {
         let raytracer = &self.raytracer;
-        let raytracing = raytracer.is_rendering(camera);
+        let raytracing = camera.is_raytracing(projection);
 
         // Check whether a survey to plot is allsky
         // if neither are, we draw a font
@@ -292,10 +296,10 @@ impl Layers {
                 // 1. Update the survey if necessary
                 let id = self.ids.get(layer).expect("Url should be found");
                 if let Some(survey) = self.surveys.get_mut(id) {
-                    survey.update(&self.raytracer, camera, projection);
+                    survey.update(camera, projection);
 
                     // 2. Draw it if its opacity is not null
-                    survey.draw(shaders, colormaps, camera, raytracer, draw_opt)?;
+                    survey.draw(shaders, colormaps, camera, raytracer, draw_opt, projection)?;
                 } else if let Some(image) = self.images.get_mut(id) {
                     image.update(camera, projection)?;
 

src/css/aladin.css

@@ -1,8 +1,5 @@
-body { overscroll-behavior: contain; }
-
 .aladin-container {
 	position: relative;
-    height: 100%;
 	border: 0px solid #ddd;
     /* SVG inside divs add a 4px height: https://stackoverflow.com/questions/75751593/why-there-is-additional-4px-height-for-div-when-there-is-svg-inside-it */
 
@@ -15,7 +12,7 @@ body { overscroll-behavior: contain; }
 }
 
 .aladin-imageCanvas {
-	position: relative;
+	position: absolute;
 	left: 0;
 	top: 0;
 }
@@ -115,6 +112,7 @@ body { overscroll-behavior: contain; }
 
 .aladin-measurement-div.aladin-dark-theme table thead {
     background-color: #000;
+    color: white;
 }
 
 .aladin-measurement-div table td.aladin-href-td-container a:hover {
@@ -412,6 +410,9 @@ canvas {
 .aladin-measurement-div.aladin-dark-theme {
     background-color: rgba(0, 0, 0, 0.5);
     border: 1px solid white;
+}
+
+.aladin-measurement-div.aladin-dark-theme table {
     color: white;
 }
 
@@ -1120,7 +1121,7 @@ canvas {
 .aladin-location {
     position: absolute;
     top: 0.2rem;
-    left: 7.15rem;
+    left: 6.9rem;
     font-family: monospace;
 
     color: white;
@@ -1168,6 +1169,9 @@ canvas {
     max-width: calc(100% - 0.4rem);
     line-height: 1rem;
 }
+.aladin-measurement-div.aladin-dark-theme {
+    color: white;
+}
 
 .aladin-share-control {
     position: absolute;

src/js/A.js

@@ -44,6 +44,7 @@ import { Aladin } from "./Aladin.js";
 import { ActionButton } from "./gui/Widgets/ActionButton.js";
 import { Box } from "./gui/Widgets/Box.js";
 import { AladinUtils } from "./AladinUtils.js";
+import { Sesame } from "./Sesame.js";
 
 // Wasm top level import
 import init, * as module from './../core/pkg';
@@ -502,9 +503,9 @@ A.catalogFromURL = function (url, options, successCallback, errorCallback, usePr
  * @param {number} target.dec - Declination in degrees of the cone's center
  * @param {number} radius - Radius of the cone in degrees
  * @param {Object|CatalogOptions} [options] - Additional configuration options for SIMBAD cone search. See the {@link https://simbad.cds.unistra.fr/cone/help/#/ConeSearch/get_ SIMBAD cone search} parameters.
- * @param {Object} [options.limit] - The max number of sources to return
- * @param {Object} [options.orderBy] - Order the result by specific
- *
+ * @param {number} [options.limit] - The max number of sources to return
+ * @param {string} [options.orderBy='nb_ref'] - Order the result by specific ref number
+ * @param {number} [options.verbosity=2] - Verbosity, put 3 if you want all the column
  * @param {function} [successCallback] - The callback function to execute on successful catalog creation.
  * @param {function} [errorCallback] - The callback function to execute on error during catalog creation.
  * @returns {Catalog} A new instance of the Catalog class created from the SIMBAD cone search.
@@ -519,8 +520,8 @@ A.catalogFromSimbad = function (target, radius, options, successCallback, errorC
     if (!('name' in options)) {
         options['name'] = 'Simbad';
     }
-
-    return new Promise((resolve, reject) => {
+    let cat = A.catalog(options);
+    new Promise((resolve, reject) => {
         let coo;
         if (target && (typeof target  === "object")) {
             if ('ra' in target && 'dec' in target) {
@@ -556,8 +557,45 @@ A.catalogFromSimbad = function (target, radius, options, successCallback, errorC
         }
     }).then((coo) => {
         const url = URLBuilder.buildSimbadCSURL(coo.lon, coo.lat, radius, options)
-        return A.catalogFromURL(url, options, successCallback, errorCallback, false);
+        const processVOTable = function (table) {
+            let {sources, footprints, fields, type} = table;
+            cat.setFields(fields);
+
+            if (cat.type === 'ObsCore') {
+                // The fields corresponds to obscore ones
+                // Set the name of the catalog to be ObsCore:<catalog name>
+                cat.name = "ObsCore:" + url;
+            }
+
+            cat.addFootprints(footprints)
+            cat.addSources(sources);
+
+            if (successCallback) {
+                successCallback(cat);
+            }
+
+            if (sources.length === 0) {
+                console.warn(cat.name + ' has no sources!')
+            }
+
+            // Even if the votable is not a proper ObsCore one, try to see if specific columns are given
+            // e.g. access_format and access_url
+            //ObsCore.handleActions(catalog);
+        };
+
+        
+        Catalog.parseVOTable(
+            url,
+            processVOTable,
+            errorCallback,
+            cat.maxNbSources,
+            false,
+            cat.raField, cat.decField
+        );
+
     })
+
+    return cat;
 };
 
 /**

src/js/Aladin.js

@@ -618,6 +618,8 @@ export let Aladin = (function () {
         this.view.setZoom(FoV);
     };
 
+    Aladin.prototype.setFov =  Aladin.prototype.setFoV;
+
     // @API
     // (experimental) try to adjust the FoV to the given object name. Does nothing if object is not known from Simbad
     Aladin.prototype.adjustFovForObject = function (objectName) {
@@ -2055,7 +2057,8 @@ export let Aladin = (function () {
  * @param {Function} successCallback - The callback function to be executed on a successful display.
  *      The callback gives the ra, dec, and fov of the image;
  * @param {Function} errorCallback - The callback function to be executed if an error occurs during display.
- * 
+ * @param {string} [layer="base"] - The name of the layer. If not specified, it will be replace the base layer.
+* 
  * @example
  * aladin.displayJPG(
  *  // the JPG to transform to HiPS
@@ -2097,6 +2100,7 @@ export let Aladin = (function () {
  * @param {Function} successCallback - The callback function to be executed on a successful display.
  *      The callback gives the ra, dec, and fov of the image;
  * @param {Function} errorCallback - The callback function to be executed if an error occurs during display.
+ * @param {string} [layer="overlay"] - The name of the layer. If not specified, it will add a new overlay layer on top of the base. 
  * 
  * @example
  * aladin.displayJPG(
@@ -2111,7 +2115,7 @@ export let Aladin = (function () {
  *   })
  *);
  */
-    Aladin.prototype.displayJPG = function (url, options, successCallback, errorCallback) {
+    Aladin.prototype.displayJPG = function (url, options, successCallback, errorCallback, layer = "overlay") {
         options = options || {};
         options.color = true;
         options.label = options.label || "JPG/PNG image";
@@ -2161,7 +2165,7 @@ export let Aladin = (function () {
                 var meta = response.data.meta;
 
                 const survey = self.createImageSurvey(response.data.url, label, response.data.url);
-                self.setOverlayImageLayer(survey, "overlay");
+                self.setOverlayImageLayer(survey, layer);
 
                 var transparency = (options && options.transparency) || 1.0;
                 survey.setOpacity(transparency);

src/js/ImageFITS.js

@@ -209,8 +209,6 @@ export let ImageFITS = (function () {
 
             return self;
         }).catch((e) => {
-            window.alert(e + ". See the javascript console for more logging details.")
-
             if (self.errorCallback) {
                 self.errorCallback()
             }

src/js/ImageSurvey.js

@@ -174,6 +174,13 @@ export let ImageSurvey = (function () {
     ImageSurvey.prototype.setView = function(view) {
         let self = this;
 
+        // do not allow to call setView multiple times otherwise
+        // the querying to the properties and the search to the best
+        // HiPS node will be done again for the same imageHiPS
+        if (self.view) {
+            return;
+        }
+
         self.view = view;
 
         let isMOCServerToBeQueried = true;

src/js/URLBuilder.js

@@ -40,6 +40,10 @@ export let URLBuilder = (function() {
                 url += '&MAXREC=' + options.limit;
             }
 
+            if (options && options.verbosity) {
+                url += '&VERB=' + options.verbosity;
+            }
+
             const orderBy = options && options.orderBy || 'nb_ref';
             url += '&ORDER_BY=' + orderBy;
 

src/js/View.js

@@ -234,8 +234,9 @@ export let View = (function () {
 
         let doit;
         this.resizeObserver = new ResizeObserver(() => {
-            clearTimeout(doit);
-            doit = setTimeout(resizeLayout, 100);
+            //clearTimeout(doit);
+            //doit = setTimeout(resizeLayout, 100);
+            resizeLayout();
         });
 
         self.resizeObserver.observe(this.aladinDiv)
@@ -350,9 +351,9 @@ export let View = (function () {
         this.aladinDiv.style.setProperty('line-height', 0);
         Utils.cssScale = undefined;
 
-        var computedWidth = parseFloat(window.getComputedStyle(this.aladinDiv).width) || 1.0;
-        var computedHeight = parseFloat(window.getComputedStyle(this.aladinDiv).height) || 1.0;
-
+        var computedWidth = Math.floor(parseFloat(this.aladinDiv.getBoundingClientRect().width)) || 1.0;
+        var computedHeight = Math.floor(parseFloat(this.aladinDiv.getBoundingClientRect().height)) || 1.0;
+        
         this.width = Math.max(computedWidth, 1);
         this.height = Math.max(computedHeight, 1); // this prevents many problems when div size is equal to 0
 
@@ -375,14 +376,11 @@ export let View = (function () {
         this.gridCtx.canvas.width = this.width;
         this.gridCtx.canvas.height = this.height;
 
-
         this.imageCtx = this.imageCanvas.getContext("webgl2");
         this.imageCtx.canvas.style.width = this.width + "px";
         this.imageCtx.canvas.style.height = this.height + "px";
-
         this.wasm.resize(this.width, this.height);
 
-
         pixelateCanvasContext(this.imageCtx, this.aladin.options.pixelateCanvas);
 
         // change logo

src/js/gui/Box/CatalogQueryBox.js

@@ -43,6 +43,7 @@ import { CtxMenuActionButtonOpener } from "../Button/CtxMenuOpener.js";
             .then((catalogs) => {
                 catalogs.forEach((cat) => {
                     CatalogQueryBox.catalogs[cat.obs_title] = cat;
+                    CatalogQueryBox.catalogs[cat.ID] = cat;
                 });
 
                 inputText.update({autocomplete: {options: Object.keys(CatalogQueryBox.catalogs)}})

src/js/gui/Box/ServiceQueryBox.js

@@ -85,10 +85,6 @@ export class ServiceQueryBox extends Box {
                     .catch((e) => {
                         window.alert(e)
                     })
-                    .finally(() => {
-                        // set cursor back to the normal mode
-                        //loadingBtn.remove();
-                    })
             },
             subInputs: []
         });