tag 3.3.0

avoid git clean -fd

.github/workflows/api_doc.yml

@@ -0,0 +1,47 @@
+# Simple workflow for deploying static content to GitHub Pages
+name: Deploy static content to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["develop"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Single deploy job since we're just deploying
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Setup Pages
+        uses: actions/configure-pages@v4
+      - name: Build docs
+        run: |
+          npm install -g jsdoc
+          npm run doc
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          # Upload entire repository
+          path: './doc'
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

.github/workflows/npm-publish.yml

@@ -22,6 +22,7 @@ jobs:
           curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
           source "$HOME/.cargo/env"
           rustup default nightly
+          rustup component add rust-src --toolchain nightly-x86_64-unknown-linux-gnu
       - name: "Install wasm-pack"
         run: |
           curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y
@@ -31,6 +32,8 @@ jobs:
       - name: "Build Aladin Lite"
         run: |
           npm run build
+      - name: "Publish Aladin Lite to npm"
+        run: |
           npm publish
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}

.github/workflows/test.yml

@@ -23,6 +23,7 @@ jobs:
           curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
           source "$HOME/.cargo/env"
           rustup default nightly
+          rustup component add rust-src --toolchain nightly-x86_64-unknown-linux-gnu
       - name: "Install wasm-pack"
         run: |
           curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y

.gitignore

@@ -1,19 +0,0 @@
-node_modules
-
-dist
-examples/.DS_Store
-examples/fits
-.DS_Store
-package-lock.json
-src/core/target/
-src/core/Cargo.lock
-
-aladin-lite*.tgz
-
-.vscode
-
-deploy.sh
-deploy-beta.sh
-
-# JsDoc generated files
-out/

CHANGELOG.md

