From beecd8c6e425bf47a9991ff98b4e839e40c5db4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alexis=20M=C3=A9taireau?= <alexis@notmyidea.org>
Date: Thu, 15 Feb 2024 14:48:16 +0100
Subject: [PATCH] Update documentation

---
 ...ng-collaboration-on-umap-third-update.html |  20 +-
 archives.html                                 |   1 +
 articles.html                                 |  20 +-
 articles10.html                               |  20 +-
 articles11.html                               |  20 +-
 articles12.html                               |  20 +-
 articles13.html                               |  20 +-
 articles14.html                               |  20 +-
 articles15.html                               |  20 +-
 articles16.html                               |  20 +-
 articles17.html                               |  20 +-
 articles18.html                               |  20 +-
 articles19.html                               |  20 +-
 articles2.html                                |  20 +-
 articles20.html                               |  20 +-
 articles21.html                               |  20 +-
 articles22.html                               |  20 +-
 articles23.html                               |  20 +-
 articles24.html                               |  20 +-
 articles25.html                               |  20 +-
 articles26.html                               |  20 +-
 articles27.html                               |  20 +-
 articles28.html                               |  20 +-
 articles29.html                               |  20 +-
 articles3.html                                |  20 +-
 articles30.html                               |  20 +-
 articles31.html                               |  20 +-
 articles32.html                               |  20 +-
 articles33.html                               |  20 +-
 articles34.html                               |  20 +-
 articles35.html                               |  20 +-
 articles36.html                               |  20 +-
 articles37.html                               |  20 +-
 articles38.html                               |  20 +-
 articles39.html                               |  20 +-
 articles4.html                                |  20 +-
 articles40.html                               |  20 +-
 articles41.html                               |  20 +-
 articles42.html                               |  20 +-
 articles43.html                               |  20 +-
 articles44.html                               |  20 +-
 articles45.html                               |  20 +-
 articles46.html                               |  20 +-
 articles47.html                               |  20 +-
 articles48.html                               |  20 +-
 articles49.html                               |  20 +-
 articles5.html                                |  20 +-
 articles50.html                               |  20 +-
 articles51.html                               |  20 +-
 articles52.html                               |  20 +-
 articles53.html                               |  20 +-
 articles54.html                               |  20 +-
 articles55.html                               |  20 +-
 articles56.html                               |  20 +-
 articles57.html                               |  20 +-
 articles58.html                               |  20 +-
 articles59.html                               |  20 +-
 articles6.html                                |  20 +-
 articles60.html                               |  20 +-
 articles61.html                               |  20 +-
 articles62.html                               |  20 +-
 articles63.html                               |  20 +-
 articles64.html                               |  20 +-
 articles7.html                                |  20 +-
 articles8.html                                |  20 +-
 articles9.html                                |  20 +-
 author/.html                                  |  19 +-
 author/.html10                                |  19 +-
 author/.html11                                |  19 +-
 author/.html12                                |  19 +-
 author/.html13                                |  19 +-
 author/.html14                                |  19 +-
 author/.html15                                |  19 +-
 author/.html16                                |  19 +-
 author/.html17                                |  19 +-
 author/.html18                                |  19 +-
 author/.html19                                |  19 +-
 author/.html2                                 |  19 +-
 author/.html20                                |  19 +-
 author/.html21                                |  19 +-
 author/.html22                                |  19 +-
 author/.html23                                |  19 +-
 author/.html24                                |  19 +-
 author/.html25                                |  19 +-
 author/.html26                                |  19 +-
 author/.html27                                |  19 +-
 author/.html28                                |  19 +-
 author/.html29                                |  19 +-
 author/.html3                                 |  19 +-
 author/.html30                                |  19 +-
 author/.html31                                |  19 +-
 author/.html32                                |  19 +-
 author/.html33                                |  19 +-
 author/.html34                                |  19 +-
 author/.html35                                |  19 +-
 author/.html36                                |  19 +-
 author/.html37                                |  19 +-
 author/.html38                                |  19 +-
 author/.html39                                |  19 +-
 author/.html4                                 |  19 +-
 author/.html40                                |  19 +-
 author/.html41                                |  19 +-
 author/.html42                                |  19 +-
 author/.html43                                |  19 +-
 author/.html44                                |  19 +-
 author/.html45                                |  19 +-
 author/.html46                                |  19 +-
 author/.html47                                |  19 +-
 author/.html48                                |  19 +-
 author/.html49                                |  19 +-
 author/.html5                                 |  19 +-
 author/.html50                                |  19 +-
 author/.html51                                |  19 +-
 author/.html52                                |  19 +-
 author/.html53                                |  19 +-
 author/.html54                                |  19 +-
 author/.html55                                |  19 +-
 author/.html56                                |  19 +-
 author/.html57                                |  19 +-
 author/.html58                                |  19 +-
 author/.html59                                | 293 ++++++++++++++++++
 author/.html6                                 |  19 +-
 author/.html7                                 |  19 +-
 author/.html8                                 |  19 +-
 author/.html9                                 |  19 +-
 categories.html                               |   2 +-
 code/index.html                               |  22 +-
 code/index10.html                             |  22 +-
 code/index11.html                             |  22 +-
 code/index12.html                             |  22 +-
 code/index13.html                             |  22 +-
 code/index14.html                             |  22 +-
 code/index15.html                             |  22 +-
 code/index16.html                             |  22 +-
 code/index17.html                             |  22 +-
 code/index18.html                             |  22 +-
 code/index19.html                             |  22 +-
 code/index2.html                              |  22 +-
 code/index20.html                             |  22 +-
 code/index21.html                             |  22 +-
 code/index22.html                             |  22 +-
 code/index23.html                             |  22 +-
 code/index24.html                             |  22 +-
 code/index25.html                             |  22 +-
 code/index26.html                             |  22 +-
 code/index3.html                              |  22 +-
 code/index4.html                              |  22 +-
 code/index5.html                              |  22 +-
 code/index6.html                              |  22 +-
 code/index7.html                              |  22 +-
 code/index8.html                              |  22 +-
 code/index9.html                              |  22 +-
 feeds/.atom.xml                               | 238 +++++++++++++-
 feeds/.rss.xml                                |   8 +-
 feeds/all-en.atom.xml                         | 238 +++++++++++++-
 feeds/all.atom.xml                            | 238 +++++++++++++-
 feeds/code.atom.xml                           | 238 +++++++++++++-
 feeds/tags/geojson.atom.xml                   | 238 ++++++++++++++
 feeds/tags/umap.atom.xml                      | 238 +++++++++++++-
 feeds/tags/websockets.atom.xml                | 238 ++++++++++++++
 tag/geojson.html                              |  68 ++++
 tag/umap.html                                 |  16 +-
 tag/websockets.html                           |  68 ++++
 tags.html                                     |   4 +-
 164 files changed, 4104 insertions(+), 996 deletions(-)
 rename drafts/adding-collaboration-on-umap-third-update.html => adding-collaboration-on-umap-third-update.html (95%)
 create mode 100644 author/.html59
 create mode 100644 feeds/tags/geojson.atom.xml
 create mode 100644 feeds/tags/websockets.atom.xml
 create mode 100644 tag/geojson.html
 create mode 100644 tag/websockets.html

diff --git a/drafts/adding-collaboration-on-umap-third-update.html b/adding-collaboration-on-umap-third-update.html
similarity index 95%
rename from drafts/adding-collaboration-on-umap-third-update.html
rename to adding-collaboration-on-umap-third-update.html
index 2547044..9fcb4f1 100644
--- a/drafts/adding-collaboration-on-umap-third-update.html
+++ b/adding-collaboration-on-umap-third-update.html
@@ -85,7 +85,7 @@ understand the big picture, and I&#8217;m not getting lost in the details like I
 <ul>
 <li>Using <a href="https://leafletjs.com/">Leaflet.js</a> to render <em>features</em> on the map&nbsp;;</li>
 <li>Using <a href="https://github.com/Leaflet/Leaflet.Editable">Leaflet Editable</a> to edit
-  complex forms, like polylines, polygons, and to draw markers&nbsp;;</li>
+  complex shapes, like polylines, polygons, and to draw markers&nbsp;;</li>
 <li>Using the <a href="https://github.com/yohanboniface/Leaflet.FormBuilder">Formbuilder</a>
   to expose a way for the users to edit the features, and the data of the&nbsp;map</li>
 <li>Serializing the layers to and from <a href="https://geojson.org/">GeoJSON</a>. That&#8217;s
@@ -106,7 +106,7 @@ guess) where the data is stored. It&#8217;s what uMap serializes. It contains th
 features (with their properties). But that&#8217;s the trick: these features are named
 <em>layers</em> by&nbsp;Leaflet.</p>
 <h4 id="geojson-and-leaflet">GeoJSON and&nbsp;Leaflet</h4>
-<p>We&#8217;re using GeoJSON to share data with the server, but we&#8217;re using Laflet
+<p>We&#8217;re using GeoJSON to share data with the server, but we&#8217;re using Leaflet
 internally. And these two have different way of naming&nbsp;things.</p>
 <p>The different geometries are named differently (a leaflet <code>Marker</code> is a GeoJSON
 <code>Point</code>), and their coordinates are stored differently: Leaflet stores <code>lat,
@@ -122,7 +122,7 @@ a rerendering of the&nbsp;interface.</p>
 get updated without being centralized. It&#8217;s just a different&nbsp;paradigm.</p>
 <h2 id="a-syncing-proof-of-concept">A syncing proof of&nbsp;concept</h2>
 <p>With that in mind, I started thinking about a simple way to implement&nbsp;syncing. </p>
-<p>I let aside all the thinking about how this would relate with CRDTs. It can
+<p>I left aside all the thinking about how this would relate with CRDTs. It can
 be useful, but later. For now, I &#8220;just&#8221; want to synchronize two maps. I want a
 proof of concept to do informed&nbsp;decisions.</p>
 <h3 id="syncing-map-properties">Syncing map&nbsp;properties</h3>
@@ -165,8 +165,8 @@ which will be able to rerender&nbsp;itself.</p>
 way is probably&nbsp;websockets.</p>
 <p>Here is a simple code which will relay messages from one websocket to the other
 connected clients. It&#8217;s not the final code, it&#8217;s just for demo&nbsp;puposes.</p>
