Heatmap layer (QuantStack#24)

* fix map css+ implement HeatmapLayer

* take off duplicated class

* Update package.json

Co-authored-by: martinRenou <martin.renou@gmail.com>

* add await before screenshot

* restore package

* jlpm install

* jlpm install

* yarn.lock

* await layer

* ui file

* Restore yarn.lock to previous state

* Restore yarn.lock to previous state

* Update Playwright Snapshots

* Update ipyopenlayers/Map.py

Co-authored-by: martinRenou <martin.renou@gmail.com>

* Update ipyopenlayers/Map.py

Co-authored-by: martinRenou <martin.renou@gmail.com>

---------

Co-authored-by: martinRenou <martin.renou@gmail.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

.eslintrc.js

@@ -3,12 +3,12 @@ module.exports = {
     'eslint:recommended',
     'plugin:@typescript-eslint/eslint-recommended',
     'plugin:@typescript-eslint/recommended',
-    'plugin:prettier/recommended'
+    'plugin:prettier/recommended',
   ],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     project: 'tsconfig.eslint.json',
-    sourceType: 'module'
+    sourceType: 'module',
   },
   plugins: ['@typescript-eslint'],
   rules: {
@@ -19,10 +19,10 @@ module.exports = {
     '@typescript-eslint/quotes': [
       'error',
       'single',
-      { avoidEscape: true, allowTemplateLiterals: false }
+      { avoidEscape: true, allowTemplateLiterals: false },
     ],
     curly: ['error', 'all'],
     eqeqeq: 'error',
-    'prefer-arrow-callback': 'error'
-  }
-};
+    'prefer-arrow-callback': 'error',
+  },
+};

.github/workflows/build.yml

@@ -4,7 +4,7 @@ on:
   push:
     branches: main
   pull_request:
-    branches: "*"
+    branches: '*'
 
 jobs:
   build:
@@ -13,7 +13,7 @@ jobs:
       fail-fast: false
       matrix:
         os: [ubuntu-latest]
-        python-version: ["3.8", "3.12"]
+        python-version: ['3.8', '3.12']
     steps:
       - name: Checkout
         uses: actions/checkout@v3

.gitignore

@@ -148,6 +148,9 @@ $RECYCLE.BIN/
 **/node_modules/
 ipyopenlayers/nbextension/index.*
 
+# Ignoring the package-lock.json file
+package-lock.json
+
 # Coverage data
 # -------------
 **/coverage/
@@ -156,4 +159,7 @@ ipyopenlayers/nbextension/index.*
 ipyopenlayers/labextension
 ipyopenlayers/nbextension
 
+!ipyopenlayers/nbextension/extension.js
+
+
 .yarn

.prettierrc

@@ -1,3 +1,3 @@
 {
-    "singleQuote": true
-}
+  "singleQuote": true
+}

.yarnrc.yml

@@ -3,4 +3,3 @@ compressionLevel: mixed
 enableGlobalCache: false
 
 nodeLinker: node-modules
-

README.md

@@ -1,10 +1,8 @@
-
 # ipyopenlayers
 
 [![Build Status](https://travis-ci.org/QuantStack/ipyopenlayers.svg?branch=master)](https://travis-ci.org/QuantStack/ipyopenlayers)
 [![codecov](https://codecov.io/gh/QuantStack/ipyopenlayers/branch/master/graph/badge.svg)](https://codecov.io/gh/QuantStack/ipyopenlayers)
 
-
 OpenLayers Jupyter Widget
 
 ## Installation
@@ -17,19 +15,22 @@ pip install ipyopenlayers
 
 If you are using Jupyter Notebook 5.2 or earlier, you may also need to enable
 the nbextension:
+
 ```bash
 jupyter nbextension enable --py [--sys-prefix|--user|--system] ipyopenlayers
 ```
 
 ## Development Installation
 
 Create a dev environment:
+
 ```bash
 conda create -n ipyopenlayers-dev -c conda-forge nodejs python jupyterlab=4.0.11
 conda activate ipyopenlayers-dev
 ```
 
 Install the python. This will also build the TS package.
+
 ```bash
 pip install -e ".[test, examples]"
 ```
@@ -55,7 +56,9 @@ you might also need another flag instead of `--sys-prefix`, but we won't cover t
 of those flags here.
 
 ### How to see your changes
+
 #### Typescript:
+
 If you use JupyterLab to develop then you can watch the source directory and run JupyterLab at the same time in different
 terminals to watch for changes in the extension's source and automatically rebuild the widget.
 
@@ -69,6 +72,7 @@ jupyter lab
 After a change wait for the build to finish and then refresh your browser and the changes should take effect.
 
 #### Python:
+
 If you make a change to the python code then you will need to restart the notebook kernel to have it take effect.
 
 ## Updating the version
@@ -80,4 +84,3 @@ By default it will also create a tag.
 pip install tbump
 tbump <new-version>
 ```
-

codecov.yml

@@ -9,4 +9,4 @@ coverage:
       default:
         target: 0%
 ignore:
-  - "ipyopenlayers/tests"
+  - 'ipyopenlayers/tests'

css/widget.css

@@ -1,3 +1,21 @@
-.custom-widget {
-  padding: 0px 2px;
+.lm-Widget.lm-Panel.jp-OutputArea-output.ipyopenlayer-map-container-wrapper {
+  height: 100%;
+}
+.lm-Widget.lm-Panel.jp-OutputArea-child.jp-OutputArea-executeResult.ipyopenlayer-map-container-wrapper-parent {
+  height: 100%;
+}
+
+.ol-container {
+  height: 100%;
+  width: 100%;
+}
+.jp-LinkedOutputView .jupyter-widgets.ipyopenlayer-widgets {
+  min-height: 500px;
+  height: 100%;
+}
+
+.jupyter-widgets.ipyopenlayer-widgets {
+  height: 400px;
+  overflow: hidden;
+  flex: 1 1 auto;
 }

docs/environment.yml

@@ -1,4 +1,3 @@
-
 name: ipyopenlayers_docs
 channels:
   - conda-forge