set to production

change the deploy
npm pack
2025-12-24 20:10:30 -08:00 · 2023-05-26 18:43:50 +02:00 · 2023-05-26 18:43:40 +02:00 · 2023-05-26 18:35:21 +02:00 · 2023-05-26 18:16:02 +02:00 · 2023-05-26 18:16:02 +02:00
1988 changed files with 5704 additions and 2960 deletions
--- a/.github/workflows/npm-publish.yml
+++ b/.github/workflows/npm-publish.yml
@@ -0,0 +1,35 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
+
+name: Publish to NPM
+
+on:
+  release:
+    types: [created]
+  workflow_dispatch:
+
+jobs:
+  publish-npm:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          registry-url: https://registry.npmjs.org/
+      - name: "Install the rust compiler"
+        run: |
+          curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
+          source "$HOME/.cargo/env"
+      - name: "Install wasm-pack"
+        run: |
+          curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y
+      - name: "Install dependencies"
+        run: |
+          npm install
+      - name: "Build Aladin Lite"
+        run: |
+          npm run build
+          npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.NPM_TOKEN}}
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -0,0 +1,35 @@
+name: Run tests
+on:
+  push:
+    branches:
+      - develop
+  pull_request:
+    branches:
+      - develop
+  # Allows to run this workflow manually from the Actions tab
+  workflow_dispatch:
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: "Checkout branch ${{ github.head_ref }}"
+        uses: actions/checkout@v3
+      - name: "Setup node"
+        uses: actions/setup-node@v3
+        with:
+          node-version: 16
+      - name: "Install the rust compiler"
+        run: |
+          curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh -s -- -y
+          source "$HOME/.cargo/env"
+      - name: "Install wasm-pack"
+        run: |
+          curl https://rustwasm.github.io/wasm-pack/installer/init.sh -sSf | sh -s -- -y
+      - name: "Install dependencies"
+        run: |
+          npm install
+      - name: "Build Aladin Lite"
+        run: |
+          npm run build
+      - name: "Run some tests"
+        run: npm test
--- a/README.md
+++ b/README.md
@@ -14,7 +14,13 @@ More details on [Aladin Lite documentation page](http://aladin.u-strasbg.fr/Alad

 Aladin Lite v3 is out! Please play with [Aladin Lite v3 at this link](https://aladin.u-strasbg.fr/AladinLite).

-If you want to embed it into your webpage, please include [the javascript script of Aladin Lite v3](https://aladin.cds.unistra.fr/AladinLite/api/v3/latest/aladin.js) into your project. API differences from the v2 are minimal, here is a snippet of code you can use to embed it into your webpages:
+## Embed it into your projects
+
+You can embed Aladin Lite it into your webpages in two ways
+
+### The vanilla way
+
+Please include [the javascript script of Aladin Lite v3](https://aladin.cds.unistra.fr/AladinLite/api/v3/latest/aladin.js) into your project. API differences from the v2 are minimal, here is a snippet of code you can use to embed it into your webpages:

 ```js
 <!doctype html>
@@ -39,6 +45,37 @@ If you want to embed it into your webpage, please include [the javascript script
 </html>
 ```

+### Using the aladin lite NPM package
+
+First, install it with npm:
+
+```npm i aladin-lite```
+
+Second, you can use it that way:
+
+```js
+<!doctype html>
+<html>
+<head>
+    <!-- Mandatory when setting up Aladin Lite v3 for a smartphones/tablet usage -->
+    <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: 500px; height: 400px"></div>
+
+<script type="module">
+    import A from 'aladin-lite';
+
+    A.init.then(() => {
+        let aladin = A.aladin('#aladin-lite-div', {fov: 360, projection: "AIT", cooFrame: 'equatorial', showCooGridControl: true, showSimbadPointerControl: true, showCooGrid: true});
+    });
+</script>
+
+</body>
+</html>
+```
+
 ## Goals of v3

 - Rust/WebGL new core integration
@@ -62,7 +99,6 @@ If you want to embed it into your webpage, please include [the javascript script
 ## Source code

 Source code is available in the ``src`` directory.
-Precisely, the core is implemented in Rust and can be found in ``src/core``.

 ## Licence

@@ -93,7 +129,7 @@ npm install
 After that you are supposed to have the Rust toolchain installed
 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:
 ```bash
@@ -116,7 +152,7 @@ and run the tests

 ```bash
 cd src/core
-cargo test
+cargo test --features webgl2
 ```

 To generate the Rust backend API documentation
--- a/deploy-dbg.sh
+++ b/deploy-dbg.sh
@@ -1,12 +1,15 @@
 USER_ALADIN="matthieu.baumann"
 DATEUPLOAD="$(date '+%Y-%m-%d')"

-ssh $USER_ALADIN@aladin 'sg hips -c "mkdir -p $HOME/al-tmp && rm -rf $HOME/al-tmp/*"'
+ssh $USER_ALADIN@aladin 'sg hips -c "mkdir -p /home/matthieu.baumann/al-tmp && rm -rf /home/matthieu.baumann/al-tmp/*"'
 # Copy the dist files
 scp dist/* $USER_ALADIN@aladin:~/al-tmp
+# Copy the tgz
+cp aladin-l*.tgz aladin-lite.tgz
+scp aladin-lite.tgz $USER_ALADIN@aladin:~/al-tmp

-ssh $USER_ALADIN@aladin 'sg hips -c "rm -rf /home/thomas.boch/AladinLite/www/api/v3/21-02-2023d && 
-mkdir -p /home/thomas.boch/AladinLite/www/api/v3/21-02-2023d && 
-cp $HOME/al-tmp/* /home/thomas.boch/AladinLite/www/api/v3/21-02-2023d && 
+ssh $USER_ALADIN@aladin "sg hips -c 'rm -rf /home/thomas.boch/AladinLite/www/api/v3/d$DATEUPLOAD && 
+mkdir -p /home/thomas.boch/AladinLite/www/api/v3/d$DATEUPLOAD && 
+cp /home/matthieu.baumann/al-tmp/* /home/thomas.boch/AladinLite/www/api/v3/d$DATEUPLOAD && 
 rm -rf /home/thomas.boch/AladinLite/www/api/v3/beta && 
-ln -s /home/thomas.boch/AladinLite/www/api/v3/21-02-2023d /home/thomas.boch/AladinLite/www/api/v3/beta"'
+ln -s /home/thomas.boch/AladinLite/www/api/v3/d$DATEUPLOAD /home/thomas.boch/AladinLite/www/api/v3/beta'"
--- a/deploy.sh
+++ b/deploy.sh
@@ -1,11 +1,16 @@
 USER_ALADIN="matthieu.baumann"
 DATEUPLOAD="$(date '+%Y-%m-%d')"

-ssh $USER_ALADIN@aladin 'sg hips -c "mkdir -p $HOME/al-tmp && rm -rf $HOME/al-tmp/*"'
-scp dist/* $USER_ALADIN@aladin:~/al-tmp
+ssh $USER_ALADIN@aladin 'sg hips -c "mkdir -p /home/matthieu.baumann/al-tmp && rm -rf /home/matthieu.baumann/al-tmp/*"'
+# Copy the dist files
+# For compatibility with the docs, rename the UMD file into aladin.js
+scp dist/aladin.umd.cjs $USER_ALADIN@aladin:~/al-tmp/aladin.js
+# Copy the tgz
+cp aladin-l*.tgz aladin-lite.tgz
+scp aladin-lite.tgz $USER_ALADIN@aladin:~/al-tmp

-ssh $USER_ALADIN@aladin 'sg hips -c "rm -rf /home/thomas.boch/AladinLite/www/api/v3/22-12-2022 && 
-mkdir -p /home/thomas.boch/AladinLite/www/api/v3/22-12-2022 && 
-cp $HOME/al-tmp/* /home/thomas.boch/AladinLite/www/api/v3/22-12-2022 && 
+ssh $USER_ALADIN@aladin "sg hips -c 'rm -rf /home/thomas.boch/AladinLite/www/api/v3/$DATEUPLOAD && 
+mkdir -p /home/thomas.boch/AladinLite/www/api/v3/$DATEUPLOAD && 
+cp /home/matthieu.baumann/al-tmp/* /home/thomas.boch/AladinLite/www/api/v3/$DATEUPLOAD && 
 rm -rf /home/thomas.boch/AladinLite/www/api/v3/latest && 
-ln -s /home/thomas.boch/AladinLite/www/api/v3/22-12-2022 /home/thomas.boch/AladinLite/www/api/v3/latest"'
+ln -s /home/thomas.boch/AladinLite/www/api/v3/$DATEUPLOAD /home/thomas.boch/AladinLite/www/api/v3/latest'"
--- a/examples/al-ESO-outreach.html
+++ b/examples/al-ESO-outreach.html
--- a/examples/al-HST-outreach.html
+++ b/examples/al-HST-outreach.html
--- a/examples/al-aas225.html
+++ b/examples/al-aas225.html
@@ -1,23 +1,15 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
-
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    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: "sinebow", 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);
--- a/examples/al-adass2022.html
+++ b/examples/al-adass2022.html
@@ -1,24 +1,19 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {survey: ["P/PanSTARRS/DR1/color-i-r-g"], showReticle: false, gridOptions: {opacity: 0.5}, projection: "AIT", cooFrame: 'galactic', target: "93.2721132 -20.9942421", fov: 1000, showGotoControl: false, showFrame: false, fullScreen: true, showLayersControl: true, showCooGrid: false, 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'});
+        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"});
        
        aladin.setOverlayImageLayer("CFHT", "CFHT");
        aladin.setOverlayImageLayer("Nircam", "Nircam");
--- a/examples/al-additive-blend.html
+++ b/examples/al-additive-blend.html
@@ -4,24 +4,21 @@
 </head>
 <body>
    <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
 A.init.then(() => {
    let aladin = A.aladin('#aladin-lite-div', {projection: "TAN", survey: "P/HSC/DR2/deep/g", target: '02 21 36.529 -05 31 20.16', fov: 0.1});

    let hscGreenSurvey = aladin.getBaseImageLayer();
    hscGreenSurvey.setImageFormat("fits");
-    console.log(hscGreenSurvey)
    hscGreenSurvey.setColormap("green", { stretch: "asinh" });
    hscGreenSurvey.setCuts(-0.2186, 5.30322);

-    const HSCRedSurvey = aladin.createImageSurvey('HSC-r', "HSC red", "CDS/P/HSC/DR2/deep/r", null, null, {imgFormat: 'fits', colormap: "red", minCut: 0.34228, maxCut: 2.75785, additive: true, stretch: "asinh"});
-    const HSCBlueSurvey = aladin.createImageSurvey('HSC-b', "HSC blue", "CDS/P/HSC/DR2/deep/z", null, null, {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('HSC-r', 'hsc red layer');
-    aladin.setOverlayImageLayer('HSC-b', '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>
--- a/examples/al-animation-CS-CDS-2022.html
+++ b/examples/al-animation-CS-CDS-2022.html
@@ -16,10 +16,8 @@
    </div>
 </div>

-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-<!-- <script type="text/javascript" src="https://aladin.u-strasbg.fr/AladinLite/api/v3/latest/aladin.js" charset="utf-8"></script> -->
-
-<script type="text/javascript">
+<script type="module">
+    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})
--- a/examples/al-animation.html
+++ b/examples/al-animation.html
@@ -1,18 +1,14 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
 <!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {survey: "P/SPITZER/color", cooFrame: 'galactic', fov: 5});
--- a/examples/al-artifact.html
+++ b/examples/al-artifact.html
@@ -0,0 +1,29 @@
+<!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: 'https://alasky.cds.unistra.fr/Pan-STARRS/DR1/color-z-zg-g/', // set initial image survey
+                projection: 'SIN', // set a projection
+                fov: 114.19, // initial field of view in degrees
+                target: '19 24 51.556 +45 16 44.36', // initial target
+                cooFrame: 'equatorial', // set galactic frame
+                showCooGrid: true, // set the grid
+                fullScreen: true,
+            }
+        );
+    });
+</script>
+
+</body>
+</html>
--- a/examples/al-badbaselayer.html
+++ b/examples/al-badbaselayer.html
@@ -4,10 +4,8 @@
 </head>
 <body>
    <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+    <script type="module">
+        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"});
--- a/examples/al-cat-custom-draw-function.html
+++ b/examples/al-cat-custom-draw-function.html
@@ -1,18 +1,14 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
 <!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        // Start up Aladin Lite
--- a/examples/al-cat-custom-shape.html
+++ b/examples/al-cat-custom-shape.html
@@ -1,18 +1,14 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
 <!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {survey: 'P/DSS2/red', target: 'M50', fov: 0.3});
--- a/examples/al-catalog-hips-filter.html
+++ b/examples/al-catalog-hips-filter.html
@@ -1,9 +1,6 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

@@ -15,10 +12,8 @@ Show sources with proper motion greater than:
 <input id='slider' style='vertical-align:middle;width:60vw;' step='1' min='0' max='500' type='range' value='0'>
 <span id='pmVal'  >0 mas/yr</span><br><br><div id='aladin-lite-div' style='width: 500px;height: 500px;'></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        var pmThreshold = 0;
@@ -40,7 +35,7 @@ Show sources with proper motion greater than:
            return totalPm>pmThreshold;
        }
        
-        aladin = A.aladin('#aladin-lite-div', {target: 'gal center',fov: 150});
+        aladin = A.aladin('#aladin-lite-div', {target: 'gal center',fov: 150, showContextMenu: true});
        var hips = A.catalogHiPS('http://axel.u-strasbg.fr/HiPSCatService/I/345/gaia2', {onClick: 'showTable', color: 'orange', name: 'Gaia', filter: myFilterFunction});
         aladin.addCatalog(hips);
        
--- a/examples/al-catalog-hips-shape.html
+++ b/examples/al-catalog-hips-shape.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(() => {
+        aladin = A.aladin('#aladin-lite-div', {target: 'LMC', fov: 55, showContextMenu: true});
+        // define custom draw function
+        var drawFunction = function(source, canvasCtx, viewParams) {
+            canvasCtx.beginPath();
+            canvasCtx.arc(source.x, source.y, source.data['coo_err_min'] * 5, 0, 2 * Math.PI, false);
+            canvasCtx.closePath();
+            canvasCtx.strokeStyle = '#c38';
+            canvasCtx.lineWidth = 3;
+            canvasCtx.globalAlpha = 0.7,
+            canvasCtx.stroke();
+            var fov = Math.max(viewParams['fov'][0], viewParams['fov'][1]);
+
+            // object name is displayed only if fov<10°
+            if (fov>10) {
+                return;
+            }
+
+            canvasCtx.globalAlpha = 0.9;
+            canvasCtx.globalAlpha = 1;
+        };
+
+        var hips = A.catalogHiPS('https://axel.u-strasbg.fr/HiPSCatService/Simbad', {onClick: 'showTable', name: 'Simbad', shape: drawFunction});
+        aladin.addCatalog(hips);
+    });
+</script>
+
+</body>
+</html>
+
+
--- a/examples/al-catalog-hips.html
+++ b/examples/al-catalog-hips.html
@@ -1,21 +1,16 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {target: 'LMC', fov: 55});
+        aladin = A.aladin('#aladin-lite-div', {target: 'LMC', fov: 55, showContextMenu: true});
        var hips = A.catalogHiPS('https://axel.u-strasbg.fr/HiPSCatService/Simbad', {onClick: 'showTable', name: 'Simbad'});
        aladin.addCatalog(hips);
    });
--- a/examples/al-cfht.html
+++ b/examples/al-cfht.html
@@ -1,17 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+  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", fov:1.5, target: "NGC 7318B"});
--- a/examples/al-chinavo.html
+++ b/examples/al-chinavo.html
@@ -1,17 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+  import A from '../src/js/A.js';
  let aladin;
  A.init.then(() => {
      // Start up Aladin Lite
--- a/examples/al-coronelli.html
+++ b/examples/al-coronelli.html
@@ -221,13 +221,11 @@
    .coro-star {
        vertical-align: middle;
    }
-    
-
 </style>

-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
+<script type="module">
+    import A from '../src/js/A.js';

-<script type="text/javascript">
    let aladin;
    A.init.then(() => {
        var hipsDir="http://alasky.u-strasbg.fr/CDS_P_Coronelli";
--- a/examples/al-displayFITS.html
+++ b/examples/al-displayFITS.html
@@ -2,23 +2,20 @@
 <!doctype html>
 <html>
 <head>
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-<!--<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> -->
 </head>
 <body>

 <div id="aladin-lite-div" style="width:440px;height:300px"></div>

-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {cooFrame: "icrs", fullScreen: true});

        aladin.displayFITS(
-            'http://data.astropy.org/tutorials/FITS-images/HorseHead.fits', // url of the fits file
-            //'fits/HorseHead.fits',
+            //'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',
@@ -26,11 +23,13 @@
                minCut: 5000,
                maxCut: 17000,
            }, // no optional params
-            (ra, dec, fov, image) => { // ra, dec and fov are centered around the fits image
+            (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);
-            }
+            },
        );
    });
 </script>
--- a/examples/al-displayJPG.html
+++ b/examples/al-displayJPG.html
@@ -2,8 +2,6 @@
 <!doctype html>
 <html>
 <head>
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-<!--<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> -->
 </head>
 <body>

@@ -18,11 +16,8 @@ Image Opacity: <br/> <input id="slider" type="range" value=1 min=0 max=1 step=0.
 <input id="DSS" type="radio" name="survey" value="P/DSS2/Color" checked><label for="DSS">Optical (DSS2)  <label>
 <input id="2MASS" type="radio" name="survey" value="P/2MASS/Color"><label for="2MASS">Infrared (2MASS)<label>

-<div id='aladin-statsDiv'></div>
-
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {target: "0 0", cooFrame: "gal"});
--- a/examples/al-distortion.html
+++ b/examples/al-distortion.html
@@ -6,9 +6,8 @@
 <body>

 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        /*aladin = A.aladin('#aladin-lite-div', {fov: 360, fullScreen: true, cooFrame: 'galactic'});
--- a/examples/al-easy-access-simbad-ned.html
+++ b/examples/al-easy-access-simbad-ned.html
@@ -1,21 +1,17 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+  import A from '../src/js/A.js';
  let aladin;
  A.init.then(() => {
      // Start up Aladin Lite
-      var aladin = A.aladin('#aladin-lite-div', {target: 'M 82', fov: 0.25});
+      aladin = A.aladin('#aladin-lite-div', {target: 'M 82', fov: 0.25});

      aladin.addCatalog(A.catalogFromSimbad('M 82', 0.1, {onClick: 'showTable'}));
      aladin.addCatalog(A.catalogFromNED('09 55 52.4 +69 40 47', 0.1, {onClick: 'showPopup', shape: 'plus'}));
--- a/examples/al-easy-access-vizier.html
+++ b/examples/al-easy-access-vizier.html
@@ -1,23 +1,19 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
+<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css">

-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {target: 'M 45', fov: 5});
-        aladin.addCatalog(A.catalogFromVizieR('I/311/hip2', 'M 45', 5, {onClick: 'showTable'}));
+        const cat = A.catalogFromVizieR('I/311/hip2', 'M 45', 5, {onClick: 'showTable'});
+        aladin.addCatalog(cat);
    });
 </script>
 </body>
--- a/examples/al-ellipse.html
+++ b/examples/al-ellipse.html
@@ -2,20 +2,12 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
-
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        // Start up Aladin Lite
--- a/examples/al-event-listeners.html
+++ b/examples/al-event-listeners.html
@@ -1,23 +1,16 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
 </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>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    A.init.then(() => {
-        var aladin = A.aladin('#aladin-lite-div', {target: '05 37 58 +08 17 35', fov: 12});
+        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});
        aladin.addCatalog(cat);
        cat.addSources([A.source(83.784490, 09.934156, {name: 'Meissa'}), A.source(88.792939, 7.407064, {name: 'Betelgeuse'}), A.source(81.282764, 6.349703, {name: 'Bellatrix'})]);
@@ -34,6 +27,13 @@
            $('#infoDiv').html(msg);
        });

+        aladin.on('objectHoveredStop', function(object) {
+            if (object) {
+                msg = 'You stopped hove object ' + object.data.name + ' located at ' + object.ra + ', ' + object.dec;
+            }
+            $('#infoDiv').html(msg);
+        });
+
        // define function triggered when an object is clicked
        var objClicked;
        aladin.on('objectClicked', function(object) {
--- a/examples/al-footprints.html
+++ b/examples/al-footprints.html
@@ -2,24 +2,16 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
-
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<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', {survey: "CDS/P/DSS2/color", target: 'M 1', fov: 0.2});
+        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});
        aladin.addOverlay(overlay);
        overlay.addFootprints([
@@ -28,6 +20,22 @@
            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
+
+        aladin.on("footprintClicked", (footprint) => {
+            console.log("footprint clicked catched", footprint)
+        })
+        aladin.on("objectClicked", (object) => {
+            console.log("object clicked catched", object)
+        })
+        aladin.on("footprintHovered", (footprint) => {
+            console.log("footprint hovered catched", footprint)
+        })
+        aladin.on("objectHoveredStop", (object) => {
+            console.log("Object hovered stopped", object)
+        })
+
+        const cat = A.catalogFromVizieR('B/assocdata/obscore', 'M 1', 100, {onClick: 'showTable', limit: 1000});
+        aladin.addCatalog(cat);
    });
 </script>
 </body>
--- a/examples/al-gaiadr3.html
+++ b/examples/al-gaiadr3.html
@@ -36,8 +36,8 @@
  </body>

  <script src="https://code.jquery.com/jquery-1.10.1.min.js"></script>
-  <script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-  <script type="text/javascript">
+  <script type="module">
+    import A from '../src/js/A.js';
    $('#layersControl').show();

    var curSelectedSource = null;
--- a/examples/al-gotoobject.html
+++ b/examples/al-gotoobject.html
@@ -0,0 +1,16 @@
+<!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(() => {
+        aladin = A.aladin('#aladin-lite-div', {survey: "P/DSS2/color", fov:1, showCooGridControl:true});
+        aladin.gotoObject('M 10');
+    });
+</script>
+</body>
+</html>
--- a/examples/al-gw.html
+++ b/examples/al-gw.html
@@ -4,10 +4,8 @@
 </head>
 <body>
    <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+ <script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {projection: "TAN", target: '15 16 57.636 -60 55 7.49', showCooGrid: true, fov: 90});
--- a/examples/al-hips-from-url.html
+++ b/examples/al-hips-from-url.html
@@ -1,18 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {survey: 'http://alasky.cds.unistra.fr/ancillary/GaiaDR2/hips-density-map/', target: 'galactic center'});
--- a/examples/al-hips-local.html
+++ b/examples/al-hips-local.html
@@ -0,0 +1,21 @@
+<!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(() => {
+        aladin = A.aladin('#aladin-lite-div', {target: 'galactic center'});
+        
+        let hsc = aladin.createImageSurvey('hips gaia', "hips gaia name", "./hips/gaia/", undefined, undefined, {colormap:"viridis"});
+        aladin.setBaseImageLayer(hsc);
+    });
+</script>
+
+</body>
+</html>
--- a/examples/al-hips-order-list.html
+++ b/examples/al-hips-order-list.html
@@ -1,18 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {survey: 'http://alasky.cds.unistra.fr/ancillary/GaiaDR2/hips-density-map/', target: 'galactic center'});
--- a/examples/al-image-layer-by-name.html
+++ b/examples/al-image-layer-by-name.html
@@ -1,18 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {target: 'galactic center'});
--- a/examples/al-init-custom-options.html
+++ b/examples/al-init-custom-options.html
@@ -1,18 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        var aladin = A.aladin(
--- a/examples/al-jwst.html
+++ b/examples/al-jwst.html
@@ -1,18 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin(
--- a/examples/al-load-votables-by-url.html
+++ b/examples/al-load-votables-by-url.html
@@ -1,19 +1,12 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    A.init.then(() => {
        var aladin = A.aladin('#aladin-lite-div', {survey: 'P/DSS2/red', target: 'LMC', fov: 5});
        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'}));        
--- a/examples/al-marker-creation.html
+++ b/examples/al-marker-creation.html
@@ -1,19 +1,12 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    A.init.then(() => {
        let a = A.aladin('#aladin-lite-div', {target: '03 47 00.00 +24 07 00.0', survey: 'P/DSS2/color', zoom: 2, showReticle: false});
        var cat = A.catalog({name: 'Some markers', sourceSize: 18});
--- a/examples/al-mars-features.html
+++ b/examples/al-mars-features.html
@@ -6,9 +6,8 @@
 <body>

 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {fov: 180, fullScreen: true, cooFrame: 'equatorial', showCooGridControl: true, showSimbadPointerControl: true, showCooGrid: false, survey: 'CDS/P/Mars/THEMIS-Day-100m-v12'});
--- a/examples/al-mars.html
+++ b/examples/al-mars.html
@@ -1,22 +1,15 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
-        aladin = A.aladin('#aladin-lite-div', {target: '240 +10.65', cooFrame: 'j2000d', fov: 90, showFrame: false, showCooGrid: true, showLayersControl: false, showGotoControl: false, fullScreen: true});
+        aladin = A.aladin('#aladin-lite-div', {target: '240 +10.65', cooFrame: 'j2000d', fov: 90, showFrame: false, showCooGrid: true, showLayersControl: false, showGotoControl: false, fullScreen: true, showContextMenu: true});
        var mars = aladin.createImageSurvey('Mars', 'Mars', 'https://alasky.u-strasbg.fr/Planets/Mars_Viking_MDIM21/', 'j2000', 5);
        aladin.setImageSurvey(mars);
        
--- a/examples/al-moc-isophot.html
+++ b/examples/al-moc-isophot.html
@@ -1,22 +1,14 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
-
 </head>
 <body>
    <div id="aladin-lite-div" style="width: 1024px; height: 768px">
      <div id="ui" class="ui">
      </div>
    </div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    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/ISOPHOT/170'});
--- a/examples/al-moc-json.html
+++ b/examples/al-moc-json.html
@@ -1,22 +1,14 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
-
 </head>
 <body>
    <div id="aladin-lite-div" style="width: 1024px; height: 768px">
      <div id="ui" class="ui">
      </div>
    </div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {target: 'LMC', fov: 55});
--- a/examples/al-moc-sdss9.html
+++ b/examples/al-moc-sdss9.html
@@ -1,22 +1,14 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
-
 </head>
 <body>
    <div id="aladin-lite-div" style="width: 1024px; height: 768px">
      <div id="ui" class="ui">
      </div>
    </div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    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'});
--- a/examples/al-moc-sky-fraction.html
+++ b/examples/al-moc-sky-fraction.html
@@ -1,16 +1,12 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+  import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {survey: "CDS/P/DSS2/color", target: 'M51', fov: 180, fullScreen: true});
--- a/examples/al-moment.html
+++ b/examples/al-moment.html
@@ -1,17 +1,12 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin(
--- a/examples/al-multi-catalog-table.html
+++ b/examples/al-multi-catalog-table.html
@@ -0,0 +1,26 @@
+<!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';
+    let aladin;
+    A.init.then(() => {
+        aladin = A.aladin('#aladin-lite-div', {target: 'M 45', fov: 5, showContextMenu: true});
+
+        const cat = A.catalogFromVizieR('I/311/hip2', 'M 45', 5, {onClick: 'showTable'});
+        const cat2 = A.catalogFromVizieR('I/312/sample', 'M 45', 0.5, {onClick: 'showTable'});
+
+        aladin.addCatalog(cat);
+        aladin.addCatalog(cat2);
+
+        aladin.select();
+    });
+</script>
+</body>
+</html>
--- a/examples/al-multiple-instances.html
+++ b/examples/al-multiple-instances.html
@@ -1,8 +1,6 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" /> -->
 </head>
 <body>
 <div id="al1" style="width: 500px; height: 500px">
@@ -10,10 +8,8 @@
 <div id="al2" style="width: 500px; height: 500px">
 </div>
  
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+  import A from '../src/js/A.js';
  let al1;
  let al2;
  A.init.then(() => {
--- a/examples/al-multiple-surveys.html
+++ b/examples/al-multiple-surveys.html
@@ -1,15 +1,12 @@
 <!doctype html>
 <html>
 <head>
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<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', showCooGrid: true, fov: 180});
--- a/examples/al-no-cors.html
+++ b/examples/al-no-cors.html
@@ -7,10 +7,8 @@

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        // Start up Aladin Lite
--- a/examples/al-not-found.html
+++ b/examples/al-not-found.html
@@ -7,10 +7,8 @@

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        // Start up Aladin Lite
--- a/examples/al-obscore.html
+++ b/examples/al-obscore.html
@@ -0,0 +1,23 @@
+<!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', {target: '14 18 16.868 +56 44 29.37', fov: 360, projection: 'AIT', showContextMenu: true});
+
+        const c1 = A.catalogFromURL('https://raw.githubusercontent.com/bmatthieu3/SKA-Discovery-Service-Mockup/aladin/ObsCore/ObsCore_003.xml', {onClick: 'showTable'});
+        aladin.addCatalog(c1);
+
+        const c2 = A.catalogFromVizieR('B/assocdata/obscore', '14 18 16.868 +56 44 29.37', 100, {onClick: 'showTable', limit: 1000});
+        aladin.addCatalog(c2);
+    });
+</script>
+</body>
+</html>
--- a/examples/al-onames-labels.html
+++ b/examples/al-onames-labels.html
@@ -1,18 +1,11 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {survey: 'P/DSS2/red', target: 'M1', fov: 0.3});
--- a/examples/al-overlay-image-layer.html
+++ b/examples/al-overlay-image-layer.html
@@ -1,18 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>

-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
+
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {cooFrame: 'galactic', fov: 110, target: 'galactic center'});
--- a/examples/al-perseverence.html
+++ b/examples/al-perseverence.html
@@ -1,17 +1,14 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
 </head>
 <body>

 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
+<script type="module">
+  import A from '../src/js/A.js';

-<script type="text/javascript">
  let aladin;
  A.init.then(() => {
        // Start up Aladin Lite
--- a/examples/al-polyline.html
+++ b/examples/al-polyline.html
@@ -2,19 +2,13 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
-
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>

-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
+
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {target: 'Gamma Cas', fov: 10});
--- a/examples/al-remove-source.html
+++ b/examples/al-remove-source.html
@@ -1,19 +1,14 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
 <div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
 <div id='buttons'></div>

-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    A.init.then(() => {
        var a = A.aladin('#aladin-lite-div', {target: '03 47 00.00 +24 07 00.0', survey: 'P/DSS2/color', zoom: 2, showReticle: false});
        var cat = A.catalog({color: 'red', onClick: 'showTable'});
--- a/examples/al-response-div.html
+++ b/examples/al-response-div.html
@@ -1,17 +1,12 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {target: 'M81', fov: 1});
--- a/examples/al-reverse-longitude.html
+++ b/examples/al-reverse-longitude.html
@@ -1,18 +1,11 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        // Start up Aladin Lite
--- a/examples/al-rightclick-fits.html
+++ b/examples/al-rightclick-fits.html
@@ -1,17 +1,12 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {target: 'M81', fov: 1});
--- a/examples/al-sdc2.html
+++ b/examples/al-sdc2.html
@@ -1,17 +1,12 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        aladin = A.aladin(
--- a/examples/al-set-colormap.html
+++ b/examples/al-set-colormap.html
@@ -1,21 +1,17 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

 <div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<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',
+        // 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");
        //aladin.getBaseImageLayer().setColor([1.0, 0.0, 1.0, 1.0], { tf: 'Linear'} );
--- a/examples/al-simbad-density.html
+++ b/examples/al-simbad-density.html
@@ -1,15 +1,11 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        // Start up Aladin Lite
--- a/examples/al-simbad-pointer.html
+++ b/examples/al-simbad-pointer.html
@@ -1,17 +1,12 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
    let aladin;
    A.init.then(() => {
        // Start up Aladin Lite
--- a/examples/al-snippet.html
+++ b/examples/al-snippet.html
@@ -5,7 +5,7 @@
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<script type="text/javascript" src="https://aladin.cds.unistra.fr/AladinLite/api/v3/latest/aladin.js" charset="utf-8"></script>
+<script type="text/javascript" src="https://aladin.cds.unistra.fr/AladinLite/api/v3/latest/aladin.umd.cjs" charset="utf-8"></script>

 <script type="text/javascript">
    let aladin;
--- a/examples/al-stcs-footprints.html
+++ b/examples/al-stcs-footprints.html
@@ -2,31 +2,19 @@
 <!doctype html>
 <html>
 <head>
-
-<!-- <link rel="stylesheet" href="../distrib/latest/aladin.min.css" /> -->
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-
-
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>

-<script type="text/javascript">
-    let aladin;
+<script type="module">
+    import A from '../src/js/A.js';
+
    A.init.then(() => {
        // Start up Aladin Lite
        aladin = A.aladin('#aladin-lite-div', {survey: "CDS/P/DSS2/color", target: 'Sgr a*', fov: 0.5});
-        const overlay = A.graphicOverlay({color: '#2345ee', lineWidth: 2});
-        aladin.addOverlay(overlay);
-
-        aladin.addCatalog(A.catalogFromURL('https://aladin.cds.unistra.fr/AladinLite/doc/API/examples/data/alma-footprints.xml', {}, function(sources) {
-            sources.forEach(source => {
-                overlay.addFootprints(A.footprintsFromSTCS(source.data['s_region']))
-            });
-        }));
+        // 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', {onClick: 'showTable'}));
    });
 </script>
 </body>
--- a/examples/al-stephan-quintet.html
+++ b/examples/al-stephan-quintet.html
@@ -1,17 +1,13 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

-<div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>
-
-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
+    
    let aladin;
    A.init.then(() => {
        aladin = A.aladin(
--- a/examples/al-zoom-meerkat.html
+++ b/examples/al-zoom-meerkat.html
@@ -1,17 +1,15 @@
 <!doctype html>
 <html>
 <head>
-
-<link rel="stylesheet" href="https://aladin.u-strasbg.fr/AladinLite/api/v2/latest/aladin.min.css" />
-<!--<link rel="stylesheet" href="./layers.css" />-->
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 1024px; height: 768px"></div>

 <div id='aladin-statsDiv'></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>

-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
+
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {survey: ["P/Mellinger"], cooFrame: 'galactic', fov: 1000, fullScreen: true, showCooGrid: true});
--- a/examples/al-zoomchanged.html
+++ b/examples/al-zoomchanged.html
@@ -5,9 +5,10 @@
 </head>
 <body>
 <div id="aladin-lite-div" style="width: 500px; height: 400px"></div>
-<script type="text/javascript" src="./../aladin.js" charset="utf-8"></script>

-<script type="text/javascript">
+<script type="module">
+    import A from '../src/js/A.js';
+
    let aladin;
    A.init.then(() => {
        aladin = A.aladin('#aladin-lite-div', {fov: 360, fullScreen: true, cooFrame: 'galactic', showCooGridControl: true, showSimbadPointerControl: true, showCooGrid: true});
@@ -16,8 +17,12 @@
        aladin.on("zoomChanged", () => {
            console.log("zoomChanged")
        })
-        aladin.on("positionChanged", () => {
-            console.log("positionChanged")
+        aladin.on("positionChanged", ({ra, dec, dragging}) => {
+            console.log("positionChanged", ra, dec)
+        })
+
+        aladin.on('rightClickMove', (x, y) => {
+            console.log("right click move", x, y)
        })
    });
 </script>
--- a/examples/hips/gaia/Moc.fits
+++ b/examples/hips/gaia/Moc.fits
--- a/examples/hips/gaia/Norder0/Dir0/Npix0.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix0.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix1.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix1.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix10.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix10.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix11.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix11.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix2.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix2.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix3.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix3.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix4.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix4.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix5.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix5.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix6.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix6.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix7.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix7.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix8.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix8.jpg
--- a/examples/hips/gaia/Norder0/Dir0/Npix9.jpg
+++ b/examples/hips/gaia/Norder0/Dir0/Npix9.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix0.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix0.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix1.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix1.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix10.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix10.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix11.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix11.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix12.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix12.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix13.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix13.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix14.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix14.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix15.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix15.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix16.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix16.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix17.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix17.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix18.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix18.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix19.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix19.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix2.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix2.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix20.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix20.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix21.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix21.jpg
--- a/examples/hips/gaia/Norder1/Dir0/Npix22.jpg
+++ b/examples/hips/gaia/Norder1/Dir0/Npix22.jpg
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Matthieu BAUMANN	c71f573a97	set to production	2023-05-26 18:43:50 +02:00
Matthieu Baumann	aa9dfe632e	change the deploy	2023-05-26 18:43:40 +02:00
Matthieu Baumann	78ff815e9b	npm pack	2023-05-26 18:35:21 +02:00
Matthieu Baumann	ead34d5944	add formats info	2023-05-26 18:16:02 +02:00
Matthieu Baumann	d363882308	update workflow	2023-05-26 18:16:02 +02:00
Matthieu Baumann	a80bff6289	use the umd version for index.html	2023-05-26 18:16:02 +02:00
Matthieu Baumann	05ddeb8f7d	include only js files into the npm package	2023-05-26 18:16:02 +02:00
bmatthieu3	6cce07cdfd	update ci [ci skip]	2023-05-26 18:16:02 +02:00
bmatthieu3	eedb5b2bdf	npm install and source rustup	2023-05-26 18:16:02 +02:00
bmatthieu3	4cf94eaf1a	add some ci (TO TEST)	2023-05-26 18:16:02 +02:00
bmatthieu3	fbb4d760a4	remove webpack config file	2023-05-26 18:16:02 +02:00
bmatthieu3	30b87b2464	update readme	2023-05-26 18:16:02 +02:00
bmatthieu3	54bb0be16e	update readme with new npm usage instructions	2023-05-26 18:16:02 +02:00
bmatthieu3	4808f84b37	fix: import A when it is necessary	2023-05-26 18:16:02 +02:00
bmatthieu3	fa52c39d7c	update readme	2023-05-26 18:16:02 +02:00
bmatthieu3	bcfe829b03	use vite producing es and umd aladin lite module types. The umd is consistent with what is being used since a long time (including manually the aladin lite script)	2023-05-26 18:16:02 +02:00
bmatthieu3	6b0f4e4b60	Commit related to PR #90 . We first check the clockwise order of the footprints in the celestial space first.	2023-05-23 11:46:01 +02:00
bmatthieu3	eaebc78cb7	update to fitsrs 0.2.9	2023-05-22 16:41:54 +02:00
bmatthieu3	9b3f4e8803	unrelated to this PR: the rust code handles the -pi -> pi to 0 -> 360deg ra remapping	2023-05-22 15:56:01 +02:00
Henrik Norman	44ac866ce6	Removed block of context menus. Also added handling of touchcancel Co-authored-by: bmatthieu3 <matthieu.baumann@astro.unistra.fr>	2023-05-22 15:56:01 +02:00
Matthieu Baumann	34aa6faa89	Merge pull request #90 from cds-astro/removeCrossingPolygonEdges check for ccw order for every 3 vertices	2023-05-20 00:10:39 +02:00
bmatthieu3	42243edf65	check for ccw order for every 3 vertices	2023-05-19 23:59:39 +02:00
Matthieu Baumann	7833ffd9da	Merge pull request #48 from imbasimba/customizationOfShapes Customize colors, sizes, and shape types	2023-05-17 18:01:26 +02:00
Henrik Norman	861c224c7a	Customize colors, sizes, and shape types Co-authored-by: bmatthieu3 <matthieu.baumann@astro.unistra.fr>	2023-05-17 17:56:54 +02:00
Matthieu Baumann	f2daa68054	Merge pull request #44 from imbasimba/moreEvents Added events for mouse move & coordinate frame change	2023-05-17 15:14:27 +02:00
bmatthieu3	44343e36bb	closest objects needs to be done at every mousemove to change the pointer.	2023-05-17 15:07:54 +02:00
bmatthieu3	fde0b5bc68	right click move new event listener that replaces the change of cuts	2023-05-17 14:37:30 +02:00
bmatthieu3	57774e8aed	call positionChanged callback when inerting too	2023-05-17 14:12:52 +02:00
Matthieu BAUMANN	f96a3667bc	Create an objectHoveredStop with the object that we do not hover event instead of calling objectHovered with null	2023-05-17 14:12:50 +02:00
Henrik Norman	4ae7edb6e9	Added events for mouse move & coordinate frame change Co-authored-by: bmatthieu3 <matthieu.baumann@astro.unistra.fr>	2023-05-17 14:11:19 +02:00
bmatthieu3	923efe3133	wait for the properties to be fetched before determining if sesame or the planetary name solver must be called	2023-05-17 13:39:25 +02:00
bmatthieu3	e7a098c257	do not compute closest object when the objectHovered or footprintHovered is not defined	2023-05-17 13:34:12 +02:00
Matthieu Baumann	2678750643	Merge pull request #42 from imbasimba/noHoverOnHiddenFootprints Hidden footprints can no longer be considered as closest	2023-05-16 22:41:04 +02:00
Henrik Norman	4ad1963ee1	Hidden footprints can no longer be considered as closest Co-authored-by: bmatthieu3 <matthieu.baumann@astro.unistra.fr>	2023-05-16 22:37:53 +02:00
Matthieu Baumann	12aa7fe117	Merge pull request #87 from cds-astro/resolveHoverFootprints Resolve hover footprints	2023-05-16 22:18:33 +02:00
bmatthieu3	910678aa84	select footprints	2023-05-16 21:58:26 +02:00
bmatthieu3	0441726f1f	hover footprints	2023-05-16 16:46:23 +02:00
bmatthieu3	d192f0cedc	fix hovering footprint	2023-05-16 15:54:29 +02:00
Matthieu Baumann	140ec0d409	Merge pull request #58 from szpetny/errCallbackForCatalogFromURL handle error inside catalogFromURL	2023-05-16 10:24:55 +02:00
bmatthieu3	706ea7a672	Add error callback for catalogFromVizier, catalogFromSimbad/NED/SkyBot. Use the proxy for NED queries Co-authored-by: szpetny <>	2023-05-16 10:22:37 +02:00
bmatthieu3	c18c586f5d	fix: artefacts cell projection	2023-05-15 13:59:06 +02:00
Matthieu Baumann	1ba13cb3ca	Merge pull request #85 from cds-astro/background-color Set background color api	2023-05-14 21:37:55 +02:00
bmatthieu3	b517ad74c0	set background color from api and send special color changed event	2023-05-14 20:17:04 +02:00
bmatthieu3	849b1d45a1	request for s_region when querying a vizier table by a cone search	2023-05-14 11:15:00 +02:00
Matthieu BAUMANN	e96b11c5e2	uniformize css a little bit	2023-05-08 20:44:14 +02:00
Matthieu BAUMANN	41b31db949	cut too long layer label names with ...	2023-05-08 16:36:41 +02:00
Matthieu BAUMANN	c7ae41948e	fix: possibility to pass a unique Source object to addSources	2023-05-08 10:00:54 +02:00
Matthieu BAUMANN	e7781b97ed	fix: rewrite table header when changing the tab	2023-05-08 00:20:13 +02:00
Matthieu BAUMANN	89778fc0f3	vizier option to return all the columns of the table	2023-05-07 23:19:29 +02:00
Matthieu BAUMANN	af0ea6b578	make aladin lite indicator css self contained	2023-05-07 11:05:38 +02:00
Matthieu BAUMANN	99634bb23d	download file by default when the access_format is not recognized	2023-05-06 20:40:49 +02:00
Matthieu BAUMANN	6178bfd201	readd rainbow colormap	2023-05-06 19:11:09 +02:00
Matthieu BAUMANN	98e055b78a	change ui	2023-05-06 18:46:10 +02:00
Matthieu BAUMANN	45a53cd57e	fix: do not draw 2 times order3sources if maxOrderAllsky=2	2023-05-06 17:01:31 +02:00
Matthieu BAUMANN	60c7909b25	create catalog fields in addSources if not computed before	2023-05-05 23:13:41 +02:00
Matthieu BAUMANN	2a617849d2	fix case where base layer is an ImageFITS. It was entering planet case because isPlanetaryBody is undefined which is !== false	2023-05-05 13:06:42 +02:00
Matthieu Baumann	c661e03e90	Merge pull request #74 from bmiszalski/progcat_shape_func Allows HiPS cat to use shape function	2023-05-05 12:56:48 +02:00
Matthieu BAUMANN	4a3a8c0c4f	remove need of jquery, move the restoring of the canvas after all drawSources have been called Co-authored-by: Brent Miszalski <bmiszalski@gmail.com>	2023-05-05 12:46:13 +02:00
Brent Miszalski	fc4459dc58	Allows HiPS cat to use shape function	2023-05-05 12:34:19 +02:00
Matthieu BAUMANN	974118ad21	progressive cat: limit the number of tiles to fetch by contraining the norder to lower orders	2023-05-05 12:33:54 +02:00
Manon	b3e119a43b	Add popup on no match (#79 ) * add popup when no match is found with the pointers * move degreesToString from coo.js to AladinUtils * apply Matthieu's comments --------- Co-authored-by: bmatthieu3 <baumannmatthieu0@gmail.com>	2023-05-05 11:33:29 +02:00
Matthieu BAUMANN	868ac7be79	fix addSourcesAsArray used by ipyaladin. Set the fields for the catalog	2023-05-04 19:44:54 +02:00
Matthieu BAUMANN	390f7ea20f	add load fits image option in ctx right click menu	2023-05-03 12:24:39 +02:00
Matthieu BAUMANN	1488c078e4	fix: use HMS for parallel grid labels	2023-05-03 12:16:43 +02:00
Matthieu BAUMANN	6f789a0619	FITS query: disable using the proxy for the moment (until https://github.com/MattiasBuelens/wasm-streams/issues/20 is solved). Tell the user that fetching may fail because of CORS headers not set and that he can open its fits file by first manually download it and then open it in aladin lite	2023-05-03 11:49:20 +02:00
Matthieu BAUMANN	611b1c7777	restore utils	2023-05-02 17:42:16 +02:00
Matthieu BAUMANN	acf64f3fed	use votable 0.2.3 to make the coronelli example pass	2023-05-02 17:38:29 +02:00
Matthieu BAUMANN	e8acc581bf	update to votable 0.2.2	2023-05-02 11:07:28 +02:00
Matthieu BAUMANN	89948e6461	fix css for too long labels	2023-05-01 14:30:55 +02:00
Matthieu BAUMANN	e24cbb87d6	fix some bugs. Still there are some errors to fix with the new votable parser	2023-05-01 13:32:21 +02:00
Matthieu BAUMANN	6440697cb1	simplify setOverlayImageLayer and newImageSurvey	2023-04-27 18:28:03 +02:00
Matthieu BAUMANN	506a9669c0	add hips located	2023-04-27 18:16:44 +02:00
Matthieu BAUMANN	cfc7dbda4a	fix some bugs: still votables error to fix	2023-04-27 18:15:35 +02:00
Matthieu BAUMANN	69ae41942d	hms angle serialization format	2023-04-27 13:56:18 +02:00
Matthieu BAUMANN	b8847be007	fix: wcs galactic	2023-04-26 17:32:59 +02:00
Matthieu BAUMANN	c289ececf6	add previous from datalink to obscore	2023-04-26 14:19:02 +02:00
Matthieu BAUMANN	c35d8e4e8c	shorten table name in measurement table	2023-04-26 11:35:20 +02:00
Matthieu BAUMANN	a58ade5801	add update objectslookup when not dragging in the touchmove event	2023-04-24 16:42:31 +02:00
Matthieu BAUMANN	3c1c01a43e	wip	2023-04-24 16:42:31 +02:00
Matthieu BAUMANN	1bf97b66ff	previous next states for obscore table	2023-04-24 16:42:31 +02:00
Matthieu BAUMANN	9c8ccbb920	Enhance measurement table to select sources coming from different catalog	2023-04-24 16:42:29 +02:00
Matthieu BAUMANN	7efb4e786e	obscore fields reconize	2023-04-24 16:42:16 +02:00
Matthieu BAUMANN	d520de061f	simplify shapes	2023-04-24 16:42:14 +02:00
Matthieu BAUMANN	bb245eb577	first commit	2023-04-24 16:40:30 +02:00
Matthieu BAUMANN	2e8ecb5fe6	remove backface/frontface culling as it is done by the iterator	2023-04-24 15:20:19 +02:00
Thomas Boch	b22f822f6a	Add HiPS2FITS option to contextual menu	2023-04-13 17:21:21 +02:00
Thomas Boch	2993dc2f7c	Contextual menu now enables addition of new catalogue layer	2023-04-13 08:59:25 +02:00
Thomas Boch	7d79597c0d	Fix color bug for polyline. Color of the graphicOverlay was ignored	2023-04-13 08:35:55 +02:00
Thomas Boch	dd5c35d8ed	Fix context menu	2023-04-04 16:14:47 +02:00
Thomas Boch	935e380684	New feature: add context menu, activable with showContextMenu option	2023-04-04 15:55:31 +02:00
Thomas Boch	9080644f18	New feature: Add context menu (on right click)	2023-03-30 17:22:51 +02:00
Thomas Boch	6028aa92f4	Add comment on west increasing bodies	2023-03-29 14:03:08 +02:00
Thomas Boch	c8fce0d6c1	Planetary features: take into account bodies with west increasing lon	2023-03-28 15:09:11 +02:00
Thomas Boch	c5fe7d672e	Bug fix: add conditions in init phase	2023-03-27 15:44:30 +02:00
Thomas Boch	2a7d735f8a	Add Pluto radius	2023-03-27 14:02:24 +02:00
Matthieu BAUMANN	6e71379f92	precompute cuts	2023-03-24 17:04:41 +01:00
Thomas Boch	1b16e0b5bf	Working name resolver for planetary features	2023-03-24 15:41:06 +01:00
Matthieu BAUMANN	d3f01c6f0b	fix refresh bugs, remove link of the old css in examples	2023-03-23 15:54:06 +01:00
Thomas Boch	e28776d15c	Add new planetary bodies radii	2023-03-23 15:40:20 +01:00
Thomas Boch	270c24cc8c	Working version of planetary features pointer	2023-03-23 14:38:25 +01:00
Thomas Boch	adeab7a3f9	WIP: planetary features pointer	2023-03-22 16:49:59 +01:00