-<p>A basic way to do this on the server side is to use python&#8217;s [websockets]
-(https://websockets.readthedocs.io/)&nbsp;library.</p>
+<p>A basic way to do this on the server side is to use python&#8217;s
+<a href="https://websockets.readthedocs.io/">websockets</a>&nbsp;library.</p>
 <div class="highlight"><pre><span></span><code><span class="kn">import</span> <span class="nn">asyncio</span>
 <span class="kn">import</span> <span class="nn">websockets</span>
 <span class="kn">from</span> <span class="nn">websockets.server</span> <span class="kn">import</span> <span class="n">serve</span>
@@ -268,14 +268,18 @@ width, depending on the type of geometry and the number of shapes in each of&nbs
   <source src="/images/umap/sync-features.webm" type="video/webm">
 </video>
 
+<p>Point properties are also editable, using the already-existing table editor. I
+was expecting this to require some work but it&#8217;s just working without more&nbsp;changes.</p>
 <h2 id="whats-next">What&#8217;s next&nbsp;?</h2>
-<p>While I&#8217;m able to sync map properties, features and their properties, I&#8217;m not
+<p>I&#8217;m able to sync map properties, features and their properties, but I&#8217;m not
 yet syncing layers. That&#8217;s the next step! I also plan to make some pull
 requests with the interesting bits I&#8217;m sure will go in the final&nbsp;implementation:</p>
 <ul>
-<li>adding ids to&nbsp;features</li>
-<li>having a way to map properties with how they render the&nbsp;interface</li>
+<li>Adding ids to features, so we have a way to refer to&nbsp;them.</li>
+<li>Having a way to map properties with how they render the interface, the <code>renderProperties</code> bits.</li>
 </ul>
+<p>When this demo will be working, I&#8217;ll probably spend some time updating it with the latest changes (umap is moving a lot these weeks).
+I will probably focus on how to integrate websockets in the server side, and then will see how to leverage (maybe) some magic from CRDTs, if we need&nbsp;it.</p>
 <p>See you for the next&nbsp;update!</p>
 	<p>
         <a href="https://blog.notmyidea.org/tag/umap.html">#umap</a>,         <a href="https://blog.notmyidea.org/tag/geojson.html">#geojson</a>,         <a href="https://blog.notmyidea.org/tag/websockets.html">#websockets</a>	  - Posté dans la catégorie <a href="https://blog.notmyidea.org/code/">code</a>
diff --git a/archives.html b/archives.html
index 4394dba..a7aa001 100644
--- a/archives.html
+++ b/archives.html
@@ -49,6 +49,7 @@ Alexis Métaireau        </title>
 <dl>
     <dt>2024</dt>
       <dd><a href='https://blog.notmyidea.org/notes-hebdo-16.html'>Notes hebdo&nbsp;#16</a></dd>
+      <dd><a href='https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html'>Adding collaboration on uMap, third&nbsp;update</a></dd>
       <dd><a href='https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html'>Returning objects from an arrow&nbsp;function</a></dd>
       <dd><a href='https://blog.notmyidea.org/notes-hebdo-15.html'>Notes hebdo&nbsp;#15</a></dd>
       <dd><a href='https://blog.notmyidea.org/lart-de-conter-nos-experiences-collectives.html'>L&#8217;art de conter nos expériences&nbsp;collectives</a></dd>
diff --git a/articles.html b/articles.html
index c88a457..9fbd1cc 100644
--- a/articles.html
+++ b/articles.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles10.html b/articles10.html
index c88a457..9fbd1cc 100644
--- a/articles10.html
+++ b/articles10.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles11.html b/articles11.html
index c88a457..9fbd1cc 100644
--- a/articles11.html
+++ b/articles11.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles12.html b/articles12.html
index c88a457..9fbd1cc 100644
--- a/articles12.html
+++ b/articles12.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles13.html b/articles13.html
index c88a457..9fbd1cc 100644
--- a/articles13.html
+++ b/articles13.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles14.html b/articles14.html
index c88a457..9fbd1cc 100644
--- a/articles14.html
+++ b/articles14.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles15.html b/articles15.html
index c88a457..9fbd1cc 100644
--- a/articles15.html
+++ b/articles15.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles16.html b/articles16.html
index c88a457..9fbd1cc 100644
--- a/articles16.html
+++ b/articles16.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles17.html b/articles17.html
index c88a457..9fbd1cc 100644
--- a/articles17.html
+++ b/articles17.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles18.html b/articles18.html
index c88a457..9fbd1cc 100644
--- a/articles18.html
+++ b/articles18.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles19.html b/articles19.html
index c88a457..9fbd1cc 100644
--- a/articles19.html
+++ b/articles19.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles2.html b/articles2.html
index c88a457..9fbd1cc 100644
--- a/articles2.html
+++ b/articles2.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles20.html b/articles20.html
index c88a457..9fbd1cc 100644
--- a/articles20.html
+++ b/articles20.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles21.html b/articles21.html
index c88a457..9fbd1cc 100644
--- a/articles21.html
+++ b/articles21.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles22.html b/articles22.html
index c88a457..9fbd1cc 100644
--- a/articles22.html
+++ b/articles22.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles23.html b/articles23.html
index c88a457..9fbd1cc 100644
--- a/articles23.html
+++ b/articles23.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles24.html b/articles24.html
index c88a457..9fbd1cc 100644
--- a/articles24.html
+++ b/articles24.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles25.html b/articles25.html
index c88a457..9fbd1cc 100644
--- a/articles25.html
+++ b/articles25.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles26.html b/articles26.html
index c88a457..9fbd1cc 100644
--- a/articles26.html
+++ b/articles26.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles27.html b/articles27.html
index c88a457..9fbd1cc 100644
--- a/articles27.html
+++ b/articles27.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles28.html b/articles28.html
index c88a457..9fbd1cc 100644
--- a/articles28.html
+++ b/articles28.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles29.html b/articles29.html
index c88a457..9fbd1cc 100644
--- a/articles29.html
+++ b/articles29.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles3.html b/articles3.html
index c88a457..9fbd1cc 100644
--- a/articles3.html
+++ b/articles3.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles30.html b/articles30.html
index c88a457..9fbd1cc 100644
--- a/articles30.html
+++ b/articles30.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles31.html b/articles31.html
index c88a457..9fbd1cc 100644
--- a/articles31.html
+++ b/articles31.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles32.html b/articles32.html
index c88a457..9fbd1cc 100644
--- a/articles32.html
+++ b/articles32.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles33.html b/articles33.html
index c88a457..9fbd1cc 100644
--- a/articles33.html
+++ b/articles33.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles34.html b/articles34.html
index c88a457..9fbd1cc 100644
--- a/articles34.html
+++ b/articles34.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles35.html b/articles35.html
index c88a457..9fbd1cc 100644
--- a/articles35.html
+++ b/articles35.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles36.html b/articles36.html
index c88a457..9fbd1cc 100644
--- a/articles36.html
+++ b/articles36.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles37.html b/articles37.html
index c88a457..9fbd1cc 100644
--- a/articles37.html
+++ b/articles37.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles38.html b/articles38.html
index c88a457..9fbd1cc 100644
--- a/articles38.html
+++ b/articles38.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles39.html b/articles39.html
index c88a457..9fbd1cc 100644
--- a/articles39.html
+++ b/articles39.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles4.html b/articles4.html
index c88a457..9fbd1cc 100644
--- a/articles4.html
+++ b/articles4.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles40.html b/articles40.html
index c88a457..9fbd1cc 100644
--- a/articles40.html
+++ b/articles40.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles41.html b/articles41.html
index c88a457..9fbd1cc 100644
--- a/articles41.html
+++ b/articles41.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles42.html b/articles42.html
index c88a457..9fbd1cc 100644
--- a/articles42.html
+++ b/articles42.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles43.html b/articles43.html
index c88a457..9fbd1cc 100644
--- a/articles43.html
+++ b/articles43.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles44.html b/articles44.html
index c88a457..9fbd1cc 100644
--- a/articles44.html
+++ b/articles44.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles45.html b/articles45.html
index c88a457..9fbd1cc 100644
--- a/articles45.html
+++ b/articles45.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles46.html b/articles46.html
index c88a457..9fbd1cc 100644
--- a/articles46.html
+++ b/articles46.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles47.html b/articles47.html
index c88a457..9fbd1cc 100644
--- a/articles47.html
+++ b/articles47.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles48.html b/articles48.html
index c88a457..9fbd1cc 100644
--- a/articles48.html
+++ b/articles48.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles49.html b/articles49.html
index c88a457..9fbd1cc 100644
--- a/articles49.html
+++ b/articles49.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles5.html b/articles5.html
index c88a457..9fbd1cc 100644
--- a/articles5.html
+++ b/articles5.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles50.html b/articles50.html
index c88a457..9fbd1cc 100644
--- a/articles50.html
+++ b/articles50.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles51.html b/articles51.html
index c88a457..9fbd1cc 100644
--- a/articles51.html
+++ b/articles51.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles52.html b/articles52.html
index c88a457..9fbd1cc 100644
--- a/articles52.html
+++ b/articles52.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles53.html b/articles53.html
index c88a457..9fbd1cc 100644
--- a/articles53.html
+++ b/articles53.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles54.html b/articles54.html
index c88a457..9fbd1cc 100644
--- a/articles54.html
+++ b/articles54.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles55.html b/articles55.html
index c88a457..9fbd1cc 100644
--- a/articles55.html
+++ b/articles55.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles56.html b/articles56.html
index c88a457..9fbd1cc 100644
--- a/articles56.html
+++ b/articles56.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles57.html b/articles57.html
index c88a457..9fbd1cc 100644
--- a/articles57.html
+++ b/articles57.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles58.html b/articles58.html
index c88a457..9fbd1cc 100644
--- a/articles58.html
+++ b/articles58.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles59.html b/articles59.html
index c88a457..9fbd1cc 100644
--- a/articles59.html
+++ b/articles59.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles6.html b/articles6.html
index c88a457..9fbd1cc 100644
--- a/articles6.html
+++ b/articles6.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles60.html b/articles60.html
index c88a457..9fbd1cc 100644
--- a/articles60.html
+++ b/articles60.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles61.html b/articles61.html
index c88a457..9fbd1cc 100644
--- a/articles61.html
+++ b/articles61.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles62.html b/articles62.html
index c88a457..9fbd1cc 100644
--- a/articles62.html
+++ b/articles62.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles63.html b/articles63.html
index c88a457..9fbd1cc 100644
--- a/articles63.html
+++ b/articles63.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles64.html b/articles64.html
index c88a457..9fbd1cc 100644
--- a/articles64.html
+++ b/articles64.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles7.html b/articles7.html
index c88a457..9fbd1cc 100644
--- a/articles7.html
+++ b/articles7.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles8.html b/articles8.html
index c88a457..9fbd1cc 100644
--- a/articles8.html
+++ b/articles8.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/articles9.html b/articles9.html
index c88a457..9fbd1cc 100644
--- a/articles9.html
+++ b/articles9.html
@@ -43,6 +43,18 @@ Alexis Métaireau        </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -102,14 +114,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
     A heads-up on what I've been doing this week on uMap
 </section>
-<section class="section index">
-    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
-    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
-<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" rel="bookmark" title="Permalink to Rescuing a broken asahi linux workstation">Rescuing a broken asahi linux&nbsp;workstation</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
diff --git a/author/.html b/author/.html
index a34e52a..e6f3003 100644
--- a/author/.html
+++ b/author/.html
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html10 b/author/.html10
index a34e52a..e6f3003 100644
--- a/author/.html10
+++ b/author/.html10
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html11 b/author/.html11
index a34e52a..e6f3003 100644
--- a/author/.html11
+++ b/author/.html11
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html12 b/author/.html12
index a34e52a..e6f3003 100644
--- a/author/.html12
+++ b/author/.html12
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html13 b/author/.html13
index a34e52a..e6f3003 100644
--- a/author/.html13
+++ b/author/.html13
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html14 b/author/.html14
index a34e52a..e6f3003 100644
--- a/author/.html14
+++ b/author/.html14
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html15 b/author/.html15
index a34e52a..e6f3003 100644
--- a/author/.html15
+++ b/author/.html15
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html16 b/author/.html16
index a34e52a..e6f3003 100644
--- a/author/.html16
+++ b/author/.html16
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html17 b/author/.html17
index a34e52a..e6f3003 100644
--- a/author/.html17
+++ b/author/.html17
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html18 b/author/.html18
index a34e52a..e6f3003 100644
--- a/author/.html18
+++ b/author/.html18
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html19 b/author/.html19
index a34e52a..e6f3003 100644
--- a/author/.html19
+++ b/author/.html19
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html2 b/author/.html2
index a34e52a..e6f3003 100644
--- a/author/.html2
+++ b/author/.html2
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html20 b/author/.html20
index a34e52a..e6f3003 100644
--- a/author/.html20
+++ b/author/.html20
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html21 b/author/.html21
index a34e52a..e6f3003 100644
--- a/author/.html21
+++ b/author/.html21
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html22 b/author/.html22
index a34e52a..e6f3003 100644
--- a/author/.html22
+++ b/author/.html22
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html23 b/author/.html23
index a34e52a..e6f3003 100644
--- a/author/.html23
+++ b/author/.html23
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html24 b/author/.html24
index a34e52a..e6f3003 100644
--- a/author/.html24
+++ b/author/.html24
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html25 b/author/.html25
index a34e52a..e6f3003 100644
--- a/author/.html25
+++ b/author/.html25
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html26 b/author/.html26
index a34e52a..e6f3003 100644
--- a/author/.html26
+++ b/author/.html26
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html27 b/author/.html27
index a34e52a..e6f3003 100644
--- a/author/.html27
+++ b/author/.html27
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html28 b/author/.html28
index a34e52a..e6f3003 100644
--- a/author/.html28
+++ b/author/.html28
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html29 b/author/.html29
index a34e52a..e6f3003 100644
--- a/author/.html29
+++ b/author/.html29
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html3 b/author/.html3
index a34e52a..e6f3003 100644
--- a/author/.html3
+++ b/author/.html3
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html30 b/author/.html30
index a34e52a..e6f3003 100644
--- a/author/.html30
+++ b/author/.html30
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html31 b/author/.html31
index a34e52a..e6f3003 100644
--- a/author/.html31
+++ b/author/.html31
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html32 b/author/.html32
index a34e52a..e6f3003 100644
--- a/author/.html32
+++ b/author/.html32
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html33 b/author/.html33
index a34e52a..e6f3003 100644
--- a/author/.html33
+++ b/author/.html33
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html34 b/author/.html34
index a34e52a..e6f3003 100644
--- a/author/.html34
+++ b/author/.html34
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html35 b/author/.html35
index a34e52a..e6f3003 100644
--- a/author/.html35
+++ b/author/.html35
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html36 b/author/.html36
index a34e52a..e6f3003 100644
--- a/author/.html36
+++ b/author/.html36
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html37 b/author/.html37
index a34e52a..e6f3003 100644
--- a/author/.html37
+++ b/author/.html37
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html38 b/author/.html38
index a34e52a..e6f3003 100644
--- a/author/.html38
+++ b/author/.html38
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html39 b/author/.html39
index a34e52a..e6f3003 100644
--- a/author/.html39
+++ b/author/.html39
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html4 b/author/.html4
index a34e52a..e6f3003 100644
--- a/author/.html4
+++ b/author/.html4
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html40 b/author/.html40
index a34e52a..e6f3003 100644
--- a/author/.html40
+++ b/author/.html40
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html41 b/author/.html41
index a34e52a..e6f3003 100644
--- a/author/.html41
+++ b/author/.html41
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html42 b/author/.html42
index a34e52a..e6f3003 100644
--- a/author/.html42
+++ b/author/.html42
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html43 b/author/.html43
index a34e52a..e6f3003 100644
--- a/author/.html43
+++ b/author/.html43
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html44 b/author/.html44
index a34e52a..e6f3003 100644
--- a/author/.html44
+++ b/author/.html44
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html45 b/author/.html45
index a34e52a..e6f3003 100644
--- a/author/.html45
+++ b/author/.html45
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html46 b/author/.html46
index a34e52a..e6f3003 100644
--- a/author/.html46
+++ b/author/.html46
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html47 b/author/.html47
index a34e52a..e6f3003 100644
--- a/author/.html47
+++ b/author/.html47
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html48 b/author/.html48
index a34e52a..e6f3003 100644
--- a/author/.html48
+++ b/author/.html48
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html49 b/author/.html49
index a34e52a..e6f3003 100644
--- a/author/.html49
+++ b/author/.html49
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html5 b/author/.html5
index a34e52a..e6f3003 100644
--- a/author/.html5
+++ b/author/.html5
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html50 b/author/.html50
index a34e52a..e6f3003 100644
--- a/author/.html50
+++ b/author/.html50
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html51 b/author/.html51
index a34e52a..e6f3003 100644
--- a/author/.html51
+++ b/author/.html51
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html52 b/author/.html52
index a34e52a..e6f3003 100644
--- a/author/.html52
+++ b/author/.html52
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html53 b/author/.html53
index a34e52a..e6f3003 100644
--- a/author/.html53
+++ b/author/.html53
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html54 b/author/.html54
index a34e52a..e6f3003 100644
--- a/author/.html54
+++ b/author/.html54
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html55 b/author/.html55
index a34e52a..e6f3003 100644
--- a/author/.html55
+++ b/author/.html55
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html56 b/author/.html56
index a34e52a..e6f3003 100644
--- a/author/.html56
+++ b/author/.html56
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html57 b/author/.html57
index a34e52a..e6f3003 100644
--- a/author/.html57
+++ b/author/.html57
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html58 b/author/.html58
index a34e52a..e6f3003 100644
--- a/author/.html58
+++ b/author/.html58
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html59 b/author/.html59
new file mode 100644
index 0000000..e6f3003
--- /dev/null
+++ b/author/.html59
@@ -0,0 +1,293 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <title>
+Alexis Métaireau -         </title>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet"
+              href="https://blog.notmyidea.org/theme/css/main.css?v2"
+              type="text/css" />
+        <link href="https://blog.notmyidea.org/feeds/all.atom.xml"
+              type="application/atom+xml"
+              rel="alternate"
+              title="Alexis Métaireau ATOM Feed" />
+    </head>
+    <body>
+        <div id="content">
+            <section id="links">
+                <ul>
+                            <li>
+                                <a class="main" href="/">Alexis Métaireau</a>
+                            </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/journal/index.html">Journal</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/code/">Code, etc.</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/weeknotes/">Notes hebdo</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/lectures/">Lectures</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/projets.html">Projets</a>
+                        </li>
+                </ul>
+            </section>
+<h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
+<section class="section index">
+    <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/javascript.html">Javascript</a>    <h1><a href="https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html" id="page-title">Returning objects from an arrow&nbsp;function</a></h1>
+    <p>When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning <code>undefined</code> values.</p>
+<p>Turns out it&#8217;s not possible to return directly objects from inside the arrow function because they&#8217;re confused as&nbsp;statements.</p>
+<p>This is <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#function_body">covered by <span class="caps">MDN</span></a>.</p>
+<p>To …</p>
+</section>
+<section class="section index">
+    <time datetime="2023-12-25T00:00:00+01:00">25 décembre 2023</time>
+
+    <h1><a href="https://blog.notmyidea.org/format-an-usb-disk-from-the-command-line-on-macosx.html" id="page-title">Format an <span class="caps">USB</span> disk from the command-line on&nbsp;MacOSX</a></h1>
+    <div class="highlight"><pre><span></span><code>sudo<span class="w"> </span>diskutil<span class="w"> </span>unmountDisk<span class="w"> </span>/dev/disk5
+sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class="w"> </span><span class="s2">&quot;MS-DOS FAT32&quot;</span><span class="w"> </span>Brocolis<span class="w"> </span>/dev/disk
+</code></pre></div>
+</section>
+<section class="section index">
+    <time datetime="2023-12-08T00:00:00+01:00">08 décembre 2023</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/linux.html">Linux</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/asahi.html">Asahi</a>    <h1><a href="https://blog.notmyidea.org/rescuing-a-broken-asahi-linux-workstation.html" id="page-title">Rescuing a broken asahi linux&nbsp;workstation</a></h1>
+    How I used Alpine linux as a rescue system
+</section>
+<section class="section index">
+    <time datetime="2023-11-23T00:00:00+01:00">23 novembre 2023</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/pelican.html">Pelican</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/work.html">Work</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/vega.html">Vega</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/markdown.html">Markdown</a>    <h1><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" id="page-title">Using pelican to track my worked and volunteer&nbsp;hours</a></h1>
+    Graphs, progress-bars and python-markdown extensions
+</section>
+<section class="section index">
+    <time datetime="2023-11-21T00:00:00+01:00">21 novembre 2023</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" id="page-title">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></h1>
+    A heads-up on what I've been doing this week on uMap
+</section>
+<section class="section index">
+    <time datetime="2023-11-20T00:00:00+01:00">20 novembre 2023</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/postgresql.html">postgresql</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sysadmin.html">sysadmin</a>    <h1><a href="https://blog.notmyidea.org/importing-a-postgresql-dump-under-a-different-database-name.html" id="page-title">Importing a PostgreSQL dump under a different database&nbsp;name</a></h1>
+    Simple commands to help you during an import
+</section>
+<section class="section index">
+    <time datetime="2023-11-12T00:00:00+01:00">12 novembre 2023</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/deployment.html">Deployment</a>    <h1><a href="https://blog.notmyidea.org/deploying-and-customizing-datasette.html" id="page-title">Deploying and customizing&nbsp;datasette</a></h1>
+    Step by step follow-up on how I've deployed it and added custom templates on top.
+</section>
+<section class="section index">
+    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sync.html">Sync</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">uMap</a>    <h1><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" id="page-title">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></h1>
+    A heads-up on what I've been doing this week on uMap
+</section>
+<section class="section index">
+    <time datetime="2023-11-11T00:00:00+01:00">11 novembre 2023</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>    <h1><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" id="page-title">Using Datasette for tracking my professional&nbsp;activity</a></h1>
+    <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
+<p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
+</section>
+<ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
+    <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
+    <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-46.html" rel="bookmark" title="Permalink to 2023, Semaine 46">2023, Semaine&nbsp;46</a></li>
+    <li><a href="https://blog.notmyidea.org/importing-a-postgresql-dump-under-a-different-database-name.html" rel="bookmark" title="Permalink to Importing a PostgreSQL dump under a different database name">Importing a PostgreSQL dump under a different database&nbsp;name</a></li>
+    <li><a href="https://blog.notmyidea.org/deploying-and-customizing-datasette.html" rel="bookmark" title="Permalink to Deploying and customizing datasette">Deploying and customizing&nbsp;datasette</a></li>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-45.html" rel="bookmark" title="Permalink to 2023, Semaine 45">2023, Semaine&nbsp;45</a></li>
+    <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-first-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, first week">Adding Real-Time Collaboration to uMap, first&nbsp;week</a></li>
+    <li><a href="https://blog.notmyidea.org/using-datasette-for-tracking-my-professional-activity.html" rel="bookmark" title="Permalink to Using Datasette for tracking my professional activity">Using Datasette for tracking my professional&nbsp;activity</a></li>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-42.html" rel="bookmark" title="Permalink to 2023, Semaine 42">2023, Semaine&nbsp;42</a></li>
+    <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-41.html" rel="bookmark" title="Permalink to 2023, Semaine 41">2023, Semaine&nbsp;41</a></li>
+    <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-40.html" rel="bookmark" title="Permalink to 2023, Semaine 40">2023, Semaine&nbsp;40</a></li>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-39.html" rel="bookmark" title="Permalink to 2023, Semaine 39">2023, Semaine&nbsp;39</a></li>
+    <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
+    <li><a href="https://blog.notmyidea.org/setting-up-a-irc-bouncer-with-znc.html" rel="bookmark" title="Permalink to Setting up a IRC Bouncer with ZNC">Setting up a <span class="caps">IRC</span> Bouncer with <span class="caps">ZNC</span></a></li>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-38.html" rel="bookmark" title="Permalink to 2023, Semaine 38">2023, Semaine&nbsp;38</a></li>
+    <li><a href="https://blog.notmyidea.org/how-to-run-the-vigogne-model-locally.html" rel="bookmark" title="Permalink to How to run the vigogne model locally">How to run the vigogne model&nbsp;locally</a></li>
+    <li><a href="https://blog.notmyidea.org/creating-a-simple-command-line-to-post-snippets-on-gitlab.html" rel="bookmark" title="Permalink to Creating a simple command line to post snippets on Gitlab">Creating a simple command line to post snippets on&nbsp;Gitlab</a></li>
+    <li><a href="https://blog.notmyidea.org/creating-an-online-space-to-share-markdown-files.html" rel="bookmark" title="Permalink to Creating an online space to share markdown files">Creating an online space to share markdown&nbsp;files</a></li>
+    <li><a href="https://blog.notmyidea.org/conversion-dun-fichier-svg-en-faviconico.html" rel="bookmark" title="Permalink to Conversion d’un fichier svg en favicon.ico">Conversion d&#8217;un fichier svg en&nbsp;favicon.ico</a></li>
+    <li><a href="https://blog.notmyidea.org/decouverte-de-nouveaux-outils-pour-le-developpement-llm-helix-et-plus.html" rel="bookmark" title="Permalink to Découverte de nouveaux outils pour le développement: LLM, Helix et plus">Découverte de nouveaux outils pour le développement: <span class="caps">LLM</span>, Helix et&nbsp;plus</a></li>
+    <li><a href="https://blog.notmyidea.org/running-the-gitlab-ci-locally.html" rel="bookmark" title="Permalink to Running the Gitlab CI locally">Running the Gitlab <span class="caps">CI</span>&nbsp;locally</a></li>
+    <li><a href="https://blog.notmyidea.org/archlinux-et-mise-a-jour-du-keyring.html" rel="bookmark" title="Permalink to ArchLinux et mise à jour du keyring">ArchLinux et mise à jour du&nbsp;keyring</a></li>
+    <li><a href="https://blog.notmyidea.org/python-packaging-with-hatch-pipx-and-zsh-environment-variables.html" rel="bookmark" title="Permalink to Python packaging with Hatch, pipx and Zsh environment variables">Python packaging with Hatch, pipx and Zsh environment&nbsp;variables</a></li>
+    <li><a href="https://blog.notmyidea.org/profiling-and-speeding-up-django-and-pytest.html" rel="bookmark" title="Permalink to Profiling and speeding up Django and Pytest">Profiling and speeding up Django and&nbsp;Pytest</a></li>
+    <li><a href="https://blog.notmyidea.org/mediter.html" rel="bookmark" title="Permalink to Méditer">Méditer</a></li>
+    <li><a href="https://blog.notmyidea.org/separation-travail-et-loisirs.html" rel="bookmark" title="Permalink to Séparation travail et loisirs">Séparation travail et&nbsp;loisirs</a></li>
+    <li><a href="https://blog.notmyidea.org/tolerance-empathie-et-limites.html" rel="bookmark" title="Permalink to Tolérance, empathie et limites">Tolérance, empathie et&nbsp;limites</a></li>
+    <li><a href="https://blog.notmyidea.org/installation-de-mosquitto-influxdb-telegraf-et-grafana.html" rel="bookmark" title="Permalink to Installation de Mosquitto, InfluxDB, Telegraf et Grafana">Installation de Mosquitto, InfluxDB, Telegraf et&nbsp;Grafana</a></li>
+    <li><a href="https://blog.notmyidea.org/2022-lannee-des-concerts.html" rel="bookmark" title="Permalink to 2022, l’année des concerts">2022, l&#8217;année des&nbsp;concerts</a></li>
+    <li><a href="https://blog.notmyidea.org/reveil-difficile.html" rel="bookmark" title="Permalink to Réveil difficile">Réveil&nbsp;difficile</a></li>
+    <li><a href="https://blog.notmyidea.org/lere-de-la-critique.html" rel="bookmark" title="Permalink to L’Ère de la critique">L&#8217;Ère de la&nbsp;critique</a></li>
+    <li><a href="https://blog.notmyidea.org/fatigue-relationnelle.html" rel="bookmark" title="Permalink to Fatigue relationnelle">Fatigue&nbsp;relationnelle</a></li>
+    <li><a href="https://blog.notmyidea.org/conflit.html" rel="bookmark" title="Permalink to Conflit">Conflit</a></li>
+    <li><a href="https://blog.notmyidea.org/cooperation-et-travail.html" rel="bookmark" title="Permalink to Coopération et travail">Coopération et&nbsp;travail</a></li>
+    <li><a href="https://blog.notmyidea.org/rentree.html" rel="bookmark" title="Permalink to Rentrée">Rentrée</a></li>
+    <li><a href="https://blog.notmyidea.org/faire-de-la-musique-sous-linux.html" rel="bookmark" title="Permalink to Faire de la musique sous Linux">Faire de la musique sous&nbsp;Linux</a></li>
+    <li><a href="https://blog.notmyidea.org/vaccination-et-risques.html" rel="bookmark" title="Permalink to Vaccination et risques">Vaccination et&nbsp;risques</a></li>
+    <li><a href="https://blog.notmyidea.org/facebook-competition-ethique-et-marketing.html" rel="bookmark" title="Permalink to Facebook, compétition, éthique et marketing.">Facebook, compétition, éthique et&nbsp;marketing.</a></li>
+    <li><a href="https://blog.notmyidea.org/routine.html" rel="bookmark" title="Permalink to Routine">Routine</a></li>
+    <li><a href="https://blog.notmyidea.org/reconnexion.html" rel="bookmark" title="Permalink to Reconnexion ?">Reconnexion&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/forum-ouvert-animation-et-posture.html" rel="bookmark" title="Permalink to Forum ouvert, animation et posture">Forum ouvert, animation et&nbsp;posture</a></li>
+    <li><a href="https://blog.notmyidea.org/artfevre-2020-defi-artistique-en-fevrier.html" rel="bookmark" title="Permalink to Artfevre 2020 - Défi artistique en février">Artfevre 2020 - Défi artistique en&nbsp;février</a></li>
+    <li><a href="https://blog.notmyidea.org/le-piege-du-developpement-personnel.html" rel="bookmark" title="Permalink to Le piège du développement personnel">Le piège du développement&nbsp;personnel</a></li>
+    <li><a href="https://blog.notmyidea.org/packager-du-python-pour-debian.html" rel="bookmark" title="Permalink to Packager du python pour Debian">Packager du python pour&nbsp;Debian</a></li>
+    <li><a href="https://blog.notmyidea.org/prendre-le-temps.html" rel="bookmark" title="Permalink to Prendre le temps">Prendre le&nbsp;temps</a></li>
+    <li><a href="https://blog.notmyidea.org/limites-horaires.html" rel="bookmark" title="Permalink to Limites horaires">Limites&nbsp;horaires</a></li>
+    <li><a href="https://blog.notmyidea.org/prendre-soin.html" rel="bookmark" title="Permalink to Prendre soin">Prendre&nbsp;soin</a></li>
+    <li><a href="https://blog.notmyidea.org/remettre-les-choses-a-plus-tard.html" rel="bookmark" title="Permalink to Remettre les choses à plus tard">Remettre les choses à plus&nbsp;tard</a></li>
+    <li><a href="https://blog.notmyidea.org/break-technologique.html" rel="bookmark" title="Permalink to Break technologique">Break&nbsp;technologique</a></li>
+    <li><a href="https://blog.notmyidea.org/assurance-chomage.html" rel="bookmark" title="Permalink to Assurance chômage">Assurance&nbsp;chômage</a></li>
+    <li><a href="https://blog.notmyidea.org/prix-libre-et-conscient.html" rel="bookmark" title="Permalink to Prix libre et conscient & culpabilisation">Prix libre et conscient <span class="amp">&amp;</span>&nbsp;culpabilisation</a></li>
+    <li><a href="https://blog.notmyidea.org/ecran-et-dependances.html" rel="bookmark" title="Permalink to Écran et dépendances">Écran et&nbsp;dépendances</a></li>
+    <li><a href="https://blog.notmyidea.org/groupe-de-paroles-hommes.html" rel="bookmark" title="Permalink to Groupe de paroles hommes">Groupe de paroles&nbsp;hommes</a></li>
+    <li><a href="https://blog.notmyidea.org/ignorance-et-vertu.html" rel="bookmark" title="Permalink to Ignorance et vertu">Ignorance et&nbsp;vertu</a></li>
+    <li><a href="https://blog.notmyidea.org/fatigue-et-competition.html" rel="bookmark" title="Permalink to Fatigue et compétition">Fatigue et&nbsp;compétition</a></li>
+    <li><a href="https://blog.notmyidea.org/francis-dupuis-deri-democratie.html" rel="bookmark" title="Permalink to Francis Dupuis Déri, Démocratie.">Francis Dupuis Déri,&nbsp;Démocratie.</a></li>
+    <li><a href="https://blog.notmyidea.org/musique-creation-et-partage.html" rel="bookmark" title="Permalink to Musique, création et partage">Musique, création et&nbsp;partage</a></li>
+    <li><a href="https://blog.notmyidea.org/elitisme-et-apprentissage.html" rel="bookmark" title="Permalink to Élitisme et apprentissage">Élitisme et&nbsp;apprentissage</a></li>
+    <li><a href="https://blog.notmyidea.org/travail-passion-et-limites.html" rel="bookmark" title="Permalink to Travail, passion et limites.">Travail, passion et&nbsp;limites.</a></li>
+    <li><a href="https://blog.notmyidea.org/ours.html" rel="bookmark" title="Permalink to Ours">Ours</a></li>
+    <li><a href="https://blog.notmyidea.org/velo.html" rel="bookmark" title="Permalink to Vélo">Vélo</a></li>
+    <li><a href="https://blog.notmyidea.org/un-espace-des-communs-rennais.html" rel="bookmark" title="Permalink to Un espace des communs Rennais ?">Un espace des communs Rennais&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/un-an.html" rel="bookmark" title="Permalink to Brasserie - petit bilan, après un an d’existence">Brasserie - petit bilan, après un an&nbsp;d’existence</a></li>
+    <li><a href="https://blog.notmyidea.org/de-mozilla-a-la-brasserie-du-vieux-singe.html" rel="bookmark" title="Permalink to De Mozilla à la Brasserie du Vieux Singe">De Mozilla à la Brasserie du Vieux&nbsp;Singe</a></li>
+    <li><a href="https://blog.notmyidea.org/groupement-dachats-partage-dexperience.html" rel="bookmark" title="Permalink to Groupement d’achats & partage d’expérience">Groupement d&#8217;achats <span class="amp">&amp;</span> partage&nbsp;d&#8217;expérience</a></li>
+    <li><a href="https://blog.notmyidea.org/webnotes.html" rel="bookmark" title="Permalink to Webnotes">Webnotes</a></li>
+    <li><a href="https://blog.notmyidea.org/faire-moins.html" rel="bookmark" title="Permalink to Faire moins">Faire&nbsp;moins</a></li>
+    <li><a href="https://blog.notmyidea.org/neipa-3.html" rel="bookmark" title="Permalink to NEIPA #3"><span class="caps">NEIPA</span>&nbsp;#3</a></li>
+    <li><a href="https://blog.notmyidea.org/neipa-2.html" rel="bookmark" title="Permalink to NEIPA #2"><span class="caps">NEIPA</span>&nbsp;#2</a></li>
+    <li><a href="https://blog.notmyidea.org/larrivee-du-trouble-ou-comment-faire-des-neipa.html" rel="bookmark" title="Permalink to L’arrivée du trouble (ou comment faire des NEIPA ?)">L&#8217;arrivée du trouble (ou comment faire des <span class="caps">NEIPA</span>&nbsp;?)</a></li>
+    <li><a href="https://blog.notmyidea.org/un-club-des-brasseurs-amateurs-rennais.html" rel="bookmark" title="Permalink to Un club des brasseurs amateurs Rennais">Un club des brasseurs amateurs&nbsp;Rennais</a></li>
+    <li><a href="https://blog.notmyidea.org/brasserie-du-vieux-singe-installation-en-cours.html" rel="bookmark" title="Permalink to Brasserie du Vieux Singe — Installation en cours.">Brasserie du Vieux Singe — Installation en&nbsp;cours.</a></li>
+    <li><a href="https://blog.notmyidea.org/comment-est-ce-que-vous-generez-vos-formulaires.html" rel="bookmark" title="Permalink to Comment est-ce que vous générez vos formulaires ?">Comment est-ce que vous générez vos formulaires&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/cloisonnement-des-activites.html" rel="bookmark" title="Permalink to Cloisonnement des activités ?">Cloisonnement des activités&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/avez-vous-confiance-en-ssl.html" rel="bookmark" title="Permalink to Avez vous confiance en SSL?">Avez vous confiance en <span class="caps">SSL</span>?</a></li>
+    <li><a href="https://blog.notmyidea.org/focusing-on-what-matters.html" rel="bookmark" title="Permalink to Focusing on what matters">Focusing on what&nbsp;matters</a></li>
+    <li><a href="https://blog.notmyidea.org/retours-sur-un-atelier-zeronet.html" rel="bookmark" title="Permalink to Retours sur un atelier ZeroNet">Retours sur un atelier&nbsp;ZeroNet</a></li>
+    <li><a href="https://blog.notmyidea.org/lhorizon.html" rel="bookmark" title="Permalink to L’horizon">L&#8217;horizon</a></li>
+    <li><a href="https://blog.notmyidea.org/service-de-nuages-garantir-lintegrite-des-donnees-via-des-signatures-fr.html" rel="bookmark" title="Permalink to Service de nuages : Garantir l’intégrité des données via des signatures">Service de nuages : Garantir l&#8217;intégrité des données via des&nbsp;signatures</a></li>
+    <li><a href="https://blog.notmyidea.org/lets-encrypt-haproxy.html" rel="bookmark" title="Permalink to Let’s Encrypt + HAProxy">Let&#8217;s Encrypt +&nbsp;HAProxy</a></li>
+    <li><a href="https://blog.notmyidea.org/ateliers-dautodefense-numerique.html" rel="bookmark" title="Permalink to Ateliers d’autodéfense numérique">Ateliers d&#8217;autodéfense&nbsp;numérique</a></li>
+    <li><a href="https://blog.notmyidea.org/le-mail-doit-il-mourir.html" rel="bookmark" title="Permalink to Le mail doit-il mourir ?">Le mail doit-il mourir&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/web-distribution-signing.html" rel="bookmark" title="Permalink to Web distribution signing">Web distribution&nbsp;signing</a></li>
+    <li><a href="https://blog.notmyidea.org/pourquoi-cliquet" rel="bookmark" title="Permalink to Service de nuages : Pourquoi avons-nous fait Cliquet ?">Service de nuages : Pourquoi avons-nous fait Cliquet&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/charte-et-evenements-non-mixtes-au-sein-de-lafpy.html" rel="bookmark" title="Permalink to Charte et événements non-mixtes au sein de l’Afpy">Charte et événements non-mixtes au sein de&nbsp;l&#8217;Afpy</a></li>
+    <li><a href="https://blog.notmyidea.org/service-de-nuages-perspectives-pour-lete-fr.html" rel="bookmark" title="Permalink to Service de nuages : Perspectives pour l’été">Service de nuages : Perspectives pour&nbsp;l&#8217;été</a></li>
+    <li><a href="https://blog.notmyidea.org/roles.html" rel="bookmark" title="Permalink to Rôles">Rôles</a></li>
+    <li><a href="https://blog.notmyidea.org/service-de-nuages-achievement-unlocked-fr.html" rel="bookmark" title="Permalink to Service de nuages : Achievement unlocked">Service de nuages : Achievement&nbsp;unlocked</a></li>
+    <li><a href="https://blog.notmyidea.org/service-de-nuages-stocker-et-interroger-les-permissions-avec-kinto-fr.html" rel="bookmark" title="Permalink to Service de nuages : Stocker et interroger les permissions avec Kinto">Service de nuages : Stocker et interroger les permissions avec&nbsp;Kinto</a></li>
+    <li><a href="https://blog.notmyidea.org/les-problemes-de-pgp.html" rel="bookmark" title="Permalink to Les problèmes de PGP">Les problèmes de <span class="caps">PGP</span></a></li>
+    <li><a href="https://blog.notmyidea.org/travail-et-creativite.html" rel="bookmark" title="Permalink to Travail et créativité">Travail et&nbsp;créativité</a></li>
+    <li><a href="https://blog.notmyidea.org/simplifier-les-preuves-didentites.html" rel="bookmark" title="Permalink to Simplifier les preuves d’identités">Simplifier les preuves&nbsp;d&#8217;identités</a></li>
+    <li><a href="https://blog.notmyidea.org/phrases-de-passe-et-bonnes-pratiques.html" rel="bookmark" title="Permalink to Phrases de passe et bonnes pratiques">Phrases de passe et bonnes&nbsp;pratiques</a></li>
+    <li><a href="https://blog.notmyidea.org/chiffrement.html" rel="bookmark" title="Permalink to Chiffrement">Chiffrement</a></li>
+    <li><a href="https://blog.notmyidea.org/language.html" rel="bookmark" title="Permalink to Language">Language</a></li>
+    <li><a href="https://blog.notmyidea.org/service-de-nuages-la-gestion-des-permissions-fr.html" rel="bookmark" title="Permalink to Service de nuages : La gestion des permissions">Service de nuages : La gestion des&nbsp;permissions</a></li>
+    <li><a href="https://blog.notmyidea.org/eco-systeme-et-stockage-generique.html" rel="bookmark" title="Permalink to Eco-système et stockage générique">Eco-système et stockage&nbsp;générique</a></li>
+    <li><a href="https://blog.notmyidea.org/service-de-nuages-fr.html" rel="bookmark" title="Permalink to Service de nuages !">Service de nuages&nbsp;!</a></li>
+    <li><a href="https://blog.notmyidea.org/le-secret-du-bonheur.html" rel="bookmark" title="Permalink to Le secret du bonheur">Le secret du&nbsp;bonheur</a></li>
+    <li><a href="https://blog.notmyidea.org/whats-hawk-and-how-to-use-it.html" rel="bookmark" title="Permalink to What’s Hawk and how to use it?">What&#8217;s Hawk and how to use&nbsp;it?</a></li>
+    <li><a href="https://blog.notmyidea.org/quel-metier-quelle-utilite.html" rel="bookmark" title="Permalink to Quel métier, quelle utilité ?">Quel métier, quelle utilité&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/retours-sur-deux-ans-a-mozilla.html" rel="bookmark" title="Permalink to Retours sur deux ans à Mozilla">Retours sur deux ans à&nbsp;Mozilla</a></li>
+    <li><a href="https://blog.notmyidea.org/des-carnets-desquisse.html" rel="bookmark" title="Permalink to Des carnets d’esquisse">Des carnets&nbsp;d&#8217;esquisse</a></li>
+    <li><a href="https://blog.notmyidea.org/francois-elie-quelle-ecole-pour-la-societe-de-linformation.html" rel="bookmark" title="Permalink to François Elie : Quelle école pour la société de l’information ?">François Elie : Quelle école pour la société de l’information&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/notes-economie-libidinale-et-economie-politique.html" rel="bookmark" title="Permalink to Notes: Économie libidinale et économie politique">Notes: Économie libidinale et économie&nbsp;politique</a></li>
+    <li><a href="https://blog.notmyidea.org/le-revenu-de-base.html" rel="bookmark" title="Permalink to Le revenu de base">Le revenu de&nbsp;base</a></li>
+    <li><a href="https://blog.notmyidea.org/des-profils-de-confiance-partout-et-pour-tout.html" rel="bookmark" title="Permalink to Des profils de confiance partout et pour tout ?">Des profils de confiance partout et pour tout&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/implementing-cors-in-cornice.html" rel="bookmark" title="Permalink to Implementing CORS in Cornice">Implementing <span class="caps">CORS</span> in&nbsp;Cornice</a></li>
+    <li><a href="https://blog.notmyidea.org/new-year-python-meme-2012.html" rel="bookmark" title="Permalink to New year python meme, 2012">New year python meme,&nbsp;2012</a></li>
+    <li><a href="https://blog.notmyidea.org/status-board.html" rel="bookmark" title="Permalink to Status board">Status&nbsp;board</a></li>
+    <li><a href="https://blog.notmyidea.org/habitat-collectif.html" rel="bookmark" title="Permalink to Habitat collectif">Habitat&nbsp;collectif</a></li>
+    <li><a href="https://blog.notmyidea.org/tricot.html" rel="bookmark" title="Permalink to Tricot">Tricot</a></li>
+    <li><a href="https://blog.notmyidea.org/astuces-ssh.html" rel="bookmark" title="Permalink to Astuces SSH">Astuces <span class="caps">SSH</span></a></li>
+    <li><a href="https://blog.notmyidea.org/gnome-3-extensions.html" rel="bookmark" title="Permalink to Gnome 3, extensions">Gnome 3,&nbsp;extensions</a></li>
+    <li><a href="https://blog.notmyidea.org/groovy.html" rel="bookmark" title="Permalink to “Groovy”"><span class="dquo">&#8220;</span>Groovy&#8221;</a></li>
+    <li><a href="https://blog.notmyidea.org/notre-dame-des-landes.html" rel="bookmark" title="Permalink to Notre dame des landes">Notre dame des&nbsp;landes</a></li>
+    <li><a href="https://blog.notmyidea.org/semences-paysannes.html" rel="bookmark" title="Permalink to Semences paysannes">Semences&nbsp;paysannes</a></li>
+    <li><a href="https://blog.notmyidea.org/languages.html" rel="bookmark" title="Permalink to Languages">Languages</a></li>
+    <li><a href="https://blog.notmyidea.org/cheese-code-wrap-up.html" rel="bookmark" title="Permalink to Cheese & code - Wrap-up">Cheese <span class="amp">&amp;</span> code -&nbsp;Wrap-up</a></li>
+    <li><a href="https://blog.notmyidea.org/biere-maison.html" rel="bookmark" title="Permalink to Bière maison !">Bière maison&nbsp;!</a></li>
+    <li><a href="https://blog.notmyidea.org/motivation-benevolat-et-participation.html" rel="bookmark" title="Permalink to Motivation, bénévolat et participation">Motivation, bénévolat et&nbsp;participation</a></li>
+    <li><a href="https://blog.notmyidea.org/cheese-code-party-october-20-21.html" rel="bookmark" title="Permalink to Cheese & Code party: October 20-21">Cheese <span class="amp">&amp;</span> Code party: October&nbsp;20-21</a></li>
+    <li><a href="https://blog.notmyidea.org/circus-sprint-at-pyconfr.html" rel="bookmark" title="Permalink to Circus sprint at PyconFR">Circus sprint at&nbsp;PyconFR</a></li>
+    <li><a href="https://blog.notmyidea.org/pourquoi-mozilla.html" rel="bookmark" title="Permalink to Pourquoi Mozilla?">Pourquoi&nbsp;Mozilla?</a></li>
+    <li><a href="https://blog.notmyidea.org/lifestyle.html" rel="bookmark" title="Permalink to Lifestyle">Lifestyle</a></li>
+    <li><a href="https://blog.notmyidea.org/refactoring-cornice.html" rel="bookmark" title="Permalink to Refactoring Cornice">Refactoring&nbsp;Cornice</a></li>
+    <li><a href="https://blog.notmyidea.org/bidouille.html" rel="bookmark" title="Permalink to Bidouille">Bidouille</a></li>
+    <li><a href="https://blog.notmyidea.org/djangocong-2012.html" rel="bookmark" title="Permalink to Djangocong 2012">Djangocong&nbsp;2012</a></li>
+    <li><a href="https://blog.notmyidea.org/generation-de-formulaires-geolocalises.html" rel="bookmark" title="Permalink to Génération de formulaires, geolocalisés ?">Génération de formulaires, geolocalisés&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/thoughts-about-a-form-generation-service-gis-enabled.html" rel="bookmark" title="Permalink to Thoughts about a form generation service, GIS enabled">Thoughts about a form generation service, <span class="caps">GIS</span>&nbsp;enabled</a></li>
+    <li><a href="https://blog.notmyidea.org/les-dangers-du-livre-numerique.html" rel="bookmark" title="Permalink to Les dangers du livre numérique">Les dangers du livre&nbsp;numérique</a></li>
+    <li><a href="https://blog.notmyidea.org/mozilla-first-months.html" rel="bookmark" title="Permalink to Mozilla, first months">Mozilla, first&nbsp;months</a></li>
+    <li><a href="https://blog.notmyidea.org/introducing-cornice.html" rel="bookmark" title="Permalink to Introducing Cornice">Introducing&nbsp;Cornice</a></li>
+    <li><a href="https://blog.notmyidea.org/quels-usages-pour-linformatique.html" rel="bookmark" title="Permalink to Quels usages pour l’informatique ?">Quels usages pour l&#8217;informatique&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/how-are-you-handling-your-shared-expenses.html" rel="bookmark" title="Permalink to How are you handling your shared expenses?">How are you handling your shared&nbsp;expenses?</a></li>
+    <li><a href="https://blog.notmyidea.org/la-simplicite-volontaire-contre-le-mythe-de-labondance.html" rel="bookmark" title="Permalink to La simplicité volontaire contre le mythe de l’abondance">La simplicité volontaire contre le mythe de&nbsp;l&#8217;abondance</a></li>
+    <li><a href="https://blog.notmyidea.org/using-dbpedia-to-get-languages-influences.html" rel="bookmark" title="Permalink to Using dbpedia to get languages influences">Using dbpedia to get languages&nbsp;influences</a></li>
+    <li><a href="https://blog.notmyidea.org/pelican-9-months-later.html" rel="bookmark" title="Permalink to Pelican, 9 months later">Pelican, 9 months&nbsp;later</a></li>
+    <li><a href="https://blog.notmyidea.org/using-jpype-to-bridge-python-and-java.html" rel="bookmark" title="Permalink to Using JPype to bridge python and Java">Using JPype to bridge python and&nbsp;Java</a></li>
+    <li><a href="https://blog.notmyidea.org/un-coup-de-main-pour-mon-memoire.html" rel="bookmark" title="Permalink to Un coup de main pour mon mémoire !">Un coup de main pour mon mémoire&nbsp;!</a></li>
+    <li><a href="https://blog.notmyidea.org/travailler-moins-pour-mieux-travailler.html" rel="bookmark" title="Permalink to Travailler moins pour mieux travailler ?">Travailler moins pour mieux travailler&nbsp;?</a></li>
+    <li><a href="https://blog.notmyidea.org/analyse-users-browsing-context-to-build-up-a-web-recommender.html" rel="bookmark" title="Permalink to Analyse users’ browsing context to build up a web recommender">Analyse users&#8217; browsing context to build up a web&nbsp;recommender</a></li>
+    <li><a href="https://blog.notmyidea.org/working-directly-on-your-server-how-to-backup-and-sync-your-dev-environment-with-unison.html" rel="bookmark" title="Permalink to Working directly on your server? How to backup and sync your dev environment with unison">Working directly on your server? How to backup and sync your dev environment with&nbsp;unison</a></li>
+    <li><a href="https://blog.notmyidea.org/wrap-up-of-the-distutils2-paris-sprint.html" rel="bookmark" title="Permalink to Wrap up of the distutils2 paris’ sprint">Wrap up of the distutils2 paris&#8217;&nbsp;sprint</a></li>
+    <li><a href="https://blog.notmyidea.org/pypi-on-couchdb.html" rel="bookmark" title="Permalink to PyPI on CouchDB">PyPI on&nbsp;CouchDB</a></li>
+    <li><a href="https://blog.notmyidea.org/help-me-to-go-to-the-distutils2-paris-sprint.html" rel="bookmark" title="Permalink to Help me to go to the distutils2 paris’ sprint">Help me to go to the distutils2 paris&#8217;&nbsp;sprint</a></li>
+    <li><a href="https://blog.notmyidea.org/fork-you-or-how-the-social-coding-can-help-you.html" rel="bookmark" title="Permalink to Fork you! or how the social coding can help you">Fork you! or how the social coding can help&nbsp;you</a></li>
+    <li><a href="https://blog.notmyidea.org/how-to-reboot-your-bebox-using-the-cli.html" rel="bookmark" title="Permalink to How to reboot your bebox using the CLI">How to reboot your bebox using the <span class="caps">CLI</span></a></li>
+    <li><a href="https://blog.notmyidea.org/dynamically-change-your-gnome-desktop-wallpaper.html" rel="bookmark" title="Permalink to Dynamically change your gnome desktop wallpaper">Dynamically change your gnome desktop&nbsp;wallpaper</a></li>
+    <li><a href="https://blog.notmyidea.org/how-to-install-nginx-php-53-on-freebsd.html" rel="bookmark" title="Permalink to How to install NGINX + PHP 5.3 on FreeBSD.">How to install <span class="caps">NGINX</span> + <span class="caps">PHP</span> 5.3 on&nbsp;FreeBSD.</a></li>
+    <li><a href="https://blog.notmyidea.org/pelican-a-simple-static-blog-generator-in-python.html" rel="bookmark" title="Permalink to Pelican, a simple static blog generator in python">Pelican, a simple static blog generator in&nbsp;python</a></li>
+    <li><a href="https://blog.notmyidea.org/an-amazing-summer-of-code-working-on-distutils2.html" rel="bookmark" title="Permalink to An amazing summer of code working on distutils2">An amazing summer of code working on&nbsp;distutils2</a></li>
+    <li><a href="https://blog.notmyidea.org/sprinting-on-distutils2-in-tours.html" rel="bookmark" title="Permalink to Sprinting on distutils2 in Tours">Sprinting on distutils2 in&nbsp;Tours</a></li>
+    <li><a href="https://blog.notmyidea.org/introducing-the-distutils2-index-crawlers.html" rel="bookmark" title="Permalink to Introducing the distutils2 index crawlers">Introducing the distutils2 index&nbsp;crawlers</a></li>
+    <li><a href="https://blog.notmyidea.org/use-restructured-text-rest-to-power-your-presentations.html" rel="bookmark" title="Permalink to Use Restructured Text (ReST) to power your presentations">Use Restructured Text (ReST) to power your&nbsp;presentations</a></li>
+    <li><a href="https://blog.notmyidea.org/first-week-working-on-distutils2.html" rel="bookmark" title="Permalink to first week working on distutils2">first week working on&nbsp;distutils2</a></li>
+    <li><a href="https://blog.notmyidea.org/a-distutils2-gsoc.html" rel="bookmark" title="Permalink to A Distutils2 GSoC">A Distutils2&nbsp;GSoC</a></li>
+    <li><a href="https://blog.notmyidea.org/le-temps-des-graces-courrez-y.html" rel="bookmark" title="Permalink to Le temps des grâces, courrez-y !">Le temps des grâces, courrez-y&nbsp;!</a></li>
+    <li><a href="https://blog.notmyidea.org/semaine-de-lenvironnement-la-consommation-etudiante.html" rel="bookmark" title="Permalink to Semaine de l’environnement: La consommation étudiante">Semaine de l’environnement: La consommation&nbsp;étudiante</a></li>
+    <li><a href="https://blog.notmyidea.org/python-go.html" rel="bookmark" title="Permalink to Python ? go !">Python ? go&nbsp;!</a></li>
+    <li><a href="https://blog.notmyidea.org/amap-media-paniers-bio-a-5e.html" rel="bookmark" title="Permalink to AMAP + Média = Paniers bio à 5e ?!"><span class="caps">AMAP</span> + Média = Paniers bio à 5e&nbsp;?!</a></li>
+</ul>
+</section>
+            <footer>
+                <a id="feed" href="/feeds/all.atom.xml">
+                    <img alt="RSS Logo" src="/theme/rss.svg" />
+                </a>
+            </footer>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/author/.html6 b/author/.html6
index a34e52a..e6f3003 100644
--- a/author/.html6
+++ b/author/.html6
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html7 b/author/.html7
index a34e52a..e6f3003 100644
--- a/author/.html7
+++ b/author/.html7
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html8 b/author/.html8
index a34e52a..e6f3003 100644
--- a/author/.html8
+++ b/author/.html8
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/author/.html9 b/author/.html9
index a34e52a..e6f3003 100644
--- a/author/.html9
+++ b/author/.html9
@@ -43,6 +43,18 @@ Alexis Métaireau -         </title>
                 </ul>
             </section>
 <h1></h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -103,13 +115,8 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
     <p>I&#8217;ve been following Simon Willison since quite some time, but I&#8217;ve actually never played with his main project <a href="https://datasette.io">Datasette</a>&nbsp;before.</p>
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
 </section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a>    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-</section>
 <ul>
+    <li><a href="https://blog.notmyidea.org/2023-semaine-48.html" rel="bookmark" title="Permalink to 2023, Semaine 48">2023, Semaine&nbsp;48</a></li>
     <li><a href="https://blog.notmyidea.org/2023-semaine-47.html" rel="bookmark" title="Permalink to 2023, Semaine 47">2023, Semaine&nbsp;47</a></li>
     <li><a href="https://blog.notmyidea.org/using-pelican-to-track-my-worked-and-volunteer-hours.html" rel="bookmark" title="Permalink to Using pelican to track my worked and volunteer hours">Using pelican to track my worked and volunteer&nbsp;hours</a></li>
     <li><a href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="bookmark" title="Permalink to Adding Real-Time Collaboration to uMap, second week">Adding Real-Time Collaboration to uMap, second&nbsp;week</a></li>
diff --git a/categories.html b/categories.html
index 178a630..0f0aec9 100644
--- a/categories.html
+++ b/categories.html
@@ -45,7 +45,7 @@ Alexis Métaireau        </title>
 
 <dl id="categories">
         <dt><h2><a href="/code/">Code, etc.</a></h2></dt>
-        <dd>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais). 76 articles.</dd>
+        <dd>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais). 77 articles.</dd>
         <dt><h2><a href="/journal/">Journal</a></h2></dt>
         <dd>Quelques réfléxions, bien souvent autour du monde du travail ou de la technologie.. 69 articles.</dd>
         <dt><h2><a href="/lectures/">Notes de lecture</a></h2></dt>