@@ -0,0 +1,342 @@
+# Changelogs
+
+## 3.3.0
+
+* [fixed] multiple calls to setImageSurvey with the same survey object led to strange behaviour.
+* [perf] Display the first tile received instantly with no blending. Should enhance the slow reported in issue #88.
+* [fixed] A.on('select') (debugged from ipyaladin)  
+* [fixed] Simbad pointer in galactical frame, cone search of simbad/vizier cats/other cone search services in galactical frame and MOC creation from selection in galactical frame => there is now a new `frame` optional param to Aladin.pix2world. If not given, the coo returned are in the frame of the view.
+* [doc] Add doc for image survey definition
+* [deprecation] A.createImageSurvey/A.newImageSurvey are now deprecated (but still in the API). Please use `A.imageHiPS` instead by providing a valid url or CDS ID conformed to <https://aladin.cds.unistra.fr/hips/list>
+* [refac] Simplify the instanciation of an imageHiPS/ imageFITS. Add a `A.imageHiPS` method for defining a HiPS object
+* [fixed] At initialisation, giving a fov > 180 was clamped back to 180 even if we specify allsky projection (i.e. accepting fov > 180). This is now fixed.
+* [fixed] MeasurementTable now display the full cell values (no ellipsis anymore)
+* [fixed] aladin.on('select') has been implemented. Callback is triggered on a circle and rect selections for not on polygonal selection.
+* [fixed] the cooFrame UI selector is updated if the user calls `aladin.setFrame`
+* [fixed] `reticleColor` and `reticleSize` options in the public API 
+* Restore setFoVRange
+* Add CSS class for positioning the UI elements as the user wants. See the API doc aladin options for the class names to use.
+* [style] The default grid color is now `rgb(178, 50, 178)` to fit the classic Aladin color palette
+* [feat] The object of grid options `gridOptions` is now available in the public API
+* [fixed] The parameters `gridColor` and `gridOpacity`, `gridOptions.showLabels` now work as expected
+* New documentation API (W.I.P) here: <https://cds-astro.github.io/aladin-lite/>
+* New release page here: <https://aladin.cds.unistra.fr/AladinLite/doc/release/>
+* A major UI update by @bmatthieu3
+  1. Some API new classes A.box, A.button
+  2. A status bar where the user can enque messages for a specific amount of time (Aladin.addStatusBarMessage)
+* Remove of JQuery and autocompletejs dependencies by @bmatthieu3
+* Fix some performances issues, i.e. a bug when resizing the aladin lite view and which launched several parallel requestAnimationFrame by @bmatthieu3
+* Polygon and circular selection (see Aladin class API documentation for how to use it)
+* ObsCore and Datalink votable parsing and interpretation. This work is still in progress and made in the frame of the SKA radio mission by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/116>
+* SODA service query window formular by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/116>
+* read only catalog option by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/117>
+* Small changed regarding drawing a footprint by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/118>
+* Object and footprint click/hover events expose mouse coordinates by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/121>
+* A proposal of a new feature - fill the polygon with a color by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/122>
+* update getViewWCS to adapt to projection by @ManonMarchand in <https://github.com/cds-astro/aladin-lite/pull/119>
+* New SAMP support by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/128>
+* A possibility to create Coo and Footprint objects by @szpetny in <https://github.com/cds-astro/aladin-lite/pull/130>
+* new method aladin.getFrame() that returns the name of the current coordinate system
+* `getViewWCS` now adapts to the `cooFrame` and the `projection`
+* `getFov` is no longer capped at 180°
+* bugfix `setProjection` now also updates for 'PAR' and 'SFL' projections
+
+## 3.2.0
+
+* MOC rendering perf enhanced. Possibility to draw only the perimeter of a MOC object (perimeter set to True)
+* Many fixes e.g. footprint rendering for all sky projections
+* A line/shape webgl rasterizer thanks to the use of the `lyon`crate. MOCs and grid lines are rendered that way. Therefore, it is possible to change the grid lines thickness
+* Use of vite for the project management and deployment
+
+## 3.1.0
+
+* Add message for safari users to enable WebGL2 feature and reload the page by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/54>
+* Starting fits support by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/70>
+* display fits images with the drag and drop by @bmatthieu3
+![Kapture 2023-03-23 at 14 34 28](https://user-images.githubusercontent.com/2772384/227264124-8e05a3d8-1565-497f-a118-39fab3c6ed83.gif)
+* support `webp` tile format by @bmatthieu3 and @tboch
+* planetary name resolver by @tboch
+* small ui changes and bug fixes by @bmatthieu3
+* add codemeta and its validatior action by @ManonMarchand in <https://github.com/cds-astro/aladin-lite/pull/66>
+
+## 3.0.0
+
+Official release of Aladin Lite v3, [as announced in CDS news](https://cds.unistra.fr/news.php?fn_mode=fullnews&fn_incl=0&fn_id=958).
+
+* Fix missing tiles issue by @tboch in <https://github.com/cds-astro/aladin-lite/pull/18>
+* Hips catalogue filtering by @tboch in <https://github.com/cds-astro/aladin-lite/pull/28>
+* Make footprint selection easier by @tboch in <https://github.com/cds-astro/aladin-lite/pull/19>
+* Bug fix: enable different colors for multiple polylines in same layer by @tboch in <https://github.com/cds-astro/aladin-lite/pull/30>
+* Method remove to delete individual source from a catalogue layer by @tboch in <https://github.com/cds-astro/aladin-lite/pull/37>
+* Stop animation by @tboch in <https://github.com/cds-astro/aladin-lite/pull/40>
+* Add message for safari users to enable WebGL2 feature and reload the page by @bmatthieu3 in <https://github.com/cds-astro/aladin-lite/pull/54>
+
+## 2.x.x
+
+### 2020-08
+
+* polyline improvements (by @imbasimba)
+
+### 2020-07
+
+* new method stopAnimation
+
+### 2020-06
+
+* new method in Catalog layer to *remove* individual *Source* objects
+
+### 2019-10
+
+* displayFITS can now take a base64 data URL as input
+
+### 2019-05-03
+
+* https URLs for Simbad pointer
+
+### 2019-04-30
+
+* empty Downloader queue when changing displayed HiPs
+
+### 2019-02-06
+
+* bug fix: MOC cells at order 0 were not displayed
+
+### 2019-01
+
+* add method getViewWCS
+
+### 2018-10-30
+
+* bug fix affichage MOC order>11
+
+### 2018-09-24
+
+* bug fix in VOTable parsing: CDATA text was always blank in <TD></TD>
+
+### 2018-09-18
+
+* drawing algorith improved: no more flickering when zooming in
+
+### 2018-09-17
+
+* improvement on mobile device: pinch zoom works, panning works better
+
+### 2018-08-30
+
+* URL generated for a VizieR cone search now take into account the option 'limit', as to limit the size of the retrieved VOTable
+
+### 2018-06-11
+
+* Bug fix for rectangular selection of sources (aladin.on('select', ...  )
+
+### 2018-05-16
+
+* Add variable View.CALLBACKS_THROTTLE_TIME_MS to control minimal time between two callbacks
+
+### 2018-05-14
+
+* HTTPS support for Logger
+
+### 2018-04-20
+
+* partially fix the all-sky view (the cells borders were visible) --> delta in method HpxImageSurvey.drawOneTile2
+* add option showAllskyRing
+* all-sky is shown at orders 3 and 4
+
+### 2018-04
+
+* Add method zoomToFoV (zoom with animation)
+* doc : ajout Tour navigator library dans Plugins
+
+### 2018-01-09
+
+* Add option simbadPointer
+
+### 2018-01-08
+
+* Add option realFullscreen
+
+### 2017-12-20
+
+* Catalog.onClick can now also be a function
+
+### 2017-12-14
+
+* add function udpateShape for Catalog and ProgressiveCatalog object
+* ajout shape 'circle' pour les catalogues
+* bug fix: les cats progressifs ne s'affichaient pas quand on était zoomé et qu'on ne bougeait pas
+
+### 2017-12-13
+
+* support Circle when generating footprints from STC-S descriptions
+
+### 2017-11-30
+
+* improve positionChanged listener: no more called when clicking on an object
+* improve object shown when clicking ; it's really the closest one now
+
+### 2017-11-24
+
+* add dragging attribute to positionChanged listener callback param
+
+### 2017-10-09
+
+* add listener for 'mouseMove' event
+
+### 2017-09-28
+
+* MOC display is way faster when panning
+* Sesame bug fix when used in a local file web page
+
+### 2017-09-27
+
+* bug fix : MOC display with norder>9 (thanks to Raffaele D'Abrusco)
+* improve MOC display speed
+
+### 2017-09-21
+
+* add listener for 'click' event
+* dimensions can be specified for getViewDataURL method
+
+### 2017-09-08
+
+* gotoObject: can now take a success callback function
+* improve AITOFF display
+
+### 2017-09-07
+
+* improvement: MOCs, catalogs and overlays have now different logos in the "stack"
+
+### 2017-09-06
+
+* fix: export PNG was not working any longer in latest version of Chrome, as top frame navigation to data URL was no longer allowed
+
+### 2017-08-28
+
+* add J2000d option for frame selection
+
+### 2017-08-25
+
+* all graphical overlays (footprints, MOCs) in addition to catalogs are now visible and can be shown/hidden from the control panel
+* add skyFraction method to MOC class
+* fix: when going full screen, background is now all white (no more HTML elements visible in the background)
+* style: layer labels in Overlay layers panel are rounded at both ends
+
+### 2017-08-24
+
+* add adaptativeDisplay option for MOCs
+* try first to load MOC through given URL, and only if it fails, try through proxy (allows to load local/not publicly accessible MOCs)
+
+### July 2017
+
+* bug fix MOC
+* add method adjustFovForObject
+* add listeners on positionChanged zoomChanged
+* fix pour Andre Moitinho pour que Sesame fonctionne en HTTPS
+
+### February 2017
+
+* shape parameter when creating a catalogue can now be a custom draw function
+* bug fix, when superimposing a HiPS over a HiPS with a different coordinate frame
+
+### January 2017
+
+* added method to query SkyBot: A.catalogFromSkyBot
+
+
+### September 2016
+
+* support of HiPS catalog (new format)
+
+### June 2016
+
+* fix astrometry offset by subdividing HEALPix cells too distorted
+* new method A.MOCFromJSON to create a MOC from the JSON serialization
+
+### March 2016
+
+* added raField and decField options when creating catalogue
+
+### December 2015
+
+* added cubehelix color map
+* added option in A.catalogFromURL to bypass proxy
+* access to Simbad and VizieR data (catalogFromVizieR and catalogFromSimbad) are now done directly, without the proxy
+
+### Novembre 2015
+
+* ajout méthodes getShareURL et getEmbedCode
+
+### Octobre 2015
+
+* ajout méthodes accès facile à Simbad, NED et VizieR
+* ajout onClick comme option de Catalog: 'showTable' ou 'showPopup'
+* nouvelle version de jquery mousewheel (ça déconnait un peu sous Mac avec la précedente)
+
+### Décembre 2014
+
+* ajout displayLabel pour afficher un label d'un overlay Catalog
+* ajout option lineWidth pour objet A.graphicOverlay
+* bug fix : la liste déroulante est mise à jour correctement quand on change de frame programmatiquement
+
+### Novembre 2014
+
+* ajout nouvelles formes pour les sources
+
+### 23 octobre 2014
+
+* bug fix méthode on('objectClicked') était appelée de manière intempestive 
+quand la souris quittait le canvas
+
+### 21 octobre 2014
+
+* ajout option shape (plus ou square) pour les catalogues
+
+### 20 octobre 2014
+
+* amélioration on objectClicked et objectHivered. On envoie une valeur nulle pour signifier qu'on quitte l'objet
+* ajout méthode pour dessiner un cercle (A.circle)
+
+### 16 septembre 2014
+
+* bug fix pour nouvelle version de Firefox. Aladin lite freezait. On ne crée plus les textures individuelles pour le allsky
+
+### 24 avril 2014
+
+New in the API:
+* getSize
+* getFov
+* world2pix
+* pix2world
+* getFovCorners
+
+### Novembre 2013
+
+* ajout catalogues progressifs
+* ajout option pour fullScreen mode au démarrage
+* ajout méthode setFOVRange
+* polyfill pour Function.prototype.bind (pour Firefox < 4)
+
+### Septembre 2013
+
+* color maps
+
+### Août 2013
+
+* ajout page exemple full-screen.html
+* ajout bouton maximize in fullscreen
+* CSS dans fichier séparé
+* image réticule "cachée"
+* options pour personnaliser le réticule
+* revamped UI for layers
+* export PNG (nécessite support CORS)
+
+### Juillet 2013
+
+* ajout boutons zoom
+* ajout sélection d'objets
+
+### Fin 2013
+
+* ajout catalogue progressif
+* ajout on select, objectClicked, objectHovered

README.md

@@ -10,10 +10,22 @@ Aladin Lite is built to be easily embeddable in any web page. It powers astronom
 
 More details on [Aladin Lite documentation page](http://aladin.u-strasbg.fr/AladinLite/doc/).
 
+[![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)
+
 # How to test it ?
 
 Aladin Lite v3 is out! Please play with [Aladin Lite v3 at this link](https://aladin.u-strasbg.fr/AladinLite).
 
+## Releases
+
+For integrating Aladin Lite into your personal website, please refer to this [release page](https://aladin.cds.unistra.fr/AladinLite/doc/release/).
+Always prefer using the latest version. If you want the new features without minding about the bugs coming with it, then the beta is the good way to go.
+
+## API documentation
+
+There is a new in progress API documentation at [this link](https://cds-astro.github.io/aladin-lite).
+
 ## Embed it into your projects
 
 You can embed Aladin Lite it into your webpages in two ways
@@ -131,33 +143,53 @@ to compile the core project into WebAssembly.
 Follow the steps from the Rust official website [here](https://www.rust-lang.org/learn/get-started)
 You will also need [wasm-pack](https://rustwasm.github.io/wasm-pack/), a tool helping compiling rust into a proper .wasm file.
 
-Once it's installed you can only build the project:
+Once it's installed you will need to switch to the nightly rust version:
+
+```bash
+rustup default nightly
+```
+
+Then you can build the project:
+
 ```bash
 npm run build
 ```
 
-Or build it and launch a localhost server (usually starting on port 8080 but it can be another one if 8080 is occupied):
+:warning: **If you are experimenting rust error compilations**:
+
+- Make sure you have your **wasm-pack** version updated. To do so:
+
+```bash
+cargo install wasm-pack --version ~0.12
+```
+
+- Make sure you are using the rust **nightly** toolchain
+- Remove your `src/core/Cargo.lock` file and `src/core/target` directory -- this ensures that you'd escape any bad compilation state:
+
+```bash
+git clean -di
+```
+ 
+-  then recompile with `npm run build`.
+
+It will generate the aladin lite compiled code into a `dist/` directory located at the root of the repository. This directory contains two javascript files. `aladin.umd.cjs` follows the UMD module export convention and it is the one you can use for your project.
+
+To run the examples, you can start a localhost server with the following command:
+
 ```bash
 npm run serve
 ```
 
-For just compiling the rust core from the root location (it is faster to do so)
+For just compiling the rust core, from the root location do:
 
 ```bash
 cd src/core
 cargo check --features webgl2
 ```
 
-and run the tests
+and run the tests:
 
 ```bash
 cd src/core
 cargo test --features webgl2
 ```
-
-To generate the Rust backend API documentation
-
-```bash
-cd src/core
-cargo doc --no-deps --open
-```

assets/icons/jupyter.svg

@@ -0,0 +1,2 @@
+<?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 32 32" xmlns="http://www.w3.org/2000/svg"><title>file_type_jupyter</title><path d="M26.233,3.588A1.69,1.69,0,1,1,24.473,2a1.67,1.67,0,0,1,1.76,1.585Z" style="fill:#767677"/><path d="M16.375,23.111c-4.487,0-8.43-1.61-10.469-3.988a11.162,11.162,0,0,0,20.938,0C24.81,21.5,20.882,23.111,16.375,23.111Z" style="fill:#f37726"/><path d="M16.375,7.648c4.487,0,8.43,1.61,10.469,3.988a11.162,11.162,0,0,0-20.938,0C7.945,9.253,11.869,7.648,16.375,7.648Z" style="fill:#f37726"/><path d="M10.2,27.739a2.109,2.109,0,1,1-.2-.8,2.129,2.129,0,0,1,.2.8Z" style="fill:#9e9e9e"/><path d="M6.416,7.106A1.226,1.226,0,1,1,7.608,5.83,1.241,1.241,0,0,1,6.416,7.106Z" style="fill:#616262"/></svg>

assets/icons/link.svg

@@ -0,0 +1,5 @@
+<?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="M15.197 3.35462C16.8703 1.67483 19.4476 1.53865 20.9536 3.05046C22.4596 4.56228 22.3239 7.14956 20.6506 8.82935L18.2268 11.2626M10.0464 14C8.54044 12.4882 8.67609 9.90087 10.3494 8.22108L12.5 6.06212" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+<path d="M13.9536 10C15.4596 11.5118 15.3239 14.0991 13.6506 15.7789L11.2268 18.2121L8.80299 20.6454C7.12969 22.3252 4.55237 22.4613 3.0464 20.9495C1.54043 19.4377 1.67609 16.8504 3.34939 15.1706L5.77323 12.7373" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"/>
+</svg>

assets/icons/next.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="-8.5 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+<title>next</title>
+<path d="M0 24.781v-17.594l15.281 8.813z"></path>
+</svg>

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

@@ -20,14 +20,12 @@
     import A from '../src/js/A.js';
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {cooFrame: 'galactic', fov: 400, fullScreen: true, showCooGrid: false, showReticle: false})
+        aladin = A.aladin('#aladin-lite-div', {projection: 'MOL', cooFrame: 'galactic', fov: 360, fullScreen: true, showCooGrid: false, showReticle: false})
         aladin.gotoRaDec(79.9525321, -69.2742586)
         const gaiaFlux = aladin.createImageSurvey('P/DM/flux-G/I/355/gaiadr3', "GaiaDR3GFlux", null, null, null, {imgFormat: 'fits', stretch: 'log'})
         aladin.setBaseImageLayer(gaiaFlux)
         gaiaFlux.setCuts(3e5, 1e8)
 
-        aladin.setProjection('MOL')
-
 
         
         function notify(title, sub, delay) {

examples/al-badbaselayer.html

@@ -8,6 +8,7 @@
         import A from '../src/js/A.js';
 A.init.then(() => {
     let aladin = A.aladin('#aladin-lite-div', {fov: 70,projection: "AIT"});
+    
     let hsc = aladin.newImageSurvey("P/HSC/DR2/deep/g", {colormap:"Purples", imgFormat: "fits"});
     aladin.setBaseImageLayer(hsc);
 

examples/al-coronelli.html

@@ -252,13 +252,13 @@
         aladin.addCatalog(hipsCats['constellations-boundaries']);
         aladin.addCatalog(hipsCats['gaia']);
 
-
         var coronelliStars = {
-        'coronelli-stars-white': A.catalogFromURL("http://cdsweb.u-strasbg.fr/~derriere/coronelli/white.xml", {name: 'Coronelli white', color: '#ffffff', shape: 'rhomb', sourceSize: 10}),
-        'coronelli-stars-yellow': A.catalogFromURL("http://cdsweb.u-strasbg.fr/~derriere/coronelli/yellow.xml", {name: 'Coronelli yellow', color: '#f6f874', shape: 'rhomb', sourceSize: 10}),
-        'coronelli-stars-red': A.catalogFromURL("http://cdsweb.u-strasbg.fr/~derriere/coronelli/red.xml", {name: 'Coronelli red', color: '#ff5555', shape: 'rhomb', sourceSize: 10}),
-        'coronelli-stars-blue': A.catalogFromURL("http://cdsweb.u-strasbg.fr/~derriere/coronelli/blue.xml", {name: 'Coronelli blue', color: '#1ca5ec', shape: 'rhomb', sourceSize: 10})
+            'coronelli-stars-white': A.catalogFromURL("http://cdsweb.u-strasbg.fr/~derriere/coronelli/white.xml", {name: 'Coronelli white', color: '#ffffff', shape: 'rhomb', sourceSize: 10}),
+            'coronelli-stars-yellow': A.catalogFromURL("http://cdsweb.u-strasbg.fr/~derriere/coronelli/yellow.xml", {name: 'Coronelli yellow', color: '#f6f874', shape: 'rhomb', sourceSize: 10}),
+            'coronelli-stars-red': A.catalogFromURL("http://cdsweb.u-strasbg.fr/~derriere/coronelli/red.xml", {name: 'Coronelli red', color: '#ff5555', shape: 'rhomb', sourceSize: 10}),
+            'coronelli-stars-blue': A.catalogFromURL("http://cdsweb.u-strasbg.fr/~derriere/coronelli/blue.xml", {name: 'Coronelli blue', color: '#1ca5ec', shape: 'rhomb', sourceSize: 20})
         };
+
         coronelliStars['coronelli-stars-white'].hide();
         coronelliStars['coronelli-stars-yellow'].hide();
         coronelliStars['coronelli-stars-red'].hide();

examples/al-customize-button.html

@@ -4,6 +4,7 @@
 </head>
 <body>
 
+
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
 
 <script type="module">
@@ -24,21 +25,9 @@
             }
         );
 
-        let toolbar = A.toolbar({
-            cssStyle: {
-                backgroundColor: 'white',
-                border: '2px solid green',
-            },
-            position: {
-                anchor: 'left bottom'
-            }
-        });
-
         let btn = A.button({
-            content: 'Draw your coverage',
-            cssStyle: {
-                backgroundColor: 'pink',
-            },
+            content: 'My button',
+            classList: ['myButton'],
             tooltip: {cssStyle: {color: 'red'}, content: 'Create a moc in pink!', position: {direction: 'top'}},
             action(o) {
                 aladin.select('poly', p => {
@@ -64,17 +53,52 @@
         });
         let btn2 = A.button({
             content: 'I do nothing',
-            cssStyle: {
-                backgroundColor: 'pink',
-            },
             tooltip: {cssStyle: {color: 'red'}, content: 'Create a moc in pink!', position: {direction: 'top'}},
         });
-        toolbar.add([btn, btn2])
 
-        aladin.addUI(toolbar)
+        aladin.addUI(btn)
 
+        aladin.addUI(A.box({
+            header: {
+                title: "My window",
+                draggable: true,
+            },
+            classList: ['myBox'],
+            content: "This is the content of my window<br/> I can write proper html",
+        }))
+
+        aladin.addStatusBarMessage({
+            duration: 10000,
+            type: 'info',
+            message: 'Aladin Lite v3.3 is out. New features available:<ul><li>New Button, Box <b>objects</b></li><li>Polygonal, circular selection</li></ul>'
+        })
     });
 </script>
+<style>
+    .aladin-stack-control {
+        position: absolute;
+        top: 10rem;
+        left: 10rem;
+    }
 
+    .myBox {
+        top: unset;
+        bottom: 0;
+        left: 0;
+    }
+
+    .myButton {
+        position: absolute;
+        bottom: 0;
+        left: 0;
+
+        background-color: pink;
+    }
+
+    .aladin-cooFrame {
+        position: absolute;
+        top: 10rem;
+    }
+</style>
 </body>
 </html>

examples/al-displayFITS.html

@@ -15,10 +15,10 @@
 
         aladin.displayFITS(
             //'https://fits.gsfc.nasa.gov/samples/FOCx38i0101t_c0f.fits', // url of the fits file
-            'fits/HorseHead.fits',
-            //'fits/neowise.fits',
-            //'fits/irac.fits',
-            //'fits/FOCx38i0101t_c0f.fits',
+            'data/fits/HorseHead.fits',
+            //'data/fits/neowise.fits',
+            //'data/fits/irac.fits',
+            //'data/fits/FOCx38i0101t_c0f.fits',
             {
                 minCut: 5000,
                 maxCut: 17000,
@@ -26,6 +26,7 @@
             }, // no optional params
             (ra, dec, fov, image) => {
                 // ra, dec and fov are centered around the fits image
+                console.log("jjj", image)
                 image.setColormap("magma", {stretch: "asinh"});
 
                 aladin.gotoRaDec(ra, dec);

examples/al-dom-detached.html

@@ -0,0 +1,47 @@
+<!doctype html>
+<html>
+<head>
+</head>
+<body>
+
+
+<script type="module">
+    import A from '../src/js/A.js';
+    
+    let el = document.createElement('div')
+    el.id = "aladin-lite-div"
+    el.style.width = '1024px';
+    el.style.height = '768px';
+
+    let aladin;
+    A.init.then(() => {
+        var aladin = A.aladin(
+            el,
+            {
+                projection: 'AIT', // set a projection
+                fov: 1.5, // initial field of view in degrees
+                target: 'NGC 2175', // initial target
+                cooFrame: 'galactic', // set galactic frame
+                reticleColor: '#ff89ff', // change reticle color
+                reticleSize: 64, // change reticle size
+                showCooGrid: true, // set the grid
+                fullScreen: true,
+                showShareControl: true,
+                showSettingsControl: true,
+                showLayersControl: true,
+                showContextMenu: true,
+                showFullscreenControl: true,
+            }
+        );
+
+        document.body.appendChild(el);
+    });
+
+</script>
+<style>
+    .aladin-stack-control {
+        bottom: 0;
+    }
+</style>
+</body>
+</html>

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

@@ -16,15 +16,8 @@
         showContextMenu: true,
         fullScreen: true,
         showSimbadPointerControl: true,
-        showLayersControl: false,
-        showSimbadPointerControl: false,
         showShareControl: true,
-        showStatusBar: {
-          position: {
-            bottom: 0,
-            left: '3rem'
-          },
-        },
+        showSettingsControl: true,
         showStackLayerControl: true,
         samp: true,
       });

examples/al-easy-access-vizier.html

@@ -36,6 +36,8 @@ A.init.then(() => {
         console.log(objs, "are selected");
     })
 
+    aladin.select();
+
 });
 </script>
 </body>

examples/al-fov-range.html

@@ -0,0 +1,42 @@
+<!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';
+    let aladin;
+    A.init.then(() => {
+        var aladin = A.aladin(
+            '#aladin-lite-div',
+            {
+                survey: 'P/allWISE/color', // set initial image survey
+                projection: 'AIT', // set a projection
+                fov: 1.5, // initial field of view in degrees
+                target: 'NGC 2175', // initial target
+                cooFrame: 'galactic', // set galactic frame
+                reticleColor: '#00ff00', // change reticle color
+                reticleSize: 40, // change reticle size
+                gridOptions: {color: 'pink'},
+                showCooGrid: true, // set the grid
+                fullScreen: true,
+                showShareControl: true,
+                showSettingsControl: true,
+                showLayersControl: true,
+                showZoomControl: true,
+                showContextMenu: true,
+                showCooGridControl: true,
+                showSimbadPointerControl: true,
+                showFullscreenControl: true,
+            }
+        );
+
+        aladin.setFoVRange(1, 60)
+    });
+</script>
+
+</body>
+</html>

examples/al-fullscreen.html

@@ -0,0 +1,26 @@
+<!doctype html>
+<html>
+<head>
+</head>
+<body>
+    <div>
+<div id="offset" style="display: inline-block; width: 200px; height: 100px"></div>
+<div id="aladin-lite-div" style="display: inline-block; width: 50%"></div>
+</div>
+<!--<script type="text/javascript" src="https://aladin.cds.unistra.fr/AladinLite/api/v3/latest/aladin.js" charset="utf-8"></script>-->
+
+
+<script>let aladin, hips</script>
+<script type="module">
+    import A from '../src/js/A.js';
+    A.init.then(() => {
+        aladin = A.aladin('#aladin-lite-div', {projection: 'TAN', cooFrame: 'galactic', showSettingsControl: true, showSimbadPointerControl: true, showContextMenu: true, target: 'galactic center', survey: 'P/Finkbeiner'});
+        // possible values are 'blues', 'cividis', 'cubehelix', 'eosb', 'grayscale', 'inferno', 'magma', 'native', 'parula', 'plasma', 'rainbow',
+        // 'rdbu', 'rdylbu', 'redtemperature', 'sinebow', 'spectral', 'summer', 'viridis', 'ylgnbu' and 'ylorbr'
+
+        //aladin.getBaseImageLayer().setColor([1.0, 0.0, 1.0, 1.0], { tf: 'Linear'} );
+    });
+</script>
+
+</body>
+</html>

examples/al-gaiadr3.html

@@ -38,8 +38,6 @@
   <script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
   <script type="module">
     import A from '../src/js/A.js';
-    $('#layersControl').show();
-
     var curSelectedSource = null;
     let aladin;
     A.init.then(() => {

examples/al-gw.html

@@ -12,10 +12,10 @@
     A.init.then(() => {
         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("./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("./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("./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("./gw/gw_0.1.fits",{ name: "GW 10%", color: "#ff00ff", opacity: 0.5, lineWidth: 3, fill: true, perimeter: true});
+        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});
 
         aladin.addMOC(moc_0_99);
         aladin.addMOC(moc_0_95);

examples/al-hips-local.html

@@ -12,7 +12,7 @@
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', {target: 'galactic center'});
         
-        let survey = aladin.createImageSurvey('hips gaia', "hips gaia name", "./hips/gaia", undefined, undefined, {colormap:"viridis"});
+        let survey = aladin.createImageSurvey('hips gaia', "hips gaia name", "data/hips/gaia", undefined, undefined, {colormap:"viridis"});
         aladin.setBaseImageLayer(survey);
     });
 </script>

examples/al-hips-order-list.html

@@ -13,9 +13,9 @@
         aladin = A.aladin('#aladin-lite-div', {survey: 'http://alasky.cds.unistra.fr/ancillary/GaiaDR2/hips-density-map/', showProjectionControl: true, showContextMenu: true, showStatusBar: true, fullScreen: true, target: 'galactic center'});
 
         const fluxMap = aladin.createImageSurvey('gdr3-color-flux-map', 'Gaia DR3 flux map', 'https://alasky.u-strasbg.fr/ancillary/GaiaEDR3/color-Rp-G-Bp-flux-map', 'equatorial', 7);
-        const densityMap = aladin.createImageSurvey('gdr3-density-map', 'Gaia DR3 density map', 'sdfsg', 'equatorial', 7, {imgFormat: 'fits'});
-        const decaps = aladin.createImageSurvey("decaps", "DECaPS DR1", "http://alasky.u-strasbg.fr/DECaPS/DR1/color/", "equatorial", 11, {imgFormat: 'png'});
-        const panstarrs = aladin.createImageSurvey("panstarrs", "PanSTARRS", "http://alasky.u-strasbg.fr/Pan-STARRS/DR1/color-i-r-g/", "equatorial", 11, {imgFormat: 'jpg'});
+        const densityMap = aladin.createImageSurvey('gdr3-density-map', 'Gaia DR3 density map', 'sdfsg', 'equatorial', 7, {formats: ['fits']});
+        const decaps = aladin.createImageSurvey("decaps", "DECaPS DR1", "http://alasky.u-strasbg.fr/DECaPS/DR1/color/", "equatorial", 11, {formats: ['png'], tileSize: 512});
+        const panstarrs = aladin.createImageSurvey("panstarrs", "PanSTARRS", "http://alasky.u-strasbg.fr/Pan-STARRS/DR1/color-i-r-g/", "equatorial", 11, {formats: ['jpg']});
 
         aladin.setOverlayImageLayer(fluxMap)
         aladin.setOverlayImageLayer(densityMap, "density")

examples/al-image-hips.html

@@ -0,0 +1,34 @@
+
+<!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';
+
+    A.init.then(() => {
+        // Start up Aladin Lite
+        let aladin = A.aladin('#aladin-lite-div', {target: 'Sgr a*', fov: 0.5, showContextMenu: true});
+        let survey1 = aladin.getBaseImageLayer();
+        survey1.setColormap('magma', {stretch: 'linear'});
+        
+        let survey2 = aladin.newImageSurvey("CDS/P/2MASS6X/H");
+        aladin.setImageLayer(survey2)
+        survey2.setColormap('rdbu', {stretch: 'asinh'});
+        
+        let survey3 = aladin.newImageSurvey("https://alasky.cds.unistra.fr/CFHTLS-T0007b/Deep/UALLSKY/");
+        aladin.setImageLayer(survey3)
+        survey3.setColormap('cubehelix', {stretch: 'linear'});
+
+        aladin.setImageLayer(survey2);
+        aladin.setImageLayer(survey3);
+        aladin.setImageLayer(survey3);
+
+        //aladin.setOverlayImageLayer(survey2);
+    });
+</script>
+</body>
+</html>

examples/al-image-layer-by-name.html

@@ -10,8 +10,7 @@
     import A from '../src/js/A.js';
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {target: 'galactic center'});
-        aladin.setImageSurvey('P/allWISE/color');
+        aladin = A.aladin('#aladin-lite-div', {survey: 'P/allWISE/color', target: 'galactic center'});
     });
 </script>
 

examples/al-imcce-vot.html

@@ -0,0 +1,27 @@
+<!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';
+  let aladin;
+  A.init.then(() => {
+      // Start up Aladin Lite
+      aladin = A.aladin('#aladin-lite-div', {
+        target: '09 55 52.4 +69 40 47',
+        fov: 0.25,
+        showContextMenu: true,
+        fullScreen: true,
+        showSimbadPointerControl: true,
+      });
+
+      aladin.addCatalog(A.catalogFromURL('./data/votable/IMCCE.with_namespace.vot', {onClick: 'showTable', limit: 1000}));
+  });
+</script>
+
+</body>
+</html>

examples/al-init-custom-options.html

@@ -8,9 +8,10 @@
 
 <script type="module">
     import A from '../src/js/A.js';
-    let aladin;
+    var aladin;
+
     A.init.then(() => {
-        var aladin = A.aladin(
+        aladin = A.aladin(
             '#aladin-lite-div',
             {
                 survey: 'P/allWISE/color', // set initial image survey
@@ -18,12 +19,18 @@
                 fov: 1.5, // initial field of view in degrees
                 target: 'NGC 2175', // initial target
                 cooFrame: 'galactic', // set galactic frame
-                reticleColor: '#ff89ff', // change reticle color
-                reticleSize: 64, // change reticle size
+                reticleColor: '#00ff00', // change reticle color
+                reticleSize: 40, // change reticle size
+                gridOptions: {color: 'pink'},
                 showCooGrid: true, // set the grid
                 fullScreen: true,
                 showShareControl: true,
+                showSettingsControl: true,
+                showLayersControl: true,
+                showZoomControl: true,
                 showContextMenu: true,
+                showCooGridControl: true,
+                //showSimbadPointerControl: true,
                 showFullscreenControl: true,
             }
         );

examples/al-multiple-surveys.html

@@ -4,12 +4,11 @@
 </head>
 <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(() => {
-        aladin = A.aladin('#aladin-lite-div', {fullScreen: true, survey: ['P/DM/vizMine', 'P/HST/GOODS/color', 'P/MATLAS/g'], target: '0 0', showProjectionControl: true, showCooGrid: true, fov: 180});
+        aladin = A.aladin('#aladin-lite-div', {projection: 'MOL', fullScreen: true, fov: 360, survey: ['P/DM/vizMine', 'P/HST/GOODS/color', 'P/MATLAS/g'], target: '0 0', showProjectionControl: true, showSettingsControl: true, showCooGrid: true});
     });
 </script>
 

examples/al-no-properties.html

@@ -0,0 +1,27 @@
+<!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: 70,projection: "AIT"});
+    
+    aladin.setOverlayImageLayer(A.imageHiPS(
+        'Fermi',
+        "https://alasky.cds.unistra.fr/Fermi/Color",
+        {
+            name: "Fermi color",
+            maxOrder: 3,
+            imgFormat: 'jpeg',
+            tileSize: 512,
+            cooFrame: 'equatorial'
+        }
+    ));
+
+});
+</script>
+</body>
+</html>

examples/al-perseverence.html

@@ -14,13 +14,14 @@
         // Start up Aladin Lite
         aladin = A.aladin('#aladin-lite-div', {
             fov: 360,
+            projection: 'MER',
             target: '0 0',
             fullScreen: true,
             survey: "CDS/P/Mars/Pan-Perseverance-PIA24422",
             showCooGrid: true,
             showCooGridControl: true,
         });
-        aladin.setProjection('MER');
+
   });
 </script>
 

examples/al-set-colormap.html

@@ -6,14 +6,18 @@
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
 
 <div id='aladin-statsDiv'></div>
+<script>let aladin, hips</script>
 <script type="module">
     import A from '../src/js/A.js';
-    let aladin;
     A.init.then(() => {
         aladin = A.aladin('#aladin-lite-div', {cooFrame: 'galactic', target: 'galactic center', survey: 'P/Finkbeiner'});
         // possible values are 'blues', 'cividis', 'cubehelix', 'eosb', 'grayscale', 'inferno', 'magma', 'native', 'parula', 'plasma', 'rainbow',
         // 'rdbu', 'rdylbu', 'redtemperature', 'sinebow', 'spectral', 'summer', 'viridis', 'ylgnbu' and 'ylorbr'
-        aladin.getBaseImageLayer().setColormap("cubehelix");
+        hips = aladin.getBaseImageLayer()
+        hips.setColormap("cubehelix");
+
+        aladin.setImageSurvey('astron.nl/P/lotss_dr2_high')
+
         //aladin.getBaseImageLayer().setColor([1.0, 0.0, 1.0, 1.0], { tf: 'Linear'} );
     });
 </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('./eso.xml', {onClick: 'showTable'});
+        const c1 = A.catalogFromURL('./data/eso.xml', {onClick: 'showTable'});
         aladin.addCatalog(c1);
     });
 </script>

examples/al-soda-ska.html

@@ -10,9 +10,9 @@
     import A from '../src/js/A.js';
     let aladin;
     A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {fullScreen: true, target: "Abell 194", fov: 180, projection: 'SIN', showContextMenu: true});
-
-        A.catalogFromSKAORucio("m51", 90, {onClick: 'showTable'}, (cat) => {
+        aladin = A.aladin('#aladin-lite-div', {fullScreen: true, target: "Abell 194", fov: 180, projection: 'AIT', showContextMenu: true});
+        aladin.setImageSurvey('astron.nl/P/lotss_dr2_high')
+        A.catalogFromSKAORucio("Abell 194", 90, {onClick: 'showTable'}, (cat) => {
             aladin.addCatalog(cat);
         });
 
@@ -20,7 +20,7 @@
             aladin.addCatalog(cat);
         });
 
-        A.catalogFromURL('votable/CDS-B-jcmt-obscore.xml', {onClick: 'showTable'}, (cat) => {
+        A.catalogFromURL('data/votable/CDS-B-jcmt-obscore.xml', {onClick: 'showTable'}, (cat) => {
             aladin.addCatalog(cat);
         });*/
         A.catalogFromURL('https://aladin.cds.unistra.fr/ObsCoreRucioScs.xml', {onClick: 'showTable'}, (cat) => {

examples/al-zoom-meerkat.html

@@ -5,8 +5,6 @@
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
 
-<div id='aladin-statsDiv'></div>
-
 <script type="module">
     import A from '../src/js/A.js';