From 45ac3a28ef474d4a8775868bce5dad86dc3bc58f Mon Sep 17 00:00:00 2001
From: Andreas Motl <andreas.motl@panodata.org>
Date: Sat, 17 Jun 2023 15:41:09 +0200
Subject: [PATCH] [image-refresh] Prevent registering refresh handlers twice

The global `refreshing_images` variable will track all image elements
which should be refreshed, in order to prevent registering refresh
handlers twice, for example when running multiple instances of this
component.
---
 text-panel/image-refresh.html | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/text-panel/image-refresh.html b/text-panel/image-refresh.html
index c80d864..221f833 100644
--- a/text-panel/image-refresh.html
+++ b/text-panel/image-refresh.html
@@ -21,13 +21,19 @@
 
   <script type="text/javascript">
 
+      // Track all image elements which should be refreshed, in order to prevent
+      // registering refresh handlers twice, for example when running multiple
+      // instances of this component.
+      window.refreshing_images = []
+
       /**
        * Apply image refreshing to all `img` elements which have a `data-refresh` attribute.
        */
       function registerRefreshingImages() {
           const images = document.getElementsByTagName("img")
           for (const image of images) {
-              if ("data-refresh" in image.attributes) {
+              if (!window.refreshing_images.includes(image) && "data-refresh" in image.attributes) {
+                  window.refreshing_images.push(image)
                   console.log(`Registering image refresh for: ${image.src}`)
                   refreshImage(image)
               }