diff --git a/code/index.html b/code/index.html
index 8304d4a..631f7c1 100644
--- a/code/index.html
+++ b/code/index.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index10.html b/code/index10.html
index 8304d4a..631f7c1 100644
--- a/code/index10.html
+++ b/code/index10.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index11.html b/code/index11.html
index 8304d4a..631f7c1 100644
--- a/code/index11.html
+++ b/code/index11.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index12.html b/code/index12.html
index 8304d4a..631f7c1 100644
--- a/code/index12.html
+++ b/code/index12.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index13.html b/code/index13.html
index 8304d4a..631f7c1 100644
--- a/code/index13.html
+++ b/code/index13.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index14.html b/code/index14.html
index 8304d4a..631f7c1 100644
--- a/code/index14.html
+++ b/code/index14.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index15.html b/code/index15.html
index 8304d4a..631f7c1 100644
--- a/code/index15.html
+++ b/code/index15.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index16.html b/code/index16.html
index 8304d4a..631f7c1 100644
--- a/code/index16.html
+++ b/code/index16.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index17.html b/code/index17.html
index 8304d4a..631f7c1 100644
--- a/code/index17.html
+++ b/code/index17.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index18.html b/code/index18.html
index 8304d4a..631f7c1 100644
--- a/code/index18.html
+++ b/code/index18.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index19.html b/code/index19.html
index 8304d4a..631f7c1 100644
--- a/code/index19.html
+++ b/code/index19.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index2.html b/code/index2.html
index 8304d4a..631f7c1 100644
--- a/code/index2.html
+++ b/code/index2.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index20.html b/code/index20.html
index 8304d4a..631f7c1 100644
--- a/code/index20.html
+++ b/code/index20.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index21.html b/code/index21.html
index 8304d4a..631f7c1 100644
--- a/code/index21.html
+++ b/code/index21.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index22.html b/code/index22.html
index 8304d4a..631f7c1 100644
--- a/code/index22.html
+++ b/code/index22.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index23.html b/code/index23.html
index 8304d4a..631f7c1 100644
--- a/code/index23.html
+++ b/code/index23.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index24.html b/code/index24.html
index 8304d4a..631f7c1 100644
--- a/code/index24.html
+++ b/code/index24.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index25.html b/code/index25.html
index 8304d4a..631f7c1 100644
--- a/code/index25.html
+++ b/code/index25.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index26.html b/code/index26.html
index 8304d4a..631f7c1 100644
--- a/code/index26.html
+++ b/code/index26.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index3.html b/code/index3.html
index 8304d4a..631f7c1 100644
--- a/code/index3.html
+++ b/code/index3.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index4.html b/code/index4.html
index 8304d4a..631f7c1 100644
--- a/code/index4.html
+++ b/code/index4.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index5.html b/code/index5.html
index 8304d4a..631f7c1 100644
--- a/code/index5.html
+++ b/code/index5.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index6.html b/code/index6.html
index 8304d4a..631f7c1 100644
--- a/code/index6.html
+++ b/code/index6.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index7.html b/code/index7.html
index 8304d4a..631f7c1 100644
--- a/code/index7.html
+++ b/code/index7.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index8.html b/code/index8.html
index 8304d4a..631f7c1 100644
--- a/code/index8.html
+++ b/code/index8.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/code/index9.html b/code/index9.html
index 8304d4a..631f7c1 100644
--- a/code/index9.html
+++ b/code/index9.html
@@ -48,6 +48,19 @@ Alexis Métaireau        </title>
 <p>Des bouts de trucs liés au code, que je trouve utiles de stocker quelque part (en anglais)</p>
         <section class="section index">
 
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+    <br />
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a></section>
 <section class="section index">
     <time datetime="2024-02-08T00:00:00+01:00">08 février 2024</time>
 
@@ -117,15 +130,10 @@ sudo<span class="w"> </span>diskutil<span class="w"> </span>eraseDisk<span class
 <p>As I&#8217;m going back into development, I&#8217;m trying to track where my time goes, to be able to find patterns, and just remember how much time …</p>
     <br />
         <a class='tag' href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/graphs.html">Graphs</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a></section>
-<section class="section index">
-    <time datetime="2023-10-18T00:00:00+02:00">18 octobre 2023</time>
-
-    <h1><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" id="page-title">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></h1>
-    How to get parent and most-recent child in a one-to-many relationship
-    <br />
-        <a class='tag' href="https://blog.notmyidea.org/tag/sql.html">SQL</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/sqlalchemy.html">SQLAlchemy</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/python.html">Python</a></section>
 <ul>
 
+      <li><a href="https://blog.notmyidea.org/using-distinct-in-parent-child-relationships.html" rel="bookmark" title="Permalink to Using DISTINCT in Parent-Child Relationships">Using <span class="caps">DISTINCT</span> in Parent-Child&nbsp;Relationships</a></li>
+
       <li><a href="https://blog.notmyidea.org/convert-string-to-duration.html" rel="bookmark" title="Permalink to Convert string to duration">Convert string to&nbsp;duration</a></li>
 
       <li><a href="https://blog.notmyidea.org/llm-command-line-tips.html" rel="bookmark" title="Permalink to llm command-line tips">llm command-line&nbsp;tips</a></li>
diff --git a/feeds/.atom.xml b/feeds/.atom.xml
index 07f2dcf..283e0b8 100644
--- a/feeds/.atom.xml
+++ b/feeds/.atom.xml
@@ -44,7 +44,243 @@
 &lt;h2 id="notes"&gt;Notes&lt;/h2&gt;
 &lt;ul&gt;
 &lt;li&gt;Un article de &lt;span class="caps"&gt;MDN&lt;/span&gt; sur comment écrire de la doc: https://developer.mozilla.org/en-&lt;span class="caps"&gt;US&lt;/span&gt;/blog/technical-writing/ &lt;/li&gt;
