make the HiPS browser more robust and implement a very proto interface for querying the HiPS on the fly generation from cube service: https://alasky.cds.unistra.fr/onthefly-cube-hips/

.github/workflows/api_doc.yml

@@ -43,7 +43,7 @@ jobs:
         uses: actions/upload-pages-artifact@v3
         with:
           # Upload entire repository
-          path: './docs'
+          path: './doc'
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4

.github/workflows/test.yml

@@ -33,6 +33,7 @@ jobs:
       - name: "Build Aladin Lite"
         run: |
           npm run build
-      - name: "Run the rust tests"
+      - name: "Run some tests"
         run: |
           npm run test:build
+          npm run test:unit

CHANGELOG.md

@@ -1,38 +1,5 @@
 # Changelogs
 
-## [Unreleased]
-
-* [feat] Add support for name removing in `removeOverlay` method
-* [test] Add support of playwright. Instructions in the readme for running the test matching snapshots [PR #176]
-* [fixed] Order of overlays in the stack now matches the addMOC/addCatalog/addOverlay calls ordering
-* [doc] Expose the API of Coo class
-
-## 3.5.0-beta
-
-* [enhancement] add `options.colnames` to A.catalogFromVizieR to tell VizieR we want absolutely want to retrieve specific columns 
-* [feat] provide a new drawAxes option to A.ellipse. This is useful for plotting error ellipsis.
-
-## 3.4.5-beta
-
-* [feat] add `layerChanged` event when a layer is added or removed
-* [deprecate] of `select` event, use `objectsSelected` event instead
-* [ui] add the ability to switch the tile format to download
-
-## 3.4.3-beta
-
-* [bugfix] zoom control buttons
-* [feat] save a MOC as a JSON file from the UI <https://github.com/cds-astro/aladin-lite/issues/154>
-* [feat] save a source selection from the measurement table as a CSV file
-* [feat] allow to display jpeg/jpg images with a wcs passed as a JS dictionary: <https://github.com/cds-astro/aladin-lite/issues/173>
-
-## 3.4.2-beta
-
-* [impr] Improve smartphone support by setting media queries + a better logic for deploying the contextual menu sub options.
-* [impr] Improve `WCS` view export with 3rd euler rotation encoding: <https://github.com/cds-astro/aladin-lite/issues/170>. Still some cases are to be handled like: crval on the equator or cylindrical with a galactic frame rotation.
-* [fixed] Change `RADECSYS` to `RADESYS` for `Aladin#getViewWCS` to follow fits standard deprecation
-* [feat] Add new method `Aladin#getViewImageBuffer` to get the current view as a PNG buffer
-* [feat] New line rasterizer using GL instancing. This enhances the rendering speed of MOCs.
-
 ## 3.3.3
 
 * [feat] UI: add HiPS basic filter that filters the `hipsList` given
@@ -386,4 +353,4 @@ New in the API:
 ### Fin 2013
 
 * ajout catalogue progressif
-* ajout on select, objectClicked, objectHovered
+* ajout on select, objectClicked, objectHovered

README.md

@@ -9,7 +9,6 @@ See [A&A 578, A114 (2015)](https://arxiv.org/abs/1505.02291) and [IVOA HiPS Reco
 Aladin Lite is built to be easily embeddable in any web page. It powers astronomical portals like [ESASky](https://sky.esa.int/), [ESO Science Archive portal](http://archive.eso.org/scienceportal/) and [ALMA Portal](https://almascience.eso.org/asax/).
 
 More details on [Aladin Lite documentation page](http://aladin.u-strasbg.fr/AladinLite/doc/).
-A new [API technical documentation](https://cds-astro.github.io/aladin-lite/) is now available.
 
 [![Run tests](https://github.com/cds-astro/aladin-lite/actions/workflows/test.yml/badge.svg)](https://github.com/cds-astro/aladin-lite/actions/workflows/test.yml)
 [![API Documentation](https://img.shields.io/badge/docs-latest-blue.svg)](https://cds-astro.github.io/aladin-lite)
@@ -195,15 +194,3 @@ and run the tests:
 cd src/core
 cargo test --features webgl2
 ```
-
-For running the playwright test locally please first install playwright like so:
-
-```bash
-npx playwright install
-```
-
-After that you will be able to run them. These are generated snapshots that will be compared to ground truth snapshots:
-
-```bash
-npm run test:playwright
-```

assets/icons/download.svg

@@ -1,4 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17 17H17.01M17.4 14H18C18.9319 14 19.3978 14 19.7654 14.1522C20.2554 14.3552 20.6448 14.7446 20.8478 15.2346C21 15.6022 21 16.0681 21 17C21 17.9319 21 18.3978 20.8478 18.7654C20.6448 19.2554 20.2554 19.6448 19.7654 19.8478C19.3978 20 18.9319 20 18 20H6C5.06812 20 4.60218 20 4.23463 19.8478C3.74458 19.6448 3.35523 19.2554 3.15224 18.7654C3 18.3978 3 17.9319 3 17C3 16.0681 3 15.6022 3.15224 15.2346C3.35523 14.7446 3.74458 14.3552 4.23463 14.1522C4.60218 14 5.06812 14 6 14H6.6M12 15V4M12 15L9 12M12 15L15 12" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

assets/icons/hips.svg

@@ -1,2 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.83 3.078a12.674 12.674 0 0 0-4.52-.878c-3.847 0-3.891 1.6-7.74 1.6a15.028 15.028 0 0 1-4.52-.722L1 20.783A13.093 13.093 0 0 0 6.424 21.8c5.242 0 6.792-1.634 12.034-1.634a13.093 13.093 0 0 1 5.423 1.017zM6.425 20.8a13.724 13.724 0 0 1-4.3-.65l1.063-6.173 7.9 6.296a20.11 20.11 0 0 1-4.663.527zm-1.909-6.973l3.272-2.607 3.258 2.597-3.271 2.607zm4.199 3.346l3.271-2.607 3.286 2.618L12 19.791zm4.211-3.356l3.273-2.608 3.285 2.618-3.272 2.608zm.737 5.859L21 13.828 16.197 10l-4.213 3.357-4.196-3.345-4.54 3.619 1.6-9.288A16.193 16.193 0 0 0 8.57 4.8a9.957 9.957 0 0 0 2.888-.38L7.5 7.5l4.484 3.5L16.5 7.5l-4.286-3.334c.21-.08.413-.161.607-.241a7.791 7.791 0 0 1 3.49-.725 11.86 11.86 0 0 1 3.63.615l2.674 15.872a16.248 16.248 0 0 0-4.157-.52 21.93 21.93 0 0 0-4.796.509zM12 5.156L15.01 7.5l-3.024 2.344-3-2.342z"/><path opacity=".5" d="M4.512 13.827l3.272-2.607 3.258 2.597-3.271 2.607-3.259-2.597z"/><path opacity=".25" d="M12.923 13.818l3.272-2.608 3.286 2.619-3.273 2.608-3.285-2.619z"/><path fill="none" d="M0 0h24v24H0z"/></svg>

codemeta.json

@@ -8,8 +8,8 @@
     "dateModified": "2023-01-31",
     "issueTracker": "https://github.com/cds-astro/aladin-lite/issues",
     "name": "Aladin Lite",
-    "version": "3.5.0-beta",
-    "softwareVersion": "3.5.0-beta",
+    "version": "3.4.0-beta",
+    "softwareVersion": "3.4.0-beta",
     "description": "An astronomical HiPS visualizer in the browser.",
     "identifier": "10.5281/zenodo.7638833",
     "applicationCategory": "Astronomy, Visualization",

examples/al-aas225.html

@@ -9,7 +9,7 @@
     let aladin;
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', { fov:0.15, target: 'Arp 240', showReticle: false, fullScreen: true });
-        aladin.setBaseImageLayer(aladin.newImageSurvey('P/SDSS9/g', {colormap: "eosb", stretch: "linear"}));
+        aladin.setBaseImageLayer(aladin.newImageSurvey('P/SDSS9/g', {colormap: "rainbow", stretch: "Linear"}));
 
         var simbad = A.catalog({name: 'Simbad', sourceSize: 16, color: '#4050F0'});
         aladin.addCatalog(simbad);

examples/al-adass2022.html

@@ -10,7 +10,7 @@
     import A from '../src/js/A.js';
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {survey: "P/PanSTARRS/DR1/color-z-zg-g", showReticle: false, projection: "AIT", cooFrame: 'icrs', target: "stephan's quintet", fov: 1000, showGotoControl: false, showFrame: false, fullScreen: true, showLayersControl: true, showCooGrid: true, showCooGridControl: false});
+        aladin = A.aladin('#aladin-lite-div', {survey: ["P/PanSTARRS/DR1/color-i-r-g"], showReticle: false, projection: "AIT", cooFrame: 'icrs', target: "stephan's quintet", fov: 1000, showGotoControl: false, showFrame: false, fullScreen: true, showLayersControl: true, showCooGrid: true, showCooGridControl: false});
 
         const chft = aladin.createImageSurvey('CFHT', "CFHT deep view of NGC7331 and Stephan's quintet u+g+r", "https://cds.unistra.fr/~derriere/PR_HiPS/2022_Duc/", null, null, {imgFormat: 'png'});
         const nircamJWST = aladin.createImageSurvey('Nircam', "Stephans Quintet NIRCam+MIRI", "http://alasky.cds.unistra.fr/JWST/CDS_P_JWST_Stephans-Quintet_NIRCam+MIRI/", null, null, {imgFormat: 'png', colormap: "viridis"});
@@ -29,7 +29,7 @@
                 fov *= 0.997;
                 rotation += 0.07;
 
-                aladin.setViewCenter2NorthPoleAngle(rotation)
+                aladin.setRotation(rotation)
                 aladin.setFoV(fov);
 
                 if (fov < 3 && fov > 0.5) {

examples/al-additive-blend.html

@@ -14,11 +14,11 @@ A.init.then(() => {
     hscGreenSurvey.setColormap("green", { stretch: "asinh" });
     hscGreenSurvey.setCuts(-0.2186, 5.30322);
 
-    const HSCRedSurvey = aladin.newImageSurvey('P/HSC/DR2/deep/r', {imgFormat: 'fits', colormap: "red", minCut: 0.34228, maxCut: 2.75785, additive: true, stretch: "asinh"});
-    const HSCBlueSurvey = aladin.newImageSurvey('P/HSC/DR2/deep/z', {imgFormat: 'fits', colormap: "blue", minCut: -0.01218, maxCut: 2.27397, additive: true, stretch: "asinh"});
+    const HSCRedSurvey = aladin.newImageSurvey('CDS/P/HSC/DR2/deep/r', {imgFormat: 'fits', colormap: "red", minCut: 0.34228, maxCut: 2.75785, additive: true, stretch: "asinh"});
+    const HSCBlueSurvey = aladin.newImageSurvey('CDS/P/HSC/DR2/deep/z', {imgFormat: 'fits', colormap: "blue", minCut: -0.01218, maxCut: 2.27397, additive: true, stretch: "asinh"});
 
-    aladin.setOverlayImageLayer('P/HSC/DR2/deep/r', 'hsc red layer');
-    aladin.setOverlayImageLayer('P/HSC/DR2/deep/z', 'hsc blue layer');
+    aladin.setOverlayImageLayer('CDS/P/HSC/DR2/deep/r', 'hsc red layer');
+    aladin.setOverlayImageLayer('CDS/P/HSC/DR2/deep/z', 'hsc blue layer');
 });
 </script>
 </body>

examples/al-all-sky-polygons-projection-MOL.html

@@ -11699,7 +11699,7 @@
         aladin.addOverlay(overlay);
         var polygons = [];
         verticesArr.forEach(function(vertices) {
-            polygons.push(A.polygon(vertices, {closed: true, color: '#808080', fillColor: '#808080', opacity: .4, lineWidth: 1, fill: true}))
+            polygons.push(A.polygon(vertices, {color: '#808080', fillColor: '#808080', opacity: .4, lineWidth: 1, fill: true}))
         });
         overlay.addFootprints(polygons);
         aladin.gotoRaDec(156.2162606, 63.8522344);

examples/al-animation-CS-CDS-2022.html

@@ -195,7 +195,7 @@
 
         async function s10() {
             for await(const it of interval(50, 80)) {
-                aladin.setViewCenter2NorthPoleAngle(0.5 * it)
+                aladin.setRotation(0.5 * it)
             }
         }
 
@@ -264,7 +264,7 @@
             for await(const it of interval(intervalMs, nbIt+1)) {
                 fov = fovStart / Math.pow(fovEnd/fovStart, -it/nbIt)
                 aladin.setFoV(fov)
-                aladin.setViewCenter2NorthPoleAngle(40 - 40 * it/nbIt)
+                aladin.setRotation(40 - 40 * it/nbIt)
             }
             aladin.setFoV(fovEnd)
 

examples/al-artifact.html

@@ -4,7 +4,7 @@
 </head>
 <body>
 
-<div id="aladin-lite-div" style="width: 1024px; height: 256px;"></div>
+<div id="aladin-lite-div" style="width: 1024px; height: 100%;"></div>
 
 <script type="module">
     import A from '../src/js/A.js';

examples/al-cat-proper-motion.html

@@ -1,7 +1,6 @@
 <!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>
 
@@ -25,21 +24,14 @@
 
       let pmraMean = null, pmdecMean = null;
 
-      const pmCat = A.catalogFromURL('./data/votable/proper_motion.xml', {
+      const pmCat = A.catalogFromURL('./data/proper_motion.xml', {
         onClick: 'showTable',
         name: 'mean pm over HPX cells around LMC from GaiaDR2',
         hoverColor: 'yellow',
         selectionColor: 'white',
         // Footprint associated to sources
         shape: (s) => {
-          // discard drawing a vector for big pm
-          let totalPmSquared = s.data.pmra*s.data.pmra + s.data.pmdec*s.data.pmdec;
-          if (totalPmSquared > 6) {
-            return;
-          }
-
-          let color = rainbowColorMap((totalPmSquared - 2.5) / 2)
-
+          
           // Compute the mean of pm over the catalog sources
           if (!pmraMean || !pmdecMean) {
             pmraMean = 0, pmdecMean = 0;
@@ -54,15 +46,28 @@
             pmdecMean /= numSources
           }
 
+          console.log("mean", pmraMean, pmdecMean)
+
           let dra = +s.data.pmra - pmraMean;
           let ddec = +s.data.pmdec - pmdecMean;
 
+          // discard drawing a vector for big pm
+         
+
+          let totalPmSquared = s.data.pmra*s.data.pmra + s.data.pmdec*s.data.pmdec;
+          if (totalPmSquared > 6) {
+            return;
+          }
+
+          let color = rainbowColorMap((totalPmSquared - 2.5) / 2)
+
           return A.vector(
             s.ra,
             s.dec,
             s.ra + dra,
             s.dec + ddec,
-            {color}
+            null,
+            {lineWidth: 3, color}
           )
         }
       });

examples/al-catalog-hips-shape.html

@@ -9,19 +9,14 @@
             let aladin;
             A.init.then(() => {
                 aladin = A.aladin("#aladin-lite-div", {
-                    target: "03 36 31.65 -35 17 43.1",
-                    survey: "CDS/P/DES-DR2/ColorIRG",
-                    fov: 3 / 60,
-                    fullScreen: true,
+                    target: "12 25 41.512 +12 48 47.2",
+                    inertia: false,
+                    fov: 1,
                     showContextMenu: true,
-                    showZoomControl: true,
-                    showSettingsControl: true,
-                    showSimbadPointerControl: true,
-                    samp: true,
                 });
                 // define custom draw function
 
-                /*var hips = A.catalogHiPS(
+                var hips = A.catalogHiPS(
                     "https://axel.u-strasbg.fr/HiPSCatService/Simbad",
                     {
                         onClick: "showTable",
@@ -29,34 +24,17 @@
                         color: "cyan",
                         hoverColor: "red",
                         shape: (s) => {
-                            let galaxy = ["Seyfert","Seyfert_1", "Seyfert_2","LSB_G","PartofG","RadioG","Gin","GinPair","HII_G","LensedG","BClG","BlueCompG","EmG","GinCl","GinGroup","StarburstG","LINER","AGN","Galaxy"].some((n) => s.data.main_type.indexOf(n) >= 0);
-                            if (!galaxy) return;
-
                             let a = +s.data.size_maj;
                             let b = +s.data.size_min;
 
+                            let galaxy = ["Seyfert","Gin","StarburstG","LINER","AGN","Galaxy"].some((n) => s.data.main_type.indexOf(n) >= 0);
+                            if (!galaxy) return;
+
                             let theta = +s.data.size_angle || 0.0;
                             return A.ellipse(s.ra, s.dec, a / 60, b / 60, theta, { color: "cyan" });
                         },
                     }
-                );*/
-                var hips = A.catalogHiPS(
-                    "https://axel.cds.unistra.fr/HiPSCatService/II/371/des_dr2",
-                    {
-                        onClick: "showTable",
-                        name: "Simbad",
-                        color: "cyan",
-                        hoverColor: "red",
-                        shape: (s) => {
-                            let a = +s.data['Aimg']/3600;
-                            let b = +s.data['Bimg']/3600;
-
-                            let theta = +s.data['PA'];
-
-                            return A.ellipse(s.ra, s.dec, a, b, theta, { color: "cyan" });
-                        },
-                    }
-                )
+                );
                 aladin.addCatalog(hips);
             });
         </script>

examples/al-cfht.html

@@ -4,17 +4,17 @@
 </head>
 <body>
 
-<div id="aladin-lite-div" style="width: 512px; height: 512px"></div>
+<div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
 
 <script type="module">
   import A from '../src/js/A.js';
   let aladin;
   A.init.then(() => {
-      aladin = A.aladin('#aladin-lite-div', {survey: "data/hips/PanSTARRS_DR1_color-z-zg-g", fov:2.0, target: "22 35 58.39 +33 57 57.8", showSettingsControl: true, log: false});
+      aladin = A.aladin('#aladin-lite-div', {survey: "P/PanSTARRS/DR1/color-z-zg-g", fov:1.5, target: "NGC 7318B"});
       aladin.setProjection('AIT');
-      let cfht = aladin.createImageSurvey("CFHT", "CFHT MegaCam u+g+r", "./data/hips/CFHT", "equatorial", 10, {imgFormat: 'png'});
-      let jwst1 = aladin.createImageSurvey("CDS/P/JWST/Stephans-Quintet/NIRCam+MIRI", "JWST NIRCam+MIRI", "data/hips/JWST_NIRCam_MIRI", null, null, {imgFormat: 'png'});
-      let jwst2 = aladin.createImageSurvey("JWST2", "JWST MIRI", "data/hips/JWST_MIRI", "equatorial", 12, {imgFormat: 'png'});
+      let cfht = aladin.createImageSurvey("CFHT", "CFHT MegaCam u+g+r", "https://cds.unistra.fr/~derriere/PR_HiPS/2022_Duc/", "equatorial", 10, {imgFormat: 'png'});
+      let jwst1 = aladin.createImageSurvey("CDS/P/JWST/Stephans-Quintet/NIRCam+MIRI", "JWST NIRCam+MIRI", "http://alasky.cds.unistra.fr/JWST/CDS_P_JWST_Stephans-Quintet_NIRCam+MIRI", null, null, {imgFormat: 'png'});
+      let jwst2 = aladin.createImageSurvey("JWST2", "JWST MIRI", "http://alasky.cds.unistra.fr/JWST/CDS_P_JWST_Stephans-Quintet_MIRI", "equatorial", 12, {imgFormat: 'png'});
       aladin.setOverlayImageLayer('CFHT', 'overlay_CFHT');
       aladin.setOverlayImageLayer('CDS/P/JWST/Stephans-Quintet/NIRCam+MIRI', 'overlay_JWST1');
       aladin.setOverlayImageLayer('JWST2', 'overlay_JWST2');

examples/al-customize-button.html

@@ -1,8 +1,7 @@
 <!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>
+<head>
+</head>
 <body>
 
 
@@ -23,7 +22,6 @@
                 reticleColor: '#ff89ff', // change reticle color
                 reticleSize: 64, // change reticle size
                 showContextMenu: true,
-                fullScreen: true,
             }
         );
 
@@ -77,7 +75,11 @@
     });
 </script>
 <style>
-
+    .aladin-stack-control {
+        position: absolute;
+        top: 10rem;
+        left: 10rem;
+    }
 
     .myBox {
         top: unset;
@@ -87,12 +89,16 @@
 
     .myButton {
         position: absolute;
-        bottom: 100px;
+        bottom: 0;
         left: 0;
 
         background-color: pink;
     }
-    
+
+    .aladin-cooFrame {
+        position: absolute;
+        top: 10rem;
+    }
 </style>
 </body>
 </html>

examples/al-displayFITS.html

@@ -5,23 +5,29 @@
 </head>
 <body>
 
-<div id="aladin-lite-div" style="width: 512px; height: 512px"></div>
+<div id="aladin-lite-div" style="width:440px;height:300px"></div>
 
 <script type="module">
     import A from '../src/js/A.js';
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {cooFrame: "icrs", log: false});
+        aladin = A.aladin('#aladin-lite-div', {cooFrame: "icrs", fullScreen: true});
 
         aladin.displayFITS(
             //'https://fits.gsfc.nasa.gov/samples/FOCx38i0101t_c0f.fits', // url of the fits file
-            'data/fits/panstarrs-g-m61.fits',
+            'data/fits/HorseHead.fits',
+            //'data/fits/neowise.fits',
+            //'data/fits/irac.fits',
+            //'data/fits/FOCx38i0101t_c0f.fits',
             {
-                name: 'm61',
+                minCut: 5000,
+                maxCut: 17000,
                 colormap: 'viridis'
             }, // no optional params
-            (ra, dec, fov, _) => {
+            (ra, dec, fov, image) => {
                 // ra, dec and fov are centered around the fits image
+                image.setColormap("magma", {stretch: "asinh"});
+
                 aladin.gotoRaDec(ra, dec);
                 aladin.setFoV(fov);
             },

examples/al-displayJPG.html

@@ -42,7 +42,7 @@ Image Opacity: <br/> <input id="slider" type="range" value=1 min=0 max=1 step=0.
             'https://noirlab.edu/public/media/archives/images/large/noirlab1912a.jpg',
             // no options
             {
-                transparency: 1.0,
+                transparency: 0.6,
             },
             // A callback fn once the overlay is set
             callback

examples/al-easy-access-vizier.html

@@ -21,11 +21,12 @@ var pessto = 'https://archive.eso.org/tap_cat/sync?REQUEST=doQuery&LANG=ADQL&MAX
 
 A.init.then(() => {
 
-    aladin = A.aladin('#aladin-lite-div', {survey: 'https://alasky.cds.unistra.fr/DSS/DSSColor/', target: 'LMC', fov: 5, showContextMenu: true, showSettingsControl:true, samp:true});
+    aladin = A.aladin('#aladin-lite-div', {survey: 'https://alasky.cds.unistra.fr/DSS/DSSColor/', target: 'LMC', fov: 5, showContextMenu: true});
 
     aladin.addCatalog(A.catalogFromURL('https://vizier.u-strasbg.fr/viz-bin/votable?-source=HIP2&-c=LMC&-out.add=_RAJ,_DEJ&-oc.form=dm&-out.meta=DhuL&-out.max=9999&-c.rm=180', {sourceSize:12, color: '#f08080'}));
 
  
+
     aladin.addCatalog(A.catalogFromURL(vmc_cepheids, {onClick: 'showTable', sourceSize:14, color: '#fff080'}));
 
 
@@ -34,7 +35,7 @@ A.init.then(() => {
         console.log(objs, "are selected");
     })
 
-    aladin.select('circle');
+    aladin.select();
 
 });
 </script>

examples/al-ellipse.html

@@ -19,11 +19,11 @@
         overlay.addFootprints([
             A.polygon([[83.64287, 22.01713], [83.59872, 22.01692], [83.59852, 21.97629], [83.64295, 21.97629]]),
             A.polygon([[83.62807, 22.06330], [83.58397, 22.02280], [83.62792, 22.02258]]),
-            A.ellipse(10.6833, 41.2669, 3.33333/2, 1.1798333/2, 10, {color: 'cyan'}),
+            A.ellipse(10.6833, 41.2669, 3.33333/2, 1.1798333/2, 35, {color: 'cyan'}),
             // NGC 3048
-            A.ellipse(180.470842, -18.867589, 5.2/120, 3.1/120, 10, {color: 'cyan'}),
+            A.ellipse(180.470842, -18.867589, 5.2/120, 3.1/120, 80, {color: 'cyan'}),
             // NGC 3049
-            A.ellipse(180.4742, -18.8850, 3.1/120, 1.6/120, 10, {color: 'cyan'}),
+            A.ellipse(180.4742, -18.8850, 3.1/120, 1.6/120, 50, {color: 'cyan'}),
         ]);
         //overlay.add(); // radius in degrees
     });

examples/al-error-ellipse.html

@@ -1,38 +0,0 @@
-<!doctype html>
-<html>
-<head>
-</head>
-<body>
-
-<div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">
-
-<script type="module">
-    import A from '../src/js/A.js';
-    var aladin;
-A.init.then(() => {
-    aladin = A.aladin('#aladin-lite-div', {survey: 'https://alasky.cds.unistra.fr/DSS/DSSColor/', target: 'm1', fov: 5, showContextMenu: true, showSettingsControl:true, samp:true});
-
-    var customImg = new Image();
-    customImg.onload = function() {
-        const cat = A.catalogFromVizieR('II/246/out', 'm1', 0.1, {onClick: 'showTable', hoverColor: 'purple', limit: 1000, colnames: ["errMin", "errMaj", "errPA"], shape: (s) => {
-            if (+s.data['Jmag'] > 15) {
-                return;
-            } else {
-                let a = +s.data['errMaj']/36;
-                let b = +s.data['errMin']/36;
-
-                let theta = +s.data['errPA'];
-
-                return A.ellipse(s.ra, s.dec, a, b, theta, {fillColor: 'rgba(255, 0, 255, 0.2)', drawAxes: true})
-            }
-        }});
-        aladin.addCatalog(cat);
-    };
-    customImg.src = 'https://aladin.u-strasbg.fr/AladinLite/doc/API/examples/img/star.png';
-
-   
-});
-</script>
-</body>
-</html>

examples/al-event-listeners.html

@@ -4,23 +4,19 @@
 </head>
 <body>
 
+<script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
 <div id='infoDiv'>&nbsp; </div>
 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
 <script type="module">
     import A from '../src/js/A.js';
     A.init.then(() => {
-        var aladin = A.aladin('#aladin-lite-div', {showContextMenu: true, target: '05 37 58 +08 17 35', fov: 12, backgroundColor: 'rgb(120, 0, 0)'});
-        var cat = A.catalog({sourceSize: 20, onClick: (s) => {console.log("kjk", s)}});
+        var aladin = A.aladin('#aladin-lite-div', {target: '05 37 58 +08 17 35', fov: 12, backgroundColor: 'rgb(120, 0, 0)'});
+        var cat = A.catalog({sourceSize: 20, onClick: 'showTable'});
         aladin.addCatalog(cat);
         cat.addSources([A.source(83.784490, 9.934156, {name: 'Meissa'}), A.source(88.792939, 7.407064, {name: 'Betelgeuse'}), A.source(81.282764, 6.349703, {name: 'Bellatrix'})]);
         var msg;
 
         // define function triggered when  a source is hovered
-        aladin.on('click', function(e) {
-            console.log(e)
-        });
-
-        let infoDiv = document.querySelector("#infoDiv");
         aladin.on('objectHovered', function(object, xyMouseCoords) {
             if (object) {
                 msg = 'You hovered object ' + object.data.name + ' located at ' + object.ra + ', ' + object.dec + '; mouse coords - x: '
@@ -29,7 +25,7 @@
             else {
                 msg = 'No object hovered';
             }
-            infoDiv.innerText = msg;
+            $('#infoDiv').html(msg);
         });
 
         aladin.on('objectHoveredStop', function(object, xyMouseCoords) {
@@ -37,7 +33,7 @@
                 msg = 'You stopped hove object ' + object.data.name + ' located at ' + object.ra + ', ' + object.dec + '; mouse coords - x: '
                     + xyMouseCoords.x + ', y: ' + xyMouseCoords.y;
             }
-            infoDiv.innerText = msg;
+            $('#infoDiv').html(msg);
         });
 
         // define function triggered when an object is clicked
@@ -53,19 +49,7 @@
                 objClicked.deselect();
                 msg = 'You clicked in void';
             }
-            infoDiv.innerText = msg;
-        });
-
-        aladin.on('resizeChanged', function() {
-            console.log("resize")
-        });
-
-        aladin.on('projectionChanged', function(proj) {
-            console.log(proj)
-        });
-
-        aladin.on('layerChanged', function(imageLayer, layer, state){
-            console.log(imageLayer, layer, state)
+            $('#infoDiv').html(msg);
         });
 
         cat.sources[0].actionClicked();

examples/al-footprints.html

@@ -12,7 +12,7 @@
     A.init.then(() => {
         // Start up Aladin Lite
         aladin = A.aladin('#aladin-lite-div', {survey: "CDS/P/DSS2/color", target: 'M 1', fov: 0.2, showContextMenu: true, fullScreen: true});
-        var overlay = A.graphicOverlay({color: '#ee2345', lineWidth: 3, lineDash: [2, 2]});
+        var overlay = A.graphicOverlay({color: '#ee2345', lineWidth: 3});
         aladin.addOverlay(overlay);
         overlay.addFootprints([
             A.polygon([[83.64287, 22.01713], [83.59872, 22.01692], [83.59852, 21.97629], [83.64295, 21.97629]], {hoverColor: 'green'}),
@@ -20,7 +20,6 @@
             A.polygon([[8.62807, 220.06330], [83.58397, 10.02280], [150.62792, 87.02258]])
         ]);
         overlay.add(A.circle(83.66067, 22.03081, 0.04, {color: 'cyan'})); // radius in degrees
-        overlay.add(A.vector(83.66067, 22.03081, 0.04, {color: 'cyan'})); // radius in degrees
 
         aladin.on("footprintClicked", (footprint, xyMouseCoords) => {
             console.log("footprint clicked catched: ", footprint, "mouse coords xy: ", xyMouseCoords.x, xyMouseCoords.y);

examples/al-fov-range.html

@@ -15,7 +15,7 @@
             {
                 survey: 'P/allWISE/color', // set initial image survey
                 projection: 'AIT', // set a projection
-                fov: 0.1, // initial field of view in degrees
+                fov: 1.5, // initial field of view in degrees
                 target: 'NGC 2175', // initial target
                 cooFrame: 'galactic', // set galactic frame
                 reticleColor: '#00ff00', // change reticle color

examples/al-gw.html

@@ -1,8 +1,6 @@
 <!doctype html>
 <html>
 <head>
-    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
-
 </head>
 <body>
     <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
@@ -12,9 +10,9 @@
     import A from '../src/js/A.js';
     //let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {survey: "data/hips/CDS_P_DSS2_color", showReticle: true, showSurveyStackControl: true, showOverlayStackControl: false, projection: "TAN", target: '15 16 57.636 -60 55 7.49', showProjectionControl: true, realFullscreen: true, showZoomControl: true, showSimbadPointerControl: true, showShareControl: true, showContextMenu: true, showCooGridControl: true, fullScreen: true, showCooGrid: true, fov: 180, log: false});
-
-        var moc_0_99 = A.MOCFromURL("./data/gw/gw_0.9.fits",{ name: "GW 90%", color: "#ff0000", opacity: 0.0, lineWidth: 10, fill: false, perimeter: true});
+        aladin = A.aladin('#aladin-lite-div', {showReticle: true, showSurveyStackControl: true, showOverlayStackControl: false, projection: "TAN", target: '15 16 57.636 -60 55 7.49', showProjectionControl: true, realFullscreen: true, showZoomControl: true, showSimbadPointerControl: true, showShareControl: true, showContextMenu: true, showCooGridControl: true, fullScreen: true, showCooGrid: true, fov: 90});
+                
+        var moc_0_99 = A.MOCFromURL("./data//gw/gw_0.9.fits",{ name: "GW 90%", color: "#ff0000", opacity: 0.0, lineWidth: 3, fill: false, perimeter: true});
         var moc_0_95 = A.MOCFromURL("./data/gw/gw_0.6.fits",{ name: "GW 60%", color: "#00ff00", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
         var moc_0_5 = A.MOCFromURL("./data/gw/gw_0.3.fits",{ name: "GW 30%", color: "#00ffff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
         var moc_0_2 = A.MOCFromURL("./data/gw/gw_0.1.fits",{ name: "GW 10%", color: "#ff00ff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});

examples/al-hips-local.html

@@ -4,14 +4,16 @@
 </head>
 <body>
 
-<div id="aladin-lite-div" style="width: 512px; height: 512px"></div>
+<div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
 
 <script type="module">
     import A from '../src/js/A.js';
-
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {survey: "data/hips/CDS_P_DSS2_color", target: "05 40 59.12 -02 27 04.1", fov: 2, log: false});
+        aladin = A.aladin('#aladin-lite-div', {target: 'galactic center'});
+        
+        let survey = aladin.createImageSurvey('hips gaia', "hips gaia name", "data/hips/gaia", undefined, undefined, {colormap:"viridis"});
+        aladin.setBaseImageLayer(survey);
     });
 </script>
 

examples/al-image-with-AVM-tags.html

@@ -1,27 +0,0 @@
-<!doctype html>
-<html>
-<head>
-</head>
-<body>
-    <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-    <script type="module">
-        import A from '../src/js/A.js';
-        A.init.then(() => {
-            let aladin = A.aladin('#aladin-lite-div', {fov: 30, survey: "CDS/P/DSS2/color", target: "280 +0", projection: "AIT", showShareControl:true, showSettingsControl: true, showContextMenu:true});
-            
-            aladin.setOverlayImageLayer(A.image(
-                "https://www.virtualastronomy.org/images/sig05-013.jpg",
-                {
-                    name: "sig05-017",
-                    successCallback: (ra, dec, fov, image) => {
-                        console.log(ra, dec)
-                        aladin.gotoRaDec(ra, dec);
-                        aladin.setFoV(fov * 5)
-                    }
-                },
-            ));
-        });
-
-    </script>
-</body>
-</html>

examples/al-image-with-WCS.html

@@ -1,46 +0,0 @@
-<!doctype html>
-<html>
-<head>
-</head>
-<body>
-    <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-    <script type="module">
-        import A from '../src/js/A.js';
-        A.init.then(() => {
-            let aladin = A.aladin('#aladin-lite-div', {fov: 30, survey: "CDS/P/GALEXGR6/AIS/FUV", target: "280 +0", projection: "AIT", showShareControl:true, showSettingsControl: true, showContextMenu:true});
-            
-            aladin.setOverlayImageLayer(A.image(
-                "https://nova.astrometry.net/image/25038473?filename=M61.jpg",
-                {
-                    name: "M61",
-                    wcs: {
-                        NAXIS: 0, // Minimal header
-                        CTYPE1: 'RA---TAN', // TAN (gnomic) projection
-                        CTYPE2: 'DEC--TAN', // TAN (gnomic) projection
-                        EQUINOX: 2000.0, // Equatorial coordinates definition (yr)
-                        LONPOLE: 180.0, // no comment
-                        LATPOLE: 0.0, // no comment
-                        CRVAL1: 185.445488837, // RA of reference point
-                        CRVAL2: 4.47896032431, // DEC of reference point
-                        CRPIX1: 588.995094299, // X reference pixel
-                        CRPIX2: 308.307905197, // Y reference pixel
-                        CUNIT1: 'deg', // X pixel scale units
-                        CUNIT2: 'deg', // Y pixel scale units
-                        CD1_1: -0.000223666022989, // Transformation matrix
-                        CD1_2: -0.000296578064584, // no comment
-                        CD2_1: -0.000296427555509, // no comment
-                        CD2_2: 0.000223774308964, // no comment
-                        NAXIS1: 1080, // Image width, in pixels.
-                        NAXIS2: 705 // Image height, in pixels.
-                    },
-                    successCallback: (ra, dec, fov, image) => {
-                        aladin.gotoRaDec(ra, dec);
-                        aladin.setFoV(fov * 5)
-                    }
-                },
-            ));
-        });
-
-    </script>
-</body>
-</html>

examples/al-init-custom-options.html

@@ -1,12 +1,12 @@
 <!doctype html>
 <html>
-    <head>
-    </head>
+<head>
+</head>
 <body>
 
-
-<div id="aladin-lite-div" style="width: 768px; height: 512px"></div>
-<script>let aladin;</script>
+<div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
+<script>    let aladin;
+</script>
 <script type="module">
     import A from '../src/js/A.js';
     A.init.then(() => {
@@ -16,27 +16,27 @@
                 survey: 'P/allWISE/color', // set initial image survey
                 projection: 'AIT', // set a projection
                 fov: 1.5, // initial field of view in degrees
-                target: 'orion', // initial target
-                cooFrame: 'icrs', // set galactic frame
-                reticleColor: '#ff89ff', // change reticle color
-                reticleSize: 64, // change reticle size
-                showContextMenu: true,
-                showFrame: true,
-                showZoomControl:true,
-                showSettingsControl:true,
-                showCooGrid: true,
+                target: 'NGC 2175', // initial target
+                cooFrame: 'galactic', // set galactic frame
+                reticleColor: '#00ff00', // change reticle color
+                reticleSize: 40, // change reticle size
+                gridOptions: {color: 'pink'},
+                showCooGrid: false, // set the grid
                 fullScreen: true,
-                samp: true,
+                inertia: false,
+                showStatusBar: true,
+                showShareControl: true,
+                showSettingsControl: true,
+                showLayersControl: true,
+                showZoomControl: true,
+                showContextMenu: true,
+                showCooGridControl: true,
+                //showSimbadPointerControl: true,
+                showFullscreenControl: true,
             }
         );
-
-        //aladin.removeHiPSFromFavorites('CDS/P/allWISE/color')
     });
 </script>
-<style>
-    .aladin-cat-browser-box {
-        width: 600px;
-    }
-</style>
+
 </body>
-</html>
+</html>

examples/al-mars.html

@@ -44,12 +44,6 @@
         landingSites.addSources([A.marker(-225.71, 47.64, {popupTitle: 'Viking 2', popupDesc: 'Landing date: September 3, 1976 22:37:50'})]);
         landingSites.addSources([A.marker(175.472636, -14.5684, {popupTitle: 'Spirit', popupDesc: 'Landing date: January 4, 2004, 04:35 UTC '})]);
         landingSites.addSources([A.marker(137.4417, -4.5895, {popupTitle: 'Curiosity', popupDesc: 'Landing date: August 6, 2012, 05:17 UTC '})]) 
-    
-        var cat = A.catalog({name: "Temp", sourceSize: 18, onClick: 'showPopup'});
-        aladin.addCatalog(cat);
-        cat.addSources(A.source(105.69239256, -8.45235969, {a: 1, b: 2, c:3}));
-        cat.addSources(A.source(105.70779763, -8.31350997, {a: 4, b: 5, c:6}));
-        cat.addSources(A.source(105.74242906, -8.34776709, {a: 7, b: 8, c:9}));
     });
 </script>
 </body>

examples/al-moc-sdss9.html

@@ -1,8 +1,7 @@
 <!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>
+<head>
+</head>
 <body>
     <div id="aladin-lite-div" style="width: 1024px; height: 768px">
       <div id="ui" class="ui">
@@ -12,15 +11,13 @@
     import A from '../src/js/A.js';
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {target: '00 00 00 +07 00 00', fov: 130, survey: 'P/Mellinger/color', showContextMenu: true, fullScreen: true});
-        var moc11 = A.MOCFromURL('http://skies.esac.esa.int/HST/NICMOS/Moc.fits', {color: '#84f', lineWidth: 3}, (moc) => {
+        aladin = A.aladin('#aladin-lite-div', {target: '00 00 00 +07 00 00', fov: 130, survey: 'P/Mellinger/color'});
+        var moc11 = A.MOCFromURL('http://skies.esac.esa.int/HST/NICMOS/Moc.fits', {color: '#84f', lineWidth: 3, perimeter: true}, (moc) => {
             // moc is ready
             console.log(moc.contains(205.9019247, +2.4492764));
             console.log(moc.contains(-205.9019247, +2.4492764));
-
-            console.log(moc.serialize("json"))
         });
-        var moc10 = A.MOCFromURL('https://alasky.unistra.fr/MocServer/query?ivorn=ivo%3A%2F%2FCDS%2FV%2F139%2Fsdss9&get=moc&order=11&fmt=fits', {color: '#ffffff', perimeter: true, fillColor: '#aabbcc', opacity: 0.3, lineWidth: 3});
+        var moc10 = A.MOCFromURL('https://alasky.unistra.fr/MocServer/query?ivorn=ivo%3A%2F%2FCDS%2FV%2F139%2Fsdss9&get=moc&order=11&fmt=fits', {color: '#ffffff', perimeter: true, fillColor: '#aabbcc', opacity: 0.1, lineWidth: 3});
         var moc9 = A.MOCFromURL('https://alasky.unistra.fr/MocServer/query?ivorn=ivo%3A%2F%2FCDS%2FV%2F139%2Fsdss9&get=moc&order=4&fmt=fits', {color: '#00ff00', opacity: 0.5, lineWidth: 3, perimeter: true});
 
         aladin.addMOC(moc11);

examples/al-not-found.html

@@ -6,9 +6,10 @@
 <body>
 
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-<script>var aladin;</script>
+
 <script type="module">
     import A from '../src/js/A.js';
+    let aladin;
     A.init.then(() => {
         // Start up Aladin Lite
         aladin = A.aladin('#aladin-lite-div', {
@@ -16,6 +17,7 @@
             target: '0 0',
             fullScreen: true,
             survey: ["azef", "jfjfj", "jfj", "P/allWISE/color"],
+            showCooGrid: true,
         });
     });
 </script>

examples/al-onames-labels.html

@@ -3,13 +3,13 @@
 <head>
 </head>
 <body>
-<div id="aladin-lite-div" style="width: 512px; height: 512px"></div>
+<div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
 <script type="module">
     import A from '../src/js/A.js';
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {survey: 'data/hips/CDS_P_DSS2_color', target: '05 34 30.89 +22 00 52.9', fov: 0.3, log: false, showSettingsControl: true});
-        var cat = A.catalogFromURL('data/votable/labels.vot', {sourceSize:12, color: '#cc99bb', displayLabel: true, labelColumn: 'main_id', labelColor: '#ae4', labelFont: '9px sans-serif'});
+        aladin = A.aladin('#aladin-lite-div', {survey: 'P/DSS2/red', target: 'M1', fov: 0.3});
+        var cat = A.catalogFromURL('http://cdsxmatch.u-strasbg.fr/QueryCat/QueryCat?catName=SIMBAD&mode=cone&pos=M1&r=50arcmin&format=votable&limit=3000', {sourceSize:12, color: '#cc99bb', displayLabel: true, labelColumn: 'main_id', labelColor: '#ae4', labelFont: '9px sans-serif'});
         aladin.addCatalog(cat);
     });
 </script>

examples/al-polyline.html

@@ -11,11 +11,11 @@
 
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {target: 'Gamma Cas', fov: 10, cooFrame: 'icrs'});
+        aladin = A.aladin('#aladin-lite-div', {target: 'Gamma Cas', fov: 10});
 
-        var overlay = A.graphicOverlay({lineWidth: 2});
+        var overlay = A.graphicOverlay({color: '#ee2345', lineWidth: 2});
         aladin.addOverlay(overlay);
-        overlay.add(A.polyline([ [2.29452158, 59.14978110], [10.12683778, 56.53733116], [14.1772154, 60.7167403], [21.45396446, 60.23528403], [28.59885697, 63.67010079] ], {color: 'green'}));
+        overlay.add(A.polyline([ [2.29452158, 59.14978110], [10.12683778, 56.53733116], [14.1772154, 60.7167403], [21.45396446, 60.23528403], [28.59885697, 63.67010079] ]));
     });
 </script>
 </body>

examples/al-save-colormap.html

@@ -6,9 +6,10 @@
 <body>
 
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-<script>var aladin;</script>
+
 <script type="module">
     import A from '../src/js/A.js';
+    var aladin;
     A.init.then(() => {
         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
@@ -24,13 +25,6 @@
         survey3.setColormap('cubehelix', {stretch: 'asinh'});
 
         aladin.setImageLayer(survey2);
-
-        /*setTimeout(() => {
-            aladin.removeHiPSFromFavorites(survey3)
-        }, 10000);*/
-
-
-        aladin.addColormap('mycmap', ["lightblue", "red", "violet", "lightgreen"])
     });
 </script>
 

examples/al-soda-eso.html

@@ -12,7 +12,7 @@
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', {fullScreen: true, target: "orion", fov: 10, projection: 'SIN', showContextMenu: true});
 
-        const c1 = A.catalogFromURL('./data/votable/eso.xml', {onClick: 'showTable'});
+        const c1 = A.catalogFromURL('./data/eso.xml', {onClick: 'showTable'});
         aladin.addCatalog(c1);
     });
 </script>

examples/al-soda-ska.html

@@ -0,0 +1,88 @@
+<!DOCTYPE html>
+<html>
+    <head> </head>
+
+    <body>
+        <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
+
+        <script type="module">
+            import A from "../src/js/A.js";
+            let aladin;
+            A.init.then(() => {
+aladin = A.aladin("#aladin-lite-div", {
+    fullScreen: true,
+    target: "m51",
+    fov: 15,
+    projection: "AIT",
+    showContextMenu: true,
+    showShareControl: true,
+    hipsList: [
+        // High energy (Gamma and X-rays)
+        "CDS/P/HGPS/Flux",
+        "CDS/P/Fermi/5",
+        "CDS/P/Fermi/4",
+        "CDS/P/Fermi/3",
+        "ov-gso/P/Fermi/Band2",
+        "ov-gso/P/BAT/150-195keV",
+        "ov-gso/P/BAT/35-50keV",
+        "ov-gso/P/BAT/14-20keV",
+        "erosita/dr1/rate/023",
+        "erosita/dr1/rate/024",
+        // Uv/Optical/Infrared
+        "CDS/P/GALEXGR6_7/FUV",
+        "CDS/P/GALEXGR6_7/NUV",
+        "CDS/P/DSS2/color",
+        "CDS/P/PanSTARRS/DR1/g",
+        "CDS/P/PanSTARRS/DR1/r",
+        "CDS/P/Finkbeiner",
+        "CDS/P/PanSTARRS/DR1/i",
+        "CDS/P/PanSTARRS/DR1/color-i-r-g",
+        "CDS/P/PanSTARRS/DR1/z",
+        "CDS/P/PanSTARRS/DR1/y",
+        "CDS/P/DES-DR2/ColorIRG",
+        "CDS/P/2MASS/color",
+        "ov-gso/P/GLIMPSE/irac1",
+        "ov-gso/P/GLIMPSE/irac2",
+        "CDS/P/unWISE/color-W2-W1W2-W1",
+        "ov-gso/P/GLIMPSE/irac3",
+        "ov-gso/P/GLIMPSE/irac4",
+        "CDS/P/IRIS/color",
+        "ESAVO/P/AKARI/N60",
+        "ESAVO/P/AKARI/WideL",
+        "ESAVO/P/HERSCHEL/SPIRE-250",
+        "ESAVO/P/HERSCHEL/SPIRE-350",
+        "ESAVO/P/HERSCHEL/SPIRE-500",
+        // sub-mm/mm/radio
+        "CDS/P/PLANCK/R3/HFI/color",
+        "CDS/P/ACT_Planck/DR5/f220",
+        "CDS/P/CO",
+        "CDS/P/PLANCK/R3/HFI100",
+        "CDS/P/PLANCK/R3/LFI30",
+        "CDS/P/NVSS",
+        "CSIRO/P/RACS/mid/I",
+        "ov-gso/P/CGPS/VGPS",
+        "CDS/C/HI4PI/HI",
+        "CDS/P/MeerKAT/Galactic-Centre-1284MHz-StokesI",
+        "CSIRO/P/RACS/low/I",
+        "astron.nl/P/tgssadr",
+        "ov-gso/P/GLEAM/170-231",
+        "ov-gso/P/GLEAM/139-170",
+        "astron.nl/P/lotss_dr2_high",
+        "ov-gso/P/GLEAM/103-134",
+        "ov-gso/P/GLEAM/072-103",
+    ],
+});
+
+                aladin.setImageLayer(A.imageHiPS("P/DSS2/color"));
+
+                aladin.addCatalog(
+                    A.catalogFromSKAORucio("m51", 15, {
+                        onClick: 'showTable',
+                        hoverColor: "yellow",
+                    })
+                );
+                //aladin.addCatalog(A.catalogFromURL('https://aladin.cds.unistra.fr/ObsCoreRucioScs.xml', {onClick: 'showTable'}));
+            });
+        </script>
+    </body>
+</html>

examples/al-stcs-footprints.html

@@ -11,7 +11,7 @@
 
     A.init.then(() => {
         // Start up Aladin Lite
-        let aladin = A.aladin('#aladin-lite-div', {survey: "CDS/P/DSS2/color", target: 'Sgr a*', fov: 0.5, showContextMenu: true, showCooGrid: true});
+        let aladin = A.aladin('#aladin-lite-div', {survey: "CDS/P/DSS2/color", target: 'Sgr a*', fov: 0.5, showContextMenu: true});
         // This table contains a s_region column containing stcs expressed regions
         // that are automatically parsed
         aladin.addCatalog(A.catalogFromURL('https://aladin.cds.unistra.fr/AladinLite/doc/API/examples/data/alma-footprints.xml', {name: 'ALMA footprints', onClick: 'showTable', hoverColor: 'lightgreen'}));

examples/al-ui-off.html

@@ -1,43 +0,0 @@
-<!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: 512px; height: 512px"></div>
-
-<script type="module">
-    import A from '../src/js/A.js';
-
-    var aladin;
-    A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div',
-            {
-                cooFrame: "ICRSd",
-                survey: "data/hips/CDS_P_DSS2_color",
-                target: "05 40 59.12 -02 27 04.1",
-                fov: 2,
-                showSimbadPointerControl: false,
-                showShareControl: false,
-                showContextMenu: false,
-                showCatalog: false,
-                showFov: false,
-                showCooGrid: false,
-                showFrame: false,
-                showCooGridControl: false,
-                showCooLocation: false,
-                showFullscreenControl: false,
-                showLayersControl: false,
-                showProjectionControl: false,
-                showReticle: false,
-                showSettingsControl: false,
-                showStatusBar: false,
-                showZoomControl: false,
-                log: false, // disable the log for the test
-            }
-        );
-    });
-</script>
-
-</body>
-</html>

examples/al-ui-on.html

@@ -1,43 +0,0 @@
-<!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: 512px; height: 512px"></div>
-
-<script type="module">
-    import A from '../src/js/A.js';
-
-    var aladin;
-    A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div',
-            {
-                cooFrame: "ICRSd",
-                survey: "data/hips/CDS_P_DSS2_color",
-                target: "05 40 59.12 -02 27 04.1",
-                fov: 2,
-                showSimbadPointerControl: true,
-                showShareControl: true,
-                showContextMenu: true,
-                showCatalog: true,
-                showFov: true,
-                showCooGrid: true,
-                showFrame: true,
-                showCooGridControl: true,
-                showCooLocation: true,
-                showFullscreenControl: true,
-                showLayersControl: true,
-                showProjectionControl: true,
-                showReticle: true,
-                showSettingsControl: true,
-                showStatusBar: true,
-                showZoomControl: true,
-                log: false, // disable the log for the test
-            }
-        );
-    });
-</script>
-
-</body>
-</html>

examples/al-v2VSv3.html

@@ -1,34 +0,0 @@
-<html>
-	<head>
-	</head>
-	<body>
-		<h1>Trifid interactive map</h1>
-
-    <!-- Aladin Lite container at requested dimensions -->
-    <div id="aladin-lite-div" style="width:700px;height:400px;"></div>
-
-    <!-- our script needs jQuery -->
-    <script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js" charset="utf-8"></script>
-	<!-- V2-->
-	<div id="aladin-lite-div-old" style="width:700px;height:400px;"></div>
-
-    <!-- Aladin Lite V2 JS code -->
-	<script type="text/javascript" src="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.js" charset="utf-8"></script>
-	<script type="text/javascript">
-    	var aladinold = A.aladin('#aladin-lite-div-old', {survey: "P/allWISE/color", fov:1.5, target: "14 03 12.583 +54 20 55.5"});
-	</script>
-
-    <script type="text/javascript" src="./../dist/aladin.umd.cjs" charset="utf-8"></script>
-
-    <!-- Aladin Lite V3 JS code -->
-    <!-- Creation of Aladin Lite instance with initial parameters -->
-    <script type="text/javascript">
-        //import A from '../src/js/A.js';
-
-        let aladin;
-        A.init.then(() => {
-            aladin = A.aladin('#aladin-lite-div', {survey: "P/allWISE/color", fov:1.5, target: "14 03 12.583 +54 20 55.5", });
-        });
-    </script>
-	</body>
-</html>

examples/data/hips/CDS_P_DSS2_color/properties

@@ -1,45 +0,0 @@
-hips_doi             = 10.26093/cds/aladin/ht9n-7r
-creator_did          = ivo://CDS/P/DSS2/color
-obs_collection       = DSS colored
-obs_title            = DSS colored
-obs_description      = Color composition generated by CDS. This HiPS survey is based on 2 others HiPS surveys, respectively DSS2-red and DSS2-blue HiPS, both of them directly generated from original scanned plates downloaded from STScI site. The red component has been built from POSS-II F, AAO-SES,SR and SERC-ER plates. The blue component has been build from POSS-II J and SERC-J,EJ. The green component is based on the mean of other components. Three missing plates from red survey (253, 260, 359) has been replaced by pixels from the DSSColor STScI jpeg survey. The 11 missing blue plates (mainly in galactic plane) have not been replaced (only red component).
-obs_copyright        = Digitized Sky Survey - STScI/NASA, Colored & Healpixed by CDS
-obs_copyright_url    = http://archive.stsci.edu/dss/copyright.html
-client_category      = Image/Optical/DSS
-client_sort_key      = 03-00
-hips_builder         = Aladin/HipsGen v10.123
-hips_creation_date   = 2010-05-01T19:05Z
-hips_release_date    = 2019-05-07T10:55Z
-hips_creator         = Oberto A. (CDS) , Fernique P. (CDS)
-hips_version         = 1.4
-hips_order           = 7
-hips_frame           = equatorial
-hips_tile_width      = 512
-hips_tile_format     = jpeg
-dataproduct_type     = image
-client_application   = AladinLite
-hips_status          = public partial unclonable
-hips_rgb_red         = DSS2Merged [1488.0 8488.8125 14666.0 Linear]
-hips_rgb_blue        = DSS2-blue-XJ-S [4286.0 12122.5 19959.0 Linear]
-hips_hierarchy       = median
-hips_pixel_scale     = 2.236E-4
-hips_initial_ra      = 085.30251
-hips_initial_dec     = -02.25468
-hips_initial_fov     = 2
-moc_sky_fraction     = 0.001302
-hips_copyright       = CNRS/Unistra
-obs_ack              = The Digitized Sky Surveys were produced at the Space Telescope Science Institute under U.S. Government grant NAG W-2166. The images of these surveys are based on photographic data obtained using the Oschin Schmidt Telescope on Palomar Mountain and the UK Schmidt Telescope. The plates were processed into the present compressed digital form with the permission of these institutions. The National Geographic Society - Palomar Observatory Sky Atlas (POSS-I) was made by the California Institute of Technology with grants from the National Geographic Society. The Second Palomar Observatory Sky Survey (POSS-II) was made by the California Institute of Technology with funds from the National Science Foundation, the National Geographic Society, the Sloan Foundation, the Samuel Oschin Foundation, and the Eastman Kodak Corporation. The Oschin Schmidt Telescope is operated by the California Institute of Technology and Palomar Observatory. The UK Schmidt Telescope was operated by the Royal Observatory Edinburgh, with funding from the UK Science and Engineering Research Council (later the UK Particle Physics and Astronomy Research Council), until 1988 June, and thereafter by the Anglo-Australian Observatory. The blue plates of the southern Sky Atlas and its Equatorial Extension (together known as the SERC-J), as well as the Equatorial Red (ER), and the Second Epoch [red] Survey (SES) were all taken with the UK Schmidt. Supplemental funding for sky-survey work at the ST ScI is provided by the European Southern Observatory.
-prov_progenitor      = STScI
-bib_reference        = 1996ASPC..101...88L
-bib_reference_url    = http://cdsads.u-strasbg.fr/abs/1996ASPC..101...88L
-t_min                = 42413
-t_max                = 51179
-obs_regime           = Optical
-em_min               = 4e-7
-em_max               = 6e-7
-hips_order_min       = 0
-dataproduct_subtype  = color
-hipsgen_date         = 2019-05-07T10:55Z
-hipsgen_params       = out=/asd-volumes/sc1-asd-volume8/DSS/DSSColor UPDATE
-hipsgen_date_1       = 2024-09-10T16:50Z
-hipsgen_params_1     = in=https://alasky.cds.unistra.fr/DSS/DSSColor/ out=./CDS_P_DSS2_color region=3/357 order=5 MIRROR