Add tooltips with the names of the events

package.json

@@ -14,6 +14,7 @@
     "@rollup/plugin-commonjs": "^17.0.0",
     "@rollup/plugin-json": "^4.1.0",
     "@rollup/plugin-node-resolve": "^11.0.0",
+    "@rollup/plugin-replace": "^4.0.0",
     "dav": "^1.8.0",
     "postcss": "^8.3.11",
     "prettier": "^2.4.1",
@@ -36,6 +37,7 @@
     "@fullcalendar/list": "^5.10.1",
     "@fullcalendar/resource-timeline": "^5.10.1",
     "@fullcalendar/rrule": "^5.10.1",
+    "@rollup/plugin-replace": "^4.0.0",
     "@nextcloud/cdav-library": "^1.0.0",
     "bootstrap": "^5.1.3",
     "bootstrap-icons": "^1.8.1",

rollup.config.js

@@ -7,7 +7,8 @@ import css from 'rollup-plugin-css-only'
 import postcss from 'rollup-plugin-postcss'
 import dev from 'rollup-plugin-dev'
 import copy from 'rollup-plugin-copy'
-import json from '@rollup/plugin-json';
+import json from '@rollup/plugin-json'
+import replace from '@rollup/plugin-replace'
 
 const production = !process.env.ROLLUP_WATCH
 
@@ -42,6 +43,9 @@ export default {
     file: 'public/build/bundle.js'
   },
   plugins: [
+    replace({
+      'process.env.NODE_ENV': JSON.stringify(production ? 'production' : 'dev')
+    }),
     svelte({
       compilerOptions: {
         // enable run-time checks when not in production
@@ -100,7 +104,6 @@ export default {
             from: '/cal/frama-agenda',
             to: 'https://framagenda.org/remote.php/dav/public-calendars/'
           }
-
         ],
         port: 5000
       }),

src/App.svelte

@@ -18,6 +18,9 @@
   import 'bootstrap/dist/css/bootstrap.css';
   import 'bootstrap-icons/font/bootstrap-icons.css';
   import bootstrap5Plugin from '@fullcalendar/bootstrap5';
+  import { Tooltip } from 'bootstrap';
+
+  import { createPopper } from '@popperjs/core';
 
   import ENSLocations from './static-ens-locations.json';
 
@@ -92,7 +95,13 @@
     themeSystem: 'bootstrap5',
     nextDayThreshold: '05:00:00',
     progressiveEventRendering: true,
-    expandRows: true
+    expandRows: true,
+    eventDidMount: info => {
+      new Tooltip(info.el, {
+        title: info.event.extendedProps.short_name,
+        placement: 'top'
+      });
+    }
   });
 
   const flatten = d => {
@@ -164,7 +173,6 @@
     margin-bottom: 0 !important;
   }
 
-
   :global(.fc-toolbar-chunk:not(:last-child)) {
     margin-bottom: 0.25em;
   }