-&lt;/ul&gt;</content><category term="weeknotes"></category></entry><entry><title>Returning objects from an arrow function</title><link href="https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html" rel="alternate"></link><published>2024-02-08T00:00:00+01:00</published><updated>2024-02-08T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-08:/returning-objects-from-an-arrow-function.html</id><summary type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
+&lt;/ul&gt;</content><category term="weeknotes"></category></entry><entry><title>Adding collaboration on uMap, third update</title><link href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" rel="alternate"></link><published>2024-02-12T00:00:00+01:00</published><updated>2024-02-12T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-12:/adding-collaboration-on-umap-third-update.html</id><summary type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6 …&lt;/span&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6&lt;/span&gt; &lt;a href="https://fr.wikipedia.org/wiki/ECMAScript"&gt;wasn&amp;#8217;t out there&amp;nbsp;yet&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;At the time, it wasn&amp;#8217;t possible to use JavaScript modules, nor modern JavaScript
+syntax. The project stayed with these requirements for a long time, in order to support
+people with old browsers. But as time goes on, we can now have access to more&amp;nbsp;features.&lt;/p&gt;
+&lt;p&gt;The team has been working hard on bringing modules to the mix, and it
+wasn&amp;#8217;t a piece of cake. But, the result is here: we&amp;#8217;re &lt;a href="https://github.com/umap-project/umap/pull/1463/files"&gt;now able to use modern
+JavaSript modules&lt;/a&gt; and we
+are now more confident &lt;a href="https://github.com/umap-project/umap/commit/65f1cdd6b4569657ef5e219d9b377fec85c41958"&gt;about which features of the languages we can use or&amp;nbsp;not&lt;/a&gt;&lt;/p&gt;
+&lt;hr&gt;
+&lt;p&gt;I then spent ~way too much~ some time trying to integrate existing CRDTs like
+Automerge and &lt;span class="caps"&gt;YJS&lt;/span&gt; in our project. These two libs are unfortunately expecting us to
+use a bundler, which we aren&amp;#8217;t&amp;nbsp;currently.&lt;/p&gt;
+&lt;p&gt;uMap is plain old JavaScript. It&amp;#8217;s not using react or any other framework. The way
+I see this is that it makes it possible for us to have something &amp;#8220;close to the
+metal&amp;#8221;, if that means anything when it comes to web development. We&amp;#8217;re not tied
+to the development pace of these frameworks, and have more control on what we
+do. It&amp;#8217;s easier to&amp;nbsp;debug.&lt;/p&gt;
+&lt;p&gt;So, after making tweaks and learning how &amp;#8220;modules&amp;#8221;, &amp;#8220;requires&amp;#8221; and &amp;#8220;bundling&amp;#8221;
+was working, I ultimately decided to take a break from this path, to work on the
+wiring with uMap. After all, CRDTs might not even be the way forward for&amp;nbsp;us.&lt;/p&gt;
+&lt;h2 id="internals"&gt;Internals&lt;/h2&gt;
+&lt;p&gt;I was not expecting this to be easy and was a bit afraid. Mostly because I&amp;#8217;m out of my
+comfort zone. After some time with the head under the water, I&amp;#8217;m now able to better
+understand the big picture, and I&amp;#8217;m not getting lost in the details like I was at&amp;nbsp;first.&lt;/p&gt;
+&lt;p&gt;Let me try to summarize what I&amp;#8217;ve&amp;nbsp;learned.&lt;/p&gt;
+&lt;p&gt;uMap appears to be doing a lot of different things, but in the end&amp;nbsp;it&amp;#8217;s:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Using &lt;a href="https://leafletjs.com/"&gt;Leaflet.js&lt;/a&gt; to render &lt;em&gt;features&lt;/em&gt; on the map&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using &lt;a href="https://github.com/Leaflet/Leaflet.Editable"&gt;Leaflet Editable&lt;/a&gt; to edit
+  complex shapes, like polylines, polygons, and to draw markers&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using the &lt;a href="https://github.com/yohanboniface/Leaflet.FormBuilder"&gt;Formbuilder&lt;/a&gt;
+  to expose a way for the users to edit the features, and the data of the&amp;nbsp;map&lt;/li&gt;
+&lt;li&gt;Serializing the layers to and from &lt;a href="https://geojson.org/"&gt;GeoJSON&lt;/a&gt;. That&amp;#8217;s
+  what&amp;#8217;s being sent to and received from the&amp;nbsp;server.&lt;/li&gt;
+&lt;li&gt;Providing different layer types (marker cluster, chloropleth, etc) to display
+  the data in different&amp;nbsp;ways.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id="naming-matters"&gt;Naming&amp;nbsp;matters&lt;/h3&gt;
+&lt;p&gt;There is some naming overlap between the different projects we&amp;#8217;re using, and
+it&amp;#8217;s important to have these small clarifications in&amp;nbsp;mind:&lt;/p&gt;
+&lt;h4 id="leaflet-layers-and-umap-features"&gt;Leaflet layers and uMap&amp;nbsp;features&lt;/h4&gt;
+&lt;p&gt;&lt;strong&gt;In Leaflet, everything is a layer&lt;/strong&gt;. What we call &lt;em&gt;features&lt;/em&gt; in geoJSON are
+leaflet layers, and even a (uMap) layer is a layer. We need to be extra careful
+what are our inputs and outputs in this&amp;nbsp;context.&lt;/p&gt;
+&lt;p&gt;We actually have different layers concepts: the &lt;em&gt;datalayer&lt;/em&gt; and the different
+kind of layers (chloropleth, marker cluster, etc). A datalayer, is (as you can
+guess) where the data is stored. It&amp;#8217;s what uMap serializes. It contains the
+features (with their properties). But that&amp;#8217;s the trick: these features are named
+&lt;em&gt;layers&lt;/em&gt; by&amp;nbsp;Leaflet.&lt;/p&gt;
+&lt;h4 id="geojson-and-leaflet"&gt;GeoJSON and&amp;nbsp;Leaflet&lt;/h4&gt;
+&lt;p&gt;We&amp;#8217;re using GeoJSON to share data with the server, but we&amp;#8217;re using Leaflet
+internally. And these two have different way of naming&amp;nbsp;things.&lt;/p&gt;
+&lt;p&gt;The different geometries are named differently (a leaflet &lt;code&gt;Marker&lt;/code&gt; is a GeoJSON
+&lt;code&gt;Point&lt;/code&gt;), and their coordinates are stored differently: Leaflet stores &lt;code&gt;lat,
+long&lt;/code&gt; where GeoJSON stores &lt;code&gt;long, lat&lt;/code&gt;. Not a big deal, but it&amp;#8217;s a good thing
+to&amp;nbsp;know.&lt;/p&gt;
+&lt;p&gt;Leaflet stores data in &lt;code&gt;options&lt;/code&gt;, where GeoJSON stores it in &lt;code&gt;properties&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id="this-is-not-reactive-programming"&gt;This is not reactive&amp;nbsp;programming&lt;/h3&gt;
+&lt;p&gt;I was expecting the frontend to be organised similarly to Elm apps (or React
+apps): a global state and a data flow (&lt;a href="https:// react-redux.js.org/
+introduction/getting-started"&gt;a la redux&lt;/a&gt;), with events changing the data that will trigger
+a rerendering of the&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;Things work differently for us: different components can write to the map, and
+get updated without being centralized. It&amp;#8217;s just a different&amp;nbsp;paradigm.&lt;/p&gt;
+&lt;h2 id="a-syncing-proof-of-concept"&gt;A syncing proof of&amp;nbsp;concept&lt;/h2&gt;
+&lt;p&gt;With that in mind, I started thinking about a simple way to implement&amp;nbsp;syncing. &lt;/p&gt;
+&lt;p&gt;I left aside all the thinking about how this would relate with CRDTs. It can
+be useful, but later. For now, I &amp;#8220;just&amp;#8221; want to synchronize two maps. I want a
+proof of concept to do informed&amp;nbsp;decisions.&lt;/p&gt;
+&lt;h3 id="syncing-map-properties"&gt;Syncing map&amp;nbsp;properties&lt;/h3&gt;
+&lt;p&gt;I started syncing map properties. Things like the name of the map, the default
+color and type of the marker, the description, the default zoom level,&amp;nbsp;etc.&lt;/p&gt;
+&lt;p&gt;All of these are handled by &amp;#8220;the formbuilder&amp;#8221;. You pass it an object, a list of
+properties and a callback to call when an update happens, and it will build for
+you form&amp;nbsp;inputs.&lt;/p&gt;
+&lt;p&gt;Taken from the documentation (and&amp;nbsp;simplified):&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;display name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;maxZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;max zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;minZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;min zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;tms&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;CheckBox&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;helpText&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;TMS format&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}]&lt;/span&gt;
+&lt;span class="p"&gt;];&lt;/span&gt;
+&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;builder&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;L&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;FormBuilder&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myObject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callback&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;myCallback&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callbackContext&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;
+&lt;span class="p"&gt;});&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;In uMap, the formbuilder is used for every form you see on the right panel. Map
+properties are stored in the &lt;code&gt;map&lt;/code&gt; object.&lt;/p&gt;
+&lt;p&gt;We want two different clients work together. When one changes the value of a
+property, the other client needs to be updated, and update its&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;ve started by creating a mapping of property names to rerender-methods, and
+added a method &lt;code&gt;renderProperties(properties)&lt;/code&gt; which updates the interface,
+depending on the properties passed to&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;We now have two important&amp;nbsp;things:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Some code getting called each time a property is changed&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;A way to refresh the right interface when a property is&amp;nbsp;changed.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;In other words, from one client we can send the message to the other client,
+which will be able to rerender&amp;nbsp;itself.&lt;/p&gt;
+&lt;p&gt;Looks like a&amp;nbsp;plan.&lt;/p&gt;
+&lt;h2 id="websockets"&gt;Websockets&lt;/h2&gt;
+&lt;p&gt;We need a way for the data to go from one side to the other. The easiest
+way is probably&amp;nbsp;websockets.&lt;/p&gt;
+&lt;p&gt;Here is a simple code which will relay messages from one websocket to the other
+connected clients. It&amp;#8217;s not the final code, it&amp;#8217;s just for demo&amp;nbsp;puposes.&lt;/p&gt;
+&lt;p&gt;A basic way to do this on the server side is to use python&amp;#8217;s
+&lt;a href="https://websockets.readthedocs.io/"&gt;websockets&lt;/a&gt;&amp;nbsp;library.&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;asyncio&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;websockets&lt;/span&gt;
+&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;websockets.server&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;json&lt;/span&gt;
+
+&lt;span class="c1"&gt;# Just relay all messages to other connected peers for now&lt;/span&gt;
+
+&lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;set&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;try&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+            &lt;span class="c1"&gt;# recompute the peers-list at the time of message-sending.&lt;/span&gt;
+            &lt;span class="c1"&gt;# doing so beforehand would miss new connections&lt;/span&gt;
+            &lt;span class="n"&gt;peers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
+            &lt;span class="n"&gt;websockets&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;broadcast&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;peers&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;finally&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;remove&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;recv&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+    &lt;span class="n"&gt;event&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;json&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;loads&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+    &lt;span class="c1"&gt;# The first event should always be &amp;#39;join&amp;#39;&lt;/span&gt;
+    &lt;span class="k"&gt;assert&lt;/span&gt; &lt;span class="n"&gt;event&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;kind&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;join&amp;quot;&lt;/span&gt;
+    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt;
+    &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;with&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;localhost&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;8001&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+        &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;Future&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;  &lt;span class="c1"&gt;# run forever&lt;/span&gt;
+
+&lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;run&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;main&lt;/span&gt;&lt;span class="p"&gt;())&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;On the client side, it&amp;#8217;s fairly easy as well. I won&amp;#8217;t even cover it&amp;nbsp;here.&lt;/p&gt;
+&lt;p&gt;We now have a way to send data from one client to the other.
+Let&amp;#8217;s consider the actions we do as &amp;#8220;verbs&amp;#8221;. For now, we&amp;#8217;re just updating
+properties values, so we just need the &lt;code&gt;update&lt;/code&gt; verb.&lt;/p&gt;
+&lt;h2 id="code-architecture"&gt;Code&amp;nbsp;architecture&lt;/h2&gt;
+&lt;p&gt;We need different&amp;nbsp;parts:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;the &lt;strong&gt;transport&lt;/strong&gt;, which connects to the websockets, sends and receives&amp;nbsp;messages.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message sender&lt;/strong&gt; to relat local messages to the other&amp;nbsp;party.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message receiver&lt;/strong&gt; that&amp;#8217;s being called each time we receive a&amp;nbsp;message.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;sync engine&lt;/strong&gt; which glues everything&amp;nbsp;together&lt;/li&gt;
+&lt;li&gt;Different &lt;strong&gt;updaters&lt;/strong&gt;, which knows how to apply received messages, the goal being
+  to update the interface in the&amp;nbsp;end.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When receiving a message it will be routed to the correct updater, which will
+know what to do with&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;In our case, its fairly simple: when updating the &lt;code&gt;name&lt;/code&gt; property, we send a
+message with &lt;code&gt;name&lt;/code&gt; and &lt;code&gt;value&lt;/code&gt;. We also need to send along some additional
+info: the &lt;code&gt;subject&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;In our case, it&amp;#8217;s &lt;code&gt;map&lt;/code&gt; because we&amp;#8217;re updating map&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;When initializing the &lt;code&gt;map&lt;/code&gt;, we&amp;#8217;re initializing the &lt;code&gt;SyncEngine&lt;/code&gt;, like&amp;nbsp;this:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="c1"&gt;// inside the map&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;umap&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;SyncEngine&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="c1"&gt;// Then, when we need to send data to the other party&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncEngine&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncSubject&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;update&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;field&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;The code on the other side of the wire is simple enough: when you receive the
+message, change the data and rerender the&amp;nbsp;properties:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;updateObjectValue&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;renderProperties&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;h2 id="syncing-features"&gt;Syncing&amp;nbsp;features&lt;/h2&gt;
+&lt;p&gt;At this stage I was able to sync the properties of the map. A
+small victory, but not the end of the&amp;nbsp;trip.&lt;/p&gt;
+&lt;p&gt;The next step was to add syncing for features: markers, polygon and polylines,
+alongside their&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;All of these features have a uMap class representation (which extends Leaflets
+ones). All of them share some code in the &lt;code&gt;FeatureMixin&lt;/code&gt; class.&lt;/p&gt;
+&lt;p&gt;That seems a good place to do the&amp;nbsp;changes.&lt;/p&gt;
+&lt;p&gt;I did a few&amp;nbsp;changes:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Each feature now has an identifier, so clients know they&amp;#8217;re talking about the
+  same thing. This identifier is also stored in the database when&amp;nbsp;saved.&lt;/li&gt;
+&lt;li&gt;I&amp;#8217;ve added an &lt;code&gt;upsert&lt;/code&gt; verb, because we don&amp;#8217;t have any way (from the
+  interface) to make a distinction between the creation of a new feature and
+  its modification. The way we intercept the creation of a feature (or its
+  update) is to use Leaflet Editable&amp;#8217;s &lt;code&gt;editable:drawing:commit&lt;/code&gt; event.  We just
+  have to listen to it and then send the appropriate messages&amp;nbsp;!&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;After some giggling around (ah, everybody wants to create a new protocol !) I
+went with reusing GeoJSON. It allowed me to have a better understanding of how
+Leaflet is using latlongs. That&amp;#8217;s a multi-dimensional array, with variable
+width, depending on the type of geometry and the number of shapes in each of&amp;nbsp;these.&lt;/p&gt;
+&lt;p&gt;Clearly not something I want to redo, so I&amp;#8217;m now reusing some Leaflet code, which handles this serialization for&amp;nbsp;me.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;m now able to sync different types of features with their&amp;nbsp;properties.&lt;/p&gt;
+&lt;video controls width="80%"&gt;
+  &lt;source src="/images/umap/sync-features.webm" type="video/webm"&gt;
+&lt;/video&gt;
+
+&lt;p&gt;Point properties are also editable, using the already-existing table editor. I
+was expecting this to require some work but it&amp;#8217;s just working without more&amp;nbsp;changes.&lt;/p&gt;
+&lt;h2 id="whats-next"&gt;What&amp;#8217;s next&amp;nbsp;?&lt;/h2&gt;
+&lt;p&gt;I&amp;#8217;m able to sync map properties, features and their properties, but I&amp;#8217;m not
+yet syncing layers. That&amp;#8217;s the next step! I also plan to make some pull
+requests with the interesting bits I&amp;#8217;m sure will go in the final&amp;nbsp;implementation:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Adding ids to features, so we have a way to refer to&amp;nbsp;them.&lt;/li&gt;
+&lt;li&gt;Having a way to map properties with how they render the interface, the &lt;code&gt;renderProperties&lt;/code&gt; bits.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When this demo will be working, I&amp;#8217;ll probably spend some time updating it with the latest changes (umap is moving a lot these weeks).
+I will probably focus on how to integrate websockets in the server side, and then will see how to leverage (maybe) some magic from CRDTs, if we need&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;See you for the next&amp;nbsp;update!&lt;/p&gt;</content><category term="code"></category><category term="umap"></category><category term="geojson"></category><category term="websockets"></category></entry><entry><title>Returning objects from an arrow function</title><link href="https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html" rel="alternate"></link><published>2024-02-08T00:00:00+01:00</published><updated>2024-02-08T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-08:/returning-objects-from-an-arrow-function.html</id><summary type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
 &lt;p&gt;Turns out it&amp;#8217;s not possible to return directly objects from inside the arrow function because they&amp;#8217;re confused as&amp;nbsp;statements.&lt;/p&gt;
 &lt;p&gt;This is &lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#function_body"&gt;covered by &lt;span class="caps"&gt;MDN&lt;/span&gt;&lt;/a&gt;.&lt;/p&gt;
 &lt;p&gt;To …&lt;/p&gt;</summary><content type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
diff --git a/feeds/.rss.xml b/feeds/.rss.xml
index 4ab95bb..4c80abc 100644
--- a/feeds/.rss.xml
+++ b/feeds/.rss.xml
@@ -4,7 +4,13 @@
 &lt;h2 id="ce-qui-sest-passe"&gt;Ce qui s&amp;#8217;est&amp;nbsp;passé&lt;/h2&gt;
 &lt;dl&gt;
 &lt;dt&gt;&lt;strong&gt;🗺️ &lt;a href="https://umap-projet.org"&gt;uMap&lt;/a&gt;&lt;/strong&gt;&lt;/dt&gt;
-&lt;dd&gt;On à commencé à clarifier certains aspects économiques du projet lors d&amp;#8217;une discussion …&lt;/dd&gt;&lt;/dl&gt;</description><pubDate>Tue, 13 Feb 2024 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2024-02-13:/notes-hebdo-16.html</guid><category>weeknotes</category></item><item><title>Returning objects from an arrow function</title><link>https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html</link><description>&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
+&lt;dd&gt;On à commencé à clarifier certains aspects économiques du projet lors d&amp;#8217;une discussion …&lt;/dd&gt;&lt;/dl&gt;</description><pubDate>Tue, 13 Feb 2024 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2024-02-13:/notes-hebdo-16.html</guid><category>weeknotes</category></item><item><title>Adding collaboration on uMap, third update</title><link>https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html</link><description>&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6 …&lt;/span&gt;&lt;/p&gt;</description><pubDate>Mon, 12 Feb 2024 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2024-02-12:/adding-collaboration-on-umap-third-update.html</guid><category>code</category><category>umap</category><category>geojson</category><category>websockets</category></item><item><title>Returning objects from an arrow function</title><link>https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html</link><description>&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
 &lt;p&gt;Turns out it&amp;#8217;s not possible to return directly objects from inside the arrow function because they&amp;#8217;re confused as&amp;nbsp;statements.&lt;/p&gt;
 &lt;p&gt;This is &lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#function_body"&gt;covered by &lt;span class="caps"&gt;MDN&lt;/span&gt;&lt;/a&gt;.&lt;/p&gt;
 &lt;p&gt;To …&lt;/p&gt;</description><pubDate>Thu, 08 Feb 2024 00:00:00 +0100</pubDate><guid isPermaLink="false">tag:blog.notmyidea.org,2024-02-08:/returning-objects-from-an-arrow-function.html</guid><category>code</category><category>Javascript</category></item><item><title>Notes hebdo #15</title><link>https://blog.notmyidea.org/notes-hebdo-15.html</link><description>
diff --git a/feeds/all-en.atom.xml b/feeds/all-en.atom.xml
index 28593e7..6ce518d 100644
--- a/feeds/all-en.atom.xml
+++ b/feeds/all-en.atom.xml
@@ -44,7 +44,243 @@
 &lt;h2 id="notes"&gt;Notes&lt;/h2&gt;
 &lt;ul&gt;
 &lt;li&gt;Un article de &lt;span class="caps"&gt;MDN&lt;/span&gt; sur comment écrire de la doc: https://developer.mozilla.org/en-&lt;span class="caps"&gt;US&lt;/span&gt;/blog/technical-writing/ &lt;/li&gt;
-&lt;/ul&gt;</content><category term="weeknotes"></category></entry><entry><title>Returning objects from an arrow function</title><link href="https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html" rel="alternate"></link><published>2024-02-08T00:00:00+01:00</published><updated>2024-02-08T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-08:/returning-objects-from-an-arrow-function.html</id><summary type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
+&lt;/ul&gt;</content><category term="weeknotes"></category></entry><entry><title>Adding collaboration on uMap, third update</title><link href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" rel="alternate"></link><published>2024-02-12T00:00:00+01:00</published><updated>2024-02-12T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-12:/adding-collaboration-on-umap-third-update.html</id><summary type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6 …&lt;/span&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6&lt;/span&gt; &lt;a href="https://fr.wikipedia.org/wiki/ECMAScript"&gt;wasn&amp;#8217;t out there&amp;nbsp;yet&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;At the time, it wasn&amp;#8217;t possible to use JavaScript modules, nor modern JavaScript
+syntax. The project stayed with these requirements for a long time, in order to support
+people with old browsers. But as time goes on, we can now have access to more&amp;nbsp;features.&lt;/p&gt;
+&lt;p&gt;The team has been working hard on bringing modules to the mix, and it
+wasn&amp;#8217;t a piece of cake. But, the result is here: we&amp;#8217;re &lt;a href="https://github.com/umap-project/umap/pull/1463/files"&gt;now able to use modern
+JavaSript modules&lt;/a&gt; and we
+are now more confident &lt;a href="https://github.com/umap-project/umap/commit/65f1cdd6b4569657ef5e219d9b377fec85c41958"&gt;about which features of the languages we can use or&amp;nbsp;not&lt;/a&gt;&lt;/p&gt;
+&lt;hr&gt;
+&lt;p&gt;I then spent ~way too much~ some time trying to integrate existing CRDTs like
+Automerge and &lt;span class="caps"&gt;YJS&lt;/span&gt; in our project. These two libs are unfortunately expecting us to
+use a bundler, which we aren&amp;#8217;t&amp;nbsp;currently.&lt;/p&gt;
+&lt;p&gt;uMap is plain old JavaScript. It&amp;#8217;s not using react or any other framework. The way
+I see this is that it makes it possible for us to have something &amp;#8220;close to the
+metal&amp;#8221;, if that means anything when it comes to web development. We&amp;#8217;re not tied
+to the development pace of these frameworks, and have more control on what we
+do. It&amp;#8217;s easier to&amp;nbsp;debug.&lt;/p&gt;
+&lt;p&gt;So, after making tweaks and learning how &amp;#8220;modules&amp;#8221;, &amp;#8220;requires&amp;#8221; and &amp;#8220;bundling&amp;#8221;
+was working, I ultimately decided to take a break from this path, to work on the
+wiring with uMap. After all, CRDTs might not even be the way forward for&amp;nbsp;us.&lt;/p&gt;
+&lt;h2 id="internals"&gt;Internals&lt;/h2&gt;
+&lt;p&gt;I was not expecting this to be easy and was a bit afraid. Mostly because I&amp;#8217;m out of my
+comfort zone. After some time with the head under the water, I&amp;#8217;m now able to better
+understand the big picture, and I&amp;#8217;m not getting lost in the details like I was at&amp;nbsp;first.&lt;/p&gt;
+&lt;p&gt;Let me try to summarize what I&amp;#8217;ve&amp;nbsp;learned.&lt;/p&gt;
+&lt;p&gt;uMap appears to be doing a lot of different things, but in the end&amp;nbsp;it&amp;#8217;s:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Using &lt;a href="https://leafletjs.com/"&gt;Leaflet.js&lt;/a&gt; to render &lt;em&gt;features&lt;/em&gt; on the map&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using &lt;a href="https://github.com/Leaflet/Leaflet.Editable"&gt;Leaflet Editable&lt;/a&gt; to edit
+  complex shapes, like polylines, polygons, and to draw markers&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using the &lt;a href="https://github.com/yohanboniface/Leaflet.FormBuilder"&gt;Formbuilder&lt;/a&gt;
+  to expose a way for the users to edit the features, and the data of the&amp;nbsp;map&lt;/li&gt;
+&lt;li&gt;Serializing the layers to and from &lt;a href="https://geojson.org/"&gt;GeoJSON&lt;/a&gt;. That&amp;#8217;s
+  what&amp;#8217;s being sent to and received from the&amp;nbsp;server.&lt;/li&gt;
+&lt;li&gt;Providing different layer types (marker cluster, chloropleth, etc) to display
+  the data in different&amp;nbsp;ways.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id="naming-matters"&gt;Naming&amp;nbsp;matters&lt;/h3&gt;
+&lt;p&gt;There is some naming overlap between the different projects we&amp;#8217;re using, and
+it&amp;#8217;s important to have these small clarifications in&amp;nbsp;mind:&lt;/p&gt;
+&lt;h4 id="leaflet-layers-and-umap-features"&gt;Leaflet layers and uMap&amp;nbsp;features&lt;/h4&gt;
+&lt;p&gt;&lt;strong&gt;In Leaflet, everything is a layer&lt;/strong&gt;. What we call &lt;em&gt;features&lt;/em&gt; in geoJSON are
+leaflet layers, and even a (uMap) layer is a layer. We need to be extra careful
+what are our inputs and outputs in this&amp;nbsp;context.&lt;/p&gt;
+&lt;p&gt;We actually have different layers concepts: the &lt;em&gt;datalayer&lt;/em&gt; and the different
+kind of layers (chloropleth, marker cluster, etc). A datalayer, is (as you can
+guess) where the data is stored. It&amp;#8217;s what uMap serializes. It contains the
+features (with their properties). But that&amp;#8217;s the trick: these features are named
+&lt;em&gt;layers&lt;/em&gt; by&amp;nbsp;Leaflet.&lt;/p&gt;
+&lt;h4 id="geojson-and-leaflet"&gt;GeoJSON and&amp;nbsp;Leaflet&lt;/h4&gt;
+&lt;p&gt;We&amp;#8217;re using GeoJSON to share data with the server, but we&amp;#8217;re using Leaflet
+internally. And these two have different way of naming&amp;nbsp;things.&lt;/p&gt;
+&lt;p&gt;The different geometries are named differently (a leaflet &lt;code&gt;Marker&lt;/code&gt; is a GeoJSON
+&lt;code&gt;Point&lt;/code&gt;), and their coordinates are stored differently: Leaflet stores &lt;code&gt;lat,
+long&lt;/code&gt; where GeoJSON stores &lt;code&gt;long, lat&lt;/code&gt;. Not a big deal, but it&amp;#8217;s a good thing
+to&amp;nbsp;know.&lt;/p&gt;
+&lt;p&gt;Leaflet stores data in &lt;code&gt;options&lt;/code&gt;, where GeoJSON stores it in &lt;code&gt;properties&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id="this-is-not-reactive-programming"&gt;This is not reactive&amp;nbsp;programming&lt;/h3&gt;
+&lt;p&gt;I was expecting the frontend to be organised similarly to Elm apps (or React
+apps): a global state and a data flow (&lt;a href="https:// react-redux.js.org/
+introduction/getting-started"&gt;a la redux&lt;/a&gt;), with events changing the data that will trigger
+a rerendering of the&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;Things work differently for us: different components can write to the map, and
+get updated without being centralized. It&amp;#8217;s just a different&amp;nbsp;paradigm.&lt;/p&gt;
+&lt;h2 id="a-syncing-proof-of-concept"&gt;A syncing proof of&amp;nbsp;concept&lt;/h2&gt;
+&lt;p&gt;With that in mind, I started thinking about a simple way to implement&amp;nbsp;syncing. &lt;/p&gt;
+&lt;p&gt;I left aside all the thinking about how this would relate with CRDTs. It can
+be useful, but later. For now, I &amp;#8220;just&amp;#8221; want to synchronize two maps. I want a
+proof of concept to do informed&amp;nbsp;decisions.&lt;/p&gt;
+&lt;h3 id="syncing-map-properties"&gt;Syncing map&amp;nbsp;properties&lt;/h3&gt;
+&lt;p&gt;I started syncing map properties. Things like the name of the map, the default
+color and type of the marker, the description, the default zoom level,&amp;nbsp;etc.&lt;/p&gt;
+&lt;p&gt;All of these are handled by &amp;#8220;the formbuilder&amp;#8221;. You pass it an object, a list of
+properties and a callback to call when an update happens, and it will build for
+you form&amp;nbsp;inputs.&lt;/p&gt;
+&lt;p&gt;Taken from the documentation (and&amp;nbsp;simplified):&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;display name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;maxZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;max zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;minZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;min zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;tms&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;CheckBox&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;helpText&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;TMS format&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}]&lt;/span&gt;
+&lt;span class="p"&gt;];&lt;/span&gt;
+&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;builder&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;L&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;FormBuilder&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myObject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callback&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;myCallback&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callbackContext&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;
+&lt;span class="p"&gt;});&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;In uMap, the formbuilder is used for every form you see on the right panel. Map
+properties are stored in the &lt;code&gt;map&lt;/code&gt; object.&lt;/p&gt;
+&lt;p&gt;We want two different clients work together. When one changes the value of a
+property, the other client needs to be updated, and update its&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;ve started by creating a mapping of property names to rerender-methods, and
+added a method &lt;code&gt;renderProperties(properties)&lt;/code&gt; which updates the interface,
+depending on the properties passed to&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;We now have two important&amp;nbsp;things:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Some code getting called each time a property is changed&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;A way to refresh the right interface when a property is&amp;nbsp;changed.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;In other words, from one client we can send the message to the other client,
+which will be able to rerender&amp;nbsp;itself.&lt;/p&gt;
+&lt;p&gt;Looks like a&amp;nbsp;plan.&lt;/p&gt;
+&lt;h2 id="websockets"&gt;Websockets&lt;/h2&gt;
+&lt;p&gt;We need a way for the data to go from one side to the other. The easiest
+way is probably&amp;nbsp;websockets.&lt;/p&gt;
+&lt;p&gt;Here is a simple code which will relay messages from one websocket to the other
+connected clients. It&amp;#8217;s not the final code, it&amp;#8217;s just for demo&amp;nbsp;puposes.&lt;/p&gt;
+&lt;p&gt;A basic way to do this on the server side is to use python&amp;#8217;s
+&lt;a href="https://websockets.readthedocs.io/"&gt;websockets&lt;/a&gt;&amp;nbsp;library.&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;asyncio&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;websockets&lt;/span&gt;
+&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;websockets.server&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;json&lt;/span&gt;
+
+&lt;span class="c1"&gt;# Just relay all messages to other connected peers for now&lt;/span&gt;
+
+&lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;set&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;try&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+            &lt;span class="c1"&gt;# recompute the peers-list at the time of message-sending.&lt;/span&gt;
+            &lt;span class="c1"&gt;# doing so beforehand would miss new connections&lt;/span&gt;
+            &lt;span class="n"&gt;peers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
+            &lt;span class="n"&gt;websockets&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;broadcast&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;peers&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;finally&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;remove&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;recv&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+    &lt;span class="n"&gt;event&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;json&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;loads&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+    &lt;span class="c1"&gt;# The first event should always be &amp;#39;join&amp;#39;&lt;/span&gt;
+    &lt;span class="k"&gt;assert&lt;/span&gt; &lt;span class="n"&gt;event&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;kind&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;join&amp;quot;&lt;/span&gt;
+    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt;
+    &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;with&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;localhost&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;8001&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+        &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;Future&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;  &lt;span class="c1"&gt;# run forever&lt;/span&gt;
+
+&lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;run&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;main&lt;/span&gt;&lt;span class="p"&gt;())&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;On the client side, it&amp;#8217;s fairly easy as well. I won&amp;#8217;t even cover it&amp;nbsp;here.&lt;/p&gt;
+&lt;p&gt;We now have a way to send data from one client to the other.
+Let&amp;#8217;s consider the actions we do as &amp;#8220;verbs&amp;#8221;. For now, we&amp;#8217;re just updating
+properties values, so we just need the &lt;code&gt;update&lt;/code&gt; verb.&lt;/p&gt;
+&lt;h2 id="code-architecture"&gt;Code&amp;nbsp;architecture&lt;/h2&gt;
+&lt;p&gt;We need different&amp;nbsp;parts:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;the &lt;strong&gt;transport&lt;/strong&gt;, which connects to the websockets, sends and receives&amp;nbsp;messages.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message sender&lt;/strong&gt; to relat local messages to the other&amp;nbsp;party.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message receiver&lt;/strong&gt; that&amp;#8217;s being called each time we receive a&amp;nbsp;message.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;sync engine&lt;/strong&gt; which glues everything&amp;nbsp;together&lt;/li&gt;
+&lt;li&gt;Different &lt;strong&gt;updaters&lt;/strong&gt;, which knows how to apply received messages, the goal being
+  to update the interface in the&amp;nbsp;end.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When receiving a message it will be routed to the correct updater, which will
+know what to do with&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;In our case, its fairly simple: when updating the &lt;code&gt;name&lt;/code&gt; property, we send a
+message with &lt;code&gt;name&lt;/code&gt; and &lt;code&gt;value&lt;/code&gt;. We also need to send along some additional
+info: the &lt;code&gt;subject&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;In our case, it&amp;#8217;s &lt;code&gt;map&lt;/code&gt; because we&amp;#8217;re updating map&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;When initializing the &lt;code&gt;map&lt;/code&gt;, we&amp;#8217;re initializing the &lt;code&gt;SyncEngine&lt;/code&gt;, like&amp;nbsp;this:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="c1"&gt;// inside the map&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;umap&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;SyncEngine&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="c1"&gt;// Then, when we need to send data to the other party&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncEngine&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncSubject&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;update&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;field&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;The code on the other side of the wire is simple enough: when you receive the
+message, change the data and rerender the&amp;nbsp;properties:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;updateObjectValue&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;renderProperties&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;h2 id="syncing-features"&gt;Syncing&amp;nbsp;features&lt;/h2&gt;
+&lt;p&gt;At this stage I was able to sync the properties of the map. A
+small victory, but not the end of the&amp;nbsp;trip.&lt;/p&gt;
+&lt;p&gt;The next step was to add syncing for features: markers, polygon and polylines,
+alongside their&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;All of these features have a uMap class representation (which extends Leaflets
+ones). All of them share some code in the &lt;code&gt;FeatureMixin&lt;/code&gt; class.&lt;/p&gt;
+&lt;p&gt;That seems a good place to do the&amp;nbsp;changes.&lt;/p&gt;
+&lt;p&gt;I did a few&amp;nbsp;changes:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Each feature now has an identifier, so clients know they&amp;#8217;re talking about the
+  same thing. This identifier is also stored in the database when&amp;nbsp;saved.&lt;/li&gt;
+&lt;li&gt;I&amp;#8217;ve added an &lt;code&gt;upsert&lt;/code&gt; verb, because we don&amp;#8217;t have any way (from the
+  interface) to make a distinction between the creation of a new feature and
+  its modification. The way we intercept the creation of a feature (or its
+  update) is to use Leaflet Editable&amp;#8217;s &lt;code&gt;editable:drawing:commit&lt;/code&gt; event.  We just
+  have to listen to it and then send the appropriate messages&amp;nbsp;!&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;After some giggling around (ah, everybody wants to create a new protocol !) I
+went with reusing GeoJSON. It allowed me to have a better understanding of how
+Leaflet is using latlongs. That&amp;#8217;s a multi-dimensional array, with variable
+width, depending on the type of geometry and the number of shapes in each of&amp;nbsp;these.&lt;/p&gt;
+&lt;p&gt;Clearly not something I want to redo, so I&amp;#8217;m now reusing some Leaflet code, which handles this serialization for&amp;nbsp;me.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;m now able to sync different types of features with their&amp;nbsp;properties.&lt;/p&gt;
+&lt;video controls width="80%"&gt;
+  &lt;source src="/images/umap/sync-features.webm" type="video/webm"&gt;
+&lt;/video&gt;
+
+&lt;p&gt;Point properties are also editable, using the already-existing table editor. I
+was expecting this to require some work but it&amp;#8217;s just working without more&amp;nbsp;changes.&lt;/p&gt;
+&lt;h2 id="whats-next"&gt;What&amp;#8217;s next&amp;nbsp;?&lt;/h2&gt;
+&lt;p&gt;I&amp;#8217;m able to sync map properties, features and their properties, but I&amp;#8217;m not
+yet syncing layers. That&amp;#8217;s the next step! I also plan to make some pull
+requests with the interesting bits I&amp;#8217;m sure will go in the final&amp;nbsp;implementation:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Adding ids to features, so we have a way to refer to&amp;nbsp;them.&lt;/li&gt;
+&lt;li&gt;Having a way to map properties with how they render the interface, the &lt;code&gt;renderProperties&lt;/code&gt; bits.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When this demo will be working, I&amp;#8217;ll probably spend some time updating it with the latest changes (umap is moving a lot these weeks).
+I will probably focus on how to integrate websockets in the server side, and then will see how to leverage (maybe) some magic from CRDTs, if we need&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;See you for the next&amp;nbsp;update!&lt;/p&gt;</content><category term="code"></category><category term="umap"></category><category term="geojson"></category><category term="websockets"></category></entry><entry><title>Returning objects from an arrow function</title><link href="https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html" rel="alternate"></link><published>2024-02-08T00:00:00+01:00</published><updated>2024-02-08T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-08:/returning-objects-from-an-arrow-function.html</id><summary type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
 &lt;p&gt;Turns out it&amp;#8217;s not possible to return directly objects from inside the arrow function because they&amp;#8217;re confused as&amp;nbsp;statements.&lt;/p&gt;
 &lt;p&gt;This is &lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#function_body"&gt;covered by &lt;span class="caps"&gt;MDN&lt;/span&gt;&lt;/a&gt;.&lt;/p&gt;
 &lt;p&gt;To …&lt;/p&gt;</summary><content type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
