@eeacms/volto-flourish 0.1.3 → 0.1.4

package/CHANGELOG.md

@@ -4,7 +4,12 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [0.1.3](https://github.com/eea/volto-flourish/compare/0.1.2...0.1.3) - 13 February 2025
+### [0.1.4](https://github.com/eea/volto-flourish/compare/0.1.3...0.1.4) - 18 February 2025
+
+#### :hammer_and_wrench: Others
+
+- Fix re-display of flourish [Tiberiu Ichim - [`9c6a2c0`](https://github.com/eea/volto-flourish/commit/9c6a2c06c746bf4fb00aa1ed06ed4122152462ae)]
+### [0.1.3](https://github.com/eea/volto-flourish/compare/0.1.2...0.1.3) - 17 February 2025
 
 #### :bug: Bug Fixes
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-flourish",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "@eeacms/volto-flourish: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

package/src/components/Flourish.jsx

@@ -1,30 +1,30 @@
-import { useEffect, useRef } from 'react';
+import { useEffect } from 'react';
 
 export default function Flourish({ baseUrl }) {
-  const containerRef = useRef(null);
   const flourishUrl = `${baseUrl}/@@flourish/index.html`;
   const scriptUrl = `${baseUrl}/@@flourish/flourish.embed.js`;
 
   useEffect(() => {
-    if (!baseUrl || !containerRef.current) return;
+    if (!baseUrl) return;
 
-    const script = document.createElement('script');
-    script.src = scriptUrl;
-    script.async = true;
-    script.onload = () => {};
+    if (!window.FlourishLoaded) {
+      window.Flourish = { disable_autoload: true };
 
-    document.body.appendChild(script);
+      const script = document.createElement('script');
+      script.src = scriptUrl;
+      script.async = true;
+      script.onload = () => {};
 
-    return () => {
-      document.body.removeChild(script);
-    };
+      document.body.appendChild(script);
+    } else {
+      setTimeout(() => {
+        const domNodes = document.querySelectorAll('.flourish-embed');
+        domNodes.forEach((domNode) => window.Flourish.loadEmbed(domNode));
+      }, 10);
+    }
+
+    return () => {};
   }, [baseUrl, scriptUrl]);
 
-  return (
-    <div
-      ref={containerRef}
-      className="flourish-embed"
-      data-src={flourishUrl}
-    ></div>
-  );
+  return <div className="flourish-embed" data-src={flourishUrl}></div>;
 }