diff --git a/feeds/all.atom.xml b/feeds/all.atom.xml
index e383ae7..524d3bb 100644
--- a/feeds/all.atom.xml
+++ b/feeds/all.atom.xml
@@ -44,7 +44,243 @@
 &lt;h2 id="notes"&gt;Notes&lt;/h2&gt;
 &lt;ul&gt;
 &lt;li&gt;Un article de &lt;span class="caps"&gt;MDN&lt;/span&gt; sur comment écrire de la doc: https://developer.mozilla.org/en-&lt;span class="caps"&gt;US&lt;/span&gt;/blog/technical-writing/ &lt;/li&gt;
-&lt;/ul&gt;</content><category term="weeknotes"></category></entry><entry><title>Returning objects from an arrow function</title><link href="https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html" rel="alternate"></link><published>2024-02-08T00:00:00+01:00</published><updated>2024-02-08T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-08:/returning-objects-from-an-arrow-function.html</id><summary type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
+&lt;/ul&gt;</content><category term="weeknotes"></category></entry><entry><title>Adding collaboration on uMap, third update</title><link href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" rel="alternate"></link><published>2024-02-12T00:00:00+01:00</published><updated>2024-02-12T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-12:/adding-collaboration-on-umap-third-update.html</id><summary type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6 …&lt;/span&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6&lt;/span&gt; &lt;a href="https://fr.wikipedia.org/wiki/ECMAScript"&gt;wasn&amp;#8217;t out there&amp;nbsp;yet&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;At the time, it wasn&amp;#8217;t possible to use JavaScript modules, nor modern JavaScript
+syntax. The project stayed with these requirements for a long time, in order to support
+people with old browsers. But as time goes on, we can now have access to more&amp;nbsp;features.&lt;/p&gt;
+&lt;p&gt;The team has been working hard on bringing modules to the mix, and it
+wasn&amp;#8217;t a piece of cake. But, the result is here: we&amp;#8217;re &lt;a href="https://github.com/umap-project/umap/pull/1463/files"&gt;now able to use modern
+JavaSript modules&lt;/a&gt; and we
+are now more confident &lt;a href="https://github.com/umap-project/umap/commit/65f1cdd6b4569657ef5e219d9b377fec85c41958"&gt;about which features of the languages we can use or&amp;nbsp;not&lt;/a&gt;&lt;/p&gt;
+&lt;hr&gt;
+&lt;p&gt;I then spent ~way too much~ some time trying to integrate existing CRDTs like
+Automerge and &lt;span class="caps"&gt;YJS&lt;/span&gt; in our project. These two libs are unfortunately expecting us to
+use a bundler, which we aren&amp;#8217;t&amp;nbsp;currently.&lt;/p&gt;
+&lt;p&gt;uMap is plain old JavaScript. It&amp;#8217;s not using react or any other framework. The way
+I see this is that it makes it possible for us to have something &amp;#8220;close to the
+metal&amp;#8221;, if that means anything when it comes to web development. We&amp;#8217;re not tied
+to the development pace of these frameworks, and have more control on what we
+do. It&amp;#8217;s easier to&amp;nbsp;debug.&lt;/p&gt;
+&lt;p&gt;So, after making tweaks and learning how &amp;#8220;modules&amp;#8221;, &amp;#8220;requires&amp;#8221; and &amp;#8220;bundling&amp;#8221;
+was working, I ultimately decided to take a break from this path, to work on the
+wiring with uMap. After all, CRDTs might not even be the way forward for&amp;nbsp;us.&lt;/p&gt;
+&lt;h2 id="internals"&gt;Internals&lt;/h2&gt;
+&lt;p&gt;I was not expecting this to be easy and was a bit afraid. Mostly because I&amp;#8217;m out of my
+comfort zone. After some time with the head under the water, I&amp;#8217;m now able to better
+understand the big picture, and I&amp;#8217;m not getting lost in the details like I was at&amp;nbsp;first.&lt;/p&gt;
+&lt;p&gt;Let me try to summarize what I&amp;#8217;ve&amp;nbsp;learned.&lt;/p&gt;
+&lt;p&gt;uMap appears to be doing a lot of different things, but in the end&amp;nbsp;it&amp;#8217;s:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Using &lt;a href="https://leafletjs.com/"&gt;Leaflet.js&lt;/a&gt; to render &lt;em&gt;features&lt;/em&gt; on the map&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using &lt;a href="https://github.com/Leaflet/Leaflet.Editable"&gt;Leaflet Editable&lt;/a&gt; to edit
+  complex shapes, like polylines, polygons, and to draw markers&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using the &lt;a href="https://github.com/yohanboniface/Leaflet.FormBuilder"&gt;Formbuilder&lt;/a&gt;
+  to expose a way for the users to edit the features, and the data of the&amp;nbsp;map&lt;/li&gt;
+&lt;li&gt;Serializing the layers to and from &lt;a href="https://geojson.org/"&gt;GeoJSON&lt;/a&gt;. That&amp;#8217;s
+  what&amp;#8217;s being sent to and received from the&amp;nbsp;server.&lt;/li&gt;
+&lt;li&gt;Providing different layer types (marker cluster, chloropleth, etc) to display
+  the data in different&amp;nbsp;ways.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id="naming-matters"&gt;Naming&amp;nbsp;matters&lt;/h3&gt;
+&lt;p&gt;There is some naming overlap between the different projects we&amp;#8217;re using, and
+it&amp;#8217;s important to have these small clarifications in&amp;nbsp;mind:&lt;/p&gt;
+&lt;h4 id="leaflet-layers-and-umap-features"&gt;Leaflet layers and uMap&amp;nbsp;features&lt;/h4&gt;
+&lt;p&gt;&lt;strong&gt;In Leaflet, everything is a layer&lt;/strong&gt;. What we call &lt;em&gt;features&lt;/em&gt; in geoJSON are
+leaflet layers, and even a (uMap) layer is a layer. We need to be extra careful
+what are our inputs and outputs in this&amp;nbsp;context.&lt;/p&gt;
+&lt;p&gt;We actually have different layers concepts: the &lt;em&gt;datalayer&lt;/em&gt; and the different
+kind of layers (chloropleth, marker cluster, etc). A datalayer, is (as you can
+guess) where the data is stored. It&amp;#8217;s what uMap serializes. It contains the
+features (with their properties). But that&amp;#8217;s the trick: these features are named
+&lt;em&gt;layers&lt;/em&gt; by&amp;nbsp;Leaflet.&lt;/p&gt;
+&lt;h4 id="geojson-and-leaflet"&gt;GeoJSON and&amp;nbsp;Leaflet&lt;/h4&gt;
+&lt;p&gt;We&amp;#8217;re using GeoJSON to share data with the server, but we&amp;#8217;re using Leaflet
+internally. And these two have different way of naming&amp;nbsp;things.&lt;/p&gt;
+&lt;p&gt;The different geometries are named differently (a leaflet &lt;code&gt;Marker&lt;/code&gt; is a GeoJSON
+&lt;code&gt;Point&lt;/code&gt;), and their coordinates are stored differently: Leaflet stores &lt;code&gt;lat,
+long&lt;/code&gt; where GeoJSON stores &lt;code&gt;long, lat&lt;/code&gt;. Not a big deal, but it&amp;#8217;s a good thing
+to&amp;nbsp;know.&lt;/p&gt;
+&lt;p&gt;Leaflet stores data in &lt;code&gt;options&lt;/code&gt;, where GeoJSON stores it in &lt;code&gt;properties&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id="this-is-not-reactive-programming"&gt;This is not reactive&amp;nbsp;programming&lt;/h3&gt;
+&lt;p&gt;I was expecting the frontend to be organised similarly to Elm apps (or React
+apps): a global state and a data flow (&lt;a href="https:// react-redux.js.org/
+introduction/getting-started"&gt;a la redux&lt;/a&gt;), with events changing the data that will trigger
+a rerendering of the&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;Things work differently for us: different components can write to the map, and
+get updated without being centralized. It&amp;#8217;s just a different&amp;nbsp;paradigm.&lt;/p&gt;
+&lt;h2 id="a-syncing-proof-of-concept"&gt;A syncing proof of&amp;nbsp;concept&lt;/h2&gt;
+&lt;p&gt;With that in mind, I started thinking about a simple way to implement&amp;nbsp;syncing. &lt;/p&gt;
+&lt;p&gt;I left aside all the thinking about how this would relate with CRDTs. It can
+be useful, but later. For now, I &amp;#8220;just&amp;#8221; want to synchronize two maps. I want a
+proof of concept to do informed&amp;nbsp;decisions.&lt;/p&gt;
+&lt;h3 id="syncing-map-properties"&gt;Syncing map&amp;nbsp;properties&lt;/h3&gt;
+&lt;p&gt;I started syncing map properties. Things like the name of the map, the default
+color and type of the marker, the description, the default zoom level,&amp;nbsp;etc.&lt;/p&gt;
+&lt;p&gt;All of these are handled by &amp;#8220;the formbuilder&amp;#8221;. You pass it an object, a list of
+properties and a callback to call when an update happens, and it will build for
+you form&amp;nbsp;inputs.&lt;/p&gt;
+&lt;p&gt;Taken from the documentation (and&amp;nbsp;simplified):&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;display name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;maxZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;max zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;minZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;min zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;tms&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;CheckBox&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;helpText&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;TMS format&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}]&lt;/span&gt;
+&lt;span class="p"&gt;];&lt;/span&gt;
+&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;builder&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;L&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;FormBuilder&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myObject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callback&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;myCallback&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callbackContext&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;
+&lt;span class="p"&gt;});&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;In uMap, the formbuilder is used for every form you see on the right panel. Map
+properties are stored in the &lt;code&gt;map&lt;/code&gt; object.&lt;/p&gt;
+&lt;p&gt;We want two different clients work together. When one changes the value of a
+property, the other client needs to be updated, and update its&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;ve started by creating a mapping of property names to rerender-methods, and
+added a method &lt;code&gt;renderProperties(properties)&lt;/code&gt; which updates the interface,
+depending on the properties passed to&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;We now have two important&amp;nbsp;things:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Some code getting called each time a property is changed&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;A way to refresh the right interface when a property is&amp;nbsp;changed.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;In other words, from one client we can send the message to the other client,
+which will be able to rerender&amp;nbsp;itself.&lt;/p&gt;
+&lt;p&gt;Looks like a&amp;nbsp;plan.&lt;/p&gt;
+&lt;h2 id="websockets"&gt;Websockets&lt;/h2&gt;
+&lt;p&gt;We need a way for the data to go from one side to the other. The easiest
+way is probably&amp;nbsp;websockets.&lt;/p&gt;
+&lt;p&gt;Here is a simple code which will relay messages from one websocket to the other
+connected clients. It&amp;#8217;s not the final code, it&amp;#8217;s just for demo&amp;nbsp;puposes.&lt;/p&gt;
+&lt;p&gt;A basic way to do this on the server side is to use python&amp;#8217;s
+&lt;a href="https://websockets.readthedocs.io/"&gt;websockets&lt;/a&gt;&amp;nbsp;library.&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;asyncio&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;websockets&lt;/span&gt;
+&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;websockets.server&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;json&lt;/span&gt;
+
+&lt;span class="c1"&gt;# Just relay all messages to other connected peers for now&lt;/span&gt;
+
+&lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;set&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;try&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+            &lt;span class="c1"&gt;# recompute the peers-list at the time of message-sending.&lt;/span&gt;
+            &lt;span class="c1"&gt;# doing so beforehand would miss new connections&lt;/span&gt;
+            &lt;span class="n"&gt;peers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
+            &lt;span class="n"&gt;websockets&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;broadcast&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;peers&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;finally&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;remove&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;recv&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+    &lt;span class="n"&gt;event&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;json&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;loads&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+    &lt;span class="c1"&gt;# The first event should always be &amp;#39;join&amp;#39;&lt;/span&gt;
+    &lt;span class="k"&gt;assert&lt;/span&gt; &lt;span class="n"&gt;event&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;kind&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;join&amp;quot;&lt;/span&gt;
+    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt;
+    &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;with&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;localhost&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;8001&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+        &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;Future&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;  &lt;span class="c1"&gt;# run forever&lt;/span&gt;
+
+&lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;run&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;main&lt;/span&gt;&lt;span class="p"&gt;())&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;On the client side, it&amp;#8217;s fairly easy as well. I won&amp;#8217;t even cover it&amp;nbsp;here.&lt;/p&gt;
+&lt;p&gt;We now have a way to send data from one client to the other.
+Let&amp;#8217;s consider the actions we do as &amp;#8220;verbs&amp;#8221;. For now, we&amp;#8217;re just updating
+properties values, so we just need the &lt;code&gt;update&lt;/code&gt; verb.&lt;/p&gt;
+&lt;h2 id="code-architecture"&gt;Code&amp;nbsp;architecture&lt;/h2&gt;
+&lt;p&gt;We need different&amp;nbsp;parts:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;the &lt;strong&gt;transport&lt;/strong&gt;, which connects to the websockets, sends and receives&amp;nbsp;messages.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message sender&lt;/strong&gt; to relat local messages to the other&amp;nbsp;party.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message receiver&lt;/strong&gt; that&amp;#8217;s being called each time we receive a&amp;nbsp;message.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;sync engine&lt;/strong&gt; which glues everything&amp;nbsp;together&lt;/li&gt;
+&lt;li&gt;Different &lt;strong&gt;updaters&lt;/strong&gt;, which knows how to apply received messages, the goal being
+  to update the interface in the&amp;nbsp;end.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When receiving a message it will be routed to the correct updater, which will
+know what to do with&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;In our case, its fairly simple: when updating the &lt;code&gt;name&lt;/code&gt; property, we send a
+message with &lt;code&gt;name&lt;/code&gt; and &lt;code&gt;value&lt;/code&gt;. We also need to send along some additional
+info: the &lt;code&gt;subject&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;In our case, it&amp;#8217;s &lt;code&gt;map&lt;/code&gt; because we&amp;#8217;re updating map&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;When initializing the &lt;code&gt;map&lt;/code&gt;, we&amp;#8217;re initializing the &lt;code&gt;SyncEngine&lt;/code&gt;, like&amp;nbsp;this:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="c1"&gt;// inside the map&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;umap&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;SyncEngine&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="c1"&gt;// Then, when we need to send data to the other party&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncEngine&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncSubject&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;update&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;field&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;The code on the other side of the wire is simple enough: when you receive the
+message, change the data and rerender the&amp;nbsp;properties:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;updateObjectValue&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;renderProperties&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;h2 id="syncing-features"&gt;Syncing&amp;nbsp;features&lt;/h2&gt;
+&lt;p&gt;At this stage I was able to sync the properties of the map. A
+small victory, but not the end of the&amp;nbsp;trip.&lt;/p&gt;
+&lt;p&gt;The next step was to add syncing for features: markers, polygon and polylines,
+alongside their&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;All of these features have a uMap class representation (which extends Leaflets
+ones). All of them share some code in the &lt;code&gt;FeatureMixin&lt;/code&gt; class.&lt;/p&gt;
+&lt;p&gt;That seems a good place to do the&amp;nbsp;changes.&lt;/p&gt;
+&lt;p&gt;I did a few&amp;nbsp;changes:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Each feature now has an identifier, so clients know they&amp;#8217;re talking about the
+  same thing. This identifier is also stored in the database when&amp;nbsp;saved.&lt;/li&gt;
+&lt;li&gt;I&amp;#8217;ve added an &lt;code&gt;upsert&lt;/code&gt; verb, because we don&amp;#8217;t have any way (from the
+  interface) to make a distinction between the creation of a new feature and
+  its modification. The way we intercept the creation of a feature (or its
+  update) is to use Leaflet Editable&amp;#8217;s &lt;code&gt;editable:drawing:commit&lt;/code&gt; event.  We just
+  have to listen to it and then send the appropriate messages&amp;nbsp;!&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;After some giggling around (ah, everybody wants to create a new protocol !) I
+went with reusing GeoJSON. It allowed me to have a better understanding of how
+Leaflet is using latlongs. That&amp;#8217;s a multi-dimensional array, with variable
+width, depending on the type of geometry and the number of shapes in each of&amp;nbsp;these.&lt;/p&gt;
+&lt;p&gt;Clearly not something I want to redo, so I&amp;#8217;m now reusing some Leaflet code, which handles this serialization for&amp;nbsp;me.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;m now able to sync different types of features with their&amp;nbsp;properties.&lt;/p&gt;
+&lt;video controls width="80%"&gt;
+  &lt;source src="/images/umap/sync-features.webm" type="video/webm"&gt;
+&lt;/video&gt;
+
+&lt;p&gt;Point properties are also editable, using the already-existing table editor. I
+was expecting this to require some work but it&amp;#8217;s just working without more&amp;nbsp;changes.&lt;/p&gt;
+&lt;h2 id="whats-next"&gt;What&amp;#8217;s next&amp;nbsp;?&lt;/h2&gt;
+&lt;p&gt;I&amp;#8217;m able to sync map properties, features and their properties, but I&amp;#8217;m not
+yet syncing layers. That&amp;#8217;s the next step! I also plan to make some pull
+requests with the interesting bits I&amp;#8217;m sure will go in the final&amp;nbsp;implementation:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Adding ids to features, so we have a way to refer to&amp;nbsp;them.&lt;/li&gt;
+&lt;li&gt;Having a way to map properties with how they render the interface, the &lt;code&gt;renderProperties&lt;/code&gt; bits.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When this demo will be working, I&amp;#8217;ll probably spend some time updating it with the latest changes (umap is moving a lot these weeks).
+I will probably focus on how to integrate websockets in the server side, and then will see how to leverage (maybe) some magic from CRDTs, if we need&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;See you for the next&amp;nbsp;update!&lt;/p&gt;</content><category term="code"></category><category term="umap"></category><category term="geojson"></category><category term="websockets"></category></entry><entry><title>Returning objects from an arrow function</title><link href="https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html" rel="alternate"></link><published>2024-02-08T00:00:00+01:00</published><updated>2024-02-08T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-08:/returning-objects-from-an-arrow-function.html</id><summary type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
 &lt;p&gt;Turns out it&amp;#8217;s not possible to return directly objects from inside the arrow function because they&amp;#8217;re confused as&amp;nbsp;statements.&lt;/p&gt;
 &lt;p&gt;This is &lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#function_body"&gt;covered by &lt;span class="caps"&gt;MDN&lt;/span&gt;&lt;/a&gt;.&lt;/p&gt;
 &lt;p&gt;To …&lt;/p&gt;</summary><content type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
diff --git a/feeds/code.atom.xml b/feeds/code.atom.xml
index 28da959..a3ec887 100644
--- a/feeds/code.atom.xml
+++ b/feeds/code.atom.xml
@@ -1,5 +1,241 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>Alexis Métaireau - code</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/code.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2024-02-08T00:00:00+01:00</updated><entry><title>Returning objects from an arrow function</title><link href="https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html" rel="alternate"></link><published>2024-02-08T00:00:00+01:00</published><updated>2024-02-08T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-08:/returning-objects-from-an-arrow-function.html</id><summary type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
+<feed xmlns="http://www.w3.org/2005/Atom"><title>Alexis Métaireau - code</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/code.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2024-02-12T00:00:00+01:00</updated><entry><title>Adding collaboration on uMap, third update</title><link href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" rel="alternate"></link><published>2024-02-12T00:00:00+01:00</published><updated>2024-02-12T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-12:/adding-collaboration-on-umap-third-update.html</id><summary type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6 …&lt;/span&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6&lt;/span&gt; &lt;a href="https://fr.wikipedia.org/wiki/ECMAScript"&gt;wasn&amp;#8217;t out there&amp;nbsp;yet&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;At the time, it wasn&amp;#8217;t possible to use JavaScript modules, nor modern JavaScript
+syntax. The project stayed with these requirements for a long time, in order to support
+people with old browsers. But as time goes on, we can now have access to more&amp;nbsp;features.&lt;/p&gt;
+&lt;p&gt;The team has been working hard on bringing modules to the mix, and it
+wasn&amp;#8217;t a piece of cake. But, the result is here: we&amp;#8217;re &lt;a href="https://github.com/umap-project/umap/pull/1463/files"&gt;now able to use modern
+JavaSript modules&lt;/a&gt; and we
+are now more confident &lt;a href="https://github.com/umap-project/umap/commit/65f1cdd6b4569657ef5e219d9b377fec85c41958"&gt;about which features of the languages we can use or&amp;nbsp;not&lt;/a&gt;&lt;/p&gt;
+&lt;hr&gt;
+&lt;p&gt;I then spent ~way too much~ some time trying to integrate existing CRDTs like
+Automerge and &lt;span class="caps"&gt;YJS&lt;/span&gt; in our project. These two libs are unfortunately expecting us to
+use a bundler, which we aren&amp;#8217;t&amp;nbsp;currently.&lt;/p&gt;
+&lt;p&gt;uMap is plain old JavaScript. It&amp;#8217;s not using react or any other framework. The way
+I see this is that it makes it possible for us to have something &amp;#8220;close to the
+metal&amp;#8221;, if that means anything when it comes to web development. We&amp;#8217;re not tied
+to the development pace of these frameworks, and have more control on what we
+do. It&amp;#8217;s easier to&amp;nbsp;debug.&lt;/p&gt;
+&lt;p&gt;So, after making tweaks and learning how &amp;#8220;modules&amp;#8221;, &amp;#8220;requires&amp;#8221; and &amp;#8220;bundling&amp;#8221;
+was working, I ultimately decided to take a break from this path, to work on the
+wiring with uMap. After all, CRDTs might not even be the way forward for&amp;nbsp;us.&lt;/p&gt;
+&lt;h2 id="internals"&gt;Internals&lt;/h2&gt;
+&lt;p&gt;I was not expecting this to be easy and was a bit afraid. Mostly because I&amp;#8217;m out of my
+comfort zone. After some time with the head under the water, I&amp;#8217;m now able to better
+understand the big picture, and I&amp;#8217;m not getting lost in the details like I was at&amp;nbsp;first.&lt;/p&gt;
+&lt;p&gt;Let me try to summarize what I&amp;#8217;ve&amp;nbsp;learned.&lt;/p&gt;
+&lt;p&gt;uMap appears to be doing a lot of different things, but in the end&amp;nbsp;it&amp;#8217;s:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Using &lt;a href="https://leafletjs.com/"&gt;Leaflet.js&lt;/a&gt; to render &lt;em&gt;features&lt;/em&gt; on the map&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using &lt;a href="https://github.com/Leaflet/Leaflet.Editable"&gt;Leaflet Editable&lt;/a&gt; to edit
+  complex shapes, like polylines, polygons, and to draw markers&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using the &lt;a href="https://github.com/yohanboniface/Leaflet.FormBuilder"&gt;Formbuilder&lt;/a&gt;
+  to expose a way for the users to edit the features, and the data of the&amp;nbsp;map&lt;/li&gt;
+&lt;li&gt;Serializing the layers to and from &lt;a href="https://geojson.org/"&gt;GeoJSON&lt;/a&gt;. That&amp;#8217;s
+  what&amp;#8217;s being sent to and received from the&amp;nbsp;server.&lt;/li&gt;
+&lt;li&gt;Providing different layer types (marker cluster, chloropleth, etc) to display
+  the data in different&amp;nbsp;ways.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id="naming-matters"&gt;Naming&amp;nbsp;matters&lt;/h3&gt;
+&lt;p&gt;There is some naming overlap between the different projects we&amp;#8217;re using, and
+it&amp;#8217;s important to have these small clarifications in&amp;nbsp;mind:&lt;/p&gt;
+&lt;h4 id="leaflet-layers-and-umap-features"&gt;Leaflet layers and uMap&amp;nbsp;features&lt;/h4&gt;
+&lt;p&gt;&lt;strong&gt;In Leaflet, everything is a layer&lt;/strong&gt;. What we call &lt;em&gt;features&lt;/em&gt; in geoJSON are
+leaflet layers, and even a (uMap) layer is a layer. We need to be extra careful
+what are our inputs and outputs in this&amp;nbsp;context.&lt;/p&gt;
+&lt;p&gt;We actually have different layers concepts: the &lt;em&gt;datalayer&lt;/em&gt; and the different
+kind of layers (chloropleth, marker cluster, etc). A datalayer, is (as you can
+guess) where the data is stored. It&amp;#8217;s what uMap serializes. It contains the
+features (with their properties). But that&amp;#8217;s the trick: these features are named
+&lt;em&gt;layers&lt;/em&gt; by&amp;nbsp;Leaflet.&lt;/p&gt;
+&lt;h4 id="geojson-and-leaflet"&gt;GeoJSON and&amp;nbsp;Leaflet&lt;/h4&gt;
+&lt;p&gt;We&amp;#8217;re using GeoJSON to share data with the server, but we&amp;#8217;re using Leaflet
+internally. And these two have different way of naming&amp;nbsp;things.&lt;/p&gt;
+&lt;p&gt;The different geometries are named differently (a leaflet &lt;code&gt;Marker&lt;/code&gt; is a GeoJSON
+&lt;code&gt;Point&lt;/code&gt;), and their coordinates are stored differently: Leaflet stores &lt;code&gt;lat,
+long&lt;/code&gt; where GeoJSON stores &lt;code&gt;long, lat&lt;/code&gt;. Not a big deal, but it&amp;#8217;s a good thing
+to&amp;nbsp;know.&lt;/p&gt;
+&lt;p&gt;Leaflet stores data in &lt;code&gt;options&lt;/code&gt;, where GeoJSON stores it in &lt;code&gt;properties&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id="this-is-not-reactive-programming"&gt;This is not reactive&amp;nbsp;programming&lt;/h3&gt;
+&lt;p&gt;I was expecting the frontend to be organised similarly to Elm apps (or React
+apps): a global state and a data flow (&lt;a href="https:// react-redux.js.org/
+introduction/getting-started"&gt;a la redux&lt;/a&gt;), with events changing the data that will trigger
+a rerendering of the&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;Things work differently for us: different components can write to the map, and
+get updated without being centralized. It&amp;#8217;s just a different&amp;nbsp;paradigm.&lt;/p&gt;
+&lt;h2 id="a-syncing-proof-of-concept"&gt;A syncing proof of&amp;nbsp;concept&lt;/h2&gt;
+&lt;p&gt;With that in mind, I started thinking about a simple way to implement&amp;nbsp;syncing. &lt;/p&gt;
+&lt;p&gt;I left aside all the thinking about how this would relate with CRDTs. It can
+be useful, but later. For now, I &amp;#8220;just&amp;#8221; want to synchronize two maps. I want a
+proof of concept to do informed&amp;nbsp;decisions.&lt;/p&gt;
+&lt;h3 id="syncing-map-properties"&gt;Syncing map&amp;nbsp;properties&lt;/h3&gt;
+&lt;p&gt;I started syncing map properties. Things like the name of the map, the default
+color and type of the marker, the description, the default zoom level,&amp;nbsp;etc.&lt;/p&gt;
+&lt;p&gt;All of these are handled by &amp;#8220;the formbuilder&amp;#8221;. You pass it an object, a list of
+properties and a callback to call when an update happens, and it will build for
+you form&amp;nbsp;inputs.&lt;/p&gt;
+&lt;p&gt;Taken from the documentation (and&amp;nbsp;simplified):&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;display name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;maxZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;max zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;minZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;min zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;tms&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;CheckBox&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;helpText&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;TMS format&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}]&lt;/span&gt;
+&lt;span class="p"&gt;];&lt;/span&gt;
+&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;builder&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;L&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;FormBuilder&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myObject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callback&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;myCallback&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callbackContext&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;
+&lt;span class="p"&gt;});&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;In uMap, the formbuilder is used for every form you see on the right panel. Map
+properties are stored in the &lt;code&gt;map&lt;/code&gt; object.&lt;/p&gt;
+&lt;p&gt;We want two different clients work together. When one changes the value of a
+property, the other client needs to be updated, and update its&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;ve started by creating a mapping of property names to rerender-methods, and
+added a method &lt;code&gt;renderProperties(properties)&lt;/code&gt; which updates the interface,
+depending on the properties passed to&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;We now have two important&amp;nbsp;things:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Some code getting called each time a property is changed&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;A way to refresh the right interface when a property is&amp;nbsp;changed.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;In other words, from one client we can send the message to the other client,
+which will be able to rerender&amp;nbsp;itself.&lt;/p&gt;
+&lt;p&gt;Looks like a&amp;nbsp;plan.&lt;/p&gt;
+&lt;h2 id="websockets"&gt;Websockets&lt;/h2&gt;
+&lt;p&gt;We need a way for the data to go from one side to the other. The easiest
+way is probably&amp;nbsp;websockets.&lt;/p&gt;
+&lt;p&gt;Here is a simple code which will relay messages from one websocket to the other
+connected clients. It&amp;#8217;s not the final code, it&amp;#8217;s just for demo&amp;nbsp;puposes.&lt;/p&gt;
+&lt;p&gt;A basic way to do this on the server side is to use python&amp;#8217;s
+&lt;a href="https://websockets.readthedocs.io/"&gt;websockets&lt;/a&gt;&amp;nbsp;library.&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;asyncio&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;websockets&lt;/span&gt;
+&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;websockets.server&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;json&lt;/span&gt;
+
+&lt;span class="c1"&gt;# Just relay all messages to other connected peers for now&lt;/span&gt;
+
+&lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;set&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;try&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+            &lt;span class="c1"&gt;# recompute the peers-list at the time of message-sending.&lt;/span&gt;
+            &lt;span class="c1"&gt;# doing so beforehand would miss new connections&lt;/span&gt;
+            &lt;span class="n"&gt;peers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
+            &lt;span class="n"&gt;websockets&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;broadcast&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;peers&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;finally&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;remove&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;recv&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+    &lt;span class="n"&gt;event&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;json&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;loads&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+    &lt;span class="c1"&gt;# The first event should always be &amp;#39;join&amp;#39;&lt;/span&gt;
+    &lt;span class="k"&gt;assert&lt;/span&gt; &lt;span class="n"&gt;event&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;kind&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;join&amp;quot;&lt;/span&gt;
+    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt;
+    &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;with&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;localhost&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;8001&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+        &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;Future&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;  &lt;span class="c1"&gt;# run forever&lt;/span&gt;
+
+&lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;run&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;main&lt;/span&gt;&lt;span class="p"&gt;())&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;On the client side, it&amp;#8217;s fairly easy as well. I won&amp;#8217;t even cover it&amp;nbsp;here.&lt;/p&gt;
+&lt;p&gt;We now have a way to send data from one client to the other.
+Let&amp;#8217;s consider the actions we do as &amp;#8220;verbs&amp;#8221;. For now, we&amp;#8217;re just updating
+properties values, so we just need the &lt;code&gt;update&lt;/code&gt; verb.&lt;/p&gt;
+&lt;h2 id="code-architecture"&gt;Code&amp;nbsp;architecture&lt;/h2&gt;
+&lt;p&gt;We need different&amp;nbsp;parts:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;the &lt;strong&gt;transport&lt;/strong&gt;, which connects to the websockets, sends and receives&amp;nbsp;messages.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message sender&lt;/strong&gt; to relat local messages to the other&amp;nbsp;party.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message receiver&lt;/strong&gt; that&amp;#8217;s being called each time we receive a&amp;nbsp;message.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;sync engine&lt;/strong&gt; which glues everything&amp;nbsp;together&lt;/li&gt;
+&lt;li&gt;Different &lt;strong&gt;updaters&lt;/strong&gt;, which knows how to apply received messages, the goal being
+  to update the interface in the&amp;nbsp;end.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When receiving a message it will be routed to the correct updater, which will
+know what to do with&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;In our case, its fairly simple: when updating the &lt;code&gt;name&lt;/code&gt; property, we send a
+message with &lt;code&gt;name&lt;/code&gt; and &lt;code&gt;value&lt;/code&gt;. We also need to send along some additional
+info: the &lt;code&gt;subject&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;In our case, it&amp;#8217;s &lt;code&gt;map&lt;/code&gt; because we&amp;#8217;re updating map&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;When initializing the &lt;code&gt;map&lt;/code&gt;, we&amp;#8217;re initializing the &lt;code&gt;SyncEngine&lt;/code&gt;, like&amp;nbsp;this:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="c1"&gt;// inside the map&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;umap&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;SyncEngine&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="c1"&gt;// Then, when we need to send data to the other party&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncEngine&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncSubject&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;update&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;field&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;The code on the other side of the wire is simple enough: when you receive the
+message, change the data and rerender the&amp;nbsp;properties:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;updateObjectValue&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;renderProperties&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;h2 id="syncing-features"&gt;Syncing&amp;nbsp;features&lt;/h2&gt;
+&lt;p&gt;At this stage I was able to sync the properties of the map. A
+small victory, but not the end of the&amp;nbsp;trip.&lt;/p&gt;
+&lt;p&gt;The next step was to add syncing for features: markers, polygon and polylines,
+alongside their&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;All of these features have a uMap class representation (which extends Leaflets
+ones). All of them share some code in the &lt;code&gt;FeatureMixin&lt;/code&gt; class.&lt;/p&gt;
+&lt;p&gt;That seems a good place to do the&amp;nbsp;changes.&lt;/p&gt;
+&lt;p&gt;I did a few&amp;nbsp;changes:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Each feature now has an identifier, so clients know they&amp;#8217;re talking about the
+  same thing. This identifier is also stored in the database when&amp;nbsp;saved.&lt;/li&gt;
+&lt;li&gt;I&amp;#8217;ve added an &lt;code&gt;upsert&lt;/code&gt; verb, because we don&amp;#8217;t have any way (from the
+  interface) to make a distinction between the creation of a new feature and
+  its modification. The way we intercept the creation of a feature (or its
+  update) is to use Leaflet Editable&amp;#8217;s &lt;code&gt;editable:drawing:commit&lt;/code&gt; event.  We just
+  have to listen to it and then send the appropriate messages&amp;nbsp;!&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;After some giggling around (ah, everybody wants to create a new protocol !) I
+went with reusing GeoJSON. It allowed me to have a better understanding of how
+Leaflet is using latlongs. That&amp;#8217;s a multi-dimensional array, with variable
+width, depending on the type of geometry and the number of shapes in each of&amp;nbsp;these.&lt;/p&gt;
+&lt;p&gt;Clearly not something I want to redo, so I&amp;#8217;m now reusing some Leaflet code, which handles this serialization for&amp;nbsp;me.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;m now able to sync different types of features with their&amp;nbsp;properties.&lt;/p&gt;
+&lt;video controls width="80%"&gt;
+  &lt;source src="/images/umap/sync-features.webm" type="video/webm"&gt;
+&lt;/video&gt;
+
+&lt;p&gt;Point properties are also editable, using the already-existing table editor. I
+was expecting this to require some work but it&amp;#8217;s just working without more&amp;nbsp;changes.&lt;/p&gt;
+&lt;h2 id="whats-next"&gt;What&amp;#8217;s next&amp;nbsp;?&lt;/h2&gt;
+&lt;p&gt;I&amp;#8217;m able to sync map properties, features and their properties, but I&amp;#8217;m not
+yet syncing layers. That&amp;#8217;s the next step! I also plan to make some pull
+requests with the interesting bits I&amp;#8217;m sure will go in the final&amp;nbsp;implementation:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Adding ids to features, so we have a way to refer to&amp;nbsp;them.&lt;/li&gt;
+&lt;li&gt;Having a way to map properties with how they render the interface, the &lt;code&gt;renderProperties&lt;/code&gt; bits.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When this demo will be working, I&amp;#8217;ll probably spend some time updating it with the latest changes (umap is moving a lot these weeks).
+I will probably focus on how to integrate websockets in the server side, and then will see how to leverage (maybe) some magic from CRDTs, if we need&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;See you for the next&amp;nbsp;update!&lt;/p&gt;</content><category term="code"></category><category term="umap"></category><category term="geojson"></category><category term="websockets"></category></entry><entry><title>Returning objects from an arrow function</title><link href="https://blog.notmyidea.org/returning-objects-from-an-arrow-function.html" rel="alternate"></link><published>2024-02-08T00:00:00+01:00</published><updated>2024-02-08T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-08:/returning-objects-from-an-arrow-function.html</id><summary type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
 &lt;p&gt;Turns out it&amp;#8217;s not possible to return directly objects from inside the arrow function because they&amp;#8217;re confused as&amp;nbsp;statements.&lt;/p&gt;
 &lt;p&gt;This is &lt;a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#function_body"&gt;covered by &lt;span class="caps"&gt;MDN&lt;/span&gt;&lt;/a&gt;.&lt;/p&gt;
 &lt;p&gt;To …&lt;/p&gt;</summary><content type="html">&lt;p&gt;When using an arrow function in JavaScript, I was expecting to be able to return objects, but ended up with returning &lt;code&gt;undefined&lt;/code&gt; values.&lt;/p&gt;
diff --git a/feeds/tags/geojson.atom.xml b/feeds/tags/geojson.atom.xml
new file mode 100644
index 0000000..ccbf9dd
--- /dev/null
+++ b/feeds/tags/geojson.atom.xml
@@ -0,0 +1,238 @@
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom"><title>Alexis Métaireau - geojson</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/tags/geojson.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2024-02-12T00:00:00+01:00</updated><entry><title>Adding collaboration on uMap, third update</title><link href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" rel="alternate"></link><published>2024-02-12T00:00:00+01:00</published><updated>2024-02-12T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-12:/adding-collaboration-on-umap-third-update.html</id><summary type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6 …&lt;/span&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6&lt;/span&gt; &lt;a href="https://fr.wikipedia.org/wiki/ECMAScript"&gt;wasn&amp;#8217;t out there&amp;nbsp;yet&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;At the time, it wasn&amp;#8217;t possible to use JavaScript modules, nor modern JavaScript
+syntax. The project stayed with these requirements for a long time, in order to support
+people with old browsers. But as time goes on, we can now have access to more&amp;nbsp;features.&lt;/p&gt;
+&lt;p&gt;The team has been working hard on bringing modules to the mix, and it
+wasn&amp;#8217;t a piece of cake. But, the result is here: we&amp;#8217;re &lt;a href="https://github.com/umap-project/umap/pull/1463/files"&gt;now able to use modern
+JavaSript modules&lt;/a&gt; and we
+are now more confident &lt;a href="https://github.com/umap-project/umap/commit/65f1cdd6b4569657ef5e219d9b377fec85c41958"&gt;about which features of the languages we can use or&amp;nbsp;not&lt;/a&gt;&lt;/p&gt;
+&lt;hr&gt;
+&lt;p&gt;I then spent ~way too much~ some time trying to integrate existing CRDTs like
+Automerge and &lt;span class="caps"&gt;YJS&lt;/span&gt; in our project. These two libs are unfortunately expecting us to
+use a bundler, which we aren&amp;#8217;t&amp;nbsp;currently.&lt;/p&gt;
+&lt;p&gt;uMap is plain old JavaScript. It&amp;#8217;s not using react or any other framework. The way
+I see this is that it makes it possible for us to have something &amp;#8220;close to the
+metal&amp;#8221;, if that means anything when it comes to web development. We&amp;#8217;re not tied
+to the development pace of these frameworks, and have more control on what we
+do. It&amp;#8217;s easier to&amp;nbsp;debug.&lt;/p&gt;
+&lt;p&gt;So, after making tweaks and learning how &amp;#8220;modules&amp;#8221;, &amp;#8220;requires&amp;#8221; and &amp;#8220;bundling&amp;#8221;
+was working, I ultimately decided to take a break from this path, to work on the
+wiring with uMap. After all, CRDTs might not even be the way forward for&amp;nbsp;us.&lt;/p&gt;
+&lt;h2 id="internals"&gt;Internals&lt;/h2&gt;
+&lt;p&gt;I was not expecting this to be easy and was a bit afraid. Mostly because I&amp;#8217;m out of my
+comfort zone. After some time with the head under the water, I&amp;#8217;m now able to better
+understand the big picture, and I&amp;#8217;m not getting lost in the details like I was at&amp;nbsp;first.&lt;/p&gt;
+&lt;p&gt;Let me try to summarize what I&amp;#8217;ve&amp;nbsp;learned.&lt;/p&gt;
+&lt;p&gt;uMap appears to be doing a lot of different things, but in the end&amp;nbsp;it&amp;#8217;s:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Using &lt;a href="https://leafletjs.com/"&gt;Leaflet.js&lt;/a&gt; to render &lt;em&gt;features&lt;/em&gt; on the map&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using &lt;a href="https://github.com/Leaflet/Leaflet.Editable"&gt;Leaflet Editable&lt;/a&gt; to edit
+  complex shapes, like polylines, polygons, and to draw markers&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using the &lt;a href="https://github.com/yohanboniface/Leaflet.FormBuilder"&gt;Formbuilder&lt;/a&gt;
+  to expose a way for the users to edit the features, and the data of the&amp;nbsp;map&lt;/li&gt;
+&lt;li&gt;Serializing the layers to and from &lt;a href="https://geojson.org/"&gt;GeoJSON&lt;/a&gt;. That&amp;#8217;s
+  what&amp;#8217;s being sent to and received from the&amp;nbsp;server.&lt;/li&gt;
+&lt;li&gt;Providing different layer types (marker cluster, chloropleth, etc) to display
+  the data in different&amp;nbsp;ways.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id="naming-matters"&gt;Naming&amp;nbsp;matters&lt;/h3&gt;
+&lt;p&gt;There is some naming overlap between the different projects we&amp;#8217;re using, and
+it&amp;#8217;s important to have these small clarifications in&amp;nbsp;mind:&lt;/p&gt;
+&lt;h4 id="leaflet-layers-and-umap-features"&gt;Leaflet layers and uMap&amp;nbsp;features&lt;/h4&gt;
+&lt;p&gt;&lt;strong&gt;In Leaflet, everything is a layer&lt;/strong&gt;. What we call &lt;em&gt;features&lt;/em&gt; in geoJSON are
+leaflet layers, and even a (uMap) layer is a layer. We need to be extra careful
+what are our inputs and outputs in this&amp;nbsp;context.&lt;/p&gt;
+&lt;p&gt;We actually have different layers concepts: the &lt;em&gt;datalayer&lt;/em&gt; and the different
+kind of layers (chloropleth, marker cluster, etc). A datalayer, is (as you can
+guess) where the data is stored. It&amp;#8217;s what uMap serializes. It contains the
+features (with their properties). But that&amp;#8217;s the trick: these features are named
+&lt;em&gt;layers&lt;/em&gt; by&amp;nbsp;Leaflet.&lt;/p&gt;
+&lt;h4 id="geojson-and-leaflet"&gt;GeoJSON and&amp;nbsp;Leaflet&lt;/h4&gt;
+&lt;p&gt;We&amp;#8217;re using GeoJSON to share data with the server, but we&amp;#8217;re using Leaflet
+internally. And these two have different way of naming&amp;nbsp;things.&lt;/p&gt;
+&lt;p&gt;The different geometries are named differently (a leaflet &lt;code&gt;Marker&lt;/code&gt; is a GeoJSON
+&lt;code&gt;Point&lt;/code&gt;), and their coordinates are stored differently: Leaflet stores &lt;code&gt;lat,
+long&lt;/code&gt; where GeoJSON stores &lt;code&gt;long, lat&lt;/code&gt;. Not a big deal, but it&amp;#8217;s a good thing
+to&amp;nbsp;know.&lt;/p&gt;
+&lt;p&gt;Leaflet stores data in &lt;code&gt;options&lt;/code&gt;, where GeoJSON stores it in &lt;code&gt;properties&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id="this-is-not-reactive-programming"&gt;This is not reactive&amp;nbsp;programming&lt;/h3&gt;
+&lt;p&gt;I was expecting the frontend to be organised similarly to Elm apps (or React
+apps): a global state and a data flow (&lt;a href="https:// react-redux.js.org/
+introduction/getting-started"&gt;a la redux&lt;/a&gt;), with events changing the data that will trigger
+a rerendering of the&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;Things work differently for us: different components can write to the map, and
+get updated without being centralized. It&amp;#8217;s just a different&amp;nbsp;paradigm.&lt;/p&gt;
+&lt;h2 id="a-syncing-proof-of-concept"&gt;A syncing proof of&amp;nbsp;concept&lt;/h2&gt;
+&lt;p&gt;With that in mind, I started thinking about a simple way to implement&amp;nbsp;syncing. &lt;/p&gt;
+&lt;p&gt;I left aside all the thinking about how this would relate with CRDTs. It can
+be useful, but later. For now, I &amp;#8220;just&amp;#8221; want to synchronize two maps. I want a
+proof of concept to do informed&amp;nbsp;decisions.&lt;/p&gt;
+&lt;h3 id="syncing-map-properties"&gt;Syncing map&amp;nbsp;properties&lt;/h3&gt;
+&lt;p&gt;I started syncing map properties. Things like the name of the map, the default
+color and type of the marker, the description, the default zoom level,&amp;nbsp;etc.&lt;/p&gt;
+&lt;p&gt;All of these are handled by &amp;#8220;the formbuilder&amp;#8221;. You pass it an object, a list of
+properties and a callback to call when an update happens, and it will build for
+you form&amp;nbsp;inputs.&lt;/p&gt;
+&lt;p&gt;Taken from the documentation (and&amp;nbsp;simplified):&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;display name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;maxZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;max zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;minZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;min zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;tms&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;CheckBox&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;helpText&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;TMS format&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}]&lt;/span&gt;
+&lt;span class="p"&gt;];&lt;/span&gt;
+&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;builder&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;L&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;FormBuilder&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myObject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callback&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;myCallback&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callbackContext&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;
+&lt;span class="p"&gt;});&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;In uMap, the formbuilder is used for every form you see on the right panel. Map
+properties are stored in the &lt;code&gt;map&lt;/code&gt; object.&lt;/p&gt;
+&lt;p&gt;We want two different clients work together. When one changes the value of a
+property, the other client needs to be updated, and update its&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;ve started by creating a mapping of property names to rerender-methods, and
+added a method &lt;code&gt;renderProperties(properties)&lt;/code&gt; which updates the interface,
+depending on the properties passed to&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;We now have two important&amp;nbsp;things:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Some code getting called each time a property is changed&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;A way to refresh the right interface when a property is&amp;nbsp;changed.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;In other words, from one client we can send the message to the other client,
+which will be able to rerender&amp;nbsp;itself.&lt;/p&gt;
+&lt;p&gt;Looks like a&amp;nbsp;plan.&lt;/p&gt;
+&lt;h2 id="websockets"&gt;Websockets&lt;/h2&gt;
+&lt;p&gt;We need a way for the data to go from one side to the other. The easiest
+way is probably&amp;nbsp;websockets.&lt;/p&gt;
+&lt;p&gt;Here is a simple code which will relay messages from one websocket to the other
+connected clients. It&amp;#8217;s not the final code, it&amp;#8217;s just for demo&amp;nbsp;puposes.&lt;/p&gt;
+&lt;p&gt;A basic way to do this on the server side is to use python&amp;#8217;s
+&lt;a href="https://websockets.readthedocs.io/"&gt;websockets&lt;/a&gt;&amp;nbsp;library.&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;asyncio&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;websockets&lt;/span&gt;
+&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;websockets.server&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;json&lt;/span&gt;
+
+&lt;span class="c1"&gt;# Just relay all messages to other connected peers for now&lt;/span&gt;
+
+&lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;set&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;try&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+            &lt;span class="c1"&gt;# recompute the peers-list at the time of message-sending.&lt;/span&gt;
+            &lt;span class="c1"&gt;# doing so beforehand would miss new connections&lt;/span&gt;
+            &lt;span class="n"&gt;peers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
+            &lt;span class="n"&gt;websockets&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;broadcast&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;peers&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;finally&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;remove&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;recv&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+    &lt;span class="n"&gt;event&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;json&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;loads&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+    &lt;span class="c1"&gt;# The first event should always be &amp;#39;join&amp;#39;&lt;/span&gt;
+    &lt;span class="k"&gt;assert&lt;/span&gt; &lt;span class="n"&gt;event&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;kind&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;join&amp;quot;&lt;/span&gt;
+    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt;
+    &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;with&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;localhost&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;8001&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+        &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;Future&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;  &lt;span class="c1"&gt;# run forever&lt;/span&gt;
+
+&lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;run&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;main&lt;/span&gt;&lt;span class="p"&gt;())&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;On the client side, it&amp;#8217;s fairly easy as well. I won&amp;#8217;t even cover it&amp;nbsp;here.&lt;/p&gt;
+&lt;p&gt;We now have a way to send data from one client to the other.
+Let&amp;#8217;s consider the actions we do as &amp;#8220;verbs&amp;#8221;. For now, we&amp;#8217;re just updating
+properties values, so we just need the &lt;code&gt;update&lt;/code&gt; verb.&lt;/p&gt;
+&lt;h2 id="code-architecture"&gt;Code&amp;nbsp;architecture&lt;/h2&gt;
+&lt;p&gt;We need different&amp;nbsp;parts:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;the &lt;strong&gt;transport&lt;/strong&gt;, which connects to the websockets, sends and receives&amp;nbsp;messages.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message sender&lt;/strong&gt; to relat local messages to the other&amp;nbsp;party.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message receiver&lt;/strong&gt; that&amp;#8217;s being called each time we receive a&amp;nbsp;message.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;sync engine&lt;/strong&gt; which glues everything&amp;nbsp;together&lt;/li&gt;
+&lt;li&gt;Different &lt;strong&gt;updaters&lt;/strong&gt;, which knows how to apply received messages, the goal being
+  to update the interface in the&amp;nbsp;end.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When receiving a message it will be routed to the correct updater, which will
+know what to do with&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;In our case, its fairly simple: when updating the &lt;code&gt;name&lt;/code&gt; property, we send a
+message with &lt;code&gt;name&lt;/code&gt; and &lt;code&gt;value&lt;/code&gt;. We also need to send along some additional
+info: the &lt;code&gt;subject&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;In our case, it&amp;#8217;s &lt;code&gt;map&lt;/code&gt; because we&amp;#8217;re updating map&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;When initializing the &lt;code&gt;map&lt;/code&gt;, we&amp;#8217;re initializing the &lt;code&gt;SyncEngine&lt;/code&gt;, like&amp;nbsp;this:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="c1"&gt;// inside the map&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;umap&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;SyncEngine&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="c1"&gt;// Then, when we need to send data to the other party&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncEngine&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncSubject&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;update&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;field&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;The code on the other side of the wire is simple enough: when you receive the
+message, change the data and rerender the&amp;nbsp;properties:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;updateObjectValue&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;renderProperties&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;h2 id="syncing-features"&gt;Syncing&amp;nbsp;features&lt;/h2&gt;
+&lt;p&gt;At this stage I was able to sync the properties of the map. A
+small victory, but not the end of the&amp;nbsp;trip.&lt;/p&gt;
+&lt;p&gt;The next step was to add syncing for features: markers, polygon and polylines,
+alongside their&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;All of these features have a uMap class representation (which extends Leaflets
+ones). All of them share some code in the &lt;code&gt;FeatureMixin&lt;/code&gt; class.&lt;/p&gt;
+&lt;p&gt;That seems a good place to do the&amp;nbsp;changes.&lt;/p&gt;
+&lt;p&gt;I did a few&amp;nbsp;changes:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Each feature now has an identifier, so clients know they&amp;#8217;re talking about the
+  same thing. This identifier is also stored in the database when&amp;nbsp;saved.&lt;/li&gt;
+&lt;li&gt;I&amp;#8217;ve added an &lt;code&gt;upsert&lt;/code&gt; verb, because we don&amp;#8217;t have any way (from the
+  interface) to make a distinction between the creation of a new feature and
+  its modification. The way we intercept the creation of a feature (or its
+  update) is to use Leaflet Editable&amp;#8217;s &lt;code&gt;editable:drawing:commit&lt;/code&gt; event.  We just
+  have to listen to it and then send the appropriate messages&amp;nbsp;!&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;After some giggling around (ah, everybody wants to create a new protocol !) I
+went with reusing GeoJSON. It allowed me to have a better understanding of how
+Leaflet is using latlongs. That&amp;#8217;s a multi-dimensional array, with variable
+width, depending on the type of geometry and the number of shapes in each of&amp;nbsp;these.&lt;/p&gt;
+&lt;p&gt;Clearly not something I want to redo, so I&amp;#8217;m now reusing some Leaflet code, which handles this serialization for&amp;nbsp;me.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;m now able to sync different types of features with their&amp;nbsp;properties.&lt;/p&gt;
+&lt;video controls width="80%"&gt;
+  &lt;source src="/images/umap/sync-features.webm" type="video/webm"&gt;
+&lt;/video&gt;
+
+&lt;p&gt;Point properties are also editable, using the already-existing table editor. I
+was expecting this to require some work but it&amp;#8217;s just working without more&amp;nbsp;changes.&lt;/p&gt;
+&lt;h2 id="whats-next"&gt;What&amp;#8217;s next&amp;nbsp;?&lt;/h2&gt;
+&lt;p&gt;I&amp;#8217;m able to sync map properties, features and their properties, but I&amp;#8217;m not
+yet syncing layers. That&amp;#8217;s the next step! I also plan to make some pull
+requests with the interesting bits I&amp;#8217;m sure will go in the final&amp;nbsp;implementation:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Adding ids to features, so we have a way to refer to&amp;nbsp;them.&lt;/li&gt;
+&lt;li&gt;Having a way to map properties with how they render the interface, the &lt;code&gt;renderProperties&lt;/code&gt; bits.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When this demo will be working, I&amp;#8217;ll probably spend some time updating it with the latest changes (umap is moving a lot these weeks).
+I will probably focus on how to integrate websockets in the server side, and then will see how to leverage (maybe) some magic from CRDTs, if we need&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;See you for the next&amp;nbsp;update!&lt;/p&gt;</content><category term="code"></category><category term="umap"></category><category term="geojson"></category><category term="websockets"></category></entry></feed>
\ No newline at end of file
diff --git a/feeds/tags/umap.atom.xml b/feeds/tags/umap.atom.xml
index d755112..0211ea4 100644
--- a/feeds/tags/umap.atom.xml
+++ b/feeds/tags/umap.atom.xml
@@ -1,5 +1,241 @@
 <?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom"><title>Alexis Métaireau - uMap</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/tags/umap.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2023-11-21T00:00:00+01:00</updated><entry><title>Adding Real-Time Collaboration to uMap, second week</title><link href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="alternate"></link><published>2023-11-21T00:00:00+01:00</published><updated>2023-11-21T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2023-11-21:/adding-real-time-collaboration-to-umap-second-week.html</id><summary type="html">&lt;p&gt;I continued working on &lt;a href="https://github.com/umap-project/umap/"&gt;uMap&lt;/a&gt;, an open-source map-making tool to create and share customizable maps, based on Open Street Map&amp;nbsp;data.&lt;/p&gt;
+<feed xmlns="http://www.w3.org/2005/Atom"><title>Alexis Métaireau - umap</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/tags/umap.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2024-02-12T00:00:00+01:00</updated><entry><title>Adding collaboration on uMap, third update</title><link href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" rel="alternate"></link><published>2024-02-12T00:00:00+01:00</published><updated>2024-02-12T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-12:/adding-collaboration-on-umap-third-update.html</id><summary type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6 …&lt;/span&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6&lt;/span&gt; &lt;a href="https://fr.wikipedia.org/wiki/ECMAScript"&gt;wasn&amp;#8217;t out there&amp;nbsp;yet&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;At the time, it wasn&amp;#8217;t possible to use JavaScript modules, nor modern JavaScript
+syntax. The project stayed with these requirements for a long time, in order to support
+people with old browsers. But as time goes on, we can now have access to more&amp;nbsp;features.&lt;/p&gt;
+&lt;p&gt;The team has been working hard on bringing modules to the mix, and it
+wasn&amp;#8217;t a piece of cake. But, the result is here: we&amp;#8217;re &lt;a href="https://github.com/umap-project/umap/pull/1463/files"&gt;now able to use modern
+JavaSript modules&lt;/a&gt; and we
+are now more confident &lt;a href="https://github.com/umap-project/umap/commit/65f1cdd6b4569657ef5e219d9b377fec85c41958"&gt;about which features of the languages we can use or&amp;nbsp;not&lt;/a&gt;&lt;/p&gt;
+&lt;hr&gt;
+&lt;p&gt;I then spent ~way too much~ some time trying to integrate existing CRDTs like
+Automerge and &lt;span class="caps"&gt;YJS&lt;/span&gt; in our project. These two libs are unfortunately expecting us to
+use a bundler, which we aren&amp;#8217;t&amp;nbsp;currently.&lt;/p&gt;
+&lt;p&gt;uMap is plain old JavaScript. It&amp;#8217;s not using react or any other framework. The way
+I see this is that it makes it possible for us to have something &amp;#8220;close to the
+metal&amp;#8221;, if that means anything when it comes to web development. We&amp;#8217;re not tied
+to the development pace of these frameworks, and have more control on what we
+do. It&amp;#8217;s easier to&amp;nbsp;debug.&lt;/p&gt;
+&lt;p&gt;So, after making tweaks and learning how &amp;#8220;modules&amp;#8221;, &amp;#8220;requires&amp;#8221; and &amp;#8220;bundling&amp;#8221;
+was working, I ultimately decided to take a break from this path, to work on the
+wiring with uMap. After all, CRDTs might not even be the way forward for&amp;nbsp;us.&lt;/p&gt;
+&lt;h2 id="internals"&gt;Internals&lt;/h2&gt;
+&lt;p&gt;I was not expecting this to be easy and was a bit afraid. Mostly because I&amp;#8217;m out of my
+comfort zone. After some time with the head under the water, I&amp;#8217;m now able to better
+understand the big picture, and I&amp;#8217;m not getting lost in the details like I was at&amp;nbsp;first.&lt;/p&gt;
+&lt;p&gt;Let me try to summarize what I&amp;#8217;ve&amp;nbsp;learned.&lt;/p&gt;
+&lt;p&gt;uMap appears to be doing a lot of different things, but in the end&amp;nbsp;it&amp;#8217;s:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Using &lt;a href="https://leafletjs.com/"&gt;Leaflet.js&lt;/a&gt; to render &lt;em&gt;features&lt;/em&gt; on the map&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using &lt;a href="https://github.com/Leaflet/Leaflet.Editable"&gt;Leaflet Editable&lt;/a&gt; to edit
+  complex shapes, like polylines, polygons, and to draw markers&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using the &lt;a href="https://github.com/yohanboniface/Leaflet.FormBuilder"&gt;Formbuilder&lt;/a&gt;
+  to expose a way for the users to edit the features, and the data of the&amp;nbsp;map&lt;/li&gt;
+&lt;li&gt;Serializing the layers to and from &lt;a href="https://geojson.org/"&gt;GeoJSON&lt;/a&gt;. That&amp;#8217;s
+  what&amp;#8217;s being sent to and received from the&amp;nbsp;server.&lt;/li&gt;
+&lt;li&gt;Providing different layer types (marker cluster, chloropleth, etc) to display
+  the data in different&amp;nbsp;ways.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id="naming-matters"&gt;Naming&amp;nbsp;matters&lt;/h3&gt;
+&lt;p&gt;There is some naming overlap between the different projects we&amp;#8217;re using, and
+it&amp;#8217;s important to have these small clarifications in&amp;nbsp;mind:&lt;/p&gt;
+&lt;h4 id="leaflet-layers-and-umap-features"&gt;Leaflet layers and uMap&amp;nbsp;features&lt;/h4&gt;
+&lt;p&gt;&lt;strong&gt;In Leaflet, everything is a layer&lt;/strong&gt;. What we call &lt;em&gt;features&lt;/em&gt; in geoJSON are
+leaflet layers, and even a (uMap) layer is a layer. We need to be extra careful
+what are our inputs and outputs in this&amp;nbsp;context.&lt;/p&gt;
+&lt;p&gt;We actually have different layers concepts: the &lt;em&gt;datalayer&lt;/em&gt; and the different
+kind of layers (chloropleth, marker cluster, etc). A datalayer, is (as you can
+guess) where the data is stored. It&amp;#8217;s what uMap serializes. It contains the
+features (with their properties). But that&amp;#8217;s the trick: these features are named
+&lt;em&gt;layers&lt;/em&gt; by&amp;nbsp;Leaflet.&lt;/p&gt;
+&lt;h4 id="geojson-and-leaflet"&gt;GeoJSON and&amp;nbsp;Leaflet&lt;/h4&gt;
+&lt;p&gt;We&amp;#8217;re using GeoJSON to share data with the server, but we&amp;#8217;re using Leaflet
+internally. And these two have different way of naming&amp;nbsp;things.&lt;/p&gt;
+&lt;p&gt;The different geometries are named differently (a leaflet &lt;code&gt;Marker&lt;/code&gt; is a GeoJSON
+&lt;code&gt;Point&lt;/code&gt;), and their coordinates are stored differently: Leaflet stores &lt;code&gt;lat,
+long&lt;/code&gt; where GeoJSON stores &lt;code&gt;long, lat&lt;/code&gt;. Not a big deal, but it&amp;#8217;s a good thing
+to&amp;nbsp;know.&lt;/p&gt;
+&lt;p&gt;Leaflet stores data in &lt;code&gt;options&lt;/code&gt;, where GeoJSON stores it in &lt;code&gt;properties&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id="this-is-not-reactive-programming"&gt;This is not reactive&amp;nbsp;programming&lt;/h3&gt;
+&lt;p&gt;I was expecting the frontend to be organised similarly to Elm apps (or React
+apps): a global state and a data flow (&lt;a href="https:// react-redux.js.org/
+introduction/getting-started"&gt;a la redux&lt;/a&gt;), with events changing the data that will trigger
+a rerendering of the&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;Things work differently for us: different components can write to the map, and
+get updated without being centralized. It&amp;#8217;s just a different&amp;nbsp;paradigm.&lt;/p&gt;
+&lt;h2 id="a-syncing-proof-of-concept"&gt;A syncing proof of&amp;nbsp;concept&lt;/h2&gt;
+&lt;p&gt;With that in mind, I started thinking about a simple way to implement&amp;nbsp;syncing. &lt;/p&gt;
+&lt;p&gt;I left aside all the thinking about how this would relate with CRDTs. It can
+be useful, but later. For now, I &amp;#8220;just&amp;#8221; want to synchronize two maps. I want a
+proof of concept to do informed&amp;nbsp;decisions.&lt;/p&gt;
+&lt;h3 id="syncing-map-properties"&gt;Syncing map&amp;nbsp;properties&lt;/h3&gt;
+&lt;p&gt;I started syncing map properties. Things like the name of the map, the default
+color and type of the marker, the description, the default zoom level,&amp;nbsp;etc.&lt;/p&gt;
+&lt;p&gt;All of these are handled by &amp;#8220;the formbuilder&amp;#8221;. You pass it an object, a list of
+properties and a callback to call when an update happens, and it will build for
+you form&amp;nbsp;inputs.&lt;/p&gt;
+&lt;p&gt;Taken from the documentation (and&amp;nbsp;simplified):&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;display name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;maxZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;max zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;minZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;min zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;tms&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;CheckBox&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;helpText&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;TMS format&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}]&lt;/span&gt;
+&lt;span class="p"&gt;];&lt;/span&gt;
+&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;builder&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;L&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;FormBuilder&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myObject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callback&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;myCallback&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callbackContext&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;
+&lt;span class="p"&gt;});&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;In uMap, the formbuilder is used for every form you see on the right panel. Map
+properties are stored in the &lt;code&gt;map&lt;/code&gt; object.&lt;/p&gt;
+&lt;p&gt;We want two different clients work together. When one changes the value of a
+property, the other client needs to be updated, and update its&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;ve started by creating a mapping of property names to rerender-methods, and
+added a method &lt;code&gt;renderProperties(properties)&lt;/code&gt; which updates the interface,
+depending on the properties passed to&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;We now have two important&amp;nbsp;things:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Some code getting called each time a property is changed&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;A way to refresh the right interface when a property is&amp;nbsp;changed.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;In other words, from one client we can send the message to the other client,
+which will be able to rerender&amp;nbsp;itself.&lt;/p&gt;
+&lt;p&gt;Looks like a&amp;nbsp;plan.&lt;/p&gt;
+&lt;h2 id="websockets"&gt;Websockets&lt;/h2&gt;
+&lt;p&gt;We need a way for the data to go from one side to the other. The easiest
+way is probably&amp;nbsp;websockets.&lt;/p&gt;
+&lt;p&gt;Here is a simple code which will relay messages from one websocket to the other
+connected clients. It&amp;#8217;s not the final code, it&amp;#8217;s just for demo&amp;nbsp;puposes.&lt;/p&gt;
+&lt;p&gt;A basic way to do this on the server side is to use python&amp;#8217;s
+&lt;a href="https://websockets.readthedocs.io/"&gt;websockets&lt;/a&gt;&amp;nbsp;library.&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;asyncio&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;websockets&lt;/span&gt;
+&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;websockets.server&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;json&lt;/span&gt;
+
+&lt;span class="c1"&gt;# Just relay all messages to other connected peers for now&lt;/span&gt;
+
+&lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;set&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;try&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+            &lt;span class="c1"&gt;# recompute the peers-list at the time of message-sending.&lt;/span&gt;
+            &lt;span class="c1"&gt;# doing so beforehand would miss new connections&lt;/span&gt;
+            &lt;span class="n"&gt;peers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
+            &lt;span class="n"&gt;websockets&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;broadcast&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;peers&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;finally&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;remove&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;recv&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+    &lt;span class="n"&gt;event&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;json&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;loads&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+    &lt;span class="c1"&gt;# The first event should always be &amp;#39;join&amp;#39;&lt;/span&gt;
+    &lt;span class="k"&gt;assert&lt;/span&gt; &lt;span class="n"&gt;event&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;kind&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;join&amp;quot;&lt;/span&gt;
+    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt;
+    &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;with&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;localhost&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;8001&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+        &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;Future&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;  &lt;span class="c1"&gt;# run forever&lt;/span&gt;
+
+&lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;run&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;main&lt;/span&gt;&lt;span class="p"&gt;())&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;On the client side, it&amp;#8217;s fairly easy as well. I won&amp;#8217;t even cover it&amp;nbsp;here.&lt;/p&gt;
+&lt;p&gt;We now have a way to send data from one client to the other.
+Let&amp;#8217;s consider the actions we do as &amp;#8220;verbs&amp;#8221;. For now, we&amp;#8217;re just updating
+properties values, so we just need the &lt;code&gt;update&lt;/code&gt; verb.&lt;/p&gt;
+&lt;h2 id="code-architecture"&gt;Code&amp;nbsp;architecture&lt;/h2&gt;
+&lt;p&gt;We need different&amp;nbsp;parts:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;the &lt;strong&gt;transport&lt;/strong&gt;, which connects to the websockets, sends and receives&amp;nbsp;messages.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message sender&lt;/strong&gt; to relat local messages to the other&amp;nbsp;party.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message receiver&lt;/strong&gt; that&amp;#8217;s being called each time we receive a&amp;nbsp;message.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;sync engine&lt;/strong&gt; which glues everything&amp;nbsp;together&lt;/li&gt;
+&lt;li&gt;Different &lt;strong&gt;updaters&lt;/strong&gt;, which knows how to apply received messages, the goal being
+  to update the interface in the&amp;nbsp;end.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When receiving a message it will be routed to the correct updater, which will
+know what to do with&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;In our case, its fairly simple: when updating the &lt;code&gt;name&lt;/code&gt; property, we send a
+message with &lt;code&gt;name&lt;/code&gt; and &lt;code&gt;value&lt;/code&gt;. We also need to send along some additional
+info: the &lt;code&gt;subject&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;In our case, it&amp;#8217;s &lt;code&gt;map&lt;/code&gt; because we&amp;#8217;re updating map&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;When initializing the &lt;code&gt;map&lt;/code&gt;, we&amp;#8217;re initializing the &lt;code&gt;SyncEngine&lt;/code&gt;, like&amp;nbsp;this:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="c1"&gt;// inside the map&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;umap&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;SyncEngine&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="c1"&gt;// Then, when we need to send data to the other party&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncEngine&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncSubject&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;update&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;field&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;The code on the other side of the wire is simple enough: when you receive the
+message, change the data and rerender the&amp;nbsp;properties:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;updateObjectValue&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;renderProperties&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;h2 id="syncing-features"&gt;Syncing&amp;nbsp;features&lt;/h2&gt;
+&lt;p&gt;At this stage I was able to sync the properties of the map. A
+small victory, but not the end of the&amp;nbsp;trip.&lt;/p&gt;
+&lt;p&gt;The next step was to add syncing for features: markers, polygon and polylines,
+alongside their&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;All of these features have a uMap class representation (which extends Leaflets
+ones). All of them share some code in the &lt;code&gt;FeatureMixin&lt;/code&gt; class.&lt;/p&gt;
+&lt;p&gt;That seems a good place to do the&amp;nbsp;changes.&lt;/p&gt;
+&lt;p&gt;I did a few&amp;nbsp;changes:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Each feature now has an identifier, so clients know they&amp;#8217;re talking about the
+  same thing. This identifier is also stored in the database when&amp;nbsp;saved.&lt;/li&gt;
+&lt;li&gt;I&amp;#8217;ve added an &lt;code&gt;upsert&lt;/code&gt; verb, because we don&amp;#8217;t have any way (from the
+  interface) to make a distinction between the creation of a new feature and
+  its modification. The way we intercept the creation of a feature (or its
+  update) is to use Leaflet Editable&amp;#8217;s &lt;code&gt;editable:drawing:commit&lt;/code&gt; event.  We just
+  have to listen to it and then send the appropriate messages&amp;nbsp;!&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;After some giggling around (ah, everybody wants to create a new protocol !) I
+went with reusing GeoJSON. It allowed me to have a better understanding of how
+Leaflet is using latlongs. That&amp;#8217;s a multi-dimensional array, with variable
+width, depending on the type of geometry and the number of shapes in each of&amp;nbsp;these.&lt;/p&gt;
+&lt;p&gt;Clearly not something I want to redo, so I&amp;#8217;m now reusing some Leaflet code, which handles this serialization for&amp;nbsp;me.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;m now able to sync different types of features with their&amp;nbsp;properties.&lt;/p&gt;
+&lt;video controls width="80%"&gt;
+  &lt;source src="/images/umap/sync-features.webm" type="video/webm"&gt;
+&lt;/video&gt;
+
+&lt;p&gt;Point properties are also editable, using the already-existing table editor. I
+was expecting this to require some work but it&amp;#8217;s just working without more&amp;nbsp;changes.&lt;/p&gt;
+&lt;h2 id="whats-next"&gt;What&amp;#8217;s next&amp;nbsp;?&lt;/h2&gt;
+&lt;p&gt;I&amp;#8217;m able to sync map properties, features and their properties, but I&amp;#8217;m not
+yet syncing layers. That&amp;#8217;s the next step! I also plan to make some pull
+requests with the interesting bits I&amp;#8217;m sure will go in the final&amp;nbsp;implementation:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Adding ids to features, so we have a way to refer to&amp;nbsp;them.&lt;/li&gt;
+&lt;li&gt;Having a way to map properties with how they render the interface, the &lt;code&gt;renderProperties&lt;/code&gt; bits.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When this demo will be working, I&amp;#8217;ll probably spend some time updating it with the latest changes (umap is moving a lot these weeks).
+I will probably focus on how to integrate websockets in the server side, and then will see how to leverage (maybe) some magic from CRDTs, if we need&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;See you for the next&amp;nbsp;update!&lt;/p&gt;</content><category term="code"></category><category term="umap"></category><category term="geojson"></category><category term="websockets"></category></entry><entry><title>Adding Real-Time Collaboration to uMap, second week</title><link href="https://blog.notmyidea.org/adding-real-time-collaboration-to-umap-second-week.html" rel="alternate"></link><published>2023-11-21T00:00:00+01:00</published><updated>2023-11-21T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2023-11-21:/adding-real-time-collaboration-to-umap-second-week.html</id><summary type="html">&lt;p&gt;I continued working on &lt;a href="https://github.com/umap-project/umap/"&gt;uMap&lt;/a&gt;, an open-source map-making tool to create and share customizable maps, based on Open Street Map&amp;nbsp;data.&lt;/p&gt;
 &lt;p&gt;Here is a summary of what I&amp;nbsp;did:&lt;/p&gt;
 &lt;ul&gt;
 &lt;li&gt;I reviewed, rebased and made some minor changes to &lt;a href="https://github.com/umap-project/umap/pull/772"&gt;a pull request which makes it possible to merge geojson features together …&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;</summary><content type="html">&lt;p&gt;I continued working on &lt;a href="https://github.com/umap-project/umap/"&gt;uMap&lt;/a&gt;, an open-source map-making tool to create and share customizable maps, based on Open Street Map&amp;nbsp;data.&lt;/p&gt;
diff --git a/feeds/tags/websockets.atom.xml b/feeds/tags/websockets.atom.xml
new file mode 100644
index 0000000..63b0b1c
--- /dev/null
+++ b/feeds/tags/websockets.atom.xml
@@ -0,0 +1,238 @@
+<?xml version="1.0" encoding="utf-8"?>
+<feed xmlns="http://www.w3.org/2005/Atom"><title>Alexis Métaireau - websockets</title><link href="https://blog.notmyidea.org/" rel="alternate"></link><link href="https://blog.notmyidea.org/feeds/tags/websockets.atom.xml" rel="self"></link><id>https://blog.notmyidea.org/</id><updated>2024-02-12T00:00:00+01:00</updated><entry><title>Adding collaboration on uMap, third update</title><link href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" rel="alternate"></link><published>2024-02-12T00:00:00+01:00</published><updated>2024-02-12T00:00:00+01:00</updated><author><name></name></author><id>tag:blog.notmyidea.org,2024-02-12:/adding-collaboration-on-umap-third-update.html</id><summary type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6 …&lt;/span&gt;&lt;/p&gt;</summary><content type="html">&lt;p&gt;I&amp;#8217;ve spent the last few weeks working on &lt;a href="https://umap-project.org"&gt;uMap&lt;/a&gt;, still
+with the goal of bringing real-time collaboration to the maps. I&amp;#8217;m not there
+yet, but I&amp;#8217;ve made some progress that I will relate&amp;nbsp;here.&lt;/p&gt;
+&lt;h2 id="javascript-modules"&gt;JavaScript&amp;nbsp;modules&lt;/h2&gt;
+&lt;p&gt;uMap has been there &lt;a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43"&gt;since 2012&lt;/a&gt;, at a time
+when &lt;span class="caps"&gt;ES6&lt;/span&gt; &lt;a href="https://fr.wikipedia.org/wiki/ECMAScript"&gt;wasn&amp;#8217;t out there&amp;nbsp;yet&lt;/a&gt;&lt;/p&gt;
+&lt;p&gt;At the time, it wasn&amp;#8217;t possible to use JavaScript modules, nor modern JavaScript
+syntax. The project stayed with these requirements for a long time, in order to support
+people with old browsers. But as time goes on, we can now have access to more&amp;nbsp;features.&lt;/p&gt;
+&lt;p&gt;The team has been working hard on bringing modules to the mix, and it
+wasn&amp;#8217;t a piece of cake. But, the result is here: we&amp;#8217;re &lt;a href="https://github.com/umap-project/umap/pull/1463/files"&gt;now able to use modern
+JavaSript modules&lt;/a&gt; and we
+are now more confident &lt;a href="https://github.com/umap-project/umap/commit/65f1cdd6b4569657ef5e219d9b377fec85c41958"&gt;about which features of the languages we can use or&amp;nbsp;not&lt;/a&gt;&lt;/p&gt;
+&lt;hr&gt;
+&lt;p&gt;I then spent ~way too much~ some time trying to integrate existing CRDTs like
+Automerge and &lt;span class="caps"&gt;YJS&lt;/span&gt; in our project. These two libs are unfortunately expecting us to
+use a bundler, which we aren&amp;#8217;t&amp;nbsp;currently.&lt;/p&gt;
+&lt;p&gt;uMap is plain old JavaScript. It&amp;#8217;s not using react or any other framework. The way
+I see this is that it makes it possible for us to have something &amp;#8220;close to the
+metal&amp;#8221;, if that means anything when it comes to web development. We&amp;#8217;re not tied
+to the development pace of these frameworks, and have more control on what we
+do. It&amp;#8217;s easier to&amp;nbsp;debug.&lt;/p&gt;
+&lt;p&gt;So, after making tweaks and learning how &amp;#8220;modules&amp;#8221;, &amp;#8220;requires&amp;#8221; and &amp;#8220;bundling&amp;#8221;
+was working, I ultimately decided to take a break from this path, to work on the
+wiring with uMap. After all, CRDTs might not even be the way forward for&amp;nbsp;us.&lt;/p&gt;
+&lt;h2 id="internals"&gt;Internals&lt;/h2&gt;
+&lt;p&gt;I was not expecting this to be easy and was a bit afraid. Mostly because I&amp;#8217;m out of my
+comfort zone. After some time with the head under the water, I&amp;#8217;m now able to better
+understand the big picture, and I&amp;#8217;m not getting lost in the details like I was at&amp;nbsp;first.&lt;/p&gt;
+&lt;p&gt;Let me try to summarize what I&amp;#8217;ve&amp;nbsp;learned.&lt;/p&gt;
+&lt;p&gt;uMap appears to be doing a lot of different things, but in the end&amp;nbsp;it&amp;#8217;s:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Using &lt;a href="https://leafletjs.com/"&gt;Leaflet.js&lt;/a&gt; to render &lt;em&gt;features&lt;/em&gt; on the map&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using &lt;a href="https://github.com/Leaflet/Leaflet.Editable"&gt;Leaflet Editable&lt;/a&gt; to edit
+  complex shapes, like polylines, polygons, and to draw markers&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;Using the &lt;a href="https://github.com/yohanboniface/Leaflet.FormBuilder"&gt;Formbuilder&lt;/a&gt;
+  to expose a way for the users to edit the features, and the data of the&amp;nbsp;map&lt;/li&gt;
+&lt;li&gt;Serializing the layers to and from &lt;a href="https://geojson.org/"&gt;GeoJSON&lt;/a&gt;. That&amp;#8217;s
+  what&amp;#8217;s being sent to and received from the&amp;nbsp;server.&lt;/li&gt;
+&lt;li&gt;Providing different layer types (marker cluster, chloropleth, etc) to display
+  the data in different&amp;nbsp;ways.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;h3 id="naming-matters"&gt;Naming&amp;nbsp;matters&lt;/h3&gt;
+&lt;p&gt;There is some naming overlap between the different projects we&amp;#8217;re using, and
+it&amp;#8217;s important to have these small clarifications in&amp;nbsp;mind:&lt;/p&gt;
+&lt;h4 id="leaflet-layers-and-umap-features"&gt;Leaflet layers and uMap&amp;nbsp;features&lt;/h4&gt;
+&lt;p&gt;&lt;strong&gt;In Leaflet, everything is a layer&lt;/strong&gt;. What we call &lt;em&gt;features&lt;/em&gt; in geoJSON are
+leaflet layers, and even a (uMap) layer is a layer. We need to be extra careful
+what are our inputs and outputs in this&amp;nbsp;context.&lt;/p&gt;
+&lt;p&gt;We actually have different layers concepts: the &lt;em&gt;datalayer&lt;/em&gt; and the different
+kind of layers (chloropleth, marker cluster, etc). A datalayer, is (as you can
+guess) where the data is stored. It&amp;#8217;s what uMap serializes. It contains the
+features (with their properties). But that&amp;#8217;s the trick: these features are named
+&lt;em&gt;layers&lt;/em&gt; by&amp;nbsp;Leaflet.&lt;/p&gt;
+&lt;h4 id="geojson-and-leaflet"&gt;GeoJSON and&amp;nbsp;Leaflet&lt;/h4&gt;
+&lt;p&gt;We&amp;#8217;re using GeoJSON to share data with the server, but we&amp;#8217;re using Leaflet
+internally. And these two have different way of naming&amp;nbsp;things.&lt;/p&gt;
+&lt;p&gt;The different geometries are named differently (a leaflet &lt;code&gt;Marker&lt;/code&gt; is a GeoJSON
+&lt;code&gt;Point&lt;/code&gt;), and their coordinates are stored differently: Leaflet stores &lt;code&gt;lat,
+long&lt;/code&gt; where GeoJSON stores &lt;code&gt;long, lat&lt;/code&gt;. Not a big deal, but it&amp;#8217;s a good thing
+to&amp;nbsp;know.&lt;/p&gt;
+&lt;p&gt;Leaflet stores data in &lt;code&gt;options&lt;/code&gt;, where GeoJSON stores it in &lt;code&gt;properties&lt;/code&gt;.&lt;/p&gt;
+&lt;h3 id="this-is-not-reactive-programming"&gt;This is not reactive&amp;nbsp;programming&lt;/h3&gt;
+&lt;p&gt;I was expecting the frontend to be organised similarly to Elm apps (or React
+apps): a global state and a data flow (&lt;a href="https:// react-redux.js.org/
+introduction/getting-started"&gt;a la redux&lt;/a&gt;), with events changing the data that will trigger
+a rerendering of the&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;Things work differently for us: different components can write to the map, and
+get updated without being centralized. It&amp;#8217;s just a different&amp;nbsp;paradigm.&lt;/p&gt;
+&lt;h2 id="a-syncing-proof-of-concept"&gt;A syncing proof of&amp;nbsp;concept&lt;/h2&gt;
+&lt;p&gt;With that in mind, I started thinking about a simple way to implement&amp;nbsp;syncing. &lt;/p&gt;
+&lt;p&gt;I left aside all the thinking about how this would relate with CRDTs. It can
+be useful, but later. For now, I &amp;#8220;just&amp;#8221; want to synchronize two maps. I want a
+proof of concept to do informed&amp;nbsp;decisions.&lt;/p&gt;
+&lt;h3 id="syncing-map-properties"&gt;Syncing map&amp;nbsp;properties&lt;/h3&gt;
+&lt;p&gt;I started syncing map properties. Things like the name of the map, the default
+color and type of the marker, the description, the default zoom level,&amp;nbsp;etc.&lt;/p&gt;
+&lt;p&gt;All of these are handled by &amp;#8220;the formbuilder&amp;#8221;. You pass it an object, a list of
+properties and a callback to call when an update happens, and it will build for
+you form&amp;nbsp;inputs.&lt;/p&gt;
+&lt;p&gt;Taken from the documentation (and&amp;nbsp;simplified):&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;display name&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;maxZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;max zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;minZoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurIntInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;min zoom&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;BlurInput&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;placeholder&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;attribution&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}],&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;tms&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nx"&gt;handler&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;CheckBox&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;helpText&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;TMS format&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;}]&lt;/span&gt;
+&lt;span class="p"&gt;];&lt;/span&gt;
+&lt;span class="kd"&gt;var&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;builder&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;L&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;FormBuilder&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;myObject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;tilelayerFields&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callback&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;myCallback&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
+&lt;span class="w"&gt;    &lt;/span&gt;&lt;span class="nx"&gt;callbackContext&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;
+&lt;span class="p"&gt;});&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;In uMap, the formbuilder is used for every form you see on the right panel. Map
+properties are stored in the &lt;code&gt;map&lt;/code&gt; object.&lt;/p&gt;
+&lt;p&gt;We want two different clients work together. When one changes the value of a
+property, the other client needs to be updated, and update its&amp;nbsp;interface.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;ve started by creating a mapping of property names to rerender-methods, and
+added a method &lt;code&gt;renderProperties(properties)&lt;/code&gt; which updates the interface,
+depending on the properties passed to&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;We now have two important&amp;nbsp;things:&lt;/p&gt;
+&lt;ol&gt;
+&lt;li&gt;Some code getting called each time a property is changed&amp;nbsp;;&lt;/li&gt;
+&lt;li&gt;A way to refresh the right interface when a property is&amp;nbsp;changed.&lt;/li&gt;
+&lt;/ol&gt;
+&lt;p&gt;In other words, from one client we can send the message to the other client,
+which will be able to rerender&amp;nbsp;itself.&lt;/p&gt;
+&lt;p&gt;Looks like a&amp;nbsp;plan.&lt;/p&gt;
+&lt;h2 id="websockets"&gt;Websockets&lt;/h2&gt;
+&lt;p&gt;We need a way for the data to go from one side to the other. The easiest
+way is probably&amp;nbsp;websockets.&lt;/p&gt;
+&lt;p&gt;Here is a simple code which will relay messages from one websocket to the other
+connected clients. It&amp;#8217;s not the final code, it&amp;#8217;s just for demo&amp;nbsp;puposes.&lt;/p&gt;
+&lt;p&gt;A basic way to do this on the server side is to use python&amp;#8217;s
+&lt;a href="https://websockets.readthedocs.io/"&gt;websockets&lt;/a&gt;&amp;nbsp;library.&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;asyncio&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;websockets&lt;/span&gt;
+&lt;span class="kn"&gt;from&lt;/span&gt; &lt;span class="nn"&gt;websockets.server&lt;/span&gt; &lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;
+&lt;span class="kn"&gt;import&lt;/span&gt; &lt;span class="nn"&gt;json&lt;/span&gt;
+
+&lt;span class="c1"&gt;# Just relay all messages to other connected peers for now&lt;/span&gt;
+
+&lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nb"&gt;set&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;add&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;try&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+            &lt;span class="c1"&gt;# recompute the peers-list at the time of message-sending.&lt;/span&gt;
+            &lt;span class="c1"&gt;# doing so beforehand would miss new connections&lt;/span&gt;
+            &lt;span class="n"&gt;peers&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt; &lt;span class="o"&gt;-&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
+            &lt;span class="n"&gt;websockets&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;broadcast&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;peers&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+    &lt;span class="k"&gt;finally&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
+        &lt;span class="n"&gt;CONNECTIONS&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;remove&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+    &lt;span class="n"&gt;message&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;recv&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+    &lt;span class="n"&gt;event&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;json&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;loads&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;message&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+    &lt;span class="c1"&gt;# The first event should always be &amp;#39;join&amp;#39;&lt;/span&gt;
+    &lt;span class="k"&gt;assert&lt;/span&gt; &lt;span class="n"&gt;event&lt;/span&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="s2"&gt;&amp;quot;kind&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;join&amp;quot;&lt;/span&gt;
+    &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;join_and_listen&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;websocket&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;def&lt;/span&gt; &lt;span class="nf"&gt;main&lt;/span&gt;&lt;span class="p"&gt;():&lt;/span&gt;
+    &lt;span class="k"&gt;async&lt;/span&gt; &lt;span class="k"&gt;with&lt;/span&gt; &lt;span class="n"&gt;serve&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;handler&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="s2"&gt;&amp;quot;localhost&amp;quot;&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;8001&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
+        &lt;span class="k"&gt;await&lt;/span&gt; &lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;Future&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;  &lt;span class="c1"&gt;# run forever&lt;/span&gt;
+
+&lt;span class="n"&gt;asyncio&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="n"&gt;run&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;main&lt;/span&gt;&lt;span class="p"&gt;())&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;On the client side, it&amp;#8217;s fairly easy as well. I won&amp;#8217;t even cover it&amp;nbsp;here.&lt;/p&gt;
+&lt;p&gt;We now have a way to send data from one client to the other.
+Let&amp;#8217;s consider the actions we do as &amp;#8220;verbs&amp;#8221;. For now, we&amp;#8217;re just updating
+properties values, so we just need the &lt;code&gt;update&lt;/code&gt; verb.&lt;/p&gt;
+&lt;h2 id="code-architecture"&gt;Code&amp;nbsp;architecture&lt;/h2&gt;
+&lt;p&gt;We need different&amp;nbsp;parts:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;the &lt;strong&gt;transport&lt;/strong&gt;, which connects to the websockets, sends and receives&amp;nbsp;messages.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message sender&lt;/strong&gt; to relat local messages to the other&amp;nbsp;party.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;message receiver&lt;/strong&gt; that&amp;#8217;s being called each time we receive a&amp;nbsp;message.&lt;/li&gt;
+&lt;li&gt;the &lt;strong&gt;sync engine&lt;/strong&gt; which glues everything&amp;nbsp;together&lt;/li&gt;
+&lt;li&gt;Different &lt;strong&gt;updaters&lt;/strong&gt;, which knows how to apply received messages, the goal being
+  to update the interface in the&amp;nbsp;end.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When receiving a message it will be routed to the correct updater, which will
+know what to do with&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;In our case, its fairly simple: when updating the &lt;code&gt;name&lt;/code&gt; property, we send a
+message with &lt;code&gt;name&lt;/code&gt; and &lt;code&gt;value&lt;/code&gt;. We also need to send along some additional
+info: the &lt;code&gt;subject&lt;/code&gt;.&lt;/p&gt;
+&lt;p&gt;In our case, it&amp;#8217;s &lt;code&gt;map&lt;/code&gt; because we&amp;#8217;re updating map&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;When initializing the &lt;code&gt;map&lt;/code&gt;, we&amp;#8217;re initializing the &lt;code&gt;SyncEngine&lt;/code&gt;, like&amp;nbsp;this:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="c1"&gt;// inside the map&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="ow"&gt;new&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;umap&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;SyncEngine&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+
+&lt;span class="c1"&gt;// Then, when we need to send data to the other party&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncEngine&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+&lt;span class="kd"&gt;let&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;obj&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;getSyncSubject&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
+
+&lt;span class="nx"&gt;syncEngine&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;update&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;subject&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;field&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;p&gt;The code on the other side of the wire is simple enough: when you receive the
+message, change the data and rerender the&amp;nbsp;properties:&lt;/p&gt;
+&lt;div class="highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;code&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;updateObjectValue&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;&lt;span class="w"&gt; &lt;/span&gt;&lt;span class="nx"&gt;value&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;map&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;renderProperties&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;key&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
+&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;
+
+&lt;h2 id="syncing-features"&gt;Syncing&amp;nbsp;features&lt;/h2&gt;
+&lt;p&gt;At this stage I was able to sync the properties of the map. A
+small victory, but not the end of the&amp;nbsp;trip.&lt;/p&gt;
+&lt;p&gt;The next step was to add syncing for features: markers, polygon and polylines,
+alongside their&amp;nbsp;properties.&lt;/p&gt;
+&lt;p&gt;All of these features have a uMap class representation (which extends Leaflets
+ones). All of them share some code in the &lt;code&gt;FeatureMixin&lt;/code&gt; class.&lt;/p&gt;
+&lt;p&gt;That seems a good place to do the&amp;nbsp;changes.&lt;/p&gt;
+&lt;p&gt;I did a few&amp;nbsp;changes:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Each feature now has an identifier, so clients know they&amp;#8217;re talking about the
+  same thing. This identifier is also stored in the database when&amp;nbsp;saved.&lt;/li&gt;
+&lt;li&gt;I&amp;#8217;ve added an &lt;code&gt;upsert&lt;/code&gt; verb, because we don&amp;#8217;t have any way (from the
+  interface) to make a distinction between the creation of a new feature and
+  its modification. The way we intercept the creation of a feature (or its
+  update) is to use Leaflet Editable&amp;#8217;s &lt;code&gt;editable:drawing:commit&lt;/code&gt; event.  We just
+  have to listen to it and then send the appropriate messages&amp;nbsp;!&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;After some giggling around (ah, everybody wants to create a new protocol !) I
+went with reusing GeoJSON. It allowed me to have a better understanding of how
+Leaflet is using latlongs. That&amp;#8217;s a multi-dimensional array, with variable
+width, depending on the type of geometry and the number of shapes in each of&amp;nbsp;these.&lt;/p&gt;
+&lt;p&gt;Clearly not something I want to redo, so I&amp;#8217;m now reusing some Leaflet code, which handles this serialization for&amp;nbsp;me.&lt;/p&gt;
+&lt;p&gt;I&amp;#8217;m now able to sync different types of features with their&amp;nbsp;properties.&lt;/p&gt;
+&lt;video controls width="80%"&gt;
+  &lt;source src="/images/umap/sync-features.webm" type="video/webm"&gt;
+&lt;/video&gt;
+
+&lt;p&gt;Point properties are also editable, using the already-existing table editor. I
+was expecting this to require some work but it&amp;#8217;s just working without more&amp;nbsp;changes.&lt;/p&gt;
+&lt;h2 id="whats-next"&gt;What&amp;#8217;s next&amp;nbsp;?&lt;/h2&gt;
+&lt;p&gt;I&amp;#8217;m able to sync map properties, features and their properties, but I&amp;#8217;m not
+yet syncing layers. That&amp;#8217;s the next step! I also plan to make some pull
+requests with the interesting bits I&amp;#8217;m sure will go in the final&amp;nbsp;implementation:&lt;/p&gt;
+&lt;ul&gt;
+&lt;li&gt;Adding ids to features, so we have a way to refer to&amp;nbsp;them.&lt;/li&gt;
+&lt;li&gt;Having a way to map properties with how they render the interface, the &lt;code&gt;renderProperties&lt;/code&gt; bits.&lt;/li&gt;
+&lt;/ul&gt;
+&lt;p&gt;When this demo will be working, I&amp;#8217;ll probably spend some time updating it with the latest changes (umap is moving a lot these weeks).
+I will probably focus on how to integrate websockets in the server side, and then will see how to leverage (maybe) some magic from CRDTs, if we need&amp;nbsp;it.&lt;/p&gt;
+&lt;p&gt;See you for the next&amp;nbsp;update!&lt;/p&gt;</content><category term="code"></category><category term="umap"></category><category term="geojson"></category><category term="websockets"></category></entry></feed>
\ No newline at end of file
diff --git a/tag/geojson.html b/tag/geojson.html
new file mode 100644
index 0000000..e190ad3
--- /dev/null
+++ b/tag/geojson.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <title>
+geojson - Alexis Métaireau        </title>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet"
+              href="https://blog.notmyidea.org/theme/css/main.css?v2"
+              type="text/css" />
+        <link href="https://blog.notmyidea.org/feeds/all.atom.xml"
+              type="application/atom+xml"
+              rel="alternate"
+              title="Alexis Métaireau ATOM Feed" />
+    </head>
+    <body>
+        <div id="content">
+            <section id="links">
+                <ul>
+                            <li>
+                                <a class="main" href="/">Alexis Métaireau</a>
+                            </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/journal/index.html">Journal</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/code/">Code, etc.</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/weeknotes/">Notes hebdo</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/lectures/">Lectures</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/projets.html">Projets</a>
+                        </li>
+                </ul>
+            </section>
+<h1>Tag « geojson »</h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
+<ul>
+</ul>
+</section>
+            <footer>
+                <a id="feed" href="/feeds/all.atom.xml">
+                    <img alt="RSS Logo" src="/theme/rss.svg" />
+                </a>
+            </footer>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/tag/umap.html b/tag/umap.html
index 6f2742e..eaf8a84 100644
--- a/tag/umap.html
+++ b/tag/umap.html
@@ -2,7 +2,7 @@
 <html lang="fr">
     <head>
         <title>
-uMap - Alexis Métaireau        </title>
+umap - Alexis Métaireau        </title>
         <meta charset="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link rel="stylesheet"
@@ -42,7 +42,19 @@ uMap - Alexis Métaireau        </title>
                         </li>
                 </ul>
             </section>
-<h1>Tag « uMap »</h1>
+<h1>Tag « umap »</h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
 <section class="section index">
     <time datetime="2023-11-21T00:00:00+01:00">21 novembre 2023</time>
 
diff --git a/tag/websockets.html b/tag/websockets.html
new file mode 100644
index 0000000..034e05b
--- /dev/null
+++ b/tag/websockets.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <title>
+websockets - Alexis Métaireau        </title>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet"
+              href="https://blog.notmyidea.org/theme/css/main.css?v2"
+              type="text/css" />
+        <link href="https://blog.notmyidea.org/feeds/all.atom.xml"
+              type="application/atom+xml"
+              rel="alternate"
+              title="Alexis Métaireau ATOM Feed" />
+    </head>
+    <body>
+        <div id="content">
+            <section id="links">
+                <ul>
+                            <li>
+                                <a class="main" href="/">Alexis Métaireau</a>
+                            </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/journal/index.html">Journal</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/code/">Code, etc.</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/weeknotes/">Notes hebdo</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/lectures/">Lectures</a>
+                        </li>
+                        <li>
+                            <a class=""
+                               href="https://blog.notmyidea.org/projets.html">Projets</a>
+                        </li>
+                </ul>
+            </section>
+<h1>Tag « websockets »</h1>
+<section class="section index">
+    <time datetime="2024-02-12T00:00:00+01:00">12 février 2024</time>
+
+        <a class='tag' href="https://blog.notmyidea.org/tag/umap.html">umap</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>,         <a class='tag' href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>    <h1><a href="https://blog.notmyidea.org/adding-collaboration-on-umap-third-update.html" id="page-title">Adding collaboration on uMap, third&nbsp;update</a></h1>
+    <p>I&#8217;ve spent the last few weeks working on <a href="https://umap-project.org">uMap</a>, still
+with the goal of bringing real-time collaboration to the maps. I&#8217;m not there
+yet, but I&#8217;ve made some progress that I will relate&nbsp;here.</p>
+<h2 id="javascript-modules">JavaScript&nbsp;modules</h2>
+<p>uMap has been there <a href="https://github.com/
+umap-project/umap/commit/0cce7f9e2a19c83fa76645d7773d39d54f357c43">since 2012</a>, at a time
+when <span class="caps">ES6 …</span></p>
+</section>
+<ul>
+</ul>
+</section>
+            <footer>
+                <a id="feed" href="/feeds/all.atom.xml">
+                    <img alt="RSS Logo" src="/theme/rss.svg" />
+                </a>
+            </footer>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/tags.html b/tags.html
index 74d159b..722bdab 100644
--- a/tags.html
+++ b/tags.html
@@ -45,6 +45,9 @@ Alexis Métaireau        </title>
 <p>Voici une liste de tous les tags utilisés sur ce site :</p>
 <ul>
 
+     <a data-size="3" href="https://blog.notmyidea.org/tag/umap.html">umap</a>
+     <a data-size="" href="https://blog.notmyidea.org/tag/geojson.html">geojson</a>
+     <a data-size="" href="https://blog.notmyidea.org/tag/websockets.html">websockets</a>
      <a data-size="" href="https://blog.notmyidea.org/tag/javascript.html">Javascript</a>
      <a data-size="2" href="https://blog.notmyidea.org/tag/collectif.html">collectif</a>
      <a data-size="" href="https://blog.notmyidea.org/tag/raconter.html">raconter</a>
@@ -58,7 +61,6 @@ Alexis Métaireau        </title>
      <a data-size="6" href="https://blog.notmyidea.org/tag/python.html">Python</a>
      <a data-size="2" href="https://blog.notmyidea.org/tag/crdt.html">CRDT</a>
      <a data-size="2" href="https://blog.notmyidea.org/tag/sync.html">Sync</a>
-     <a data-size="2" href="https://blog.notmyidea.org/tag/umap.html">uMap</a>
      <a data-size="" href="https://blog.notmyidea.org/tag/postgresql.html">postgresql</a>
      <a data-size="" href="https://blog.notmyidea.org/tag/sysadmin.html">sysadmin</a>
      <a data-size="2" href="https://blog.notmyidea.org/tag/datasette.html">Datasette</a>